@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-Regular.ttf') format("truetype");
	font-weight: normal
}

@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-SemiBold.ttf') format("truetype");
	font-weight: bold
}

@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-SemiBoldItalic.ttf') format("truetype");
	font-weight: bold;
	font-style:  italic
}

@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-Light.ttf') format("truetype");
	font-weight: 300
}

@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-Regular.ttf') format("truetype");
	font-weight: 300;
	font-style:  italic
}

@font-face {
	font-family: Barlow;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Barlow-Medium.ttf') format("truetype");
	font-weight: 500;
	font-style:  normal
}

@font-face {
	font-family: bootstrap-icons;
	src:         url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Bootstrap/bootstrap-icons.woff2') format("woff2"), url('../../../typo3conf/ext/detectomat/Resources/Public/Fonts/Bootstrap/bootstrap-icons.woff') format("woff")
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, .7)
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 10px rgba(0, 0, 0, 0)
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, 0)
	}
}

@keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, .7)
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 10px rgba(0, 0, 0, 0)
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, 0)
	}
}

@-webkit-keyframes pulseSmall {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, .7)
	}
	70% {
		-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 6px rgba(0, 0, 0, 0)
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, 0)
	}
}

@keyframes pulseSmall {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, .7)
	}
	70% {
		-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 6px rgba(0, 0, 0, 0)
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow:         0 0 0 0 rgba(0, 0, 0, 0)
	}
}

@-webkit-keyframes shake {
	10%, 90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform:         translate3d(-1px, 0, 0)
	}
	20%, 80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform:         translate3d(2px, 0, 0)
	}
	30%, 50%, 70% {
		-webkit-transform: translate3d(-2px, 0, 0);
		transform:         translate3d(-2px, 0, 0)
	}
	40%, 60% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform:         translate3d(2px, 0, 0)
	}
}

@keyframes shake {
	10%, 90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform:         translate3d(-1px, 0, 0)
	}
	20%, 80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform:         translate3d(2px, 0, 0)
	}
	30%, 50%, 70% {
		-webkit-transform: translate3d(-2px, 0, 0);
		transform:         translate3d(-2px, 0, 0)
	}
	40%, 60% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform:         translate3d(2px, 0, 0)
	}
}

.disableTextSelect ::selection, .mainNav ::selection, .metaNavBar ::selection, .mobileMetaNavbar ::selection, .swiperOuterContainer.detectomatHighlightsSlider ::selection, .swiperOuterContainer.homeHeroSlider ::selection, .swiper-pagination .swiper-pagination-bullet ::selection {
	color:      none;
	background: none
}

.disableTextSelect ::-moz-selection, .mainNav ::-moz-selection, .metaNavBar ::-moz-selection, .mobileMetaNavbar ::-moz-selection, .swiperOuterContainer.detectomatHighlightsSlider ::-moz-selection, .swiperOuterContainer.homeHeroSlider ::-moz-selection, .swiper-pagination .swiper-pagination-bullet ::-moz-selection {
	color:      none;
	background: none
}

.p10, .defContainer {
	padding: 10px
}

.py10, .metaNavBar {
	padding-top:    10px;
	padding-bottom: 10px
}

.px10 {
	padding-left:  10px;
	padding-right: 10px
}

.pr10 {
	padding-right: 10px
}

.m10 {
	margin: 10px
}

.my10 {
	margin-top:    10px;
	margin-bottom: 10px
}

.mt10 {
	margin-top: 10px
}

.mx10, .metaNavBar .metaNavBarActions > li, .metaNavBar .mobileMetaNavBarActions > li, .mobileMetaNavbar .metaNavBarActions > li, .mobileMetaNavbar .mobileMetaNavBarActions > li {
	margin-left:  10px;
	margin-right: 10px
}

.p20, .swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMediaContainer {
	padding: 20px
}

.py20 {
	padding-top:    20px;
	padding-bottom: 20px
}

.px20 {
	padding-left:  20px;
	padding-right: 20px
}

.pr20 {
	padding-right: 20px
}

.m20 {
	margin: 20px
}

.my20 {
	margin-top:    20px;
	margin-bottom: 20px
}

.mt20 {
	margin-top: 20px
}

.mx20 {
	margin-left:  20px;
	margin-right: 20px
}

.p30 {
	padding: 30px
}

.py30 {
	padding-top:    30px;
	padding-bottom: 30px
}

.px30 {
	padding-left:  30px;
	padding-right: 30px
}

.pr30 {
	padding-right: 30px
}

.m30 {
	margin: 30px
}

.my30 {
	margin-top:    30px;
	margin-bottom: 30px
}

.mt30 {
	margin-top: 30px
}

.mx30 {
	margin-left:  30px;
	margin-right: 30px
}

.p40 {
	padding: 40px
}

.py40 {
	padding-top:    40px;
	padding-bottom: 40px
}

.px40 {
	padding-left:  40px;
	padding-right: 40px
}

.pr40 {
	padding-right: 40px
}

.m40 {
	margin: 40px
}

.my40 {
	margin-top:    40px;
	margin-bottom: 40px
}

.mt40 {
	margin-top: 40px
}

.mx40 {
	margin-left:  40px;
	margin-right: 40px
}

.p50 {
	padding: 50px
}

.py50 {
	padding-top:    50px;
	padding-bottom: 50px
}

.px50 {
	padding-left:  50px;
	padding-right: 50px
}

.pr50 {
	padding-right: 50px
}

.m50 {
	margin: 50px
}

.my50 {
	margin-top:    50px;
	margin-bottom: 50px
}

.mt50 {
	margin-top: 50px
}

.mx50 {
	margin-left:  50px;
	margin-right: 50px
}

.p60 {
	padding: 60px
}

.py60 {
	padding-top:    60px;
	padding-bottom: 60px
}

.px60 {
	padding-left:  60px;
	padding-right: 60px
}

.pr60 {
	padding-right: 60px
}

.m60 {
	margin: 60px
}

.my60 {
	margin-top:    60px;
	margin-bottom: 60px
}

.mt60 {
	margin-top: 60px
}

.mx60 {
	margin-left:  60px;
	margin-right: 60px
}

.p70 {
	padding: 70px
}

.py70 {
	padding-top:    70px;
	padding-bottom: 70px
}

.px70 {
	padding-left:  70px;
	padding-right: 70px
}

.pr70 {
	padding-right: 70px
}

.m70 {
	margin: 70px
}

.my70 {
	margin-top:    70px;
	margin-bottom: 70px
}

.mt70 {
	margin-top: 70px
}

.mx70 {
	margin-left:  70px;
	margin-right: 70px
}

.p80 {
	padding: 80px
}

.py80 {
	padding-top:    80px;
	padding-bottom: 80px
}

.px80 {
	padding-left:  80px;
	padding-right: 80px
}

.pr80 {
	padding-right: 80px
}

.m80 {
	margin: 80px
}

.my80 {
	margin-top:    80px;
	margin-bottom: 80px
}

.mt80 {
	margin-top: 80px
}

.mx80 {
	margin-left:  80px;
	margin-right: 80px
}

.p90 {
	padding: 90px
}

.py90 {
	padding-top:    90px;
	padding-bottom: 90px
}

.px90 {
	padding-left:  90px;
	padding-right: 90px
}

.pr90 {
	padding-right: 90px
}

.m90 {
	margin: 90px
}

.my90 {
	margin-top:    90px;
	margin-bottom: 90px
}

.mt90 {
	margin-top: 90px
}

.mx90 {
	margin-left:  90px;
	margin-right: 90px
}

.p100 {
	padding: 100px
}

.py100 {
	padding-top:    100px;
	padding-bottom: 100px
}

.px100, .mainNav .mainSubNavOuterContainer .mainSubNav, .mainNav ul {
	padding-left:  100px;
	padding-right: 100px
}

.pr100 {
	padding-right: 100px
}

.m100 {
	margin: 100px
}

.my100 {
	margin-top:    100px;
	margin-bottom: 100px
}

.mt100 {
	margin-top: 100px
}

.mx100 {
	margin-left:  100px;
	margin-right: 100px
}

.text-center, .defContainer {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.color-primary, .metaNavBar .langSwitcher li.active, .mobileMetaNavbar .langSwitcher li.active, .metaNavBar .linkMemo span, .mobileMetaNavbar .linkMemo span {
	color: #da291c
}

.color-secondary {
	color: #12182c
}

.text-white {
	color: #fff
}

.responsiveImage, .eventsMapsLocal .mapGermanyContainer img, .footer .footerClaim img {
	max-width: 100%;
	height:    auto
}

.dibcs > * {
	display: inline-block
}

.p0, .newsletterBanner ul, .mainNav ul, .metaNavBar .langSwitcher, .mobileMetaNavbar .langSwitcher, .metaNavBar .metaNavBarActions, .metaNavBar .mobileMetaNavBarActions, .mobileMetaNavbar .metaNavBarActions, .mobileMetaNavbar .mobileMetaNavBarActions, .footer .footerCr ul, .footer .footerClaim p {
	padding: 0
}

.m0, .newsletterBanner ul, .mainNav ul, .metaNavBar .langSwitcher, .mobileMetaNavbar .langSwitcher, .metaNavBar .metaNavBarActions, .metaNavBar .mobileMetaNavBarActions, .mobileMetaNavbar .metaNavBarActions, .mobileMetaNavbar .mobileMetaNavBarActions, .footer .footerCr ul, .footer .footerClaim p, .metaNavBar ul {
	margin: 0
}

.limitGridWidth {
	width: 60%
}

.py180 {
	padding-top:    180px;
	padding-bottom: 180px
}

.py140 {
	padding-top:    140px;
	padding-bottom: 140px
}

.posRel {
	position: relative
}

.fullWidth {
	width: 100%
}

.colorPrimary {
	color: #da291c
}

.colorSecondary {
	color: #122b62
}

.strong {
	font-weight: bold
}

body ::selection {
	background: rgba(218, 41, 28, .8)
}

body ::-moz-selection {
	background: rgba(218, 41, 28, .8)
}

.customScrollbar::-webkit-scrollbar {
	width:  2px;
	height: 2px
}

.customScrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(218, 41, 28, .4);
	border-radius:      1px
}

.customScrollbar::-webkit-scrollbar-thumb {
	border-radius:      1px;
	-webkit-box-shadow: inset 0 0 6px #da291c
}

.customScrollbar::-webkit-scrollbar:horizontal {
	width: 2px
}

.customScrollbar::-webkit-scrollbar-track:horizontal {
	-webkit-box-shadow: inset 0 0 6px rgba(218, 41, 28, .4);
	border-radius:      1px
}

.customScrollbar::-webkit-scrollbar-thumb:horizontal {
	border-radius:      1px;
	-webkit-box-shadow: inset 0 0 6px #da291c
}

mark {
	background-color: transparent;
	color:            #da291c;
	font-weight:      500
}

.mark.detectomat {
	background-color: transparent;
	color:            #da291c;
	font-weight:      500
}

.mark.simax {
	background-color: transparent;
	color:            #ffe111;
	font-weight:      500
}

.mark.medium {
	font-weight: 500
}

b, strong {
	font-weight: bold
}

h1 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h2 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h3 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h4 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h5 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h6 {
	color:          #122b62;
	font-weight:    300;
	text-transform: uppercase
}

h1, h2 {
	font-size: 4.4rem
}

h3 {
	font-size: 2.9rem
}

h4 {
	font-size: 2.3rem
}

h5 {
	font-size: 1.9rem
}

h6 {
	font-size: 1.6rem
}

hr, .hr {
	border:     none;
	padding:    0;
	margin:     35px 0;
	height:     1px;
	background: #a9a9a9
}

hr.light, .hr.light {
	background: #e2e2e2
}

hr.dark, .hr.dark {
	background: #464646
}

img::selection, video::selection {
	color:      none;
	background: none
}

img::-moz-selection, video::-moz-selection {
	color:      none;
	background: none
}

.mediaelement {
	font-size: 0
}

.mediaelement-video {
	aspect-ratio: auto 426/240;
	position:     relative
}

.mediaelement-video video {
	width:     100%;
	height:    auto;
	position:  absolute;
	top:       50%;
	left:      0;
	transform: translateY(-50%)
}

video {
	outline: none
}

.videoContainer {
	position:  relative;
	font-size: 0
}

.videoContainer:after {
	content:                            none;
	position:                           absolute;
	top:                                50%;
	left:                               50%;
	-webkit-transform:                  translate(-50%, -50%) scale(1);
	-ms-transform:                      translate(-50%, -50%) scale(1);
	transform:                          translate(-50%, -50%) scale(1);
	background:                         #122b62 url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-play.svg') no-repeat center;
	border:                             1px solid #102555;
	background-size:                    46%;
	background-position:                calc(50% - -1px) 50%;
	width:                              60px;
	height:                             60px;
	border-radius:                      50%;
	opacity:                            1;
	-webkit-transition:                 350ms opacity cubic-bezier(0.185, -0.6, 0.23, 1.65), 350ms -webkit-transform cubic-bezier(0.185, -0.6, 0.23, 1.65);
	transition:                         350ms opacity cubic-bezier(0.185, -0.6, 0.23, 1.65), 350ms -webkit-transform cubic-bezier(0.185, -0.6, 0.23, 1.65);
	transition:                         350ms opacity cubic-bezier(0.185, -0.6, 0.23, 1.65), 350ms transform cubic-bezier(0.185, -0.6, 0.23, 1.65);
	transition:                         350ms opacity cubic-bezier(0.185, -0.6, 0.23, 1.65), 350ms transform cubic-bezier(0.185, -0.6, 0.23, 1.65), 350ms -webkit-transform cubic-bezier(0.185, -0.6, 0.23, 1.65);
	-webkit-transition-timing-function: cubic-bezier(0.185, -0.6, 0.23, 1.65);
	transition-timing-function:         cubic-bezier(0.185, -0.6, 0.23, 1.65)
}

.videoContainer.isPlaying:after {
	opacity:           0;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform:     translate(-50%, -50%) scale(0);
	transform:         translate(-50%, -50%) scale(0)
}

.videoContainer:hover:after {
	-webkit-animation: pulse 2000ms infinite;
	animation:         pulse 2000ms infinite
}

.defContainer {
	background:         #12182c;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	border:             1px solid #0e1221;
	font-size:          0
}

.defContainer a, .defContainer img {
	line-height: 1
}

.defContainer a {
	font-size:       1.3rem;
	text-decoration: none;
	color:           #f2f4f5 !important;
	display:         inline-block
}

.defContainer img {
	display:        inline-block;
	vertical-align: middle;
	margin-right:   12px
}

.metaNavBar {
	background: #12182c;
	color:      #f2f4f5;
	font-size:  1.3rem;
	border:     1px solid #0e1221
}

.metaNavBar a {
	text-decoration: none;
	font-size:       inherit;
	color:           inherit
}

.metaNavBar ul {
	list-style: none
}

.metaNavBar li {
	display: inline-block
}

.ellipse-bottom, .footer .footerClaim:after {
	content:           "";
	position:          absolute;
	background-size:   cover;
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-ms-transform:     translateX(-50%);
	transform:         translateX(-50%);
	background-color:  #fff;
	width:             120%;
	height:            12vw;
	border-radius:     0 0 50% 50%/0 0 100% 100%;
	margin-top:        -4vw
}

.footer {
	overflow:    hidden;
	padding-top: 63px
}

.footer .footerClaim {
	position:        relative;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-footer.jpg') no-repeat;
	background-size: cover;
	padding-bottom:  20px;
	padding-top:     10vw
}

.footer .footerClaim p {
	width:     100%;
	max-width: 490px
}

.footer .footerCr {
	background: #12182c;
	font-size:  1.3rem;
	color:      #b7b7b7
}

.footer .footerCr ul {
	list-style: none
}

.footer .footerCr ul li {
	padding: 0 25px;
	display: inline-block
}

.footer .footerCr ul li a {
	line-height:     1px;
	text-decoration: none;
	color:           inherit
}

.footer .footerCr ul li a:hover {
	text-decoration: none;
	color:           #fff
}

.footer .footerCr ul li:last-of-type {
	padding-right: 4px
}

.mainContent a {
	text-decoration: none;
	color:           #da291c
}

.mainContent a:hover {
	text-decoration: underline
}

.mainContent a.underline {
	display:  inline-block;
	position: relative
}

.mainContent a.underline:after {
	content:                  "";
	position:                 absolute;
	background:               #da291c;
	width:                    100%;
	height:                   2px;
	top:                      100%;
	left:                     0;
	margin-top:               6px;
	-webkit-transform:        scaleX(0.6);
	-ms-transform:            scaleX(0.6);
	transform:                scaleX(0.6);
	-webkit-transform-origin: left;
	-ms-transform-origin:     left;
	transform-origin:         left;
	-webkit-transition:       -webkit-transform 150ms ease-in-out;
	transition:               -webkit-transform 150ms ease-in-out;
	transition:               transform 150ms ease-in-out;
	transition:               transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
	z-index:                  -1
}

.mainContent a.underline:hover {
	text-decoration: none
}

.mainContent a.underline:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform:     scaleX(1);
	transform:         scaleX(1)
}

.mainContent a.dark {
	color: #12182c
}

.mainContent a.dark.underline:after {
	background: #12182c
}

.mainContent a.dark:hover.underline:after {
	background: #da291c
}

.swiper-slide-active .btn.slider {
	pointer-events: auto
}

.btn.slider {
	color:         #fff;
	border-radius: 0;
	padding:       16px 0;
	border:        none;
	position:      relative;
	transition:    color 150ms ease-in;
	font-size:     2.4rem
}

.btn.slider:hover {
	color:     #da291c;
	animation: none;
	border:    none
}

.btn.slider:hover:after {
	width:            100%;
	background-color: #da291c;
	animation:        none
}

.btn.slider:after {
	content:          "";
	position:         absolute;
	bottom:           0;
	left:             0;
	width:            75%;
	height:           1px;
	background-color: #fff;
	transition:       width 150ms ease-in, background-color 150ms ease-in
}

button:not(.floatingButton):not(.tx-solr-submit), button.btn, a.btn, input[type=submit].btn {
	display:         inline-block;
	padding:         6px 14px;
	border-radius:   50px;
	cursor:          pointer;
	line-height:     1;
	text-decoration: none;
	background:      transparent;
	border:          1px solid #122b62;
	font-weight:     normal;
	color:           #12182c;
	margin:          2px 0;
	outline:         0;
	font-size:       1.6rem
}

button:not(.floatingButton):not(.tx-solr-submit):hover, button.btn:hover, a.btn:hover, input[type=submit].btn:hover {
	color:           #122b62;
	border:          1px solid #122b62;
	text-decoration: none;
	animation:       pulse 2000ms infinite
}

button:not(.floatingButton):not(.tx-solr-submit).primary, button.btn.primary, a.btn.primary, input[type=submit].btn.primary {
	color:      #fff;
	background: #da291c;
	border:     1px solid #cc261a
}

button:not(.floatingButton):not(.tx-solr-submit).primary:hover, button.btn.primary:hover, a.btn.primary:hover, input[type=submit].btn.primary:hover {
	color:      #fff;
	background: #e6493e;
	border:     1px solid #e54135
}

button:not(.floatingButton):not(.tx-solr-submit).secondary, button.btn.secondary, a.btn.secondary, input[type=submit].btn.secondary {
	color:      #f0f0f0;
	background: #122b62;
	border:     1px solid #102555
}

button:not(.floatingButton):not(.tx-solr-submit).secondary:hover, button.btn.secondary:hover, a.btn.secondary:hover, input[type=submit].btn.secondary:hover {
	color:      #f0f0f0;
	background: #193c89;
	border:     1px solid #183880
}

button:not(.floatingButton):not(.tx-solr-submit).secondary[disabled], button.btn.secondary[disabled], a.btn.secondary[disabled], input[type=submit].btn.secondary[disabled] {
	background: #a5a5a5;
	border:     1px solid #a5a5a5
}

button:not(.floatingButton):not(.tx-solr-submit).secondary[disabled]:hover, button.btn.secondary[disabled]:hover, a.btn.secondary[disabled]:hover, input[type=submit].btn.secondary[disabled]:hover {
	background: #a5a5a5;
	border:     1px solid #a5a5a5;
	animation:  none;
	cursor:     default
}

button:not(.floatingButton):not(.tx-solr-submit).secondary.more, button.btn.secondary.more, a.btn.secondary.more, input[type=submit].btn.secondary.more {
	position:   relative;
	min-height: 45px;
	min-width:  45px;
	margin:     0;
	top:        30%;
	left:       50%;
	transform:  translate(-25%, -50%);
	background: transparent;
	border:     none
}

button:not(.floatingButton):not(.tx-solr-submit).secondary.more:after, button.btn.secondary.more:after, a.btn.secondary.more:after, input[type=submit].btn.secondary.more:after {
	content:      "";
	position:     absolute;
	top:          50%;
	left:         50%;
	transform:    translate(-70%, -50%) rotate(-45deg);
	width:        18px;
	height:       18px;
	border:       solid #da291c;
	border-width: 0 3px 3px 0
}

button:not(.floatingButton):not(.tx-solr-submit).light, button.btn.light, a.btn.light, input[type=submit].btn.light {
	color:      #122b62;
	background: #fff;
	border:     1px solid #f7f7f7
}

button:not(.floatingButton):not(.tx-solr-submit).light:hover, button.btn.light:hover, a.btn.light:hover, input[type=submit].btn.light:hover {
	color:      #122b62;
	background: #e8e8e8;
	border:     1px solid #ededed
}

button:not(.floatingButton):not(.tx-solr-submit).lightGray, button.btn.lightGray, a.btn.lightGray, input[type=submit].btn.lightGray {
	color:      #122b62;
	background: #f2f4f5;
	border:     1px solid #ededed;
	font-size:  1.6rem
}

button:not(.floatingButton):not(.tx-solr-submit).lightGray:hover, button.btn.lightGray:hover, a.btn.lightGray:hover, input[type=submit].btn.lightGray:hover {
	color:      #122b62;
	background: #d1d1d1;
	border:     1px solid #dbdbdb
}

.floatingButton {
	padding:       0;
	position:      relative;
	width:         65px;
	height:        65px;
	border-radius: 50%;
	display:       block;
	margin:        10px;
	color:         #fff;
	background:    #a5a5a5;
	box-shadow:    0 5px 2px -3px rgba(10, 10, 10, .2);
	overflow:      hidden;
	cursor:        pointer;
	outline:       0;
	font-weight:   bold
}

.floatingButton:after {
	content:         "";
	position:        absolute;
	top:             -1px;
	left:            -1px;
	height:          calc(100% + 2px);
	width:           calc(100% + 2px);
	background:      transparent no-repeat center;
	background-size: 50%
}

.floatingButton.primary {
	background: #da291c;
	border:     1px solid #cc261a
}

.floatingButton.secondary {
	background: #12182c;
	border:     1px solid #0e1221
}

.floatingButton.icSearch:after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-magnifier.svg')
}

.floatingButton.icLinkedIn:after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/LinkedIn-Logo.png')
}

.floatingButton.icScrollTop {
	display: none
}

.floatingButton.icScrollTop:after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-up-light.svg')
}

.floatingButton.icContact {
	background-color: #122b62
}

.floatingButton.icContact:after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-phone-white.svg')
}

.floatingButton:hover {
	-webkit-animation: pulse 2000ms infinite;
	animation:         pulse 2000ms infinite
}

.mainContent .editable ul {
	list-style:  none;
	margin:      0;
	padding:     0;
	margin-left: 0
}

.mainContent .editable ul li {
	margin-top:    10px;
	margin-bottom: 10px;
	position:      relative;
	padding-left:  18px
}

.mainContent .editable ul li:before {
	content:       "";
	height:        8px;
	width:         8px;
	background:    #da291c;
	position:      absolute;
	top:           9px;
	left:          0;
	border-radius: 50%
}

.resetDefaultListStyle li, .mainContent .editable ul.noneDefaultStyle li {
	position: relative
}

.resetDefaultListStyle li:before, .mainContent .editable ul.noneDefaultStyle li:before {
	content:    none;
	height:     auto;
	width:      auto;
	background: none;
	position:   static;
	top:        auto;
	left:       auto
}

ul.listStyleLines {
	margin-left:  0;
	padding-left: 0;
	list-style:   none
}

ul.listStyleLines li {
	position:       relative;
	padding-top:    8px;
	padding-bottom: 8px
}

ul.listStyleLines li:after {
	content:       "";
	position:      absolute;
	left:          0;
	bottom:        0;
	margin-bottom: -2px;
	width:         40px;
	height:        2px;
	background:    #da291c
}

ul.listStyleLines li:last-of-type:after {
	content: none;
	display: none
}

ul.downloadListing {
	margin:     0;
	padding:    0;
	list-style: none
}

ul.downloadListing h1, ul.downloadListing h2, ul.downloadListing h3, ul.downloadListing h4, ul.downloadListing h5 {
	font-size:      1.8rem;
	font-weight:    normal;
	margin:         0;
	padding-bottom: 8px;
	text-transform: none
}

ul.downloadListing li {
	background: #f2f4f5;
	border:     1px solid #9d9e9f;
	padding:    20px;
	margin:     20px 0
}

ul.downloadListing .downloadMeta {
	display:           -webkit-box;
	display:           -ms-flexbox;
	display:           flex;
	-webkit-box-align: center;
	-ms-flex-align:    center;
	align-items:       center;
	-webkit-box-pack:  center;
	-ms-flex-pack:     center;
	justify-content:   center
}

ul.downloadListing .downloadMeta > span {
	-webkit-box-flex: 1;
	-ms-flex:         1 1 auto;
	flex:             1 1 auto
}

dl {
	display:       -webkit-box;
	display:       -ms-flexbox;
	display:       flex;
	-ms-flex-wrap: wrap;
	flex-wrap:     wrap;
	font-size:     1.7rem
}

dl dd, dl dt {
	margin:  0;
	padding: 2px 0
}

dl dt {
	width: 75px
}

dl dd {
	width: calc(100% - 75px)
}

.inputContainer {
	display: block
}

.checkboxOuterContainer {
	padding: 12px
}

label {
	font-weight: normal
}

input, textarea {
	width:         100%;
	display:       inline-block;
	box-sizing:    border-box;
	margin:        8px 0;
	outline:       0;
	padding:       .8rem 3rem;
	border:        none;
	border-bottom: 2px solid #d1d2d4;
	line-height:   1;
	background:    #f2f4f5;
	font-size:     1.6rem;
	resize:        none;
	color:         #5d5d5d
}

input:focus, textarea:focus {
	border-bottom: 2px solid #da291c
}

input[type=submit], textarea[type=submit] {
	cursor: pointer
}

input[type=checkbox], input[type=radio], textarea[type=checkbox], textarea[type=radio] {
	display: none
}

input[type=checkbox] + label, input[type=radio] + label, textarea[type=checkbox] + label, textarea[type=radio] + label {
	position:     relative;
	display:      inline-block;
	padding:      6px 0;
	padding-left: 22px;
	cursor:       pointer
}

input[type=checkbox] + label:before, input[type=radio] + label:before, textarea[type=checkbox] + label:before, textarea[type=radio] + label:before {
	content:       "";
	position:      absolute;
	top:           0;
	margin-top:    10px;
	left:          0;
	width:         16px;
	height:        16px;
	background:    #fff;
	border:        1px solid #9d9d9d;
	border-radius: 50%
}

input[type=checkbox] + label:after, input[type=radio] + label:after, textarea[type=checkbox] + label:after, textarea[type=radio] + label:after {
	content:       "";
	position:      absolute;
	top:           0;
	margin-top:    10px;
	left:          0;
	width:         16px;
	height:        16px;
	background:    transparent;
	border:        1px solid transparent;
	border-radius: 50%
}

input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before, textarea[type=checkbox]:checked + label:before, textarea[type=radio]:checked + label:before {
	background: #0fc53f;
	border:     1px solid #0eb73a
}

input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after, textarea[type=checkbox]:checked + label:after, textarea[type=radio]:checked + label:after {
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-check-thick-white.svg') no-repeat;
	background-size: cover
}

textarea {
	border-radius: 6px;
	padding:       3rem
}

form {
	padding: 0
}

form.formDark {
	color:         #fcfcfc;
	background:    #12182c;
	border-radius: 2px
}

form.formDark input[type=checkbox] + label, form.formDark input[type=radio] + label {
	color: #fcfcfc
}

form.formFloating .inputContainer {
	position: relative
}

form.formFloating .inputContainer > label {
	position: absolute;
	top:      0;
	left:     0
}

.tabsContainer {
	max-width: none
}

.tabsContainer .tabsNav {
	display:    block;
	margin:     0 auto;
	padding:    0;
	list-style: none;
	text-align: center
}

.tabsContainer .tabsNav li {
	display:        inline-block;
	border:         1px solid #9d9e9f;
	background:     #f2f4f5;
	color:          #9d9e9f;
	border-radius:  50px;
	margin:         10px 14px;
	font-weight:    400;
	vertical-align: middle;
	padding:        0
}

.tabsContainer .tabsNav li a {
	text-align:    center;
	display:       inline-block;
	padding:       12px 14px;
	color:         inherit;
	max-width:     100%;
	min-width:     200px;
	border-radius: 50px;
	font-size:     1.4rem
}

.tabsContainer .tabsNav li a:hover {
	text-decoration:   none;
	-webkit-animation: pulse 2000ms infinite;
	animation:         pulse 2000ms infinite
}

.tabsContainer .tabsNav li.active {
	color:       #fff;
	font-weight: bold;
	background:  #122b62
}

.tabsContainer .tabs .tab {
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	display:            none;
	padding:            20px
}

.popUpOverlay {
	display:    none;
	position:   fixed;
	top:        0;
	left:       0;
	background: rgba(20, 20, 20, .5);
	height:     100vh;
	width:      100vw;
	z-index:    10000
}

.productAccessoriesSlider .productAccessoriesSliderItem {
	position:           relative;
	background:         #f2f4f5;
	border:             1px solid #9d9e9f;
	padding:            20px;
	padding-bottom:     50px;
	margin:             0 20px;
	height:             100%;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box
}

.productAccessoriesSlider .productAccessoriesSliderImage {
	text-align:     center;
	border-bottom:  2px solid #da291c;
	padding-bottom: 20px
}

.productAccessoriesSlider .productAccessoriesSliderImageBg {
	width:  150px;
	height: 150px;
	margin: 0 auto
}

.productAccessoriesSlider a.btn {
	position:      absolute;
	bottom:        0;
	left:          0;
	margin:        0 20px;
	margin-bottom: 20px
}

.figureGalleryThumbs {
	display: grid;
	grid:1fr/repeat(4, minmax(0, 1fr))
}

.figureGalleryThumbs a[data-fancybox]:after {
	content:            "";
	position:           absolute;
	bottom:             0;
	right:              0;
	margin-bottom:      20px;
	margin-right:       20px;
	background:         #122b62 url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-scale.svg') no-repeat center;
	background-size:    42%;
	width:              42px;
	height:             42px;
	border:             1px solid #102555;
	border-radius:      50%;
	z-index:            20;
	-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out;
	transition:         border-color 150ms ease-out, background-color 150ms ease-out
}

.figureGalleryThumbs a[data-fancybox]:hover:after {
	-webkit-animation: pulse 2000ms infinite;
	animation:         pulse 2000ms infinite;
	background-color:  #da291c;
	border-color:      #cc261a
}

figure {
	margin:  0;
	padding: 0
}

figure figcaption {
	padding-top: 20px;
	font-style:  italic
}

figure.eqHeight > a {
	position: relative;
	display:  block;
	overflow: hidden;
	border:   1px solid #9d9e9f
}

figure.eqHeight img {
	border: 0
}

figure.eqHeight img:first-of-type {
	max-width:         90%;
	height:            auto;
	position:          absolute;
	top:               50%;
	left:              50%;
	border:            0;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform:         translate3d(-50%, -50%, 0);
	z-index:           1
}

.imgPlaceholderDummy {
	width:  100%;
	height: auto
}

.accordionContainer {
	font-size: 1.7rem
}

.accordionContainer.extra-wide {
	width: auto
}

.accordionContainer.extra-wide .accordionItem:not(.open) .accordion-item-subheader {
	display: none
}

.accordionContainer.py40 {
	padding-top: 0
}

.accordionContainer .accordionContainer {
	margin: -40px -15px
}

.accordion, ul.accordion {
	list-style: none;
	margin:     20px 0;
	padding:    0;
	width:      100%
}

.accordion .accordion, ul.accordion .accordion {
	margin: 0
}

.accordion .accordionItem, ul.accordion .accordionItem {
	background: transparent;
	position:   relative;
	border-top: 1px solid #dcdcdc
}

.accordion .accordionItem:last-of-type, ul.accordion .accordionItem:last-of-type {
	border-bottom: 1px solid #dcdcdc
}

.accordion .accordionItemHead, .accordion .accordionType-simple .accordionItemHead, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead, ul.accordion .accordionItemHead, ul.accordion .accordionType-simple .accordionItemHead, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead {
	cursor:            pointer;
	padding:           10px 20px;
	padding-right:     60px;
	position:          relative;
	display:           -webkit-box;
	display:           -ms-flexbox;
	display:           flex;
	justify-content:   space-between;
	-webkit-box-align: center;
	-ms-flex-align:    center;
	align-items:       center;
	color:             initial;
	background:        initial
}

.accordion .accordionItemHead:after, .accordion .accordionType-simple .accordionItemHead:after, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead:after, ul.accordion .accordionItemHead:after, ul.accordion .accordionType-simple .accordionItemHead:after, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead:after {
	content:            "";
	position:           absolute;
	top:                0;
	right:              0;
	margin-right:       20px;
	width:              30px;
	margin-top:         13px;
	height:             30px;
	background:         transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') no-repeat;
	background-size:    cover;
	-webkit-transform:  rotate(0);
	-ms-transform:      rotate(0);
	transform:          rotate(0);
	-webkit-transition: -webkit-transform 250ms ease-out;
	transition:         -webkit-transform 250ms ease-out;
	transition:         transform 250ms ease-out;
	transition:         transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.accordion .accordionItemHead .accordion-item-subheader, .accordion .accordionType-simple .accordionItemHead .accordion-item-subheader, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .accordion-item-subheader, ul.accordion .accordionItemHead .accordion-item-subheader, ul.accordion .accordionType-simple .accordionItemHead .accordion-item-subheader, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .accordion-item-subheader {
	color:     #9d9e9f;
	font-size: 1.6rem
}

.accordion .accordionItemHead .moreInfo-button, .accordion .accordionType-simple .accordionItemHead .moreInfo-button, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .moreInfo-button, ul.accordion .accordionItemHead .moreInfo-button, ul.accordion .accordionType-simple .accordionItemHead .moreInfo-button, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .moreInfo-button {
	padding:       6px 14px;
	color:         #f0f0f0;
	border-radius: 50px;
	background:    #122b62
}

.accordion .accordionItemHead .closeIcon-button, .accordion .accordionType-simple .accordionItemHead .closeIcon-button, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .closeIcon-button, ul.accordion .accordionItemHead .closeIcon-button, ul.accordion .accordionType-simple .accordionItemHead .closeIcon-button, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .closeIcon-button {
	padding:       0;
	position:      relative;
	width:         28px;
	height:        28px;
	border-radius: 50%;
	display:       block;
	font-weight:   bold;
	color:         #f0f0f0;
	background:    #122b62 no-repeat center
}

.accordion .accordionItemHead .closeIcon-button:after, .accordion .accordionType-simple .accordionItemHead .closeIcon-button:after, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .closeIcon-button:after, ul.accordion .accordionItemHead .closeIcon-button:after, ul.accordion .accordionType-simple .accordionItemHead .closeIcon-button:after, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .closeIcon-button:after {
	content:          "";
	position:         absolute;
	top:              -1px;
	left:             -1px;
	height:           calc(100% + 2px);
	width:            calc(100% + 2px);
	background:       transparent no-repeat center;
	background-size:  120%;
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/icons/bs/plus-white.svg')
}

.accordion .accordionItemHead .additional-button, .accordion .accordionType-simple .accordionItemHead .additional-button, .accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .additional-button, ul.accordion .accordionItemHead .additional-button, ul.accordion .accordionType-simple .accordionItemHead .additional-button, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead .additional-button {
	display: none
}

.accordion .accordionType-moreInfo > .accordionItemHead, ul.accordion .accordionType-moreInfo > .accordionItemHead {
	display:              grid;
	grid-template-columns:1fr 106px
}

.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead, ul.accordion .accordion.accordionType-simple .accordionItem.accordionType-simple .accordionItemHead {
	background: #f2f4f5
}

.accordion .accordionItemBody, ul.accordion .accordionItemBody {
	display: none
}

.accordion .accordionItem.accordionType-moreInfo .accordionItemHead, .accordion .accordionItem.accordionType-closeIcon .accordionItemHead, ul.accordion .accordionItem.accordionType-moreInfo .accordionItemHead, ul.accordion .accordionItem.accordionType-closeIcon .accordionItemHead {
	padding: 30px 70px
}

.accordion .accordionItem.accordionType-moreInfo .accordionItemHead:after, .accordion .accordionItem.accordionType-closeIcon .accordionItemHead:after, ul.accordion .accordionItem.accordionType-moreInfo .accordionItemHead:after, ul.accordion .accordionItem.accordionType-closeIcon .accordionItemHead:after {
	content:            "";
	position:           absolute;
	left:               25px;
	top:                50%;
	bottom:             50%;
	margin-right:       20px;
	width:              15px;
	margin-top:         auto;
	margin-bottom:      auto;
	height:             15px;
	background:         transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') no-repeat;
	background-size:    cover;
	-webkit-transform:  rotate(0);
	-ms-transform:      rotate(0);
	transform:          rotate(0);
	-webkit-transition: -webkit-transform 250ms ease-out;
	transition:         -webkit-transform 250ms ease-out;
	transition:         transform 250ms ease-out;
	transition:         transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.accordion .accordionItem.accordionType-inner .accordionItemHead, ul.accordion .accordionItem.accordionType-inner .accordionItemHead {
	padding:    15px 70px;
	background: #f2f4f5
}

.accordion .accordionItem.accordionType-inner .accordionItemHead:after, ul.accordion .accordionItem.accordionType-inner .accordionItemHead:after {
	content:            "";
	position:           absolute;
	left:               25px;
	top:                50%;
	bottom:             50%;
	margin-right:       20px;
	width:              15px;
	margin-top:         auto;
	margin-bottom:      auto;
	height:             15px;
	background:         transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') no-repeat;
	background-size:    cover;
	-webkit-transform:  rotate(0);
	-ms-transform:      rotate(0);
	transform:          rotate(0);
	-webkit-transition: -webkit-transform 250ms ease-out;
	transition:         -webkit-transform 250ms ease-out;
	transition:         transform 250ms ease-out;
	transition:         transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.accordion .accordionItem.accordionType-inner .accordionItemHead .accordion-item-header, ul.accordion .accordionItem.accordionType-inner .accordionItemHead .accordion-item-header {
	color: initial
}

.accordion .accordionItem.accordionType-inner .accordionItemBody, ul.accordion .accordionItem.accordionType-inner .accordionItemBody {
	padding: 0 55px
}

.accordion .accordionType-inner .accordionItemHead, .accordion .accordion.accordionType-inner .accordionItem.accordionType-inner .accordionItemHead, ul.accordion .accordionType-inner .accordionItemHead, ul.accordion .accordion.accordionType-inner .accordionItem.accordionType-inner .accordionItemHead {
	background: #f2f4f5
}

.accordion .accordionType-inner .accordionItemHead::after, .accordion .accordion.accordionType-inner .accordionItem.accordionType-inner .accordionItemHead::after, ul.accordion .accordionType-inner .accordionItemHead::after, ul.accordion .accordion.accordionType-inner .accordionItem.accordionType-inner .accordionItemHead::after {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') no-repeat
}

.accordion .accordionItem.open .accordionItemHead::after, .accordion .accordionItem.open .info-subheader-header::after, ul.accordion .accordionItem.open .accordionItemHead::after, ul.accordion .accordionItem.open .info-subheader-header::after {
	-webkit-transform: rotate(90deg);
	-ms-transform:     rotate(90deg);
	transform:         rotate(90deg)
}

.accordion .accordion.accordionType-inner .accordionItem.open.accordionType-inner .accordionItemHead::after, ul.accordion .accordion.accordionType-inner .accordionItem.open.accordionType-inner .accordionItemHead::after {
	-webkit-transform:  rotate(270deg);
	-ms-transform:      rotate(270deg);
	transform:          rotate(270deg);
	-webkit-transition: -webkit-transform 250ms ease-out;
	transition:         -webkit-transform 250ms ease-out;
	transition:         transform 250ms ease-out;
	transition:         transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.accordion .accordionItem.accordionType-closeIcon .accordionItemHead, ul.accordion .accordionItem.accordionType-closeIcon .accordionItemHead {
	padding-right: 30px
}

.accordion .accordionItem.accordionType-simple > *:first-child, ul.accordion .accordionItem.accordionType-simple > *:first-child {
	font-size: 2.9rem;
	margin:    0;
	padding:   0
}

.accordion .accordionItem.accordionType-simple:hover > *:first-child, ul.accordion .accordionItem.accordionType-simple:hover > *:first-child {
	color: #da291c
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead {
	color:      #fff;
	background: #122b62
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead:after, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead:after, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead:after, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead:after {
	content:            "";
	position:           absolute;
	left:               25px;
	top:                50%;
	bottom:             50%;
	margin-right:       20px;
	width:              15px;
	margin-top:         auto;
	margin-bottom:      auto;
	height:             15px;
	background:         transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-white.svg') no-repeat;
	background-size:    cover;
	-webkit-transform:  rotate(0);
	-ms-transform:      rotate(0);
	transform:          rotate(0);
	-webkit-transition: -webkit-transform 250ms ease-out;
	transition:         -webkit-transform 250ms ease-out;
	transition:         transform 250ms ease-out;
	transition:         transform 250ms ease-out, -webkit-transform 250ms ease-out
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead .closeIcon-button, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead .closeIcon-button, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead .closeIcon-button, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead .closeIcon-button {
	background: #fff
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead .closeIcon-button:after, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead .closeIcon-button:after, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead .closeIcon-button:after, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead .closeIcon-button:after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/icons/bs/x-blue.svg')
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemBody, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemBody, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemBody, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemBody {
	display: block
}

.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead:after, .accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead:after, ul.accordion .accordionItem.open.accordionType-moreInfo .accordionItemHead:after, ul.accordion .accordionItem.open.accordionType-closeIcon .accordionItemHead:after {
	-webkit-transform: rotate(90deg);
	-ms-transform:     rotate(90deg);
	transform:         rotate(90deg)
}

.accordion .accordionItem.open.accordionType-moreInfo .additional-button, .accordion .accordionItem.open.accordionType-closeIcon .additional-button, ul.accordion .accordionItem.open.accordionType-moreInfo .additional-button, ul.accordion .accordionItem.open.accordionType-closeIcon .additional-button {
	margin:  20px 0 0 0;
	display: block
}

.accordion .accordionItem.open.accordionType-moreInfo .moreInfo-button, .accordion .accordionItem.open.accordionType-closeIcon .moreInfo-button, ul.accordion .accordionItem.open.accordionType-moreInfo .moreInfo-button, ul.accordion .accordionItem.open.accordionType-closeIcon .moreInfo-button {
	display: none
}

span.trafficSignal {
	font-size: 0
}

span.trafficSignal span {
	display:       inline-block;
	width:         12px;
	height:        12px;
	background:    #9d9e9f;
	border:        1px solid #959697;
	margin:        2px 2px;
	border-radius: 50%
}

span.trafficSignal.sw1 :nth-child(3) {
	background: #1fc947;
	border:     1px solid #1dbc42
}

span.trafficSignal.sw2 :nth-child(2) {
	background: #fd0;
	border:     1px solid #f0d000
}

span.trafficSignal.sw3 :nth-child(1) {
	background: #cc1d21;
	border:     1px solid #bf1b1f
}

table td, table th {
	padding:         20px 10px;
	border-bottom:   1px solid #efefef;
	border-spacing:  0;
	border-collapse: collapse
}

table tr:last-of-type td {
	border-bottom: 0
}

.textBlue {
	color: #122b62
}

.textRed {
	color: #da291c
}

.textUpper {
	text-transform: uppercase
}

.textUnderline {
	text-decoration: underline
}

.iconTextContainer {
	display:       -webkit-box;
	display:       -ms-flexbox;
	display:       flex;
	-ms-flex-flow: wrap;
	flex-flow:     wrap;
	font-size:     1.6rem
}

.iconTextContainer .iconText {
	flex:       0 1 33.3332%;
	text-align: center;
	padding:    20px 10px
}

.iconTextContainer .iconText a {
	color: #fff
}

.iconTextContainer .iconText span {
	height:              45px;
	width:               45px;
	display:             block;
	margin:              18px auto;
	background-color:    #da291c;
	background-size:     80%;
	background-repeat:   no-repeat;
	background-position: center;
	box-shadow:          0 0 0 7px #da291c;
	border-radius:       50%
}

@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") format("woff");
	font-weight: 400;
	font-style:  normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left:  auto;
	margin-right: auto;
	position:     relative;
	overflow:     hidden;
	list-style:   none;
	padding:      0;
	z-index:      1
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient:    vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction:    column;
	flex-direction:        column
}

.swiper-wrapper {
	position:                    relative;
	width:                       100%;
	height:                      100%;
	z-index:                     1;
	display:                     -webkit-box;
	display:                     -ms-flexbox;
	display:                     flex;
	-webkit-transition-property: -webkit-transform;
	transition-property:         -webkit-transform;
	transition-property:         transform;
	box-sizing:                  content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap:      wrap;
	flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin:                     0 auto
}

.swiper-slide {
	flex-shrink:         0;
	width:               100%;
	height:              100%;
	position:            relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items:         flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
	position:       absolute;
	left:           0;
	top:            0;
	width:          100%;
	height:         100%;
	pointer-events: none;
	z-index:        10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
	overflow:           auto;
	scrollbar-width:    none;
	-ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-pagination {
	position:   absolute;
	bottom:     0;
	left:       0;
	width:      100%;
	text-align: center;
	z-index:    1
}

.swiper-pagination .swiper-pagination-bullet {
	width:         10px;
	height:        10px;
	display:       inline-block;
	border-radius: 100%;
	background:    #d4dade;
	border:        1px solid #cbd3d7;
	margin:        8px;
	box-shadow:    0 2px 3px -2px rgba(10, 10, 10, .35);
	transform:     scale(1);
	transition:    transform 150ms ease-in, background 150ms ease-in, border 150ms ease-in;
	outline:       none;
	cursor:        pointer;
	font-size:     0
}

.swiper-pagination .swiper-pagination-bullet:hover {
	animation: pulseSmall 2000ms infinite
}

.swiper-pagination .swiper-pagination-bullet-active {
	background: #122b62;
	border:     1px solid #102555;
	transform:  scale(1.4)
}

.swiper-pagination.paginationLight .swiper-pagination-bullet {
	background: #d4dade;
	border:     1px solid #cbd3d7
}

.swiper-pagination.paginationLight .swiper-pagination-bullet-active {
	background: #dc161a;
	border:     1px solid #ce1518
}

.sliderSliderNavContainer {
	position:  absolute;
	display:   inline-block;
	top:       25%;
	left:      0;
	width:     100%;
	z-index:   10;
	height:    40px;
	transform: translateY(-50%)
}

.sliderSliderNavContainer .sliderNavButton {
	position:        absolute;
	top:             0;
	left:            0;
	height:          40px;
	width:           40px;
	display:         inline-block;
	cursor:          pointer;
	background:      rgba(255, 255, 255, .8) url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-left.svg') center no-repeat;
	background-size: 80%;
	transform:       scale(1);
	transition:      transform 200ms ease-in-out;
	border-radius:   50%;
	outline:         0
}

.sliderSliderNavContainer .sliderNavButton:hover {
	transform: scale(1.2)
}

.sliderSliderNavContainer .sliderNavButton.swiper-button-prev {
	left:            -60px;
	right:           auto;
	background:      rgba(255, 255, 255, .8) url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-left.svg') center no-repeat;
	background-size: 80%
}

.sliderSliderNavContainer .sliderNavButton.swiper-button-next {
	left:            auto;
	right:           -60px;
	background:      rgba(255, 255, 255, .8) url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') center no-repeat;
	background-size: 80%
}

.swiperOuterContainer.homeHeroSlider {
	position: relative;
	top:      0;
	left:     0;
	height:   100%;
	width:    100%;
	z-index:  5
}

.swiperOuterContainer.homeHeroSlider .clickTriggerSlide {
	cursor: pointer
}

.swiperOuterContainer.homeHeroSlider .swiper-container {
	height: 100%
}

.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem {
	position:          relative;
	top:               0;
	left:              0;
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);
	width:             100%;
	overflow:          hidden
}

.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem .sliderItemForm {
	position:         relative;
	background-color: #12182c
}

.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem .sliderItemForm:after {
	content:         "";
	position:        absolute;
	top:             0;
	left:            99%;
	width:           auto;
	height:          100%;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-map-revert.svg') center no-repeat;
	background-size: cover;
	aspect-ratio:    .2/1;
	z-index:         -1
}

.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem .sliderGlow {
	position: relative;
	height:   100%
}

.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem .sliderGlow.desktop:before {
	content:           "";
	position:          absolute;
	top:               0;
	left:              0;
	transform:         translate3d(0, -50%, 0);
	width:             100%;
	height:            100%;
	-webkit-transform: scale(1.2);
	-ms-transform:     scale(1.2);
	transform:         scale(1.2);
	border-radius:     50%;
	background-image:  radial-gradient(rgba(48, 63, 116, 0.7) 0, transparent 70%, #12182c 100%)
}

.swiperOuterContainer.homeHeroSlider .swiper-slide:not(.swiper-slide-active) {
	pointer-events: none
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText {
	opacity:          0;
	font-size:        1.9rem;
	max-width:        650px;
	transform:        scale(0);
	transform-origin: left bottom;
	transition:       transform 350ms ease-in, opacity 250ms ease-in
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText h2 {
	font-size:   2.5rem;
	margin-top:  0;
	font-weight: normal;
	color:       #da291c
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText a.more {
	font-size:   1.9rem;
	font-weight: normal
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMediaContainer {
	text-align: right
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia {
	position:         relative;
	transform-origin: right;
	transition:       transform 400ms ease-in;
	transform:        translate3d(0, 0, 0) scale(0.35);
	max-width:        none;
	padding-right:    0;
	display:          inline-block;
	font-size:        0;
	pointer-events:   auto
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia img, .swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia video {
	height:        auto;
	width:         100%;
	box-shadow:    4px 2px 23px -10px rgba(10, 10, 10, .3);
	border:        1px solid rgba(119, 119, 119, .1);
	border-radius: 2px
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia:before {
	content:        "";
	position:       absolute;
	height:         100%;
	width:          100%;
	background:     #12182c;
	right:          0;
	top:            0;
	opacity:        .6;
	transition:     opacity 350ms ease-in;
	pointer-events: none
}

.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia:after {
	content:        "";
	position:       absolute;
	height:         50%;
	width:          4px;
	background:     #fff;
	opacity:        .5;
	right:          0;
	top:            50%;
	transform:      translateY(-50%);
	border-radius:  2px;
	transition:     opacity 350ms ease-in;
	pointer-events: none
}

.swiperOuterContainer.homeHeroSlider .swiper-slide.swiper-slide-active .homeHeroSliderItemTeaserText {
	opacity:   1;
	transform: scale(1)
}

.swiperOuterContainer.homeHeroSlider .swiper-slide.swiper-slide-active .homeHeroSliderItemMedia {
	padding-right: 60px;
	transform:     scale(1) translate3d(-5%, 0, 0)
}

.swiperOuterContainer.homeHeroSlider .swiper-slide.swiper-slide-active .homeHeroSliderItemMedia:before {
	opacity: 0
}

.swiperOuterContainer.homeHeroSlider .swiper-slide.swiper-slide-active .homeHeroSliderItemMedia:after {
	opacity: 0;
	width:   0
}

.swiperOuterContainer.homeHeroSlider .swiper-pagination {
	position: absolute;
	top:      calc(100% - 36px);
	left:     50%;
	width:    50vw;
	height:   26px
}

.swiperOuterContainer.homeHeroSlider .swiper-pagination .swiper-pagination-bullet {
	display: inline-block
}

.swiperOuterContainer.homeHeroSlider .hhspOuterContainer {
	position:       absolute;
	top:            95%;
	right:          0;
	text-align:     center;
	width:          100%;
	transform:      translateY(-50%);
	z-index:        1;
	pointer-events: none
}

.swiperOuterContainer.homeHeroSlider .hhspOuterContainer .swiper-pagination {
	position:       relative;
	top:            auto;
	right:          auto;
	transform:      translateY(0);
	z-index:        20;
	pointer-events: auto;
	margin-right:   -8px
}

.detectomatNewsCustomSlider {
	position: relative;
	margin:   0 60px
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-container {
	padding: 80px 0 40px
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem {
	text-align: center;
	max-width:  420px;
	display:    inline-block;
	transform:  scale(0.65);
	transition: transform 500ms ease-in-out
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem:after {
	content:                    "";
	position:                   absolute;
	top:                        0;
	left:                       50%;
	width:                      70px;
	height:                     70px;
	background:                 #da291c url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-info.svg') center no-repeat;
	background-size:            30%;
	border:                     1px solid #cc261a;
	transform:                  translate3d(-50%, -50%, 0) scale(0);
	transition:                 transform 300ms 450ms cubic-bezier(0.275, -0.49, 0.035, 1.44);
	transition-timing-function: cubic-bezier(0.275, -0.49, 0.035, 1.44);
	border-radius:              50%
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem .sliderHighlightMediaContainer {
	position:      relative;
	border:        1px solid #f0f0f0;
	display:       inline-block;
	margin-bottom: 60px;
	box-shadow:    0 5px 18px -10px rgba(10, 10, 10, 0);
	transition:    350ms box-shadow ease-in-out
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem .sliderHighlightMediaContainer:before {
	content:    "";
	position:   absolute;
	background: transparent;
	height:     100%;
	width:      100%;
	top:        0;
	left:       0;
	transform:  translateY(15%) scaleX(1.15) scaleY(0.9);
	display:    inline-block;
	font-size:  0;
	border:     2px solid #da291c;
	z-index:    -1;
	opacity:    0;
	transition: 300ms 450ms opacity ease-in-out
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem .sliderHighlightMediaContainer:after {
	content:    "";
	position:   absolute;
	background: #12182c;
	height:     2px;
	width:      60%;
	top:        100%;
	left:       50%;
	transform:  translateX(-50%);
	margin-top: 30px;
	display:    inline-block;
	font-size:  2.2rem;
	opacity:    1;
	transition: 500ms 150ms opacity ease-in-out
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem img {
	height: auto;
	width:  100%
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem a {
	color: inherit
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem p, .swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem h3 {
	margin-top: 0
}

.swiperOuterContainer.detectomatHighlightsSlider .sliderHighlightItem .sliderHighlightTeaserText a:hover {
	text-decoration: none
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide {
	text-align: center
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem {
	transform: scale(1)
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem:after {
	transform: translate3d(-50%, -50%, 0) scale(1)
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem h3 a {
	font-weight: bold;
	color:       #da291c
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem h3 a:hover {
	color: #122b62
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem .sliderHighlightMediaContainer {
	box-shadow: 0 5px 18px -10px rgba(10, 10, 10, .5)
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem .sliderHighlightMediaContainer:after {
	opacity: 0
}

.swiperOuterContainer.detectomatHighlightsSlider .swiper-slide.swiper-slide-active .sliderHighlightItem .sliderHighlightMediaContainer:before {
	opacity: 1
}

body .swiperOuterContainer.localEventListSlider {
	min-height: 410px
}

body .swiperOuterContainer.localEventListSlider .swiper-container {
	box-sizing:   border-box;
	padding-left: 35px;
	height:       100%;
	max-height:   100%
}

body .swiperOuterContainer.localEventListSlider .swiper-slide {
	margin:          0;
	padding:         0;
	display:         flex;
	align-items:     center;
	justify-content: center;
	width:           auto;
	border-bottom:   1px solid #fff
}

body .swiperOuterContainer.localEventListSlider .swiper-slide:last-of-type {
	border: 0
}

body .swiperOuterContainer.localEventListSlider .localEventListSliderItem {
	display: inline-block
}

body .swiperOuterContainer.localEventListSlider .swiper-pagination {
	top:       50%;
	left:      0;
	bottom:    auto;
	display:   inline-block;
	width:     auto;
	transform: translateY(-50%)
}

body .swiperOuterContainer.localEventListSlider .swiper-pagination span {
	display: block
}

.sliderOuterContainer.dtgs {
	position: relative
}

.sliderOuterContainer.dtgs .swiper-container {
	border: 1px solid #dadada
}

.sliderOuterContainer.dtgs .dtgsItem {
	font-size: 0;
	display:   flex
}

.sliderOuterContainer.dtgs .dtgsItem > div {
	box-sizing:     border-box;
	display:        flex;
	background:     #fff;
	vertical-align: middle;
	flex:           1 1 auto
}

.sliderOuterContainer.dtgs .dtgsItem > h3 {
	font-size: 2.2rem
}

.sliderOuterContainer.dtgs .dtgsItemTextBox {
	padding:   20px 40px;
	width:     40%;
	font-size: 1.8rem
}

.sliderOuterContainer.dtgs .dtgsItemTextBox .dthsItemInnerContainer {
	align-self: center
}

.sliderOuterContainer.dtgs .dtgsItemTextBox span {
	font-weight: bold;
	font-style:  italic
}

.sliderOuterContainer.dtgs .dtgsItemTextBox h3 {
	margin:         0;
	font-size:      inherit;
	font-weight:    bold;
	text-transform: none
}

.sliderOuterContainer.dtgs .dtgsItemTextBox .btn {
	font-size: 1.6rem
}

.sliderOuterContainer.dtgs .dtgsItemImage {
	width:      60%;
	min-height: 260px;
	position:   relative
}

.sliderOuterContainer.dtgs .dtgsItemImage:before {
	content:          "";
	position:         absolute;
	left:             -1px;
	top:              0;
	width:            15%;
	height:           101%;
	background-image: linear-gradient(to right bottom, #fff 0%, #fff 50%, transparent 51%)
}

.sliderOuterContainer.dtgs .sliderSliderNavContainer {
	pointer-events: none
}

.sliderOuterContainer.dtgs .sliderSliderNavContainer .sliderNavButton {
	pointer-events: auto
}

.sliderOuterContainer.dtgs .sliderSliderNavContainer .sliderNavButton.swiper-button-prev {
	left:  auto;
	right: 100%
}

.sliderOuterContainer.dtgs .sliderSliderNavContainer .sliderNavButton.swiper-button-next {
	right: auto;
	left:  100%
}

.sliderOuterContainer.detectomatNewsCustomSlider .swiper-slide {
	min-height: 100%;
	height:     auto
}

.sliderOuterContainer.detectomatNewsCustomSlider .dtgsItem {
	height: 100%
}

.sliderOuterContainer.detectomatNewsCustomSlider .dtgsItemTextBox {
	height: 100%
}

.sliderOuterContainer.detectomatNewsCustomSlider .dthsItemInnerContainer {
	height: 100%
}

.sliderOuterContainer.detectomatNewsCustomSlider .dthsItemInnerContainer div[itemprop=description] {
	padding: 10px 0px 40px 0px
}

.sliderOuterContainer.detectomatNewsCustomSlider h3 {
	font-size:   2.2rem;
	margin:      0;
	padding-top: 30px
}

.sliderOuterContainer.detectomatNewsCustomSlider p {
	margin: 0
}

.sliderOuterContainer.detectomatNewsCustomSlider.needToKnow .sliderSliderNavContainer .sliderNavButton.swiper-button-prev {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-red.svg');
	transform:  rotate(180deg)
}

.sliderOuterContainer.detectomatNewsCustomSlider.needToKnow .sliderSliderNavContainer .sliderNavButton.swiper-button-next {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-red.svg')
}

.swiperOuterContainer.productAccessoriesSlider {
	max-width: 1000px;
	margin:    0 auto;
	padding:   20px 45px
}

.swiperOuterContainer.productAccessoriesSlider .swiper-wrapper {
	margin:     0;
	padding:    0;
	box-sizing: border-box;
	list-style: none
}

.swiperOuterContainer.productAccessoriesSlider .swiper-slide {
	height: auto
}

.swiperOuterContainer.detectomatNewsCustomSlider.needToKnow {
	background-color: red
}

.swiperOuterContainer.detectomatNewsCustomSlider.needToKnow .sliderSliderNavContainer .sliderNavButton.swiper-button-prev {
	background-color: red
}

.swiperOuterContainer.detectomatNewsCustomSlider.needToKnow .sliderSliderNavContainer .sliderNavButton.swiper-button-next {
	background-color: red
}

.fancybox-bg {
	background: #fff
}

.fancybox-navigation button.fancybox-button, .fancybox-toolbar button.fancybox-button {
	padding:    0;
	height:     45px;
	width:      45px;
	background: #da291c;
	border:     1px solid #cc261a;
	margin:     20px
}

.fancybox-navigation button.fancybox-button svg, .fancybox-navigation button.fancybox-button path, .fancybox-toolbar button.fancybox-button svg, .fancybox-toolbar button.fancybox-button path {
	fill: #fff
}

.fancybox-toolbar {
	padding: 20px
}

.fancybox-toolbar button.fancybox-button {
	height:     35px;
	width:      35px;
	background: transparent;
	border:     1px solid #102555;
	margin:     10px 6px
}

.fancybox-toolbar button.fancybox-button svg, .fancybox-toolbar button.fancybox-button path {
	fill: #122b62
}

.fancybox-caption {
	background:     #12182c;
	bottom:         0;
	color:          #fff;
	font-size:      15px;
	font-weight:    300 !important;
	left:           0;
	line-height:    1.3;
	padding:        15px 44px 13px 44px !important;
	pointer-events: none;
	right:          0;
	text-align:     center;
	z-index:        99995
}

.fancybox-caption__body {
	overflow: hidden
}

.fancybox-thumbs {
	padding:     20px;
	background:  #ececec;
	border-left: 1px solid #a5a5a5
}

.fancybox-thumbs .fancybox-thumbs__list a {
	margin:    5px;
	max-width: calc(50% - 10px);
	border:    1px solid #12182c
}

.fancybox-thumbs .fancybox-thumbs__list a:before {
	content: none
}

.fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active {
	border-color: #da291c
}

.fancybox-is-open .fancybox-bg {
	opacity: 1
}

.select2-container {
	box-sizing:     border-box;
	display:        inline-block;
	margin:         0;
	position:       relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	box-sizing:          border-box;
	cursor:              pointer;
	display:             block;
	height:              28px;
	user-select:         none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display:       block;
	padding-left:  8px;
	padding-right: 20px;
	overflow:      hidden;
	text-overflow: ellipsis;
	white-space:   nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	background-color: transparent;
	border:           none;
	font-size:        1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left:  20px
}

.select2-container .select2-selection--multiple {
	box-sizing:          border-box;
	cursor:              pointer;
	display:             block;
	min-height:          32px;
	user-select:         none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display:    inline;
	list-style: none;
	padding:    0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
	background-color: transparent;
	border:           none;
	font-size:        1em
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing:  border-box;
	border:      none;
	font-size:   100%;
	margin-top:  5px;
	margin-left: 5px;
	padding:     0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: #fff;
	border:           1px solid #aaa;
	border-radius:    4px;
	box-sizing:       border-box;
	display:          block;
	position:         absolute;
	left:             -100000px;
	width:            100%;
	z-index:          1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin:     0;
	padding:    0
}

.select2-results__option {
	padding:             6px;
	user-select:         none;
	-webkit-user-select: none
}

.select2-results__option--selectable {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom:              none;
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top:              none;
	border-top-left-radius:  0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding:    4px;
	width:      100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border:           0;
	margin:           0;
	padding:          0;
	display:          block;
	position:         fixed;
	left:             0;
	top:              0;
	min-height:       100%;
	min-width:        100%;
	height:           auto;
	width:            auto;
	opacity:          0;
	z-index:          99;
	background-color: #fff;
	filter:           alpha(opacity=0)
}

.select2-hidden-accessible {
	border:            0 !important;
	clip:              rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path:         inset(50%) !important;
	height:            1px !important;
	overflow:          hidden !important;
	padding:           0 !important;
	position:          absolute !important;
	width:             1px !important;
	white-space:       nowrap !important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border:           1px solid #aaa;
	border-radius:    4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:       #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor:        pointer;
	float:         right;
	font-weight:   bold;
	height:        26px;
	margin-right:  20px;
	padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:   26px;
	position: absolute;
	top:      1px;
	right:    1px;
	width:    20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height:       0;
	left:         50%;
	margin-left:  -4px;
	margin-top:   -2px;
	position:     absolute;
	top:          50%;
	width:        0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
	left:  1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor:           default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: #fff;
	border:           1px solid #aaa;
	border-radius:    4px;
	cursor:           text;
	padding-bottom:   5px;
	padding-right:    5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor:       pointer;
	float:        right;
	font-weight:  bold;
	height:       20px;
	margin-right: 10px;
	margin-top:   5px;
	padding:      1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border:           1px solid #aaa;
	border-radius:    4px;
	display:          inline-block;
	margin-left:      5px;
	margin-top:       5px;
	padding:          0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor:        default;
	padding-left:  2px;
	padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color:          transparent;
	border:                    none;
	border-right:              1px solid #aaa;
	border-top-left-radius:    4px;
	border-bottom-left-radius: 4px;
	color:                     #999;
	cursor:                    pointer;
	font-size:                 1em;
	font-weight:               bold;
	padding:                   0 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: #f1f1f1;
	color:            #333;
	outline:          none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left:  5px;
	margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left:  5px;
	padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-left:                1px solid #aaa;
	border-right:               none;
	border-top-left-radius:     0;
	border-bottom-left-radius:  0;
	border-top-right-radius:    4px;
	border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
	float:        left;
	margin-left:  10px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border:  solid #000 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor:           default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius:  0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background:         transparent;
	border:             none;
	outline:            0;
	box-shadow:         none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left:  -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left:  -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left:  -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left:  -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left:  -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--group {
	padding: 0
}

.select2-container--default .select2-results__option--disabled {
	color: #999
}

.select2-container--default .select2-results__option--selected {
	background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #5897fb;
	color:            #fff
}

.select2-container--default .select2-results__group {
	cursor:  default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color:  #f7f7f7;
	border:            1px solid #aaa;
	border-radius:     4px;
	outline:           0;
	background-image:  -webkit-linear-gradient(top, white 50%, #eee 100%);
	background-image:  -o-linear-gradient(top, white 50%, #eee 100%);
	background-image:  linear-gradient(to bottom, white 50%, #eee 100%);
	background-repeat: repeat-x;
	filter:            progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color:       #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor:       pointer;
	float:        right;
	font-weight:  bold;
	height:       26px;
	margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color:           #ddd;
	border:                     none;
	border-left:                1px solid #aaa;
	border-top-right-radius:    4px;
	border-bottom-right-radius: 4px;
	height:                     26px;
	position:                   absolute;
	top:                        1px;
	right:                      1px;
	width:                      20px;
	background-image:           -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image:           -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image:           linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat:          repeat-x;
	filter:                     progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height:       0;
	left:         50%;
	margin-left:  -4px;
	margin-top:   -2px;
	position:     absolute;
	top:          50%;
	width:        0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
	border:                    none;
	border-right:              1px solid #aaa;
	border-radius:             0;
	border-top-left-radius:    4px;
	border-bottom-left-radius: 4px;
	left:                      1px;
	right:                     auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border:     none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top:              none;
	border-top-left-radius:  0;
	border-top-right-radius: 0;
	background-image:        -webkit-linear-gradient(top, white 0%, #eee 50%);
	background-image:        -o-linear-gradient(top, white 0%, #eee 50%);
	background-image:        linear-gradient(to bottom, white 0%, #eee 50%);
	background-repeat:       repeat-x;
	filter:                  progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom:              none;
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0;
	background-image:           -webkit-linear-gradient(top, #eee 50%, white 100%);
	background-image:           -o-linear-gradient(top, #eee 50%, white 100%);
	background-image:           linear-gradient(to bottom, #eee 50%, white 100%);
	background-repeat:          repeat-x;
	filter:                     progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: #fff;
	border:           1px solid #aaa;
	border-radius:    4px;
	cursor:           text;
	outline:          0;
	padding-bottom:   5px;
	padding-right:    5px
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border:           1px solid #aaa;
	border-radius:    4px;
	display:          inline-block;
	margin-left:      5px;
	margin-top:       5px;
	padding:          0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
	cursor:        default;
	padding-left:  2px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	background-color:          transparent;
	border:                    none;
	border-top-left-radius:    4px;
	border-bottom-left-radius: 4px;
	color:                     #888;
	cursor:                    pointer;
	font-size:                 1em;
	font-weight:               bold;
	padding:                   0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color:   #555;
	outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left:  5px;
	margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left:  5px;
	padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-top-left-radius:     0;
	border-bottom-left-radius:  0;
	border-top-right-radius:    4px;
	border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top:              none;
	border-top-left-radius:  0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom:              none;
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border:  1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline:    0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border:           1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
	padding: 0
}

.select2-container--classic .select2-results__option--disabled {
	color: gray
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3875d7;
	color:            #fff
}

.select2-container--classic .select2-results__group {
	cursor:  default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

.select2-container--detectomat {
	color: #000
}

.select2-container--detectomat .select2-dropdown {
	background: #f2f4f5;
	z-index:    99
}

.select2-container--detectomat .select2-selection--single {
	height: calc(1.5em + 0.75rem + 2px) !important
}

.select2-container--detectomat .select2-selection--single .select2-selection__placeholder {
	color:       #757575;
	line-height: calc(1.5em + 0.75rem)
}

.select2-container--detectomat .select2-selection--single .select2-selection__arrow {
	position: absolute;
	top:      50%;
	right:    3px;
	width:    20px
}

.select2-container--detectomat .select2-selection--single .select2-selection__arrow b {
	top:          60%;
	border-color: #343a40 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	width:        0;
	height:       0;
	left:         50%;
	margin-left:  -4px;
	margin-top:   -2px;
	position:     absolute
}

.select2-container--detectomat .select2-selection--single .select2-selection__rendered {
	line-height: calc(1.5em + 0.75rem)
}

.select2-search--dropdown .select2-search__field {
	border:        1px solid #ced4da;
	border-radius: .25rem
}

.select2-results__message {
	color: #6c757d
}

.select2-container--detectomat .select2-selection--multiple {
	min-height: calc(1.5em + 0.75rem + 2px) !important
}

.select2-container--detectomat .select2-selection--multiple .select2-selection__rendered {
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	list-style:         none;
	margin:             0;
	padding:            0 8px;
	width:              100%
}

.select2-container--detectomat .select2-selection--multiple .select2-selection__choice {
	color:         #343a40;
	border:        1px solid #bdc6d0;
	border-radius: .2rem;
	padding:       0;
	padding-right: 5px;
	cursor:        pointer;
	float:         left;
	margin-top:    .3em;
	margin-right:  5px
}

.select2-container--detectomat .select2-selection--multiple .select2-selection__choice__remove {
	color:         #bdc6d0;
	font-weight:   bold;
	margin-left:   3px;
	margin-right:  1px;
	padding-right: 3px;
	padding-left:  3px;
	float:         left
}

.select2-container--detectomat .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #343a40
}

.select2-container--detectomat .select2-selection--multiple .select2-selection__clear {
	float:        none;
	margin-right: 0;
	position:     absolute !important;
	top:          0;
	right:        .7em
}

.select2-container {
	display: block
}

.select2-container *:focus {
	outline: 0
}

.input-group .select2-container--detectomat {
	-webkit-box-flex:  1;
	-ms-flex-positive: 1;
	flex-grow:         1
}

.input-group-prepend ~ .select2-container--detectomat .select2-selection {
	border-top-left-radius:    0;
	border-bottom-left-radius: 0
}

.input-group > .select2-container--detectomat:not(:last-child) .select2-selection {
	border-top-right-radius:    0;
	border-bottom-right-radius: 0
}

.select2-container--detectomat .select2-selection {
	background-color:   #f2f4f5;
	border:             1px solid #9d9e9f;
	border-radius:      25px;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition:         border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition:         border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition:         border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	width:              100%
}

@media (prefers-reduced-motion: reduce) {
	.select2-container--detectomat .select2-selection {
		-webkit-transition: none;
		transition:         none
	}
}

.select2-container--detectomat.select2-container--focus .select2-selection {
	border-color:       #da291c;
	-webkit-box-shadow: 0 0 0 1px #da291c;
	box-shadow:         0 0 0 1px #da291c
}

.select2-container--detectomat.select2-container--disabled .select2-selection, .select2-container--detectomat.select2-container--disabled.select2-container--focus .select2-selection {
	background-color:   #e9ecef;
	cursor:             not-allowed;
	border-color:       #ced4da;
	-webkit-box-shadow: none;
	box-shadow:         none
}

.select2-container--detectomat.select2-container--disabled .select2-search__field, .select2-container--detectomat.select2-container--disabled.select2-container--focus .select2-search__field {
	background-color: transparent
}

select.is-invalid ~ .select2-container--detectomat .select2-selection, form.was-validated select:invalid ~ .select2-container--detectomat .select2-selection {
	border-color: #dc3545
}

select.is-valid ~ .select2-container--detectomat .select2-selection, form.was-validated select:valid ~ .select2-container--detectomat .select2-selection {
	border-color: #28a745
}

.select2-container--detectomat .select2-dropdown {
	border-radius: 25px;
	padding:       20px;
	margin:        14px 0;
	border:        1px solid #9d9e9f
}

.select2-container--detectomat .select2-dropdown .select2-results__option[aria-selected=true] {
	background-color: #e9ecef
}

.select2-container--detectomat .select2-results__option--highlighted, .select2-container--detectomat .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
	background-color: #122b62;
	color:            #f8f9fa
}

.select2-container--detectomat .select2-results__option[role=group] {
	padding: 0
}

.select2-container--detectomat .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
	padding-left: 1em
}

.select2-container--detectomat .select2-results > .select2-results__options {
	max-height: 15em;
	overflow-y: auto
}

.select2-container--detectomat .select2-results__group {
	padding: 6px;
	display: list-item;
	color:   #6c757d
}

.select2-container--detectomat .select2-selection__clear {
	width:            .9em;
	height:           .9em;
	line-height:      .75em;
	padding-left:     .15em;
	margin-top:       .7em;
	border-radius:    100%;
	background-color: #c8c8c8;
	color:            #f8f9fa;
	float:            right;
	margin-right:     .3em
}

.select2-container--detectomat .select2-selection__clear:hover {
	background-color: #afafaf
}

.selectPrepend {
	background:    #f2f4f5;
	border-radius: 25px;
	border:        1px solid #9d9e9f;
	font-size:     0
}

.selectPrepend > label {
	display:        inline-block;
	width:          80px;
	font-size:      1.6rem;
	vertical-align: middle;
	font-weight:    bold;
	padding-left:   12px;
	border-right:   1px solid #000;
	cursor:         pointer
}

.selectPrepend > label + .selectContainer {
	width:          calc(100% - 92px);
	display:        inline-block;
	vertical-align: middle;
	font-size:      1.6rem
}

.selectPrepend:focus, .selectPrepend:hover {
	border-color: #da291c;
	box-shadow:   0 0 0 1px #da291c
}

.selectPrepend .select2-container--detectomat .select2-selection--single {
	height: calc(1.5em + 0.75rem + 2px) !important
}

.selectPrepend .select2-container--detectomat .select2-selection {
	background-color: #f2f4f5;
	border:           0;
	border-radius:    25px
}

.selectPrepend .select2-container--detectomat.select2-container--focus .select2-selection {
	border:             0;
	-webkit-box-shadow: none;
	box-shadow:         none
}

.restrictforms fieldset {
	padding: 0;
	border:  none
}

.restrictforms input :not(input[type=submit]) {
	border-radius: 0px;
	border:        1px solid #000;
	padding:       10px 10px
}

.restrictforms input :not(input[type=submit]):focus {
	border:        none;
	border-bottom: 2px solid #da291c
}

.restrictforms .radio-checkbox {
	height:        12px;
	width:         12px;
	border:        1px solid #000;
	border-radius: 50%;
	position:      absolute;
	top:           4px
}

.restrictforms form {
	padding: 0
}

.restrictforms ul.typo3-messages {
	margin: 0
}

.loginform form {
	padding: 30px 0 0 0
}

.loginform form label {
	font-size: 1.7rem
}

.register input, .register select {
	padding:             .8rem 3rem;
	border:              none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom:       1px solid #9d9e9f;
	margin-bottom:       3rem;
	border-radius:       0
}

.register select {
	padding: .4rem 3rem
}

.register label {
	color: #ccc
}

.terms {
	margin-left: 20px
}

#tx-solr-search .solr-pagination .pagination li {
	display: inline
}

#tx-solr-search .solr-pagination .pagination .active a {
	background: rgba(220, 22, 26, .6);
	color:      #fff
}

#tx-solr-search .solr-pagination .pagination a {
	position:         relative;
	float:            left;
	padding:          6px 12px;
	margin-left:      -1px;
	line-height:      1.428571429;
	text-decoration:  none;
	background-color: #fff;
	border:           1px solid #ddd
}

#tx-solr-search form {
	padding: 0
}

#tx-solr-search .results-teaser {
	width: 100%
}

#tx-solr-search .results-highlight {
	background: rgba(220, 22, 26, .6)
}

html, body {
	-webkit-tap-highlight-color: transparent
}

html {
	font-size: 62.5%
}

body {
	height:             100%;
	background:         #fff;
	font:               2rem Barlow, sans-serif;
	line-height:        1.4;
	font-weight:        300;
	overflow-x:         hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box
}

body.pageFacherrichterFinden .footer {
	padding: 0
}

.mainContent {
	overflow: hidden
}

.defContainer {
	position:      relative;
	bottom:        0;
	width:         100%;
	z-index:       100;
	border-bottom: 1px dashed #4b5261
}

.position-relative {
	position: relative
}

.metaNavBar a.linkCallPhone, .mobileMetaNavbar a.linkCallPhone {
	display:      inline-block;
	position:     relative;
	padding-left: 25px
}

.metaNavBar a.linkCallPhone:before, .mobileMetaNavbar a.linkCallPhone:before {
	content:         "";
	position:        absolute;
	top:             0px;
	left:            0;
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-phone-white.svg') no-repeat;
	background-size: cover;
	height:          20px;
	width:           20px;
	display:         inline-block
}

.metaNavBar .metaNavBarActions > li:last-of-type, .metaNavBar .mobileMetaNavBarActions > li:last-of-type, .mobileMetaNavbar .metaNavBarActions > li:last-of-type, .mobileMetaNavbar .mobileMetaNavBarActions > li:last-of-type {
	margin-right: 0
}

.metaNavBar .linkMemo span, .mobileMetaNavbar .linkMemo span {
	font-weight: normal
}

.metaNavBar .linkMemo a, .mobileMetaNavbar .linkMemo a {
	display:      inline-block;
	position:     relative;
	padding-left: 25px
}

.metaNavBar .linkMemo a:before, .mobileMetaNavbar .linkMemo a:before {
	content:         "";
	position:        absolute;
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-merkzettel-white.svg') no-repeat;
	background-size: cover;
	top:             -2px;
	left:            0;
	width:           18px;
	height:          22px;
	display:         inline-block
}

.metaNavBar .langSwitcher, .mobileMetaNavbar .langSwitcher {
	position:     relative;
	padding-left: 25px
}

.metaNavBar .langSwitcher:before, .mobileMetaNavbar .langSwitcher:before {
	content:         "";
	position:        absolute;
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-language-white.svg') no-repeat;
	background-size: cover;
	top:             -3px;
	left:            0;
	width:           20px;
	height:          20px;
	display:         inline-block
}

.metaNavBar .langSwitcher ul, .mobileMetaNavbar .langSwitcher ul {
	margin:       0;
	padding:      0;
	padding-left: 10px;
	font-size:    0
}

.metaNavBar .langSwitcher li, .mobileMetaNavbar .langSwitcher li {
	padding:        0 5px;
	line-height:    1;
	border-right:   1px solid #f2f4f5;
	text-transform: uppercase
}

.metaNavBar .langSwitcher li:last-of-type, .mobileMetaNavbar .langSwitcher li:last-of-type {
	border-right: 0
}

.metaNavBar .linkCustomerLogin, .mobileMetaNavbar .linkCustomerLogin {
	display:      inline-block;
	padding-left: 25px;
	position:     relative
}

.metaNavBar .linkCustomerLogin:before, .mobileMetaNavbar .linkCustomerLogin:before {
	content:         "";
	position:        absolute;
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-Login-white.svg') no-repeat;
	background-size: cover;
	top:             -2px;
	left:            0;
	width:           18px;
	height:          21px;
	display:         inline-block
}

.mainNav {
	background: #fff;
	border:     1px solid #e9edee;
	position:   relative
}

.mainNav ul {
	list-style: none
}

.mainNav ul.mainNavPageList {
	display:   flex;
	max-width: 1700px;
	width:     100%;
	margin:    0 auto
}

.mainNav ul.mainNavPageList li {
	font-weight: 400;
	text-align:  center;
	flex:        1 1 auto
}

.mainNav ul.mainNavPageList li:last-child {
	padding-right: 0
}

.mainNav ul.mainNavPageList li a {
	position: relative
}

.mainNav ul.mainNavPageList li.childNavOpened a:before {
	content:          "";
	position:         absolute;
	bottom:           0;
	left:             15px;
	width:            50%;
	transform:        translate(0, 0);
	height:           2px;
	background-color: #da291c
}

.mainNav .mainSubNavOuterContainer {
	position:         absolute;
	top:              100%;
	left:             -1px;
	width:            calc(100% + 2px);
	background-color: #fff;
	border-top:       1px solid #f9f9f9;
	box-shadow:       0 7px 5px -4px rgba(20, 20, 20, .2);
	overflow:         hidden;
	height:           0;
	opacity:          1;
	text-align:       left
}

.mainNav .mainSubNavOuterContainer .mainSubNav {
	background-color: transparent;
	padding:          0;
	justify-content:  end
}

.mainNav .mainSubNavOuterContainer .mainSubNav .subNavMenuTitle {
	display:        inline-block;
	color:          #da291c;
	font-size:      2.3rem;
	font-weight:    bold;
	text-transform: uppercase;
	padding:        30px 0
}

.mainNav .mainSubNavOuterContainer .mainSubNav .subNavMenuTitle:after {
	content:          "";
	position:         absolute;
	display:          block;
	bottom:           0;
	left:             0;
	width:            50%;
	height:           2px;
	background-color: #da291c
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul {
	margin:     0;
	padding:    27px 10px;
	text-align: left;
	font-size:  0
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul li {
	padding:    16px 15px;
	display:    block;
	text-align: start;
	font-size:  0;
	position:   relative
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul li.active a:after {
	content:          "";
	position:         absolute;
	bottom:           -10px;
	left:             0;
	width:            45px;
	transform:        translate(0, 0);
	height:           1px;
	background-color: #da291c
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul li a {
	position:  relative;
	padding:   0;
	font-size: 1.5rem
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul li a:after {
	content: none
}

.mainNav .mainSubNavOuterContainer .mainSubNav ul li a:before {
	content: none
}

.mainNav li {
	display: inline-block;
	padding: 0 15px
}

.mainNav li a {
	text-transform:  uppercase;
	display:         inline-block;
	padding:         8px 15px;
	line-height:     1;
	font-size:       1.8rem;
	text-decoration: none;
	color:           #12182c;
	background:      transparent;
	border:          1px solid transparent;
	border-radius:   15px;
	cursor:          pointer
}

.mainNav li a.highlight {
	color:      #f2f4f5;
	background: #da291c;
	border:     1px solid #e33023;
	transition: box-shadow 120ms ease-in, box-border 120ms ease-in, color 120ms ease-in, background 120ms ease-in
}

.mainNav li a:hover {
	color: #da291c
}

.mainNav li a:hover.highlight {
	animation: pulse 2000ms infinite;
	color:     #fff
}

.mainNav li.hasChildren > a {
	position:      relative;
	padding-right: 25px
}

.mainNav li.hasChildren > a:after {
	content:          "";
	position:         absolute;
	top:              50%;
	right:            0;
	width:            11px;
	height:           14px;
	background:       transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-light.svg') no-repeat;
	background-size:  cover;
	transform:        translateY(-50%);
	transform-origin: 60% 50%;
	transition:       tranform 1500ms ease-in
}

.mainNav li.hasChildren > a.highlight:after {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-white.svg') no-repeat
}

.mainNav li.hasChildren.childNavOpened .mainSubNavOuterContainer {
	height:  auto;
	opacity: 1
}

.mainNav li.hasChildren.childNavOpened > a:after {
	transform: translateY(-50%) rotate(90deg) !important
}

.mainNav li.active > a {
	font-weight: 600
}

.customNavigationMenu {
	display:              grid;
	align-items:          center;
	grid-template-columns:repeat(2, 1fr)
}

.customSubNav {
	display:              grid;
	grid-template-columns:1fr 1.4fr;
	align-items:          center;
	column-gap:           20px
}

.customSliderGrid {
	display:              grid;
	grid-template-columns:1fr 1.8fr;
	grid-column-gap:      40px
}

.customProductSection {
	position: relative;
	overflow: hidden
}

.customProductSection:after {
	content:         none;
	position:        absolute;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bogen-after-v2.png') center no-repeat;
	background-size: cover;
	bottom:          -3px;
	left:            0;
	width:           100vw;
	height:          20vw
}

.customProductSection h1, .customProductSection h2 {
	color:       #fff;
	line-height: 1
}

.customProductSection p {
	color: #fff
}

.customProductSection .space {
	padding: 5vw 0
}

.customProductSection .teaserText {
	max-width: 420px;
	color:     #fff
}

.subNavMenuContent {
	display:              grid;
	grid-template-columns:1fr 1fr;
	grid-column-gap:      40px
}

.subNavMenuImageContainer {
	text-align: right
}

.subNavMenuImage {
	max-width: none;
	width:     100%
}

.logo {
	display:  inline-block;
	margin:   10px;
	position: relative
}

.logo.detectomat {
	max-width:   222px;
	margin-left: 0
}

.logo.simax {
	max-width: 132px;
	top:       2px
}

.logo.simax.alone {
	max-width: 150px
}

.sliderTextPosition {
	position:       absolute;
	top:            50%;
	max-width:      1600px;
	width:          100%;
	margin:         0 auto;
	left:           50%;
	transform:      translate(-50%, -50%);
	pointer-events: none
}

.sliderTextPosition p {
	padding: 35px 0 0 0;
	margin:  0
}

.sliderTextContent {
	position:   relative;
	box-sizing: border-box;
	padding:    40px 0
}

.sliderTextWidth {
	max-width: calc(320px + (580 - 320) * (100vw - 320px) / (2160 - 320));
	margin:    0
}

.sliderTextWidth > h2 {
	line-height: 1
}

.sliderTextWidth > p {
	padding: 15px 0
}

.tx-hx-products {
	font-size: 1.7rem
}

.tx-hx-products .text {
	font-size: 2.2rem
}

.tx-hx-products h6 {
	font-size: 1.9rem
}

.tx-hx-products .products-container {
	max-width: none;
	padding:   0
}

.tx-hx-products .subheader-distance {
	margin:    0 0 30px 0;
	font-size: 3.3rem
}

.tx-hx-products .productNotepad {
	max-width:     none;
	padding-right: 0;
	padding-left:  0
}

.tx-hx-products .subpageHeadline h1 {
	max-width: none;
	width:     auto
}

body.childNavOpened .mainNav {
	margin-bottom: 72px
}

.mainBody {
	background: transparent
}

body.hideFixedHeader .header {
	transform: translateY(-100%)
}

.headerDummy {
	height: 115px
}

.header {
	position:   fixed;
	width:      100%;
	top:        0;
	left:       0;
	box-shadow: 0 0 6px -3px rgba(10, 10, 10, .5);
	transition: transform 250ms ease-in;
	z-index:    100
}

.actionFloatingButtons {
	position:     fixed;
	right:        0;
	margin-right: 20px;
	bottom:       10.5%;
	z-index:      110
}

.heroLogo {
	position:   relative;
	z-index:    100;
	background: rgba(255, 255, 255, .8)
}

.sectionDetectomatHome {
	position:         relative;
	height:           100%;
	z-index:          1;
	overflow:         hidden;
	color:            #fff;
	background-color: #fff
}

.sectionDetectomatHome:after {
	content:         none;
	position:        absolute;
	right:           0;
	top:             0;
	height:          100%;
	width:           38%;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-home-slider.svg') no-repeat;
	background-size: cover;
	z-index:         2
}

.sectionDetectomatHome:before {
	content:    none;
	position:   absolute;
	right:      0;
	top:        50%;
	height:     50%;
	width:      45%;
	background: transparent;
	border:     2px solid #da291c;
	transform:  translateY(-50%);
	z-index:    1
}

.sectionDetectomatHome h2 {
	color:       #fff;
	margin:      0;
	font-weight: 300;
	line-height: 1
}

.sectionDetectomatHome p {
	font-size:   2.6rem;
	font-weight: 300
}

.sectionDetectomatHome h2, .customProductSection h2 {
	font-size:   5.2rem;
	font-weight: 400;
	margin:      0
}

.sectionDetectomatHome h2 > mark, .customProductSection h2 > mark {
	font-weight: 600
}

.sectionDetectomatHome p, .customProductSection p {
	font-size:   2.6rem;
	font-weight: 300;
	margin:      0
}

.detectomatHeadline {
	position: relative;
	z-index:  1
}

.detectomatHeadline p {
	margin:  0;
	padding: 8px 0
}

.detectomatHeadline a {
	margin:          24px 0 0 0;
	text-decoration: none;
	color:           inherit
}

.detectomatHeadline a:hover {
	text-decoration: none
}

.detectomatHeadline a:hover > .singleHeadline {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
}

.detectomatHeadline .singleHeadline {
	text-align: center;
	padding:    90px 20px 60px 20px;
	margin:     0;
	box-sizing: border-box;
	height:     100%;
	border:     none;
	box-shadow: 0px 13px 16px -8px rgba(0, 0, 0, .16);
	position:   relative;
	transition: box-shadow 350ms ease-in
}

.detectomatHeadline .singleHeadline img {
	border:        8px solid #fff;
	border-radius: 50%;
	max-width:     150px;
	width:         100%;
	position:      absolute;
	bottom:        calc(100% - 75px);
	left:          50%;
	transform:     translate(-50%, 0)
}

.detectomatHeadline .singleHeadline > h2 {
	color:       #fff;
	font-weight: 300;
	margin:      0
}

.detectomatHeadline .singleHeadline > h3 {
	color:          #122b62;
	margin:         0;
	font-weight:    400;
	position:       relative;
	padding-bottom: 35px
}

.detectomatHeadline .singleHeadline > h3:after {
	content:          "";
	position:         absolute;
	bottom:           20px;
	left:             50%;
	width:            80px;
	height:           2px;
	background-color: #da291c;
	transform:        translate(-50%, 0)
}

.detectomatHeadline .grid {
	padding:              40px 0;
	margin:               80px 0 0 0;
	display:              grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:                  100px 60px
}

.detectomatNewsList h2, .detectomatHeadline h2 {
	position: relative;
	display:  inline-block;
	padding:  60px 0 40px 0;
	margin:   0
}

.detectomatNewsList h2:after, .detectomatHeadline h2:after {
	content:          none;
	position:         absolute;
	bottom:           0;
	left:             0;
	width:            86px;
	height:           1px;
	background-color: #000
}

.detectomatHighlights {
	position:       relative;
	padding-bottom: 140px
}

.detectomatHighlights:before {
	content:         "";
	display:         inline-block;
	position:        absolute;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-banner.png') no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
	width:           100%;
	height:          60%;
	z-index:         -1
}

.detectomatHighlights:after {
	content:         "";
	display:         inline-block;
	position:        absolute;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-cover-swing-single.svg') no-repeat bottom right;
	background-size: 100%;
	top:             0;
	left:            0;
	width:           100%;
	height:          62%;
	z-index:         -1
}

.detectomatNewsList, .newsDetails {
	padding-bottom: 40px
}

.detectomatNewsList .newsTeaserItemLists, .newsDetails .newsTeaserItemLists {
	margin:     auto;
	padding:    0 0 60px 0;
	list-style: none;
	display:    grid;
	grid:1fr/repeat(3, minmax(0, 1fr));
	gap:        80px 30px
}

.detectomatNewsList .newsTeaserItemLists .newsTeaserItem, .newsDetails .newsTeaserItemLists .newsTeaserItem {
	position: relative;
	height:   100%;
	padding:  0;
	margin:   0
}

.detectomatNewsList .newsTeaserItemLists li, .newsDetails .newsTeaserItemLists li {
	box-sizing: border-box
}

.detectomatNewsList .newsTeaserItemLists .imgContainer, .newsDetails .newsTeaserItemLists .imgContainer {
	overflow:      hidden;
	margin:        20px 0;
	border:        1px solid #c7c7c7;
	border-radius: 2px
}

.detectomatNewsList .newsTeaserItemLists img, .newsDetails .newsTeaserItemLists img {
	height: auto;
	width:  100%
}

.detectomatNewsList .newsTeaserItemLists span.date, .newsDetails .newsTeaserItemLists span.date {
	display:      block;
	position:     relative;
	padding-left: 30px
}

.detectomatNewsList .newsTeaserItemLists span.date:before, .newsDetails .newsTeaserItemLists span.date:before {
	content:         "";
	height:          20px;
	width:           20px;
	position:        absolute;
	top:             50%;
	left:            0;
	transform:       translateY(-50%);
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-calendar-red.svg') no-repeat center;
	background-size: cover
}

.detectomatNewsList .newsTeaserItemLists h3, .newsDetails .newsTeaserItemLists h3 {
	font-size:     2.2rem;
	font-weight:   normal;
	width:         100%;
	white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
	margin:        0;
	padding-top:   18px
}

.detectomatNewsList .newsTeaserItemLists p, .newsDetails .newsTeaserItemLists p {
	margin:  0;
	padding: 8px 0 16px 0
}

.detectomatNewsList .newsTeaserItemLists .newsMoreContainer, .newsDetails .newsTeaserItemLists .newsMoreContainer {
	position: absolute;
	top:      100%;
	left:     0
}

ul.fairItemList {
	list-style: none;
	padding:    0
}

ul.fairItemList li {
	background: #f2f4f5;
	border:     1px solid #9d9e9f;
	padding:    30px;
	margin:     0 0 50px
}

ul.fairItemList li .news-img-wrap img {
	border: 1px solid #9d9e9f
}

ul.fairItemList li .fairItem-headerRow {
	display:       flex;
	-ms-flex-wrap: wrap;
	flex-wrap:     wrap;
	gap:           20px 50px
}

.eventsMapsLocal {
	background: #12182c;
	position:   relative;
	margin:     12vw 0;
	padding:    3vw 0;
	font-size:  2rem;
	color:      #fff
}

.eventsMapsLocal:before {
	content:         "";
	position:        absolute;
	display:         inline-block;
	bottom:          100%;
	left:            0;
	width:           100%;
	background:      #fff url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-map-reverse.svg') no-repeat center bottom;
	background-size: cover;
	margin-bottom:   -5%;
	height:          16vw;
	z-index:         1
}

.eventsMapsLocal:after {
	content:         "";
	position:        absolute;
	display:         inline-block;
	top:             100%;
	left:            0;
	width:           100%;
	background:      #fff url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/bg-map.svg') no-repeat center top;
	background-size: cover;
	margin-top:      -5%;
	height:          16vw;
	z-index:         1
}

.eventsMapsLocal .eventsMapsLocalOuterContainer {
	position: relative;
	z-index:  2;
	color:    #fff
}

.eventsMapsLocal .eventsMapsLocalOuterContainer:before {
	content:          "";
	position:         absolute;
	top:              0;
	left:             0;
	width:            100%;
	height:           100%;
	transform:        scale(1.2);
	border-radius:    50%;
	background-image: radial-gradient(rgba(48, 63, 116, 0.7) 0, transparent 70%, #12182c 100%);
	z-index:          -1
}

.eventsMapsLocal .eventsMapsLocalOuterContainer h1, .eventsMapsLocal .eventsMapsLocalOuterContainer h3 {
	color: #fff
}

.eventsMapsLocal .mapGermanyContainer {
	text-align: center
}

.localEventsListContainer {
	color:          #fff;
	height:         100%;
	display:        flex;
	flex-direction: column
}

.localEventsListContainer .localEventListHeadline {
	flex: 0 1 auto
}

.localEventsListContainer .swiperOuterContainer {
	flex: 1 1 auto
}

.localEventsListContainer .localEventListSliderItem .localEventsTextBox {
	padding: 4px 0
}

.localEventsListContainer .localEventListSliderItem .localEventsMeta > span {
	position:      relative;
	padding-left:  30px;
	padding-right: 20px;
	font-size:     1.5rem;
	font-weight:   bold
}

.localEventsListContainer .localEventListSliderItem .localEventsMeta > span:after {
	content:    "";
	position:   absolute;
	top:        0;
	left:       0;
	width:      21px;
	height:     21px;
	background: transparent
}

.localEventsListContainer .localEventListSliderItem .localEventsMeta > span.localEventsMetaLocation:after {
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-location-red.svg') no-repeat center;
	background-size: 80%
}

.localEventsListContainer .localEventListSliderItem.localEventListSliderItemSeminar .localEventsMeta > span.localEventsMetaDate:after {
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-seminar.svg') no-repeat center;
	background-size: 100%
}

.localEventsListContainer .localEventListSliderItem.localEventListSliderItemTradeFair .localEventsMeta > span.localEventsMetaDate:after {
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-messe-red.svg') no-repeat center;
	background-size: 80%
}

.localEventsListContainer h2 {
	color:       inherit;
	line-height: 1
}

.sliderOuterContainer.dtgs {
	box-sizing:    border-box;
	max-width:     1090px;
	padding:       40px 60px;
	margin:        auto;
	margin-bottom: 80px
}

.newsletterBanner {
	margin:          auto;
	max-width:       1090px;
	padding:         40px;
	color:           #fff;
	background:      #12182c url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/newsletter-detectotalk-baner.png') no-repeat center;
	background-size: cover
}

.newsletterBanner form {
	padding: 0
}

.newsletterBanner h4 {
	margin-top: 0;
	color:      #fff;
	font-size:  2.6rem
}

.newsletterBanner ul {
	list-style: none
}

.newsletterBanner ul li {
	font-weight: bold
}

form.regFormDetectoTalk label[for=dtRegEmail] {
	display: none
}

form.regFormDetectoTalk .regFormDetectoTalkActions > * {
	vertical-align: middle
}

form.regFormDetectoTalk .inputContainer {
	max-width:     calc(100% - 150px);
	padding-right: 20px;
	display:       inline-block;
	width:         100%
}

form.regFormDetectoTalk .inputContainer input {
	padding: 3px 10px;
	border:  2px solid #f0f0f0
}

form.regFormDetectoTalk .regFormDetectoTalkActions {
	padding-bottom: 10px
}

form.regFormDetectoTalk .checkboxContainer {
	padding: 4px 0
}

.detectomatLocations {
	padding-bottom: 0;
	color:          #122b62
}

.detectomatLocations .location-title {
	color:          #da291c;
	font-weight:    600;
	text-transform: uppercase;
	white-space:    nowrap
}

.detectomatLocations .location-body {
	display:        flex;
	flex-direction: column
}

.detectomatLocations .separator {
	width:      100px;
	height:     1px;
	background: #122b62;
	margin:     14px 0
}

.detectomatLocations .contact-page-link {
	position:    absolute;
	width:       100%;
	padding-top: 63.4289%;
	z-index:     10;
	left:        0
}

.detectomatLocations .imgContainer {
	position:    relative;
	width:       100%;
	padding-top: 63.4289%;
	border:      1px solid #9d9e9f
}

.detectomatLocations .imgContainer.contactOpen.map-de {
	background: initial
}

.detectomatLocations .imgContainer.contactOpen.map-en {
	background: initial
}

.detectomatLocations .imgContainer.contactOpen .locationContacts {
	display: block
}

.detectomatLocations .imgContainer.contactOpen .locationBuildingPointer {
	background: #122b62 url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-x-white.svg') no-repeat center/100%
}

.detectomatLocations .imgContainer.contactOpen .locationBuildingPointer:hover {
	background-color: #da291c;
	border-color:     #cc261a;
	animation:        pulse 2000ms infinite
}

.detectomatLocations .imgContainer img {
	width: 100%
}

.detectomatLocations .imgContainer.map-de {
	background: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/karten-webseite-final-DE-v2.svg') no-repeat center/contain
}

.detectomatLocations .imgContainer.map-en {
	background: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/karten-webseite-final-EN-v2.svg') no-repeat center/contain
}

.detectomatLocations .locationContacts {
	display:       none;
	margin-top:    calc(-63.4289% + 20%);
	margin-bottom: 20px;
	padding:       0 35px;
	white-space:   nowrap
}

.detectomatLocations .locationContacts a {
	color: #122b62
}

.detectomatLocations .locationBuildingContact {
	padding-top: 60px
}

.detectomatLocations .locationBuildingMap {
	position: relative
}

.detectomatLocations .locationBuildingMapOverlays {
	position:   absolute;
	top:        0;
	left:       0;
	background: transparent;
	width:      100%;
	height:     100%
}

.detectomatLocations .locationBuildingPointer {
	display:       inline-block;
	z-index:       20;
	position:      absolute;
	width:         50px;
	height:        50px;
	background:    #122b62 url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-info.svg') no-repeat center/20%;
	border:        1px solid #102555;
	top:           55px;
	transform:     translateY(-50%);
	border-radius: 50%;
	cursor:        pointer;
	transition:    border-color 100ms ease-out, background-color 100ms ease-out;
	left:          25px
}

.detectomatLocations .locationBuildingPointer:hover {
	background-color: #da291c;
	border-color:     #cc261a;
	animation:        pulse 2000ms infinite
}

.detectomatLocations .locationBuildingPointerInnerContainer {
	position: relative;
	cursor:   auto
}

.detectomatLocations .locationBuildingContactBox {
	display:       none;
	position:      absolute;
	margin-bottom: 20px;
	bottom:        100%;
	left:          50%;
	background:    #fff;
	transform:     translateX(-50%);
	min-width:     276px;
	min-height:    210px;
	padding:       20px;
	text-align:    left;
	border:        1px solid #9d9e9f;
	border-radius: 2px
}

.detectomatLocations .locationBuildingContactBox h3 {
	margin:      0;
	font-size:   1.5rem;
	font-weight: bold
}

.detectomatLocations .locationBuildingContactBox dl {
	position:    relative;
	color:       #122b62;
	padding-top: 14px;
	margin:      0
}

.detectomatLocations .locationBuildingContactBox dl:before {
	content:    "";
	position:   absolute;
	top:        0;
	left:       0;
	width:      60%;
	height:     2px;
	background: #da291c
}

.detectomatLocations .locationBuildingContactBox dt, .detectomatLocations .locationBuildingContactBox dd {
	color: inherit
}

.detectomatLocations .locationBuildingContactBox dt {
	width: 50px
}

.detectomatLocations .locationBuildingContactBox dd {
	font-weight: bold;
	width:       calc(100% - 50px)
}

.detectomatLocations .locationBuildingPointer.contactOpen .locationBuildingContactBox {
	display: inline-block
}

.searchPopup {
	box-sizing:    border-box;
	display:       none;
	position:      fixed;
	background:    #fff;
	left:          50%;
	top:           50%;
	transform:     translate(-50%, -50%);
	width:         100%;
	border:        1px solid #f7f7f7;
	border-radius: 2px;
	max-width:     560px;
	z-index:       10010
}

.searchPopup .searchPopupContainer {
	position: relative;
	padding:  30px
}

.searchPopup .searchPopupContainer .popupButtonClose {
	display:             inline-block;
	position:            absolute;
	top:                 0;
	right:               0;
	background-image:    url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-x-white.svg') !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
	background-size:     cover !important;
	width:               40px;
	height:              40px;
	cursor:              pointer;
	border-radius:       50%;
	transform:           translate(45%, -45%)
}

.searchPopup h2 {
	margin:         0;
	padding-bottom: 20px
}

.searchPopup .searchInputContainer {
	position: relative
}

.searchPopup form {
	padding: 0
}

.searchPopup form label {
	display: none
}

.searchPopup form input {
	padding:       14px 10px;
	padding-right: 55px;
	background:    #f2f4f5;
	border:        1px solid #9d9e9f;
	transition:    background 150ms ease-out
}

.searchPopup form input:focus {
	background: #fff
}

.searchPopup form .inputContainer {
	display: inline-block;
	width:   calc(100%)
}

.searchPopup form button[type=submit] {
	position:            absolute;
	top:                 47%;
	right:               8px;
	font-size:           0;
	background-image:    url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-magnifier.svg') !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
	background-size:     50% !important;
	height:              38px;
	width:               38px;
	margin:              2px 0;
	transform:           translate(0, -50%)
}

#tx-solr-search .tx-solr-search-form form input {
	padding:       8px 10px;
	padding-right: 55px;
	background:    #f2f4f5;
	border:        1px solid #9d9e9f;
	transition:    background 150ms ease-out
}

#tx-solr-search .tx-solr-search-form form input:focus {
	background: #fff
}

#tx-solr-search .tx-solr-search-form form button[type=submit] {
	position:            absolute;
	top:                 0;
	right:               0;
	font-size:           0;
	background-image:    url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-magnifier-blue.svg') !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
	background-size:     50% !important;
	height:              48px;
	width:               48px;
	margin:              2px 0;
	cursor:              pointer
}

#tx-solr-search .tx-solr-search-form form .input-group-btn {
	position: absolute
}

#tx-solr-search h4 {
	margin: 0 0 20px
}

#tx-solr-search h4 a {
	color: #122b62
}

#tx-solr-search h2 {
	margin: 0
}

.solr-pagination-d {
	display:           -webkit-box;
	display:           -ms-flexbox;
	display:           flex;
	-webkit-box-pack:  justify;
	-ms-flex-pack:     justify;
	justify-content:   space-between;
	-webkit-box-align: center;
	-ms-flex-align:    center;
	align-items:       center
}

.solr-pagination-d .pagination-d {
	list-style: none;
	padding:    0;
	display:    inline-block
}

.solr-pagination-d .pagination-d li {
	display: inline-block
}

.solr-pagination-d .pagination-d li + li {
	margin-left: 1rem
}

.subpageHeadline h1, .subpageHeadline h2, .subpageHeadline h3 {
	margin: 0
}

.subpageHeadline.py60 {
	padding-bottom: 30px
}

.subpageHeadline .subpageHeadlineContainer {
	padding: 0;
	border:  none
}

.productDetailSection .productDetails h2 {
	margin-top: 0
}

.productDetailSection .productDetailsDownloads {
	box-sizing: border-box;
	padding:    0 20px
}

.productDetailSection .productAccessoriesSlider {
	position: relative
}

.productSearchResult {
	padding: 0;
	margin:  0 auto
}

.productSearchResult .productSearchResultItemContainer {
	list-style:           none;
	margin:               0;
	padding:              20px 0;
	display:              grid;
	grid-template-columns:1fr 1fr;
	gap:                  30px 30px;
	align-items:          stretch;
	place-items:          stretch/stretch
}

.productSearchResult li.productSearchResultItem {
	border:          1px solid #707070;
	padding:         20px;
	display:         flex;
	justify-content: center;
	align-items:     center
}

.productSearchResult h3 {
	font-size:   1.7rem;
	font-weight: bold;
	margin-top:  0
}

.productSearchResult .productSearchResultMeta {
	padding: 20px 0
}

.productSearchNav form {
	display: grid;
	grid:repeat(1, minmax(0, 1fr))/repeat(3, minmax(0, 1fr));
	gap:     30px 30px
}

.lds-spinner-wrapper {
	display:         flex;
	justify-content: center
}

.lds-spinner {
	color:    official;
	display:  inline-block;
	position: relative;
	width:    80px;
	height:   80px
}

.lds-spinner div {
	transform-origin: 40px 40px;
	animation:        lds-spinner 1.2s linear infinite
}

.lds-spinner div:after {
	content:       " ";
	display:       block;
	position:      absolute;
	top:           3px;
	left:          37px;
	width:         6px;
	height:        18px;
	border-radius: 20%;
	background:    #fff
}

.lds-spinner div:nth-child(1) {
	transform:       rotate(0deg);
	animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
	transform:       rotate(30deg);
	animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
	transform:       rotate(60deg);
	animation-delay: -0.9s
}

.lds-spinner div:nth-child(4) {
	transform:       rotate(90deg);
	animation-delay: -0.8s
}

.lds-spinner div:nth-child(5) {
	transform:       rotate(120deg);
	animation-delay: -0.7s
}

.lds-spinner div:nth-child(6) {
	transform:       rotate(150deg);
	animation-delay: -0.6s
}

.lds-spinner div:nth-child(7) {
	transform:       rotate(180deg);
	animation-delay: -0.5s
}

.lds-spinner div:nth-child(8) {
	transform:       rotate(210deg);
	animation-delay: -0.4s
}

.lds-spinner div:nth-child(9) {
	transform:       rotate(240deg);
	animation-delay: -0.3s
}

.lds-spinner div:nth-child(10) {
	transform:       rotate(270deg);
	animation-delay: -0.2s
}

.lds-spinner div:nth-child(11) {
	transform:       rotate(300deg);
	animation-delay: -0.1s
}

.lds-spinner div:nth-child(12) {
	transform:       rotate(330deg);
	animation-delay: 0s
}

@keyframes lds-spinner {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.seminarList .accordion .accordionItemBody {
	padding:       10px 20px;
	padding-right: 60px
}

.seminarList .accordion .accordionItemBody ul {
	list-style:     none;
	padding:        0;
	margin:         0;
	padding-bottom: 20px
}

.seminarList .accordion .accordionItemBody li {
	font-size:     18px;
	padding:       10px 20px;
	padding-left:  25px;
	border-bottom: 1px solid #d2d2d2;
	position:      relative
}

.seminarList .accordion .accordionItemBody li:last-of-type {
	border: 0
}

.seminarList .accordion .accordionItemBody li:before {
	content:         "";
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-seminar-2.svg') no-repeat;
	background-size: cover;
	position:        absolute;
	width:           16px;
	height:          16px;
	top:             14px;
	left:            0
}

.seminarList .accordion .accordionItemBody a {
	font-size: inherit;
	color:     #12182c
}

.pageSeminarDetails .seminarDetailTitle {
	margin-top: 0
}

.seminar-list-container {
	padding-right: 1rem;
	padding-left:  1rem;
	margin-left:   auto;
	margin-right:  auto
}

.seminar-request input {
	padding:             .8rem 3rem;
	border:              none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom:       1px solid #9d9e9f;
	margin-bottom:       3rem;
	border-radius:       0
}

.seminar-request input:focus {
	border:        none;
	border-bottom: 1px solid #da291c
}

.seminar-request textarea {
	padding:       3rem;
	border:        1px solid #9d9e9f;
	min-height:    280px;
	border-radius: 0
}

.seminar-request textarea:focus {
	border: 1px solid #da291c
}

.seminar-request .submit-btn-wrapper {
	margin-top: 5rem
}

form.seminar-request {
	padding: 0
}

form.seminar-request .privacyPolicyConfirmationWrapper {
	display:              grid;
	grid-template-columns:30px 1fr;
	margin-top:           4rem
}

form.seminar-request .privacyPolicyConfirmationWrapper label {
	position: relative;
	width:    max-content;
	height:   max-content
}

form.seminar-request .privacyPolicyConfirmationWrapper label input {
	margin: 0
}

.subcontainer-mitarbeiter-subheader hr {
	margin-top:    5px;
	margin-bottom: 5px;
	background:    red
}

.seminar-registration-overview {
	display:   flex;
	flex-wrap: wrap;
	gap:       30px 50px
}

.seminar-registration-overview .sro-row1 {
	min-height:    20px;
	margin-bottom: 30px
}

.seminar-registration-overview .sro-row2 {
	margin-bottom: 10px;
	font-weight:   bold
}

.seminar-registration-overview .sro-icon-venue, .seminar-registration-overview .sro-icon-cost, .seminar-registration-overview .sro-icon-date {
	padding-left: 40px
}

.seminar-registration-overview .sro-icon-venue::before, .seminar-registration-overview .sro-icon-cost::before, .seminar-registration-overview .sro-icon-date::before {
	content:         "";
	background-size: auto;
	background-size: cover;
	position:        absolute;
	width:           16px;
	height:          16px;
	top:             14px;
	left:            0
}

.seminar-registration-overview .tabsContainer .tabsNav li {
	display:        inline-block;
	border:         1px solid #9d9e9f;
	background:     #f2f4f5;
	color:          #9d9e9f;
	border-radius:  50px;
	margin:         10px 14px;
	font-weight:    normal;
	vertical-align: middle;
	padding:        0
}

.seminar-registration-overview .tabsContainer .tabsNav li a {
	text-align:    center;
	display:       inline-block;
	padding:       12px 14px;
	color:         inherit;
	max-width:     100%;
	min-width:     200px;
	border-radius: 50px
}

.seminar-registration-overview .sro-icon-venue {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-location-red.svg') no-repeat
}

.seminar-registration-overview .sro-icon-cost {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-money-red.svg') no-repeat
}

.seminar-registration-overview .sro-icon-date {
	background:  transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-calendar-red.svg') no-repeat;
	white-space: nowrap
}

.srd-row1 {
	display:       flex;
	flex-wrap:     wrap;
	gap:           30px 50px;
	min-height:    20px;
	margin-bottom: 30px
}

.srd-row1 .sro-icon-venue, .srd-row1 .sro-icon-cost, .srd-row1 .sro-icon-date, .srd-row1 .sro-icon-time {
	padding-left: 40px;
	height:       19px
}

.srd-row1 .sro-icon-venue::before, .srd-row1 .sro-icon-cost::before, .srd-row1 .sro-icon-date::before, .srd-row1 .sro-icon-time::before {
	content:         "";
	background-size: auto;
	background-size: cover;
	position:        absolute;
	width:           16px;
	height:          16px;
	top:             14px;
	left:            0
}

.srd-row1 .sro-icon-empty {
	padding-left: 40px
}

.srd-row1 .sro-icon-venue {
	background:  transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-location-red.svg') no-repeat;
	font-weight: bold
}

.srd-row1 .sro-icon-cost {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-money-red.svg') no-repeat
}

.srd-row1 .sro-icon-time {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-clock-red.svg') no-repeat
}

.srd-row1 .sro-icon-date {
	background:  transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-calendar-red.svg') no-repeat;
	white-space: nowrap
}

.seminar-registration-description-container {
	padding-top:    20px;
	padding-bottom: 50px;
	border-bottom:  2px solid #12182c
}

.add-participant {
	display:     flex;
	align-items: center;
	color:       #da291c;
	margin:      25px 0 10px
}

.participantDelBtn {
	position: relative;
	margin:   auto 30px
}

.participantDelBtn {
	padding:       0;
	width:         28px;
	height:        28px;
	border-radius: 50%;
	display:       block;
	color:         #fff;
	background:    #122b62;
	border:        1px solid #102555;
	box-shadow:    0 5px 2px -3px rgba(10, 10, 10, .2);
	overflow:      hidden;
	cursor:        pointer;
	outline:       0;
	font-weight:   bold
}

.participantDelBtn:after {
	content:          "";
	position:         absolute;
	top:              -1px;
	left:             -1px;
	height:           calc(100% + 2px);
	width:            calc(100% + 2px);
	background:       transparent no-repeat center;
	background-size:  100%;
	background-image: url("/typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-x-white.svg")
}

.participantDelBtn:hover {
	animation: pulse 2000ms infinite
}

.participantAddBtn {
	position: relative;
	margin:   auto 30px auto 0
}

.participantAddBtn {
	padding:       0;
	width:         28px;
	height:        28px;
	border-radius: 50%;
	display:       block;
	color:         #fff;
	background:    #da291c;
	border:        1px solid #cc261a;
	box-shadow:    0 5px 2px -3px rgba(10, 10, 10, .2);
	overflow:      hidden;
	cursor:        pointer;
	outline:       0;
	font-weight:   bold
}

.participantAddBtn:after {
	content:          "";
	position:         absolute;
	top:              -1px;
	left:             -1px;
	height:           calc(100% + 2px);
	width:            calc(100% + 2px);
	background:       transparent no-repeat center;
	background-size:  100%;
	background-image: url("/typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-plus-white.svg")
}

.participantAddBtn:hover {
	animation: pulse 2000ms infinite
}

.m-ml-15 {
	margin-left: 15px
}

.cancel-participants-container {
	display:       -webkit-box;
	display:       -ms-flexbox;
	display:       flex;
	-ms-flex-wrap: wrap;
	flex-wrap:     wrap;
	gap:           30px 30px;
	min-height:    20px;
	margin-bottom: 30px
}

.cancel-participant {
	border:  1px solid #9d9e9f;
	padding: 2rem 3rem 3rem
}

.cancel-participant.active {
	border: 1px solid #73dd8c
}

.cancel-participant.active .cancel-participant-btn {
	background: #73dd8c;
	border:     1px solid #73dd8c
}

.cancel-participant.active .cancel-participant-btn::after {
	background-image: url(/typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-check-white.svg);
	top:              2px;
	left:             0px;
	height:           calc(90% + 2px);
	width:            calc(90% + 2px)
}

.cancel-participant h2 {
	margin: 0
}

.cancel-participant .cancel-participant-btn-wrapper {
	display:         flex;
	align-items:     center;
	justify-content: space-between
}

.cancel-participant .cancel-participant-btn {
	position:           relative;
	padding:            0;
	width:              28px;
	height:             28px;
	border-radius:      50%;
	display:            block;
	color:              #fff;
	background:         #a5a5a5;
	border:             1px solid #9d9d9d;
	-webkit-box-shadow: 0 5px 2px -3px rgba(10, 10, 10, .2);
	box-shadow:         0 5px 2px -3px rgba(10, 10, 10, .2);
	overflow:           hidden;
	cursor:             pointer;
	outline:            0;
	font-weight:        700;
	margin-left:        2rem
}

.cancel-participant .cancel-participant-btn::after {
	content:          "";
	position:         absolute;
	top:              -1px;
	left:             -1px;
	height:           calc(100% + 2px);
	width:            calc(100% + 2px);
	background:       transparent no-repeat center;
	background-size:  100%;
	background-image: url(/typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-x-white.svg)
}

@media screen and (min-width: 64em) {
	.seminar-request .submit-btn-wrapper {
		position: absolute;
		left:     0;
		bottom:   8px
	}
}

.accordionItemHead > h3 {
	margin: 0
}

.uploads-documents-list {
	list-style:  none;
	margin:      5rem 0 0;
	padding:     0;
	display:     grid;
	grid:auto/repeat(3, minmax(0, 1fr));
	gap:         30px 30px;
	align-items: stretch;
	place-items: stretch/stretch
}

.uploads-documents-list h1, .uploads-documents-list h2, .uploads-documents-list h3, .uploads-documents-list h4, .uploads-documents-list h5 {
	font-size:      2.2rem;
	font-weight:    normal;
	margin:         0;
	margin-bottom:  auto;
	text-transform: none
}

.uploads-documents-list h3 {
	height: 54px
}

.uploads-documents-list li {
	background: #f2f4f5;
	border:     1px solid #9d9e9f;
	padding:    20px;
	margin:     0
}

.uploads-documents-list .downloadMeta {
	display:         flex;
	align-items:     center;
	justify-content: center
}

.uploads-documents-list .downloadMeta > span {
	flex: 1 1 auto
}

.uploads-documents-list.columns-4 {
	grid:auto/repeat(4, minmax(0, 1fr))
}

.uploads-infomaterial-list {
	list-style:  none;
	margin:      5rem 0 0;
	padding:     0 0 15px;
	display:     grid;
	grid:auto/repeat(3, minmax(0, 1fr));
	gap:         0px 90px;
	align-items: stretch;
	place-items: stretch/stretch
}

.uploads-infomaterial-list h1, .uploads-infomaterial-list h2, .uploads-infomaterial-list h3, .uploads-infomaterial-list h4, .uploads-infomaterial-list h5, .uploads-infomaterial-list h6 {
	font-size:      2.2rem;
	font-weight:    normal;
	margin:         0;
	padding-bottom: 8px;
	text-transform: none
}

.uploads-infomaterial-list .downloadMeta {
	display:         flex;
	align-items:     center;
	justify-content: center
}

.uploads-infomaterial-list .downloadMeta > span {
	flex: 1 1 auto
}

.uploads-infomaterial-list.columns-4 {
	grid:auto/repeat(4, minmax(0, 1fr))
}

.software-downloads-list, .uploads-documents-list {
	list-style:  none;
	margin:      3.5rem 0;
	padding:     0 0 30px 0;
	display:     grid;
	grid:auto/repeat(3, minmax(0, 1fr));
	gap:         30px 90px;
	align-items: stretch;
	place-items: stretch/stretch
}

.software-downloads-list h1, .software-downloads-list h2, .software-downloads-list h3, .software-downloads-list h4, .software-downloads-list h5, .software-downloads-list h6, .uploads-documents-list h1, .uploads-documents-list h2, .uploads-documents-list h3, .uploads-documents-list h4, .uploads-documents-list h5, .uploads-documents-list h6 {
	font-size:      1.6rem;
	font-weight:    normal;
	margin:         0;
	margin-bottom:  auto;
	text-transform: none
}

.software-downloads-list h3, .uploads-documents-list h3 {
	font-size:      2.2rem;
	font-weight:    500;
	padding:        0 0 10px 0;
	text-transform: initial
}

.software-downloads-list h4, .uploads-documents-list h4 {
	padding: 0 0 10px 0
}

.software-downloads-list li, .uploads-documents-list li {
	background: #fff;
	border:     none;
	padding:    50px;
	margin:     0;
	box-shadow: 0px 13px 16px -8px rgba(0, 0, 0, .16);
	transition: box-shadow 350ms ease-in
}

.software-downloads-list li:hover, .uploads-documents-list li:hover {
	box-shadow: 0px 13px 16px -8px rgba(0, 0, 0, .4);
	transition: box-shadow 350ms ease-in
}

.software-downloads-list li.dataSheets, .software-downloads-list li.files, .uploads-documents-list li.dataSheets, .uploads-documents-list li.files {
	position:       relative;
	padding-bottom: 150px
}

.software-downloads-list li.dataSheets > div.dataSheetsButtons, .software-downloads-list li.dataSheets > div.fileButtons, .software-downloads-list li.files > div.dataSheetsButtons, .software-downloads-list li.files > div.fileButtons, .uploads-documents-list li.dataSheets > div.dataSheetsButtons, .uploads-documents-list li.dataSheets > div.fileButtons, .uploads-documents-list li.files > div.dataSheetsButtons, .uploads-documents-list li.files > div.fileButtons {
	position:  absolute;
	bottom:    40px;
	left:      50%;
	transform: translate(-50%, 0);
	width:     100%;
	padding:   0 50px
}

.software-downloads-list li.files, .uploads-documents-list li.files {
	padding-bottom: 120px
}

.software-downloads-list .downloadMeta, .uploads-documents-list .downloadMeta {
	display:         flex;
	align-items:     center;
	justify-content: center
}

.software-downloads-list .downloadMeta > span, .uploads-documents-list .downloadMeta > span {
	flex: 1 1 auto
}

.software-downloads-list.columns-2, .uploads-documents-list.columns-2 {
	grid:auto/repeat(2, minmax(0, 1fr))
}

.software-downloads-list.columns-3, .uploads-documents-list.columns-3 {
	grid:auto/repeat(3, minmax(0, 1fr))
}

.software-downloads-list.columns-4, .uploads-documents-list.columns-4 {
	grid:auto/repeat(4, minmax(0, 1fr))
}

.uploads-documents-list li {
	position: relative !important;
	padding:  50px 50px 80px 50px !important
}

.uploads-documents-list li h3 {
	display: initial !important
}

.uploads-documents-list li .downloadMeta {
	position:  absolute !important;
	width:     70%;
	bottom:    10px !important;
	left:      50% !important;
	transform: translate(-50%, -50%) !important
}

.infomaterial-image {
	background:      #f2f4f5;
	border:          1px solid #9d9e9f;
	height:          250px;
	margin:          0;
	display:         flex;
	justify-content: center;
	align-items:     center
}

.infomaterial-image img {
	max-width:  60%;
	max-height: 210px;
	height:     auto;
	width:      auto
}

.grid-rows-separator {
	width:      100%;
	height:     1px;
	background: #c2c4c5;
	margin-top: 15px
}

.grid-rows-separator.long {
	width: 200%
}

h6.up-to-2-lines {
	margin-bottom:  auto;
	padding:        35px 0 15px 0;
	text-transform: uppercase
}

.topcontainer-info-subheader {
	margin-top: -45px
}

.accordionContainer .topcontainer-info-subheader {
	margin-top:    20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d2d4d5
}

.accordionContainer .container-info-subheader {
	border-bottom: none
}

.container-info-subheader {
	border-bottom: 2px solid #d2d4d5
}

.container-info-subheader .subcontainer-info-subheader a {
	color: #0a0a0a
}

.subcontainer-info-subheader {
	margin-right: auto;
	margin-left:  auto
}

.subcontainer-info-subheader h3 {
	margin: 0
}

.subcontainer-info-subheader p {
	margin: 5px 0
}

.subcontainer-info-subheader ul.accordion {
	margin: 10px 0 24px
}

.subcontainer-info-subheader ul.accordion .accordionItem {
	border: none
}

.subcontainer-info-subheader ul.accordion .infoAccordionItemHead {
	cursor: pointer
}

.subcontainer-info-subheader .accordionItemBody {
	margin: 15px 0 5px
}

.subcontainer-info-subheader .info-subheader-header {
	position:      relative;
	width:         max-content;
	padding-right: 50px
}

.subcontainer-info-subheader .info-subheader-header:after {
	content:         "";
	position:        absolute;
	top:             10px;
	right:           0;
	width:           20px;
	height:          20px;
	background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right.svg') no-repeat;
	background-size: cover;
	transform:       rotate(0);
	transition:      transform 250ms ease-out
}

.radio-checkbox {
	height:        12px;
	width:         12px;
	border:        1px solid #122b62;
	border-radius: 50%;
	position:      absolute;
	top:           8px
}

.radio-checkbox:hover {
	border: 1px solid #e42c1f
}

.radio-checkbox-dummy {
	height:        20px;
	width:         20px;
	border:        1px solid #122b62;
	border-radius: 50%;
	position:      absolute;
	top:           -10px
}

.radio-checkbox-dummy::after {
	content:       "";
	position:      absolute;
	top:           3px;
	left:          3px;
	width:         12px;
	height:        12px;
	background:    #122b62;
	border-radius: 50%
}

input:checked + .radio-checkbox::after {
	content:       "";
	position:      absolute;
	top:           2px;
	left:          2px;
	width:         6px;
	height:        6px;
	background:    #122b62;
	border-radius: 50%
}

input:checked + .radio-checkbox:hover::after {
	background: #e42c1f
}

.femanager_new .single-error {
	position:         absolute;
	top:              42px;
	width:            100%;
	padding:          2px 0px 2px 33px;
	background-color: #f6d3cf;
	color:            #aa0225;
	font-size:        10px
}

.femanager_new .single-error.se-selection {
	top: 34px
}

.femanager_new .single-error.se-terms {
	top: calc(100% + 5px)
}

.femanager_new .radio-checkbox {
	height: 20px;
	width:  20px
}

.femanager_new input:checked + .radio-checkbox::after {
	top:    3px;
	left:   3px;
	width:  12px;
	height: 12px
}

.femanager_new .restrictforms .radio-checkbox {
	top: 0
}

.femanager_new .restrictforms .terms {
	margin-left: 35px
}

.femanager_new .register label {
	color: #0a0a0a
}

.width60 {
	max-width: 960px
}

figure.video {
	padding: 20px 0
}

figure.video .videoContainer {
	max-width: 650px
}

figure.video .videoContainer video {
	border: 1px solid #cfcfcf;
	width:  100%;
	height: auto
}

.youtubeContainer iframe {
	height:       auto;
	aspect-ratio: 9/6;
	max-width:    100%;
	width:        546px
}

a#CybotCookiebotDialogPoweredbyCybot {
	display: none
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo.show {
	display: block !important
}

input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelConsentCheckbox {
	display: inline-block
}

.user-register-box {
	background: transparent;
	padding:    30px 0 0 0;
	margin:     0
}

.user-register-box p {
	margin:  0;
	display: inline-block
}

.user-register-box h3 {
	margin: 0
}

.user-register-box-wrapper {
	padding: 30px 0
}

.register-separator {
	margin:           100px 0 100px;
	width:            100%;
	height:           1px;
	background-color: #c2c4c5
}

.service-box {
	display:    flex;
	background: #f2f4f5;
	padding:    30px;
	height:     100%;
	font-size:  1.6rem
}

.service-box > div:first-child {
	min-width: 60px
}

.service-box.mandatory {
	border: 1px solid #122b62
}

.service-box.optional {
	border: 1px solid #e1e3e4;
	cursor: pointer
}

.service-box.optional.active {
	border: 1px solid #122b62
}

.service-box .radio-checkbox {
	top: -10px
}

#femanager_field_submit {
	width:      initial;
	margin-top: 4rem
}

.register select {
	background-color: transparent;
	padding:          .8rem 0rem;
	margin-bottom:    0;
	border-bottom:    none
}

.title-select-wrapper {
	padding:          0rem 3rem;
	border-bottom:    1px solid #9d9e9f;
	margin-bottom:    2.2rem;
	background-color: #f2f4f5
}

.title-select-wrapper select, .title-select-wrapper option {
	font-size: 1.6rem;
	color:     #5d5d5d
}

.femanager_new form {
	padding: 0
}

.femanager_new .restrictforms .radio-checkbox {
	top:           50%;
	-ms-transform: translate(0, -50%);
	transform:     translate(0, -50%)
}

.femanager_new .restrictforms .terms {
	font-size: 1.7rem
}

.femanager_fieldset.femanager_title {
	background-color: #f2f4f5
}

.femanager_fieldset.femanager_title select, .femanager_fieldset.femanager_title option {
	color:     #5d5d5d;
	font-size: 1.7rem
}

.form-display {
	padding:       .8rem 3rem;
	border-bottom: 1px solid #9d9e9f;
	margin:        8px 0 3rem
}

.CookieRenew {
	display:     inline-block;
	padding:     10px 10px;
	border:      1px solid #c3261a;
	background:  #da291c;
	color:       #fff;
	font-weight: normal;
	line-height: 1;
	cursor:      pointer
}

.seminars > .manufacturer-list .ml-logo, .mediaCenter > .manufacturer-list .ml-logo {
	max-width: 550px
}

.manufacturer-list {
	text-align: center;
	font-size:  2rem
}

.manufacturer-list .manufacturerShadow {
	box-shadow: 0px 13px 16px -8px rgba(0, 0, 0, .16)
}

.manufacturer-list h4 {
	font-weight: 400;
	position:    relative;
	font-size:   3.8rem
}

.manufacturer-list h4:after {
	content:          "";
	position:         absolute;
	bottom:           -15px;
	left:             50%;
	transform:        translate(-50%, 0);
	width:            100px;
	height:           2px;
	background-color: #da291c
}

.manufacturer-list .ml-logo {
	margin-bottom: -65px
}

.manufacturer-list .ml-logo.seminars, .manufacturer-list .ml-logo.mediaCenter {
	max-width: 550px;
	margin:    0 auto
}

.manufacturer-list .ml-logo img {
	width: 100%
}

.manufacturer-list .ml-text-box {
	padding:    60px 30px;
	background: transparent;
	border:     none;
	height:     auto
}

.manufacturer-list .ml-text-box.productCataloge {
	height:  auto;
	padding: 60px 30px
}

.manufacturer-list .btn.secondary {
	margin:     2px 12px;
	padding:    8px 24px;
	transition: background-color 350ms ease-in, border 350ms ease-in
}

.manufacturer-list .btn.secondary:hover {
	background-color: #da291c;
	border:           1px solid #da291c
}

.container136 {
	max-width: 136rem;
	margin:    auto
}

.container112 {
	max-width: 112rem;
	margin:    auto
}

.image-header-container {
	max-width: 130rem;
	margin:    auto
}

.image-header-container .grid-x {
	margin:     0 15px;
	padding:    20px 0;
	background: #f2f4f5
}

.image-header-container .image-header-inner {
	display: flex;
	width:   max-content;
	margin:  auto
}

.image-header-container .image-header-inner div {
	display:     flex;
	align-items: center
}

.news-single .article .news-img-wrap {
	float:  initial;
	width:  auto;
	margin: 0
}

.news.news-single {
	overflow: hidden
}

.customScrollbar::-webkit-scrollbar, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar {
	width:     2px;
	height:    2px;
	direction: rtl
}

.customScrollbar::-webkit-scrollbar-track, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(218, 41, 28, .4);
	border-radius:      1px
}

.customScrollbar::-webkit-scrollbar-thumb, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar-thumb {
	border-radius:      1px;
	-webkit-box-shadow: inset 0 0 6px #da291c
}

.customScrollbar::-webkit-scrollbar:horizontal, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar:horizontal {
	width: 2px
}

.customScrollbar::-webkit-scrollbar-track:horizontal, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar-track:horizontal {
	-webkit-box-shadow: inset 0 0 6px rgba(218, 41, 28, .4);
	border-radius:      1px
}

.customScrollbar::-webkit-scrollbar-thumb:horizontal, aside.mobileNav .mobileNavScrollable::-webkit-scrollbar-thumb:horizontal {
	border-radius:      1px;
	-webkit-box-shadow: inset 0 0 6px #da291c
}

.mobileNavOpen {
	background:         transparent;
	display:            inline-block;
	width:              50px;
	height:             50px;
	vertical-align:     middle;
	-webkit-transition: 150ms background-color ease-in, 150ms border-color ease-in;
	transition:         150ms background-color ease-in, 150ms border-color ease-in;
	cursor:             pointer;
	position:           relative;
	border-radius:      50%
}

.mobileNavOpen:after {
	content:           "";
	position:          absolute;
	top:               50%;
	left:              50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	height:            16px;
	width:             17px;
	background:        transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/menu.svg') no-repeat center;
	background-size:   cover
}

.mobileNavOpen span {
	position:          absolute;
	top:               9px;
	left:              50px;
	font-size:         1.6rem;
	font-weight:       bold;
	color:             #454545;
	-webkit-animation: 6000ms shake infinite 1000ms;
	animation:         6000ms shake infinite 1000ms;
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0)
}

.mobileNavClose {
	background: #da291c;
	border:     1px solid #cc261a;
	display:    inline-block
}

body.mobileNavOpened aside.mobileNav {
	-webkit-transform:                  translate3d(0, 0, 0);
	transform:                          translate3d(0, 0, 0);
	-webkit-transition:                 -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465), -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	-webkit-transition-timing-function: cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition-timing-function:         cubic-bezier(0.35, -0.07, 0.015, 1.465)
}

aside.mobileNav {
	height:             100%;
	max-height:         100%;
	position:           fixed;
	top:                0;
	right:              0;
	background:         #12182c;
	max-width:          360px;
	width:              100%;
	z-index:            5000;
	opacity:            1;
	-webkit-transform:  translate3d(calc(100vw + 250px), 0, 0);
	transform:          translate3d(calc(100vw + 250px), 0, 0);
	-webkit-transition: 350ms -webkit-transform ease-in-out;
	transition:         350ms transform ease-in-out, 350ms -webkit-transform ease-in-out;
	-webkit-box-shadow: 250px 0px 0px 0px #fff, -3px 0 12px 0 rgba(2, 2, 2, .2);
	box-shadow:         250px 0px 0px 0px #fff, -3px 0 12px 0 rgba(2, 2, 2, .2)
}

aside.mobileNav .mobileNavScrollable {
	height:   calc(100vh - 54px);
	overflow: auto
}

aside.mobileNav .mobileNavInnerContainer {
	padding: 0
}

aside.mobileNav .mobileNavHeader {
	position:      relative;
	padding:       0;
	border-bottom: none;
	height:        0
}

aside.mobileNav .mobileNavHeader a {
	display: inline-block
}

aside.mobileNav .mobileNavHeader .mobileNavClose {
	position:          absolute;
	top:               35px;
	right:             0;
	width:             50px;
	height:            50px;
	margin-left:       0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform:     translate(-50%, 0);
	transform:         translate(-50%, 0);
	border:            none;
	border-radius:     50%
}

aside.mobileNav .mobileNavHeader .mobileNavClose:after {
	content:             "";
	display:             block;
	position:            absolute;
	top:                 50%;
	left:                50%;
	transform:           translate(-50%, -50%);
	background-image:    url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/close-white.svg') !important;
	background-position: center !important;
	background-repeat:   no-repeat !important;
	background-size:     cover !important;
	width:               30px;
	height:              30px;
	cursor:              pointer;
	border-radius:       50%
}

aside.mobileNav .mobileNavItems {
	padding: 25vh 60px 60px
}

aside.mobileNav .mobileNavItems, aside.mobileNav .mobileNavItems ul {
	list-style: none;
	margin:     0;
	transition: padding 10ms ease-in
}

aside.mobileNav .mobileNavItems li {
	padding:        0;
	margin:         0;
	text-transform: uppercase
}

aside.mobileNav .mobileNavItems a {
	text-decoration: none;
	color:           #fff;
	cursor:          pointer
}

aside.mobileNav .mobileNavItems > li {
	padding:     12px 0;
	font-weight: normal
}

aside.mobileNav .mobileNavItems > li > a {
	font-size:     2.4rem;
	margin-bottom: 4px
}

aside.mobileNav .mobileNavItems > li.hasChildren li {
	padding:     2px 0;
	font-weight: 400
}

aside.mobileNav .mobileNavItems > li.hasChildren > a {
	position:      relative;
	padding-right: 25px
}

aside.mobileNav .mobileNavItems > li.hasChildren > a:after {
	content:      "";
	position:     absolute;
	top:          50%;
	right:        0;
	transform:    translate(0, -50%) rotate(0);
	transition:   transform 350ms ease-in;
	width:        22px;
	aspect-ratio: 11/14;
	background:   transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-chevron-right-red.svg') center no-repeat
}

aside.mobileNav .mobileNavItems > li.active > a, aside.mobileNav .mobileNavItems > li.active.hasChildren > a {
	cursor:      default;
	font-weight: 600;
	color:       #fff
}

aside.mobileNav .mobileNavItems > li.hasChildren > ul {
	padding:    0;
	max-height: 0;
	overflow:   hidden;
	transition: max-height 10ms ease-in, padding 10ms ease-in
}

aside.mobileNav .mobileNavItems > li.hasChildren.active > ul, aside.mobileNav .mobileNavItems > li.hasChildren.open > ul {
	max-height: 600px;
	padding:    10px 0 0
}

aside.mobileNav .mobileNavItems > li.hasChildren.active > a:after, aside.mobileNav .mobileNavItems > li.hasChildren.open > a:after {
	transform: translate(0, -50%) rotate(90deg)
}

aside.mobileNav .mobileNavItems > li li > a {
	font-size: 1.7rem;
	color:     #fff;
	opacity:   .9
}

aside.mobileNav .mobileNavItems > li li.active > a {
	font-weight: 600;
	color:       #da291c
}

aside.mobileNav .mobileNavItems > li.active > a {
	font-weight: 600;
	color:       #fff
}

aside.mobileNav .mobileMetaNavBarActions {
	list-style:      none;
	display:         flex;
	justify-content: space-evenly;
	align-items:     center
}

aside.mobileNav .mobileMetaNavBarActions li {
	display: block;
	margin:  0
}

aside.mobileNav .mobileMetaNavBarActions > li {
	padding: 0 15px;
	display: inline-block
}

aside.mobileNav .mobileMetaNavBarActions a {
	color:           #fff;
	text-decoration: none;
	font-size:       1.6rem;
	text-transform:  uppercase
}

aside.mobileNav .mobileMetaNavbar {
	border-bottom:    none;
	padding:          12px 0;
	background-color: #12182c;
	border-top:       2px dashed rgba(255, 255, 255, .6);
	margin:           0 40px
}

aside.mobileNav .mobileMetaNavbar a, aside.mobileNav .mobileMetaNavbar span {
	color: #fff !important
}

aside.mobileNav .mobileMetaNavbar span.notepad-count {
	color: #da291c !important
}

aside.mobileNav .mobileMetaNavbar .linkMemo a:before {
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-merkzettel-white.svg') no-repeat;
	background-size: cover
}

aside.mobileNav .mobileMetaNavbar .langSwitcher {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

aside.mobileNav .mobileMetaNavbar .langSwitcher > div:first-child {
	margin-right:   10px;
	text-transform: initial
}

aside.mobileNav .mobileMetaNavbar .langSwitcher ul.lang-selection {
	padding: 0;
	display: none
}

aside.mobileNav .mobileMetaNavbar .langSwitcher ul.lang-selection.open {
	display: block
}

aside.mobileNav .mobileMetaNavbar .langSwitcher .lang-selector {
	cursor:      pointer;
	height:      16px;
	width:       16px;
	margin-left: 10px;
	background:  transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/icons/bs/chevron-down.svg') center no-repeat
}

aside.mobileNav .mobileMetaNavbar .langSwitcher .lang-selector.open {
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/icons/bs/chevron-up.svg') center no-repeat
}

aside.mobileNav .mobileMetaNavbar .langSwitcher a {
	text-transform: uppercase
}

aside.mobileNav .mobileMetaNavbar .langSwitcher li {
	display:      inline-block;
	border-color: #c3c3c3 !important
}

aside.mobileNav .mobileMetaNavbar .langSwitcher li.active a {
	color: #da291c !important
}

aside.mobileNav .mobileMetaNavbar .langSwitcher li:first-of-type {
	padding-left: 0
}

aside.mobileNav .mobileMetaNavbar .langSwitcher li:last-of-type {
	padding-right: 0
}

aside.mobileNav .mobileMetaNavbar .langSwitcher:before {
	background:        url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-language-white.svg') no-repeat;
	background-size:   cover;
	-webkit-transform: translate(0, 2px);
	-ms-transform:     translate(0, 2px);
	transform:         translate(0, 2px)
}

aside.mobileNav .mobileMetaNavbar .linkCustomerLogin:before {
	background:      url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-Login-white.svg') no-repeat;
	background-size: cover
}

aside.mobileNav {
	opacity: 0
}

body.mobileNavOpened aside.mobileNav {
	opacity:                            0;
	display:                            none;
	-webkit-transform:                  translate3d(0, 0, 0);
	transform:                          translate3d(0, 0, 0);
	-webkit-transition:                 -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition:                         transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465), -webkit-transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
	-webkit-transition-timing-function: cubic-bezier(0.35, -0.07, 0.015, 1.465);
	transition-timing-function:         cubic-bezier(0.35, -0.07, 0.015, 1.465)
}

.dropbtn {
	background-color: #3498db;
	color:            #fff;
	font-size:        1.6rem;
	border:           none;
	cursor:           pointer
}

.dropbtn:hover, .dropbtn:focus {
	background-color: #2980b9
}

.dropdown {
	position: relative;
	display:  inline-block
}

.dropdown-content {
	display:          none;
	position:         absolute;
	right:            0;
	top:              160%;
	margin:           0;
	z-index:          2;
	width:            100%;
	text-align:       center;
	list-style:       none;
	background-color: #f2f4f5;
	padding:          10px 0;
	border-radius:    6px;
	border:           1px solid #ededed;
	box-shadow:       -1px 7px 12px -4px rgba(0, 0, 0, .25)
}

.dropdown-content li {
	padding: 7px 0
}

.dropdown-content li:not(:last-child) {
	border-bottom:  1px solid #ebebeb;
	padding-bottom: 7px
}

.dropdown-content li:hover {
	background-color: #ddd
}

.dropdown-content a {
	color:           #7a7a7b;
	text-decoration: none;
	display:         block;
	font-size:       1.5rem
}

.dropdown-content:hover {
	display: block
}

.dropdown-content:after {
	content:   "⯅";
	position:  absolute;
	top:       -32px;
	left:      50%;
	color:     #f2f4f5;
	font-size: 4.3rem;
	transform: translate(-50%, 0);
	z-index:   -10
}

.show {
	display: block
}

.textpic.layout1 img {
	margin-bottom: 10px
}

.textpic .tpContText *:first-child {
	margin-top:  0;
	padding-top: 0
}

.pageListGallery {
	list-style:           none;
	margin:               0;
	padding:              0;
	display:              grid;
	grid-template-columns:1fr 1fr;
	gap:                  30px 30px;
	align-items:          stretch;
	place-items:          stretch/stretch
}

.pageListGallery .pageListGalleryItem {
	padding: 20px
}

.pageListGallery .pageListGalleryItemText {
	position:       relative;
	height:         100%;
	padding-bottom: 40px
}

.pageListGallery .pageListGalleryItemText a.btnPosAbs, .pageListGallery .pageListGalleryItemText button.btnPosAbs {
	position: absolute;
	bottom:   0;
	left:     0
}

.pageListGallery h3 {
	font-weight:    bold;
	margin:         0;
	font-size:      2.1rem;
	padding-bottom: 0
}

@media (max-width: 1200px) {
	.detectomatHeadline .singleHeadline > h3 {
		font-size: 2.5rem
	}

	.tabsContainer .tabsNav {
		grid:repeat(1, minmax(0, 1fr))/repeat(3, minmax(0, 1fr))
	}

	.uploads-infomaterial-list, .uploads-infomaterial-list.columns-4 {
		gap: 0px 45px
	}

	.software-downloads-list, .software-downloads-list.columns-4 {
		gap: 345px 45px
	}

	.software-downloads-list, .software-downloads-list.columns-3 {
		grid:auto/repeat(2, minmax(0, 1fr));
		gap: 345px 45px
	}

	.sectionDetectomatHome h2, .customProductSection h2 {
		font-size: 4rem
	}
}

@media (max-width: 1023px) {
	.swiperOuterContainer.homeHeroSlider .swiper-container-autoheight {
		height: 100%
	}

	.swiperOuterContainer.homeHeroSlider .swiper-container-autoheight .swiper-slide, .swiperOuterContainer.homeHeroSlider .swiper-container-autoheight .swiper-container-autoheight .swiper-slide {
		height: 100%
	}

	.swiperOuterContainer.homeHeroSlider .swiper-pagination {
		left:  0;
		width: 100vw
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem {
		background-color: #12182c;
		height:           100%
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem > div {
		height: 100%
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem > div > .grid-x {
		height: 100%
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem > div > .grid-x .sliderItemForm {
		display: none
	}

	.sliderTextPosition p {
		padding: 25px 0 55px 0;
		margin:  0
	}

	body {
		font-size: 2rem
	}

	.sectionDetectomatHome h {
		font-size: 3.7rem
	}

	.customProductSection h2 {
		font-size: 3.7rem
	}

	.actionFloatingButtons {
		margin-right: 15px
	}

	.floatingButton {
		width:  50px;
		height: 50px
	}

	.sectionDetectomatHome p, .customProductSection p {
		font-size: 2.3rem
	}

	.fire-alarm-logo {
		padding:    0 0 40px 0;
		text-align: center
	}

	.product-teaser-text {
		grid-template-columns:1fr
	}

	.product-teaser-text .text {
		width: 100%
	}

	.customNavigationMenu {
		grid-template-columns:4fr 1fr
	}

	.sliderTextPosition {
		position:         relative;
		top:              0;
		left:             0;
		transform:        translate(0, 0);
		background-color: #12182c
	}

	.sliderTextPosition:before {
		content:         "";
		position:        absolute;
		top:             -13vw;
		left:            0;
		height:          21vw;
		width:           100vw;
		background:      transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/slider_after_mobile_v2.svg') center no-repeat;
		background-size: cover
	}

	.sliderGlow.glow:before {
		content:           "";
		position:          absolute;
		top:               30%;
		left:              0;
		width:             100%;
		height:            100%;
		-webkit-transform: scale(1.2);
		-ms-transform:     scale(1.2);
		transform:         scale(1.2);
		border-radius:     50%;
		background-image:  radial-gradient(rgba(48, 63, 116, 0.7) 0, transparent 70%, #12182c 100%)
	}

	.sliderGlow.desktop:before {
		content: none
	}

	.sliderTextContent {
		padding: 20vw 80px 10vw 80px
	}

	body.childNavOpened .mainNav {
		margin: 0
	}

	.detectomatLocations .separator {
		width:      1px;
		height:     36px;
		background: #122b62;
		margin:     7px 8px
	}

	.detectomatLocations .location-body {
		flex-direction: row
	}

	.detectomatLocations .locationContacts {
		padding: 0
	}

	.detectomatLocations .locationContacts .grid-x {
		margin: 0 auto;
		width:  min-content
	}

	.femanager_new .single-error.se-selection {
		top: 26px
	}

	.header .mainNav {
		padding: 10px 0
	}

	.subpageHeader {
		padding-top:    40px;
		padding-bottom: 0
	}

	.mainLogoContainer {
		padding: 40px 0
	}

	.mainLogoContainer img {
		max-width: 300px
	}

	.sectionDetectomatHome {
		padding-bottom: 40px;
		min-height:     auto
	}

	.detectomatNewsList .newsTeaserItemLists {
		grid:1fr/repeat(2, minmax(0, 1fr))
	}

	.detectomatHeadline .grid {
		grid:1fr/repeat(2, minmax(0, 1fr))
	}

	.sectionDetectomatHome {
		height: auto
	}

	.sectionDetectomatHome:before {
		content: none
	}

	.swiperOuterContainer.homeHeroSlider {
		position: relative
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem {
		position:  relative;
		transform: none
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide.swiper-slide-active .homeHeroSliderItemMedia {
		transform-origin: initial;
		transform:        none;
		padding-right:    0
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText {
		max-width:        100%;
		transform-origin: unset;
		font-size:        1.7rem
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText h2 {
		font-size: 2.5rem
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText a.more {
		font-size: 1.7rem
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMediaContainer {
		padding: 0
	}

	.swiperOuterContainer.homeHeroSlider .hhspOuterContainer {
		top:        calc(100% - 48px);
		right:      auto;
		left:       0;
		text-align: center
	}

	.swiperOuterContainer.homeHeroSlider .swiper-pagination .swiper-pagination-bullet {
		display: inline-block
	}

	aside.mobileNav {
		opacity: 1
	}

	body.mobileNavOpened aside.mobileNav {
		display:                    block;
		opacity:                    1;
		pointer-events:             auto;
		transform:                  translate3d(0, 0, 0);
		transition:                 transform 500ms cubic-bezier(0.35, -0.07, 0.015, 1.465);
		transition-timing-function: cubic-bezier(0.35, -0.07, 0.015, 1.465)
	}

	.productSearchNav form {
		grid:repeat(1, minmax(0, 1fr))/repeat(2, minmax(0, 1fr))
	}

	.productSearchResult .productSearchResultItemContainer {
		grid:repeat(2, minmax(0, 1fr))/repeat(1, minmax(0, 1fr))
	}

	.seminarEventTableContainer {
		padding: 0
	}

	.seminarEventTableContainer table {
		width:       100%;
		display:     block;
		overflow-x:  auto;
		white-space: nowrap
	}

	.uploads-infomaterial-list, .uploads-infomaterial-list.columns-4 {
		grid:auto/repeat(3, minmax(0, 1fr));
		gap: 0px 30px
	}

	.uploads-documents-list, .uploads-documents-list.columns-4 {
		grid:auto/repeat(2, minmax(0, 1fr))
	}

	.software-downloads-list, .software-downloads-list.columns-4 {
		grid:auto/repeat(3, minmax(0, 1fr));
		gap: 30px 30px
	}

	.software-downloads-list, .software-downloads-list.columns-3 {
		grid:auto/repeat(2, minmax(0, 1fr));
		gap: 20px 20px
	}

	.register select {
		padding: .4rem 0rem
	}

	.title-select-wrapper {
		margin-bottom: 3rem
	}
}

@media (max-width: 890px) {
	.logo.detectomat {
		max-width: 200px
	}

	.logo.simax {
		max-width: 110px
	}

	.tabsContainer .tabsNav {
		grid:repeat(1, minmax(0, 1fr))/repeat(2, minmax(0, 1fr))
	}

	.figureGalleryThumbs {
		grid:1fr/repeat(2, minmax(0, 1fr))
	}

	.ce-textpic.ce-right .ce-gallery, .ce-textpic.ce-left .ce-gallery {
		float: none
	}
}

@media (max-width: 800px) {
	h1, h2 {
		font-size: 3.4rem
	}

	.sliderSliderNavContainer {
		top: 35%
	}

	.sliderSliderNavContainer .sliderNavButton.swiper-button-prev {
		background-color: transparent;
		left:             -40px
	}

	.sliderSliderNavContainer .sliderNavButton.swiper-button-next {
		background-color: transparent;
		right:            -40px
	}

	.detectomatNewsCustomSlider {
		margin: 0 30px
	}

	.software-downloads-list, .software-downloads-list.columns-4 {
		grid:auto/repeat(2, minmax(0, 1fr));
		gap: 15px 15px
	}

	.software-downloads-list, .software-downloads-list.columns-3 {
		grid:auto/repeat(1, minmax(0, 1fr));
		gap: 0
	}

	.software-downloads-list, .software-downloads-list.columns-2 {
		grid:auto/repeat(1, minmax(0, 1fr));
		gap: 0
	}

	aside.mobileNav .mobileMetaNavBarActions > li {
		padding: 0 10px
	}
}

@media (max-width: 640px) {
	body {
		font-size: 1.7rem
	}

	h1, h2 {
		font-size: 2.9rem
	}

	.logo.detectomat {
		max-width: 145px
	}

	.logo.simax {
		max-width: 74px
	}

	.sectionDetectomatHome h2, .customProductSection h2 {
		font-size: 3.2rem
	}

	.sectionDetectomatHome p, .customProductSection p {
		font-size: 2rem
	}

	.detectomatHeadline .grid {
		padding:              0;
		grid-template-columns:1fr
	}

	.pageHome .detectomatNewsList {
		padding-top:    50px;
		padding-bottom: 0
	}

	.manufacturer-list h4 {
		font-size: 2.6rem
	}

	.accordionContainer .topcontainer-info-subheader {
		margin-top: 0
	}

	body.mobileNavOpened aside.mobileNav {
		max-width: 90%
	}

	aside.mobileNav .mobileNavInnerContainer {
		padding: 0
	}

	aside.mobileNav .mobileNavItems {
		padding-left:  15vw;
		padding-right: 15vw
	}

	aside.mobileNav .mobileMetaNavbar {
		padding-left: 5px
	}

	aside.mobileNav .mobileNavHeader {
		padding: 0
	}

	aside.mobileNav .mobileNavHeader .mobileNavClose {
		top:         15px;
		margin-left: 0
	}

	.tabsContainer .tabsNav {
		grid:repeat(1, minmax(0, 1fr))/repeat(1, minmax(0, 1fr))
	}

	.sectionDetectomatHome {
		padding-bottom: 20px
	}

	.actionFloatingButtons {
		margin-right: 10px
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem {
		padding-bottom: 0
	}

	.swiperOuterContainer.homeHeroSlider .hhspOuterContainer {
		top:        calc(100% - 24px);
		right:      auto;
		left:       0;
		text-align: center
	}

	.swiperOuterContainer.homeHeroSlider.hhspOuterContainer {
		top: calc(100% - 32px)
	}

	.swiperOuterContainer.homeHeroSlider .homeHeroSliderItem > .grid-container > .grid-x {
		flex-direction: column-reverse
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemTeaserText {
		padding:          20px;
		padding-bottom:   40px;
		background:       #fff;
		margin:           0;
		margin-top:       -1px;
		border:           1px solid #d8d8d8;
		border-top:       none;
		opacity:          1;
		max-width:        none;
		transform:        none;
		transform-origin: initial;
		transition:       none
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMediaContainer {
		background: #fff
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia {
		transition:       none;
		transform-origin: initial;
		transform:        none;
		max-width:        none;
		padding-right:    0;
		display:          inline-block;
		border:           1px solid #d8d8d8;
		border-bottom:    none
	}

	.swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia img, .swiperOuterContainer.homeHeroSlider .swiper-slide .homeHeroSliderItemMedia video {
		box-shadow: none;
		border:     none;
		width:      100%
	}

	.detectomatNewsList .newsTeaserItemLists {
		grid:1fr/repeat(1, minmax(0, 1fr));
		gap: 55px 0
	}

	.detectomatNewsList .newsTeaserItemLists h3 {
		padding: 0
	}

	.eventsMapsLocal {
		margin: 17vw 0
	}

	.eventsMapsLocal:before {
		height: 20vw
	}

	.eventsMapsLocal:after {
		height: 25vw
	}

	form.regFormDetectoTalk .inputContainer {
		padding:   0;
		max-width: none
	}

	form.regFormDetectoTalk .regFormDetectoTalkActions {
		text-align: right
	}

	form.regFormDetectoTalk .regFormDetectoTalkActions button[type=submit] {
		width: 100%
	}

	.footer {
		text-align: center
	}

	.footer nav {
		text-align: center
	}

	.footer .footerClaim {
		padding-top: 70px
	}

	.footer .footerClaim img {
		max-width: 240px
	}

	.iconTextContainer .iconText {
		flex: 0 1 50%
	}

	.searchPopup {
		max-width: 100%
	}

	.searchPopup .searchPopupContainer .popupButtonClose {
		top:       0;
		left:      50%;
		transform: translate(-50%, -50%);
		border:    4px solid #fff
	}

	.sliderOuterContainer.dtgs {
		padding-right: 10px;
		padding-left:  10px
	}

	.sliderOuterContainer.dtgs .dtgsItem {
		flex-direction: column-reverse
	}

	.sliderOuterContainer.dtgs .dtgsItemTextBox, .sliderOuterContainer.dtgs .dtgsItemImage {
		width: 100%
	}

	.sliderOuterContainer.dtgs .dtgsItemTextBox:before, .sliderOuterContainer.dtgs .dtgsItemImage:before {
		content: none
	}

	.detectomatHighlightsSlider .sliderSliderNavContainer {
		display: none
	}

	.productSearchNav form {
		grid:repeat(1, minmax(0, 1fr))/repeat(1, minmax(0, 1fr))
	}

	.productDetails img {
		width: 230px
	}

	.figureGalleryThumbs {
		grid:1fr/repeat(1, minmax(0, 1fr))
	}

	.pageListGallery {
		grid:repeat(1, minmax(0, 1fr))/repeat(1, minmax(0, 1fr))
	}

	.tx-hx-products .subpageHeadline.py60 {
		padding-top:    20px;
		padding-bottom: 10px
	}

	.subpageHeadline.py60 {
		padding-top:    20px;
		padding-bottom: 10px
	}

	.uploads-infomaterial-list, .uploads-infomaterial-list.columns-4 {
		grid:auto/repeat(2, minmax(0, 1fr));
		gap: 0px 15px
	}

	.uploads-documents-list, .uploads-documents-list.columns-4 {
		grid:auto/repeat(1, minmax(0, 1fr))
	}

	.subcontainer-info-subheader ul.accordion {
		margin: 40px 0 24px
	}

	.m-ml-15 {
		margin-left: 0
	}

	#tx-solr-search h4 {
		margin: 20px 0
	}
}

@media (max-width: 39.99875em) {
	.accordion .accordionType-moreInfo > .accordionItemHead, ul.accordion .accordionType-moreInfo > .accordionItemHead {
		display:              grid;
		grid-template-columns:1fr 0px
	}
}

@media (max-width: 480px) {
	h1, h2 {
		font-size: 2.5rem
	}

	.accordion .accordionItem.accordionType-moreInfo .accordionItemHead {
		padding: 30px 25px !important
	}

	.accordion .accordionItem.accordionType-moreInfo .accordionItemHead:after {
		left: 5px !important
	}

	.sliderOuterContainer.detectomatNewsCustomSlider h3 {
		font-size: 2rem
	}

	.sliderTextPosition p {
		padding: 15px 0 35px 0;
		margin:  0
	}

	aside.mobileNav .mobileMetaNavBarActions > li {
		padding: 0 5px
	}

	.detectomatLocations .locationContacts {
		font-size:  13px;
		margin-top: calc(-63.4289% + 55px)
	}

	.detectomatLocations .locationBuildingPointer {
		width:  40px;
		height: 40px;
		top:    35px;
		left:   15px
	}

	.detectomatLocations .location-title {
		margin: 5px 0
	}

	.uploads-infomaterial-list, .uploads-infomaterial-list.columns-4 {
		grid:auto/repeat(1, minmax(0, 1fr));
		gap: 0
	}

	h3 {
		font-size: 1.8rem
	}

	h4 {
		font-size: 1.6rem
	}

	h5 {
		font-size: 1.5rem
	}

	h6 {
		font-size: 1.4rem
	}

	.tx-hx-products h6.area-title {
		font-size: 1.4rem
	}

	button .secondary, button.btn.secondary, a.btn.secondary, input[type=submit].btn.secondary {
		font-size: 1.4rem
	}

	.software-downloads-list, .software-downloads-list.columns-4 {
		grid:auto/repeat(1, minmax(0, 1fr));
		gap: 15px 15px
	}

	.sliderTextContent {
		padding: 20vw 0 5vw 0
	}

	.eventsMapsLocal {
		margin: 20vw 0
	}

	.eventsMapsLocal .eventsMapsLocalOuterContainer:before {
		top:    3%;
		height: 90%
	}
}

@media (max-width: 360px) {
	.iconTextContainer .iconText {
		flex: 0 1 100%
	}
}

@media (min-width: 1024px)and (max-width: 1140px) {
	.detectomatLocations .locationContacts {
		padding: 0 10px
	}
}

.register textarea {
	border-radius: 0px;
	border:        1px solid #a5a5a5;
	min-height:    200px;
	margin-bottom: 20px
}

.news-single .article .news-img-wrap video {
	width:  100%;
	height: auto
}

.text-media .ce-gallery figure {
	padding: 20px 0
}

.text-media figure.video .videoContainer {
	max-width: none
}

.text-media .ce-intext.ce-left .ce-gallery {
	margin-right:  15px;
	padding-right: 15px
}

.text-media .ce-intext.ce-right .ce-gallery {
	margin-left:  15px;
	padding-left: 15px
}

.text-media .ce-column {
	margin-right: 0px
}

.tx-hx-products {
	padding-bottom: 68px
}

@media (min-width: 891px) {
	.text-media .ce-gallery {
		width: 50%
	}
}

.news .article:last-child {
	margin-bottom: 5px
}

img.responsiveImage[src="/fileadmin/uploads/misc/Karriere.png"], .footer .footerClaim img[src="/fileadmin/uploads/misc/Karriere.png"], .eventsMapsLocal .mapGermanyContainer img[src="/fileadmin/uploads/misc/Karriere.png"] {
	border: none
}

body {
	line-height: 1.4
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	font-weight: 300
}

html {
	scroll-behavior: smooth
}

.detectomatSolutionsPartner {
	scroll-behavior: smooth
}

.detectomatSolutionsPartner .solutionsPartnerNavigation {
	margin:          0;
	padding:         20px 0;
	list-style:      none;
	display:         grid;
	grid-template:1fr/1fr 1fr 1fr 1fr;
	gap:             6rem 4rem;
	place-items:     center;
	justify-content: space-evenly
}

.detectomatSolutionsPartner .solutionsPartnerNavigation a:hover img {
	animation: shake 2000ms infinite
}

.detectomatSolutionsPartner article {
	scroll-behavior:   smooth;
	scroll-margin-top: 150px;
	margin-top:        8rem;
	margin-bottom:     8rem
}

.detectomatSolutionsPartner article h3, .detectomatSolutionsPartner article h4 {
	margin-top:    0;
	margin-bottom: 1rem
}

.detectomatSolutionsPartner article h4 {
	text-transform: none;
	color:          UNSET
}

.detectomatSolutionsPartner article > :first-of-type {
	margin-top:  0;
	padding-top: 0
}

.detectomatSolutionsPartner article .imgContainer {
	padding-right: 40px;
	padding-top:   4px;
	text-align:    center
}

.detectomatSolutionsPartner article .textbox > :first-child {
	margin-top:  0;
	padding-top: 0
}

.news-img-wrap .outer {
	padding-bottom: 20px
}

.homeSectionMargin {
	margin: 40px 0
}

.homeTrainingMap {
	margin: 70px 0
}

.homeTrainingMap .homeTrainingMapContent {
	position:   relative;
	z-index:    1;
	background: #12182c radial-gradient(rgba(48, 63, 116, 0.7) 0, transparent 70%, #12182c 100%);
	padding:    calc(2rem + (17 - 2) * (100vw - 360px) / (1920 - 360)) calc(4rem + (21 - 4) * (100vw - 360px) / (1920 - 360));
	color:      #fff
}

.homeTrainingMap .homeTrainingMapContent::after {
	content:             "";
	position:            absolute;
	display:             block;
	top:                 0;
	left:                0;
	width:               100%;
	height:              100%;
	background-image:    url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/Training-Bild.png');
	background-repeat:   no-repeat;
	background-size:     65%;
	background-position: 90%;
	z-index:             -1
}

.staticHomeHeroSection {
	background:          #12182c;
	background-size:     cover;
	background-position: center;
	background-repeat:   no-repeat;
	color:               #da291c;
	font-size:           2.6rem;
	position:            relative;
	margin-bottom:       55px
}

.staticHomeHeroSection video, .staticHomeHeroSection img.headerHeroImage {
	position:       absolute;
	top:            0;
	left:           0;
	width:          auto;
	height:         100%;
	min-width:      100%;
	min-height:     100%;
	object-fit:     cover;
	z-index:        1;
	pointer-events: none
}

.staticHomeHeroSection h1, .staticHomeHeroSection h2 {
	display:     inline-block;
	font-size:   clamp(4rem, 4vw, 5.2rem);
	color:       inherit;
	font-weight: 500;
	line-height: 1.2;
	margin-top:  0;
	padding:     20px 0;
	position:    relative;
	z-index:     0;
	filter:      drop-shadow(0 0 20px white)
}

.staticHomeHeroSection h1:after, .staticHomeHeroSection h2:after {
	content:    "";
	display:    block;
	width:      100%;
	height:     100%;
	position:   absolute;
	top:        0;
	left:       0;
	background: #fff;
	filter:     blur(95px);
	z-index:    -1
}

.staticHomeHeroSection mark {
	color:       #122b62;
	font-weight: 300
}

.staticHomeHeroSection .staticHomeHeroSectionContent {
	align-content: center;
	min-height:    40lvh;
	position:      relative;
	z-index:       2
}

.staticHomeHeroSection p {
	font-size: clamp(1.9rem, 3vw, 2.4rem);
	filter:    drop-shadow(2px 4px 6px rgba(51, 51, 51, 0.2));
	color:     #333
}

.staticHomeHeroSection ul.staticHomeHeroCta {
	list-style:      none;
	display:         flex;
	margin:          0;
	padding:         0;
	position:        absolute;
	bottom:          0;
	transform:       translateY(50%);
	justify-content: center
}

.staticHomeHeroSection ul.staticHomeHeroCta li {
	filter:        drop-shadow(0 2px 3px rgba(51, 51, 51, 0.2));
	list-style:    none;
	background:    #da291c;
	border-radius: 50%;
	margin:        0 30px
}

.staticHomeHeroSection ul.staticHomeHeroCta li a {
	display:       block;
	border-radius: 50%
}

.staticHomeHeroSection ul.staticHomeHeroCta li a:hover {
	animation: pulse 2000ms infinite
}

.staticHomeHeroSection ul.staticHomeHeroCta li:first-of-type {
	margin-left: 0
}

.staticHomeHeroSection ul.staticHomeHeroCta li:last-of-type {
	margin-right: 0
}

.staticHomeHeroSection ul.staticHomeHeroCta img {
	aspect-ratio: 1/1;
	width:        80px;
	padding:      14px
}

.staticHomeHeroSection .ctaControlContainer {
	position:    absolute;
	display:     inline-block;
	bottom:      0;
	right:       0;
	transform:   translateY(50%);
	margin:      0 70px;
	line-height: 0
}

.staticHomeHeroSection .ctaControlContainer::after {
	content:           "";
	position:          absolute;
	display:           block;
	aspect-ratio:      1/1;
	width:             100%;
	max-width:         70px;
	top:               50%;
	left:              50%;
	transform:         translate3d(-50%, -50%, 0);
	background:        transparent;
	background-image:  url('../../../typo3conf/ext/detectomat/Resources/Public/Img/logo-circle-only.svg');
	background-repeat: no-repeat;
	background-size:   cover
}

.staticHomeHeroSection .ctaControlContainer.ctaControlHoverBma svg#ctaControlSvg .ctaControlCenterBlock, .staticHomeHeroSection .ctaControlContainer.ctaControlHoverSaa svg#ctaControlSvg .ctaControlCenterBlock, .staticHomeHeroSection .ctaControlContainer.ctaControlHoverService svg#ctaControlSvg .ctaControlCenterBlock {
	fill: #122b62
}

.staticHomeHeroSection .ctaControlContainer.ctaControlHoverBma::after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Icons/Brandschutz-Icon.svg')
}

.staticHomeHeroSection .ctaControlContainer.ctaControlHoverSaa::after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Icons/Sprachalarmierung-Icon.svg')
}

.staticHomeHeroSection .ctaControlContainer.ctaControlHoverService::after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Icons/Service-Icon.svg')
}

svg#ctaControlSvg {
	width:         clamp(250px, 32vw, 350px);
	aspect-ratio:  1/1;
	background:    #e3e5e7;
	border-radius: 50%;
	filter:        drop-shadow(0 2px 2px rgba(51, 51, 51, 0.2))
}

svg#ctaControlSvg .ctaControlRect {
	fill: #fff
}

svg#ctaControlSvg .ctaControlCenterBlock {
	fill:       #fff;
	transition: fill 100ms ease-in-out
}

svg#ctaControlSvg a.ctaControlElement {
	cursor:          pointer;
	fill:            #fff;
	text-decoration: none
}

svg#ctaControlSvg a.ctaControlElement text {
	fill:        #333;
	font-weight: bold
}

svg#ctaControlSvg a.ctaControlElement .ctaControlRect {
	fill: #fff
}

svg#ctaControlSvg a.ctaControlElement .ctaControlRect, svg#ctaControlSvg a.ctaControlElement text {
	transition: fill 100ms ease-in-out, filter 100ms ease-in-out
}

svg#ctaControlSvg a.ctaControlElement:hover text, svg#ctaControlSvg a.ctaControlElement:focus text, svg#ctaControlSvg a.ctaControlElement:active text {
	fill: #fff
}

svg#ctaControlSvg a.ctaControlElement:hover .ctaControlRect, svg#ctaControlSvg a.ctaControlElement:focus .ctaControlRect, svg#ctaControlSvg a.ctaControlElement:active .ctaControlRect {
	fill:   #12182c;
	filter: drop-shadow(0 2px 3px rgba(51, 51, 51, 0.6))
}

.tippy-box[data-theme~=test] {
	background-color: #fff;
	font-size:        16px;
	color:            #12182c;
	padding:          8px;
	filter:           drop-shadow(0 2px 3px rgba(51, 51, 51, 0.2))
}

.tippy-box[data-theme~=test][data-placement^=top] > .tippy-arrow::before {
	border-top-color: #fff
}

.tippy-box[data-theme~=test][data-placement^=bottom] > .tippy-arrow::before {
	border-top-color: #fff
}

.tippy-box[data-theme~=test][data-placement^=left] > .tippy-arrow::before {
	border-top-color: #fff
}

.tippy-box[data-theme~=test][data-placement^=right] > .tippy-arrow::before {
	border-top-color: #fff
}

.need2knowSection {
	background:     transparent;
	padding-bottom: 50px
}

.need2knowSection .need2knowSlider {
	transform: none
}

.need2knowSection .swiper-slide {
	transform: translate3d(0, 0, 0)
}

.need2knowSection .need2knowHeader {
	padding-top: 20px;
	position:    relative;
	z-index:     1;
	background:  #f8fbff
}

.need2knowSection .need2knowHeader::before {
	content:             "";
	display:             block;
	position:            absolute;
	top:                 0;
	left:                0;
	height:              100%;
	width:               100%;
	background:          transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/background-need2knowheader.jpg') no-repeat;
	background-size:     cover;
	background-position: center;
	z-index:             -1;
	filter:              invert(1);
	transform:           scaleX(-1);
	opacity:             .1
}

.need2knowSection .need2knowHeader h2 {
	margin:      0;
	padding-top: 50px
}

.need2knowSection .need2knowHeader p {
	margin:         0;
	padding-top:    15px;
	padding-bottom: 40px
}

.need2knowSection .need2knowBody {
	background: #12182c
}

.need2knowSection .need2knowSlideItem h3 {
	width:        100%;
	font-size:    2.2rem;
	color:        #e6e6e6;
	font-weight:  300;
	margin:       0;
	padding:      0 10px;
	padding-left: 30px;
	box-sizing:   border-box;
	text-align:   center;
	line-height:  1
}

.need2knowSection .need2knowSlideItem h3 a {
	max-width:     100%;
	display:       inline-block;
	text-align:    center;
	font-size:     inherit;
	color:         inherit;
	font-weight:   inherit;
	white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
	line-height:   1;
	padding:       8px
}

.need2knowSection .need2knowSlideItem h3 a:hover {
	text-decoration: none;
	color:           #e43d30;
	font-weight:     normal
}

.need2knowSection .need2knowSlideItem .need2knowSlideHead {
	display:         flex;
	position:        relative;
	align-items:     center;
	justify-content: center;
	width:           100%;
	height:          60px
}

.need2knowSection .need2knowSlideItem .need2knowSlideHead::after {
	content:       "";
	display:       block;
	position:      absolute;
	top:           0;
	left:          0;
	width:         0;
	height:        0;
	border-top:    calc(60px / 2) solid transparent;
	border-left:   20px solid transparent;
	border-bottom: calc(60px / 2) solid transparent
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody {
	position: relative
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody img {
	cursor: pointer;
	width:  100%;
	height: auto
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog {
	border:          0;
	display:         none;
	box-sizing:      border-box;
	position:        absolute;
	top:             0;
	left:            0;
	height:          100%;
	width:           100%;
	padding:         20px 40px;
	color:           #fff;
	background:      rgba(25, 25, 25, .85);
	justify-content: center;
	align-items:     center;
	transition:      display 500ms allow-discrete, opacity 500ms;
	opacity:         0;
	overflow:        auto;
	max-height:      100%;
	font-size:       1.6rem;
	scrollbar-width: thin;
	scrollbar-color: #323954 #171f38
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog > div {
	max-height: 100%
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog > div p {
	margin: 5px 0
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog > div p:first-of-type {
	font-size:      1.8rem;
	text-transform: uppercase;
	margin:         0 0 10px
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog > div p:last-of-type {
	margin-bottom: 20px
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog > div a.btn {
	margin-bottom: 20px
}

.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog[open] {
	display: flex;
	opacity: 1
}

@starting-style {
	.need2knowSection .need2knowSlideItem .need2knowSlideBody dialog[open] {
		opacity: 0
	}
}

.need2knowSection .swiper-slide:nth-of-type(odd) .need2knowSlideItem .need2knowSlideHead {
	background:    #323954;
	border-bottom: 1px solid #272c41;
	border-top:    1px solid #272c41
}

.need2knowSection .swiper-slide:nth-of-type(odd) .need2knowSlideItem .need2knowSlideHead::after {
	border-left-color: #1d2237
}

.need2knowSection .swiper-slide:nth-of-type(even) .need2knowSlideItem .need2knowSlideHead {
	background:    #1d2237;
	border-bottom: 1px solid #121623;
	border-top:    1px solid #121623
}

.need2knowSection .swiper-slide:nth-of-type(even) .need2knowSlideItem .need2knowSlideHead::after {
	border-left-color: #323954
}

.need2knowSection .swiper-slide:first-of-type .need2knowSlideItem .need2knowSlideHead::after {
	content: none !important
}

.need2knowSection .need2knowSlider:not(.swiper-initialized) {
	max-width: 20vw
}

.galleryGrid {
	display:              grid;
	grid-template-columns:repeat(9, 1fr);
	grid-template-rows:repeat(9, 1fr);
	gap:                  20px 20px;
	align-content:        baseline;
	justify-content:      stretch;
	grid-auto-flow:       column dense;
	margin:               20px auto 40px;
	padding:              0;
	height:               1000px;
	max-width:            1300px;
	grid-template-areas:"a1 a1 a1 a3 a3 a3 a3 a3 a3" "a1 a1 a1 a3 a3 a3 a3 a3 a3" "a1 a1 a1 a3 a3 a3 a3 a3 a3" "a2 a2 a2 a3 a3 a3 a3 a3 a3" "a2 a2 a2 a5 a5 a5 a6 a6 a6" "a2 a2 a2 a5 a5 a5 a6 a6 a6" "a4 a4 a4 a5 a5 a5 a6 a6 a6" "a4 a4 a4 a5 a5 a5 a6 a6 a6" "a4 a4 a4 a5 a5 a5 a7 a7 a7" "a4 a4 a4 a5 a5 a5 a7 a7 a7" "a4 a4 a4 a5 a5 a5 a7 a7 a7"
}

.galleryGridul, .galleryGrid li {
	list-style: none
}

.galleryGrid .galleryGridItem {
	background:          #d4dade url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/placeholder-news.png');
	align-content:       end;
	position:            relative;
	background-repeat:   no-repeat;
	background-size:     cover;
	background-position: center;
	overflow:            hidden
}

.galleryGrid .galleryGridItem > a {
	text-decoration: none;
	height:          100%;
	display:         flex;
	flex-flow:       column-reverse;
	position:        relative;
	z-index:         1;
	transition:      25ms background-color ease-in
}

.galleryGrid .galleryGridItem .galleryGridItemNewBadge {
	border-radius:  2px;
	position:       absolute;
	top:            0;
	right:          0;
	margin-top:     20px;
	padding:        4px 12px;
	background:     #dc161a;
	font-size:      1.8rem;
	font-weight:    bold;
	text-align:     center;
	text-transform: uppercase;
	color:          #fff
}

.galleryGrid .galleryGridItem .galleryGridItemCard {
	width:      100%;
	background: rgba(255, 255, 255, .8);
	padding:    16px 20px;
	box-sizing: border-box;
	transition: 20ms background-color ease-in
}

.galleryGrid .galleryGridItem .galleryGridItemCard .galleryGridItemTitle {
	font-size:   1.9rem;
	font-weight: bold;
	color:       #122b62;
	margin:      0
}

.galleryGrid .galleryGridItem .galleryGridItemCard .galleryGridItemText {
	font-size:          1.8rem;
	font-weight:        300;
	color:              #000;
	margin:             4px 0;
	display:            -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:           hidden
}

.galleryGrid .galleryGridItem:hover .galleryGridItemCard .galleryGridItemText {
	-webkit-line-clamp: none
}

.galleryGrid .galleryGridItem.moreLink {
	background: #12182c
}

.galleryGrid .galleryGridItem.moreLink a {
	flex-direction:  column;
	align-items:     center;
	justify-content: center;
	color:           #fff;
	font-size:       2.8rem;
	font-weight:     500;
	text-transform:  uppercase;
	text-decoration: none
}

.galleryGrid .galleryGridItem.moreLink a > span {
	display:      block;
	position:     relative;
	margin-right: 70px
}

.galleryGrid .galleryGridItem.moreLink a > span:after {
	content:         "";
	position:        absolute;
	display:         block;
	top:             50%;
	left:            100%;
	margin-left:     20px;
	color:           #dc161a;
	background:      rgba(255, 255, 255, .22) url('../../../typo3conf/ext/detectomat/Resources/Public/Img/ic_angle_right-red.svg') center no-repeat;
	background-size: 22%;
	width:           50px;
	height:          50px;
	border-radius:   50%;
	text-align:      center;
	transform:       translateY(-50%)
}

.galleryGrid .galleryGridItem > a:hover .galleryGridItemCard, .galleryGrid .galleryGridItem > a:focus .galleryGridItemCard {
	background: #da291c
}

.galleryGrid .galleryGridItem > a:hover .galleryGridItemCard .galleryGridItemTitle, .galleryGrid .galleryGridItem > a:focus .galleryGridItemCard .galleryGridItemTitle {
	color: #fff
}

.galleryGrid .galleryGridItem > a:hover .galleryGridItemCard .galleryGridItemText, .galleryGrid .galleryGridItem > a:focus .galleryGridItemCard .galleryGridItemText {
	color: #f0f0f0
}

.galleryGrid .galleryGridItem.moreLink > a:hover, .galleryGrid .galleryGridItem.moreLink > a:focus {
	background: #da291c
}

.galleryGrid .galleryGridItem.moreLink > a:hover > span::after, .galleryGrid .galleryGridItem.moreLink > a:focus > span::after {
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/ic_angle_right.svg')
}

.galleryGrid .galleryGridItem:nth-of-type(1) {
	grid-area: a1
}

.galleryGrid .galleryGridItem:nth-of-type(2) {
	grid-area: a2
}

.galleryGrid .galleryGridItem:nth-of-type(3) {
	grid-area: a3
}

.galleryGrid .galleryGridItem:nth-of-type(4) {
	grid-area: a4
}

.galleryGrid .galleryGridItem:nth-of-type(5) {
	grid-area: a5
}

.galleryGrid .galleryGridItem:nth-of-type(6) {
	grid-area: a6
}

.galleryGrid .galleryGridItem:nth-of-type(7) {
	grid-area: a7
}

.galleryGrid.grid5Elements {
	grid-template-columns:repeat(8, 1fr);
	grid-template-areas:"a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a5 a5 a5" "a3 a3 a3 a3 a3 a5 a5 a5"
}

.footerSiteNavSection {
	background:     #12182c;
	font-size:      1.6rem;
	font-weight:    300;
	color:          #fff;
	text-transform: uppercase;
	padding:        40px 0;
	border-top:     1px solid #1b2442;
	border-bottom:  1px dashed #4b5261
}

.footerSiteNavSection ul, .footerSiteNavSection li {
	list-style: none;
	margin:     0;
	padding:    0
}

.footerSiteNavSection .footerSiteNavSectionList {
	opacity: .97
}

.footerSiteNavSection li {
	padding: 10px 0
}

.footerSiteNavSection a {
	display:         block;
	color:           inherit;
	font-size:       inherit;
	text-decoration: none;
	font-weight:     inherit;
	text-transform:  inherit
}

.footerSiteNavSection a.noChildren {
	margin-bottom: 50px
}

.footerSiteNavSection strong {
	font-size:      2.5rem;
	font-weight:    bold;
	text-transform: inherit;
	display:        inline-block
}

.footerSiteNavSection strong + ul {
	margin-top: 10px
}

.footerSiteNavSection strong.hasChildren {
	position: relative
}

.footerSiteNavSection strong.hasChildren::after {
	content:      "";
	position:     absolute;
	top:          50%;
	left:         100%;
	transform:    translateY(-50%) rotate(90deg);
	display:      block;
	width:        18px;
	aspect-ratio: 1/1;
	margin-left:  8px;
	background:   transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/ic_angle_right-red.svg') center no-repeat
}

form.specialistForm label {
	font-size: 1.7rem
}

form.specialistForm .title-select-wrapper, form.specialistForm input {
	padding-left:  1rem;
	padding-right: 1rem;
	margin-bottom: 12px;
	margin-top:    5px
}

form.specialistForm button[type=submit] {
	margin-top: 20px
}

form.specialistForm.register {
	padding-bottom: 50px
}

.specialistResultList {
	list-style: none;
	padding:    0;
	margin:     0
}

.specialistResultList .specialistResultListName {
	padding-bottom: 8px;
	color:          #12182c
}

.specialistResultList .specialistResultListContactData {
	display: block;
	padding: 12px 0
}

.specialistResultList .imageWrapper img {
	object-fit: contain;
	width:      100%;
	height:     auto;
	max-height: 150px;
	max-width:  150px;
	filter:     drop-shadow(0 3px 30px #ddd)
}

.glow {
	content:          "";
	position:         absolute;
	top:              0;
	left:             0;
	width:            100%;
	height:           100%;
	border-radius:    50%;
	transform:        scale(1.2);
	background-image: radial-gradient(rgba(48, 63, 116, 0.7) 0, transparent 70%, #12182c 100%);
	z-index:          -1
}

.devHint {
	opacity: .6;
	top:     160px !important
}

.devHint:hover {
	opacity: 0
}

@media (max-width: 1200px) {
	.detectomatSolutionsPartner .solutionsPartnerNavigation {
		grid-template:1fr/1fr 1fr 1fr
	}
}

@media (max-width: 1024px) {
	.detectomatSolutionsPartner article {
		margin-top:    8rem;
		margin-bottom: 8rem
	}

	.detectomatSolutionsPartner article h3, .detectomatSolutionsPartner article h4 {
		margin-bottom: 1rem
	}

	.detectomatSolutionsPartner article .imgContainer {
		padding:        0;
		padding-bottom: 20px;
		text-align:     left
	}

	.homeActualSection {
		margin-bottom: 0 !important
	}

	.homeActualSection .detectomatNewsList {
		padding-bottom: 0 !important
	}

	.galleryGrid {
		grid-template-columns:repeat(8, 1fr);
		grid-template-rows:repeat(10, 1fr);
		gap:                  20px 20px;
		grid-template-areas:"a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a4 a4 a4" "a3 a3 a3 a3 a3 a4 a4 a4" "a5 a5 a5 a6 a6 a6 a6 a6" "a5 a5 a5 a6 a6 a6 a6 a6" "a5 a5 a5 a6 a6 a6 a6 a6" "a7 a7 a7 a7 a7 a7 a7 a7" "a7 a7 a7 a7 a7 a7 a7 a7"
	}

	.galleryGrid.grid5Elements {
		grid-template-rows:repeat(9, 1fr);
		grid-template-areas:"a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a1 a1 a1 a2 a2 a2 a2 a2" "a3 a3 a3 a3 a4 a4 a4 a4" "a3 a3 a3 a3 a4 a4 a4 a4" "a3 a3 a3 a3 a4 a4 a4 a4" "a3 a3 a3 a3 a4 a4 a4 a4" "a5 a5 a5 a5 a5 a5 a5 a5"
	}
}

@media (max-width: 1023px) {
	.homeTrainingMap .homeTrainingMapContent::after {
		content: none
	}
}

@media (max-width: 860px) {
	.detectomatSolutionsPartner .solutionsPartnerNavigation {
		grid-template:1fr/1fr 1fr
	}

	.footer .footerCr ul li {
		padding: 0 12px
	}
}

@media (max-width: 799px) {
	.staticHomeHeroSection {
		margin-bottom: 350px
	}

	.staticHomeHeroSection .staticHomeHeroCta {
		left:      50%;
		transform: translateX(-50%) translateY(50%) !important;
		width:     100%;
		padding:   0 20px !important
	}

	.staticHomeHeroSection .ctaControlContainer {
		transform: translateX(-50%) translateY(100%) !important;
		margin:    0 !important;
		left:      50%;
		right:     auto;
		padding:   80px 0
	}
}

@media (max-width: 780px) {
	.galleryGrid {
		display:        flex;
		flex-direction: column;
		height:         auto
	}

	.galleryGrid .galleryGridItem:not(.moreLink) {
		aspect-ratio: 4/3;
		max-height:   45vh
	}

	.galleryGrid .galleryGridItem.moreLink {
		height: 90px
	}

	.galleryGrid .gridPlaceholder {
		display: none
	}
}

@media (max-width: 730px) {
	.detectomatNewsList .solutionsPartnerNavigation {
		grid-template:1fr/1fr 1fr
	}
}

@media (max-width: 460px) {
	.detectomatSolutionsPartner .solutionsPartnerNavigation {
		grid-template:1fr/1fr
	}
}

.seminarsGrid {
	display:              grid;
	grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
	gap:                  4rem
}

.seminarsGrid .seminar.card {
	position:   relative;
	padding:    2.4rem 2.4rem 8.5rem 2.4rem;
	box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, .06)
}

.seminarsGrid .seminar.card.booked a.btn {
	color:   #12182c;
	opacity: 1 !important;
	border:  none;
	padding: 6px 0
}

.seminarsGrid .seminar.card h3 {
	font-size:    20px;
	font-weight:  500;
	padding-left: 3.5rem;
	position:     relative;
	margin-top:   0
}

.seminarsGrid .seminar.card h3:after {
	content:    "";
	position:   absolute;
	left:       0;
	top:        0;
	width:      3rem;
	height:     3rem;
	background: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-seminar-2.svg') center no-repeat
}

.seminarsGrid .seminar.card p {
	font-size:   18px;
	font-weight: 300
}

.seminarsGrid .seminar.card .shortDescription {
	padding-bottom: 2rem
}

.seminarsGrid .seminar.card .shortDescription p {
	margin: 0
}

.seminarsGrid .seminar.card .shortAppointmentData {
	font-size: smaller
}

.seminarsGrid .seminar.card .shortAppointmentData div {
	display: flex;
	width:   fit-content
}

.seminarsGrid .seminar.card .shortAppointmentData p {
	flex:           50%;
	margin:         0;
	padding-bottom: .25rem
}

.seminarsGrid .seminar.card .shortAppointmentData p:nth-child(2) {
	padding-left: .25rem
}

.seminarsGrid .seminar.card .appointmentLink {
	position: absolute;
	bottom:   2.5rem;
	left:     2.2rem
}

.seminarsGrid .seminar.card .appointmentLink a.disabled {
	opacity:        .5;
	pointer-events: none
}

.seminarsGrid .seminar.card i.text-success {
	color: green
}

.seminarsGrid .seminar.card i.text-warning {
	color: orange
}

.seminarsGrid .seminar.card i.text-danger {
	color: red
}

.seminarsGrid .seminar.card .appointmentTitle {
	padding-bottom: 2.4rem
}

.seminarsGrid .seminar.card .appointmentTitle p {
	margin:      0;
	font-size:   22px;
	font-weight: 500;
	color:       #122b62
}

.seminarsGrid .seminar.card .appointmentTitle p:nth-child(2) {
	color:     #010919;
	font-size: smaller
}

.seminarsGrid .seminar.card .appointmentDetails div {
	display: flex
}

.seminarsGrid .seminar.card .appointmentDetails p {
	flex:           50%;
	margin:         0;
	padding-bottom: .25rem
}

.seminar.filters {
	display:     flex;
	flex-wrap:   wrap;
	gap:         1rem;
	align-items: center
}

.seminar.filters div {
	position: relative
}

.seminar.filters div label.searchInput {
	position:  absolute;
	top:       0;
	left:      1.5rem;
	transform: translate(0, -50%);
	font-size: 14px;
	color:     rgba(0, 0, 0, .5);
	display:   none
}

.seminar.filters div input {
	border:           0;
	border-radius:    2rem;
	background-color: #fff;
	box-shadow:       0px 2px 11px 2px rgba(0, 0, 0, .05)
}

.seminar.filters div input[type=text] {
	width: fit-content
}

.toggle-switch {
	display:     flex;
	align-items: center
}

.toggle-switch .toggle-switch-checkbox {
	display: none
}

.toggle-switch .toggle-label {
	display:              grid;
	grid-template-columns:1fr 11fr;
	align-items:          center;
	cursor:               pointer;
	user-select:          none;
	position:             relative;
	height:               34px;
	margin-left:          10px;
	padding:              0 15px
}

.toggle-switch .toggle-label::before {
	content: "";
	display: none
}

.toggle-switch .toggle-label .switch {
	width:         30px;
	height:        16px;
	background:    #f2f4f5;
	border-radius: 34px;
	box-shadow:    0 3px 6px rgba(0, 0, 0, .11);
	position:      relative;
	transition:    background-color .3s
}

.toggle-switch .toggle-label .switch:before {
	content:       "";
	position:      absolute;
	width:         11px;
	height:        11px;
	background:    #da291c;
	border-radius: 50%;
	left:          2px;
	top:           50%;
	transform:     translate(0, -50%);
	transition:    transform .3s
}

.toggle-switch .toggle-label .label-text {
	margin-left: 10px;
	color:       #333;
	transition:  color .3s;
	font-size:   14px
}

.toggle-switch .toggle-label.dataPrivacyCheckBox {
	align-items: baseline;
	height:      auto;
	padding:     0;
	margin:      0
}

.toggle-switch .toggle-label.dataPrivacyCheckBox .label-text {
	font-size: inherit
}

.toggle-switch .toggle-label::after {
	background: transparent !important
}

.toggle-switch .toggle-switch-checkbox:checked + .toggle-label .switch {
	background-color: #12182c
}

.toggle-switch .toggle-switch-checkbox:checked + .toggle-label .switch:before {
	transform: translate(calc(100% + 4px), -50%)
}

.toggle-switch .toggle-switch-checkbox:checked + .toggle-label .label-text::after {
	content:     "";
	margin-left: 10px
}

.toggle-switch .toggle-switch-checkbox:checked + .toggle-label .label-text:before {
	content: "";
	display: none
}

.listBooking.overview {
	padding:    4.8rem 2.8rem;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, .16)
}

.listBooking.overview h3, .listBooking.overview p {
	margin: 0
}

.listBooking.overview .booking.title {
	padding-bottom: 2.7rem
}

.listBooking.overview .booking.title h3 {
	font-weight: 500
}

.listBooking.overview .booking.title p {
	text-transform: uppercase;
	font-weight:    500;
	color:          #4f4f4f
}

.listBooking.overview .booking.title span.text-danger {
	color:       #da291c;
	font-weight: 600
}

.listBooking.overview .booking.date.time {
	padding-bottom: 2.7rem
}

.listBooking.overview .booking.date.time p:first-child {
	font-weight: 500;
	color:       #122b62
}

.listBooking.overview .booking.details {
	font-size:   smaller;
	display:     grid;
	gap:         .8rem;
	line-height: 1.2
}

.listBooking.overview .booking.details div {
	display: flex;
	gap:     1rem
}

.listBooking.overview .booking.details div p {
	flex: 50%
}

.listBooking.overview .booking.location {
	padding:  0 3rem;
	position: relative
}

.listBooking.overview .booking.location::before {
	content:    "";
	position:   absolute;
	left:       0;
	top:        0;
	width:      12px;
	height:     30px;
	background: transparent url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-location-red.svg') no-repeat center
}

.listBooking.overview .booking.location div:first-child {
	padding-bottom: 1.7rem
}

.listBooking.overview .booking.location p.location {
	font-weight:    500;
	color:          #12182c;
	font-size:      21px;
	line-height:    1.2;
	padding-bottom: 1rem
}

.listBooking.overview .booking.location p.address {
	font-weight: 300;
	font-size:   18px
}

.booking.form.container {
	padding: 2rem 4rem
}

.booking.form.container .form.errors ul {
	list-style:       none;
	padding:          2rem;
	margin:           0;
	background-color: rgba(247, 245, 245, .5)
}

.booking.form.container .form.errors ul li {
	color:  #da291c;
	margin: .25rem 0
}

.custom.grid {
	display:              grid;
	grid-template-columns:400px 1fr;
	gap:                  2rem
}

.custom.grid.seminarForm {
	display:              grid;
	grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))
}

.custom.grid.form {
	grid-template-columns:repeat(auto-fill, minmax(520px, 1fr))
}

@media (max-width: 1024px) {
	.custom.grid {
		grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))
	}

	.custom.grid.seminarForm {
		grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))
	}

	.custom.grid.form {
		grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))
	}

	.booking.form.container {
		padding: 2rem
	}
}

@media (max-width: 768px) {
	.custom.grid {
		grid-template-columns:repeat(auto-fill, minmax(420px, 1fr))
	}

	.custom.grid.form {
		grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))
	}

	.booking.form.container {
		padding: 1rem
	}
}

@media (max-width: 460px) {
	.custom.grid {
		grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))
	}

	.custom.grid.form {
		grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))
	}

	.booking.form.container {
		padding: 0
	}
}

.participantAddBtn {
	position:         relative;
	padding-left:     4rem;
	color:            #da291c;
	background-color: transparent;
	width:            auto;
	height:           auto;
	border-radius:    0;
	border:           none;
	box-shadow:       none;
	overflow:         visible;
	font-weight:      400
}

.participantAddBtn:before {
	content:       "";
	position:      absolute;
	top:           0;
	left:          0;
	height:        100%;
	aspect-ratio:  1/1;
	border-radius: 50%;
	background:    #da291c;
	z-index:       3
}

.participantAddBtn:after {
	content:          "";
	position:         absolute;
	top:              1.4rem;
	left:             1.4rem;
	transform:        translate(-50%, -50%);
	width:            3rem;
	height:           3rem;
	background-image: url('../../../typo3conf/ext/detectomat/Resources/Public/Img/layout/ic-plus-white.svg');
	z-index:          4
}

.participantAddBtn:hover {
	animation: none
}

.participantAddBtn:hover:before {
	animation: pulse 1.5s infinite
}

.cancel-participants-container {
	display:              grid;
	grid-template-columns:repeat(auto-fit, minmax(calc(200px + (360 - 200) * (100vw - 360px) / (1920 - 360)), 1fr))
}

.cancel-participant div {
	padding-top: 3rem
}

.cancel-participant div:not(.toggle-switch) {
	padding:              0;
	display:              grid;
	grid-template-columns:1fr 2fr;
	gap:                  1rem
}

.cancel-participant div:not(.toggle-switch) p {
	flex:   50%;
	margin: 0
}

@media (max-width: 800px) {
	aside.mobileNav .mobileMetaNavBarActions > li {
		padding: 0 10px
	}
}

@media (max-width: 640px) {
	body.mobileNavOpened aside.mobileNav {
		max-width: 90%
	}

	aside.mobileNav .mobileNavInnerContainer {
		padding: 0
	}

	aside.mobileNav .mobileNavHeader {
		padding: 0
	}

	aside.mobileNav .mobileNavHeader .mobileNavClose {
		top:         15px;
		margin-left: 0
	}
}

@media (max-width: 480px) {
	aside.mobileNav .mobileMetaNavBarActions > li {
		padding: 0 5px
	}
}

/*# sourceMappingURL=app.min.css.map */