@-webkit-keyframes swingOut {
	0%{	-webkit-transform:rotate(165deg); }		
	50%{ -webkit-transform:rotate(30deg); }	
	65%{ -webkit-transform:rotate(40deg); }
	80%{ -webkit-transform:rotate(30deg); }
	90%{ -webkit-transform:rotate(35deg); }
	100%{ -webkit-transform:rotate(30deg); }
}
@keyframes swingOut {
	0%{	transform:rotate(165deg); }		
	50%{ transform:rotate(30deg); }	
	65%{ transform:rotate(40deg); }
	80%{ transform:rotate(30deg); }
	90%{ transform:rotate(35deg); }
	100%{ transform:rotate(30deg); }
}
@-webkit-keyframes swingOutP2 {
	0%{	-webkit-transform:rotate(-180deg); }		
	50%{ -webkit-transform:rotate(-35deg); }	
	65%{ -webkit-transform:rotate(-45deg); }
	80%{ -webkit-transform:rotate(-35deg); }
	90%{ -webkit-transform:rotate(-40deg); }
	100%{ -webkit-transform:rotate(-35deg); }
}
@keyframes swingOutP2 {
	0%{	transform:rotate(-180deg); }		
	50%{ transform:rotate(-35deg); }	
	65%{ transform:rotate(-45deg); }
	80%{ transform:rotate(-35deg); }
	90%{ transform:rotate(-40deg); }
	100%{ transform:rotate(-35deg); }
}
@-webkit-keyframes swingOutP3 {
	0%{	-webkit-transform:rotate(-80deg); }		
	50%{ -webkit-transform:rotate(45deg); }	
	65%{ -webkit-transform:rotate(55deg); }
	80%{ -webkit-transform:rotate(45deg); }
	90%{ -webkit-transform:rotate(50deg); }
	100%{ -webkit-transform:rotate(45deg); }
}
@keyframes swingOutP3 {
	0%{	transform:rotate(-80deg); }		
	50%{ transform:rotate(45deg); }	
	65%{ transform:rotate(55deg); }
	80%{ transform:rotate(45deg); }
	90%{ transform:rotate(50deg); }
	100%{ transform:rotate(45deg); }
}
@-webkit-keyframes bounceHotspot {	
	 0%   { -webkit-transform: scale(1); }
	15%  { -webkit-transform: scale(2); }
	30%  { -webkit-transform: scale(.85); }
	50%  { -webkit-transform: scale(1); }	
	100% { -webkit-transform: scale(1); }
}
@-ms-keyframes bounceHotspot {	
	 0%   { -ms-transform: scale(1); }
	15%  { -ms-transform: scale(2); }
	30%  { -ms-transform: scale(.85); }
	50%  { -ms-transform: scale(1); }	
	100% { -ms-transform: scale(1); }
}
@keyframes bounceHotspot {	
	 0%   { transform: scale(1); }
	15%  { transform: scale(2); }
	30%  { transform: scale(.85); }
	50%  { transform: scale(1); }	
	100% { transform: scale(1); }
}
@-webkit-keyframes hpCog {	
	 0%   { -webkit-transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); }	
	100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes hpCog {	
	 0%   { -ms-transform: rotate(0deg); }
	50%  { -ms-transform: rotate(180deg); }	
	100% { -ms-transform: rotate(360deg); }
}
@keyframes hpCog {	
	 0%   { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }	
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes pop {	
	 0%   { -webkit-transform: scale(1); }	
	50%  { -webkit-transform: scale(1.15); }	
	100% { -webkit-transform: scale(1); }
}
@-ms-keyframes pop {	
	 0%   { -ms-transform: scale(1); }
	50%  { -ms-transform: scale(1.15); }	
	100% { -ms-transform: scale(1); }
}
@keyframes pop {	
	 0%   { transform: scale(1); }
	50%  { transform: scale(1.15); }	
	100% { transform: scale(1); }
}

:root {
	--li-bildmarke-height:92px;
	--li-jobs-height:70px;
}

@font-face {
font-family: 'Neo Sans Regular';
font-style: normal;
font-weight: normal;
font-display:swap;
src: local('Neo Sans TR Regular'), url('/assets/fonts/neo-sans-regular.woff') format('woff');
}

@font-face {
font-family: 'Neo Sans Light';
font-style: normal;
font-weight: normal;
font-display:swap;
src: local('Neo Sans Light'), url('/assets/fonts/neo-sans-light.woff') format('woff');
}

*,:before,:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;	
}

*:focus { outline: none!important; }

html, body {
	min-width: 320px;
	height:100%;	
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-weight:normal;	
	font-size:100%;
	background-color:#fff;	
	color:#1a171b;
	-webkit-overflow-scrolling:touch;
}
html.touch { cursor:pointer; }
body.nav--in { overflow:hidden; }

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { 
	margin-bottom:1rem;
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-weight:normal; 
	text-align:center;
}

h1,.h1 {
	font-size:2rem!important;	
	line-height:1.25!important;
}
h2,.h2 { 
	font-size:2rem;	
	line-height:1.25; 
}
h3, .h3 { 
	font-size:1.3rem;
	line-height:1.25;
}

p, .body-1, .body-1 p {
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-size:1.05rem;
	line-height:1.45;
}
p.lead { 
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-size:2rem;
	font-weight:normal;
	line-height:1.25;
}
.lead-xl {
	font-size: 2.5rem!important; 
	line-height:1.2!important;
}
.body-xxl { 
	font-size:1.8rem!important;
	line-height:1.25;
}
.body-xl { 
	font-size:1.5rem!important;
	line-height:1.25;
}
.body-2, .body-2 p {
	font-size:.9rem!important;
	line-height:1.25!important;
}

a, button {	
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
	transition:0.3s all;
}
a, a:visited, a:focus { color:#f5aa00; text-decoration:underline; }
a:hover { color:#1a171b; text-decoration:underline; }

a.link-black, a.link-black:visited, a.link-black:focus { color:#1a171b; }
a.link-black:hover { color:#f5aa00; text-decoration:underline; }
a.link-black-fix, a.link-black-fix:visited, a.link-black-fix:focus { color:#1a171b; text-decoration:none; }
a.link-black-fix:hover { color:#1a171b; text-decoration:underline; }
a.link-black-white, a.link-black-white:visited, a.link-black-white:focus { color:#1a171b; }
a.link-black-white:hover { color:#fff; text-decoration:underline; }
a.link-white, a.link-white:visited, a.link-white:focus { color:#fff; text-decoration:underline; }
a.link-white:hover { color:#f5aa00; text-decoration:underline; }
a.link-gray, a.link-gray:visited, a.link-gray:focus { color:#a3a2a3; text-decoration:none; }
a.link-gray:hover, a.link-gray.active { color:#1a171b; text-decoration:none; }

strong, .strong, b { 
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;	
	font-weight:bold;
} 

small { 
	font-size:75%;
	font-weight:normal;
}

.light { font-family: 'Neo Sans Light', Arial, Helvetica, sans-serif!important; }
.reg { font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif!important; }

.lh--1 { line-height:1!important; }
.lh--1-35 { line-height:1.35!important; }

.hyphens, .hyphens p { hyphens:auto; }

.text-white { color:#ffffff!important; }
.text-black { color:#1a171b!important; /* RGB: 26,23,27 (Almost Black) */ }
.text-grey { color:#555555!important; }
.text-c1 { color:#f5aa00!important; } /* RGB: 246,167,4 (Orange) */
.text-c2 { color:#a3a2a3!important; } /* RGB: 163,162,163 (Grau) */
.text-red { color:#e03e2d!important; } /* RGB: 224,62,45 (Rot) */

.uppercase { text-transform:uppercase; }
.paragraph {
	position:absolute;
	top:0;
	font-size:102px;
	line-height:1;
}
.paragraph-left {
	left:15px;
}
.paragraph-right {
	right:15px;
}

.bg-c1 { background:#f5aa00; }
.bg-c1-light { background:#f8d592; }
.bg-black { background:#1a171b!important; }
.bg-gradient-black {
	padding:2.5rem;	
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 )!important;
}
.bg-lightblue { background-color:#e3eef7!important; }
.bg-graylight { background-color:#ececed!important; }
.border-top { border-top:transparent 1px solid; }
.border-c1 { border-color:#f5aa00!important; }
.border-c2 { border-color:#a3a2a3!important; }
.border-gray { border-color:#555555!important; }
.border-graymedium { border-color:#d9dadb!important; }
.border-graylight { border-color:#ececed!important; }
.border-black { border-color:#1a171b!important; }
.border-3 { border-width:3px!important; }
.border-5 { border-width:5px!important; }

.bt { 
	position:relative;
	display:inline-block; 
	padding:.85rem 2rem .95rem 2rem; 
	background-color:transparent;
	border:transparent 1px solid; 
	font-size:1rem;
	font-weight:normal;
	line-height:1.25;
	text-align:center;
	text-decoration:none!important;
}
.bt-xs {
	height:34px;
	padding:.35rem .6rem .35rem .6rem; 
}
.bt-sm {
	padding:.55rem 1.5rem .65rem 1.5rem; 
}
.bt-lg {
	padding:.75rem 2rem .85rem 2rem;
	font-size:1.15rem;
	line-height:1.25;
}
.bt-career {	
	font-size:1.05rem;
}

.bt-c1, .bt-c1:visited { 
	background-color:#f5aa00;
	color:#1a171b;	
}
.bt-c1:hover, .bt-c1:focus { 
	background-color:#1a171b;
	color:#fff;
}
.bt-c1-fix, .bt-c1-fix:visited, .bt-c1-fix:hover, .bt-c1-fix:focus { 
	background-color:#f5aa00;
	color:#1a171b;	
}
.bt-c1-white, .bt-c1-white:visited { 
	background-color:#f5aa00;
	color:#1a171b;	
}
.bt-c1-white:hover, .bt-c1-white:focus { 
	background-color:#fff;
	color:#1a171b;
}

.bt-c2, .bt-c2:visited { 
	background-color:#a3a2a3;
	color:#fff;	
}
.bt-c2:hover, .bt-c2:focus { 
	background-color:#555;
	color:#fff;
}
.bt-black, .bt-black:visited {
	background-color:#1a171b;
	color:#fff;
}
.bt-black:hover, .bt-black:focus {
	background-color:#fff;
	color:#f5aa00;
}
.bt-custom, .bt-custom:visited { 
	background-color:#4082ed;
	color:#fff;	
}
.bt-custom:hover, .bt-custom:focus { 
	background-color:#3368be;
	color:#fff;
}
.block-darkgrey .bt-c1:hover, .block-darkgrey .bt-c1:focus { 
	background-color:#1a171b;
	border-color:#f5aa00;
	color:#fff;
}
.bt-gradient-black-fix, .bt-gradient-black-fix:visited, .bt-gradient-black-fix:hover, .bt-gradient-black-fix:focus { 
	border:0 none!important;
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 )!important;
	color:#f5aa00;	
}
.bt-gradient-blackwhite-fix, .bt-gradient-blackwhite-fix:visited, .bt-gradient-blackwhite-fix:hover, .bt-gradient-blackwhite-fix:focus { 
	border:0 none!important;
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 )!important;
	color:#ffffff;	
}

.bt-block { 
	display:block;
	width:100%;
	margin:auto;	
}

.bt-disabled, .bt-disabled:hover, .bt-disabled:visited, .bt-disabled:focus { 
	background-color:#e3e3e3;
	color:#a3a2a3;
	border-color:#e3e3e3;
	cursor:default;
}

.bt-clean {
	padding:0;
	margin:0;
	border:0 none;
	background:transparent;
}
.bt-print-icon {
	position:relative;
	top:2px;
}
.bt-swd-tweak { 
	min-width:372px;
	max-width:100%;
}

.bt-hover {
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	opacity:0;
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.bt-c1-fix .bt-hover {
	background:#f5aa00;
	
}
.bt:hover .bt-hover {
	opacity:1;
}

.bt-hand, .bt-hand:hover, .bt-hand:visited, .bt-hand:focus,
.bt-hand-circle, .bt-hand-circle:hover, .bt-hand-circle:visited, .bt-hand-circle:focus {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:56px;
	position:relative;
	padding:.85rem 3.5rem .9rem 3.5rem;
	border:0 none!important;
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 )!important;
	color:#f5aa00;	
}
.bt-hand::after, .bt-hand-circle::after {
	content:"";
	width:74px;
	height:59px;
	position:absolute;
	right:-8px;
	top:38.5%;
	background-image:url('/files/images/icons/icon-hand.svg');
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-transition:.1s ease;
	transition:.1s ease;
}
.bt-hand-circle::after {
	top:20%!important;
	background-image:url('/files/images/icons/icon-hand-circle.svg')!important;
}
.bt-hand:hover::after, .bt-hand-circle:hover::after {	
	right:-1px;
}
.bt-hand.bt-hand-white {
	color:#fff!important;
}
.bt-hand.bt-hand-primary {
	background:#f5aa00!important;
	color:#1a171b!important;
	padding-left:2rem;
	padding-right:2rem;
}

.img-roadshow { position:absolute; bottom:1rem; left:15px; right:15px; }

.vh-100 { height:100vh!important; }
.mb-7rem { margin-bottom:7rem; }
.translateY-50 {
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.translateY--50 {
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* aspects */
.aspect {
	width:100%;
	position:relative;
}
.aspect--1-1 {
	padding-top:100%;
}
.aspect--3-4 {
	padding-top:122%;
}
.aspect--16-9 {
	padding-top:56.25%;
}
.aspect--16-10 {
	padding-top:62.5%;
}
.aspect-inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;	
	left:0;
}

/* object-fit */
.object-fit-cover {
	width:100%;
	height:100%;
	object-fit:cover;
}
.object-fit-contain {
	width:100%;
	height:100%;
	object-fit:contain;
}

/* object-position */
.object-position-center { object-position:center; }
.object-position-top { object-position:center top; }
.object-position-top-end { object-position:right top; }
.object-position-end { object-position:right center; }
.object-position-bottom-end { object-position:right bottom; }
.object-position-bottom { object-position:center bottom; }
.object-position-start-bottom { object-position:left bottom; }
.object-position-start { object-position:left center; }
.object-position-start-top { object-position:left top; }

/* misc */
.translateY--15 {
	-webkit-transform:translateY(-15%);
	transform:translateY(-15%);
}
.translateY--50 {
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* cards */
.card {
	border-radius:0!important;
}

/* bars */
.bar { padding:1.5rem 0 .75rem 0; text-align:center; }
.bar-c1 { background:#f5aa00; }
.bar-c1 a { color:#1a171b; text-decoration:none!important; }
.bar-c1 a:hover { color:#fff; }

/* spaces */
.mb-20px { margin-bottom:20px!important; }
.py-75rem { padding-top:.75rem; padding-bottom:.75rem; }
.pt-75rem { padding-top:.75rem; }
.pb-75rem { padding-bottom:.75rem; }
.pt-2rem { padding-top:2rem!important; }
.pb-2rem { padding-bottom:2rem!important; }
.pt-7 { padding-top:5rem; }
.pb-7 { padding-bottom:5rem; }
.pt-8 { padding-top:6.5rem; }
.pb-8 { padding-bottom:6.5rem; }

/* grid variations */
.no-gutters {
	margin-left:0!important;
	margin-right:0!important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0!important;
  padding-left: 0!important;
}

.gutter-6 { 
	padding-left:15px;
	padding-right:15px;
	overflow-x:hidden;
}
.gutter-6 .row { 
	margin-left:-3px;
	margin-right:-3px;
}
.gutter-6 .row div[class*='col'], .gutter-6 .row li[class*='col'] { 
	padding-left: 3px;
	padding-right:3px;
}

.gutter-8 { 
	padding-left:15px;
	padding-right:15px;
	overflow-x:hidden;
}
.gutter-8 .row { 
	margin-left:-4px;
	margin-right:-4px;
}
.gutter-8 .row div[class*='col'], .gutter-8 .row li[class*='col'] { 
	padding-left: 4px;
	padding-right:4px;
}

.gutter-14 { 
	padding-left:15px;
	padding-right:15px;
	overflow-x:hidden;
}
.gutter-14 .row { 
	margin-left:-7px;
	margin-right:-7px;
}
.gutter-14 .row div[class*='col-'], .gutter-14 .row li[class*='col-'] { 
	padding-left: 7px;
	padding-right:7px;
}

.gutter-20 { 
	padding-left:15px;
	padding-right:15px;
	overflow-x:hidden;
}
.gutter-20 .row { 
	margin-left:-10px;
	margin-right:-10px;
}
.gutter-20 .row div[class*='col-'], .gutter-20 .row li[class*='col-'] { 
	padding-left: 10px;
	padding-right:10px;
}

.gutter-60 { 
	padding-left:15px;
	padding-right:15px;
	overflow-x:hidden;
}
.gutter-60 .row { 
	margin-left:-30px;
	margin-right:-30px;
}
.gutter-60 .row div[class*='col-'], .gutter-60 .row li[class*='col-'] { 
	padding-left: 30px;
	padding-right:30px;
}

/* svgs */
.svg {
	display:block;
	position:relative;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
}

/* icons */
.svg-arrow-pointer {
	-webkit-mask-image:url('/files/images/icons/arrow-pointer.svg');
	mask-image:url('/files/images/icons/arrow-pointer.svg');
}
.svg-calendar {
	-webkit-mask-image:url('/files/images/icons/icon-calendar.svg');
	mask-image:url('/files/images/icons/icon-calendar.svg');
}
.svg-chevron-down {
	-webkit-mask-image:url('/files/images/icons/chevron-down.svg');
	mask-image:url('/files/images/icons/chevron-down.svg');
}
.svg-chevron-right {
	-webkit-mask-image:url('/files/images/icons/chevron-right.svg');
	mask-image:url('/files/images/icons/chevron-right.svg');
}
.svg-email {
	-webkit-mask-image:url('/files/images/icons/icon-email.svg');
	mask-image:url('/files/images/icons/icon-email.svg');
}
.svg-hp-cog {
	-webkit-mask-image:url('/files/images/landingpages/hp-vertrieb/hp-cog.svg');
	mask-image:url('/files/images/landingpages/hp-vertrieb/hp-cog.svg');
}
.svg-hp-pdf {
	-webkit-mask-image:url('/files/images/landingpages/hp-vertrieb/hp-pdf.svg');
	mask-image:url('/files/images/landingpages/hp-vertrieb/hp-pdf.svg');
}
.svg-media {
	-webkit-mask-image:url('/files/images/icons/icon-media.svg');
	mask-image:url('/files/images/icons/icon-media.svg');
}
.svg-magnifying-glass {
	-webkit-mask-image:url('/files/images/icons/magnifying-glass.svg');
	mask-image:url('/files/images/icons/magnifying-glass.svg');
}
.svg-newsletter {
	-webkit-mask-image:url('/files/images/icons/icon-newsletter.svg');
	mask-image:url('/files/images/icons/icon-newsletter.svg');
}
.svg-newsletter-reduced {
	-webkit-mask-image:url('/files/images/icons/icon-newsletter-reduced.svg');
	mask-image:url('/files/images/icons/icon-newsletter-reduced.svg');
}
.svg-phone {
	-webkit-mask-image:url('/files/images/icons/icon-phone.svg');
	mask-image:url('/files/images/icons/icon-phone.svg');
}
.svg-xmark {
	-webkit-mask-image:url('/files/images/icons/xmark.svg');
	mask-image:url('/files/images/icons/xmark.svg');
}

/* sizes */
.svg-64 { width:64px; height:64px; }
.svg-48 { width:48px; height:48px; }
.svg-40 { width:40px; height:40px; }
.svg-32 { width:32px; height:32px; }
.svg-28 { width:28px; height:28px; }
.svg-24 { width:24px; height:24px; }
.svg-21 { width:21px; height:21px; }
.svg-20 { width:20px; height:20px; }
.svg-16 { width:16px; height:16px; }
.svg-12 { width:12px; height:12px; }

.svg.d-inline-block {
	margin-right:2px;
}

/* custom widths */
.w-11 { width:11%!important; }
.w-89 { width:89%!important; }

/* ELEMENTS >> */
.container, .container-fluid, main, section, article { position:relative; }
main div[class*='block--'] { position:relative; }
.block--narrow .container, .content--narrow { width:960px; max-width:100%; }
.content--narrow { margin-left:auto; margin-right:auto; }
.block--arrow-down { display:block; width:50px; height:30px; position:absolute; left:0; right:0; bottom:2.5rem; z-index:1; margin:0 auto; }
.block--arrow-down svg { display:flex; width:50px; fill:#f5aa00; vertical-align:bottom;}
.block--grey-cols .column {
	padding:2rem;
	background-color:#ececed;
}
.block--grey-cols ul {
	margin:0;
}
.block--grey-cols ul > li {
	margin-bottom:1rem;
}
.block--grey-cols ul > li:last-child {
	margin-bottom:0;
}

.block--2-col-mixed .image-wrapper {
	min-height:calc(50vw * 0.5625);
}
.block--2-col-mixed .col-content {
	width:100%;
	max-width:840px;
}

/* block--2-col-arrows */
.block--2-col-arrows .container {
	margin-bottom:20px;	
}

.block--2-col-arrows .column--1 p,
.block--2-col-arrows .column--2 p:last-child {
	margin-bottom:0!important;
}
.block--2-col-arrows .column--1 .triangle {
	width: 0px;
	height: 0px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	margin-left:auto;
	margin-right:auto;	
	border-style: solid;
	border-width: 15px 0 15px 19px;
	border-color: transparent transparent transparent #f5aa00;
	-webkit-transform: translateX(0%) translateY(75%) rotate(90deg);
	transform: translateX(0%) translateY(75%) rotate(90deg);
}
.block--2-col-arrows .hidden-content {
	display:none;
}
.block--2-col-arrows .hidden-content .triangle {
	position:absolute;
	right:0;
	top:50%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 12px 0 12px 19px;
	border-color: transparent transparent transparent #f5aa00;
	-webkit-transform: translateX(100%) translateY(-50%) rotate(0deg);
	transform: translateX(100%) translateY(-50%) rotate(0deg);
}
.block--2-col-arrows .hidden-content-close {
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	position:absolute;
	right:13px;
	top:2px;
	z-index:3;
	background:#1a171b;	
}
.block--2-col-arrows .hidden-content-close .svg {	
}

/* effects */
.has--effect {
	overflow-x:hidden;
}
.effect-child {
	opacity:0;
	transform:translateY(50%);
	transition:.7s ease;
}
.effect-child .column--1 {
	transform:translateX(-50%);
	transition:.6s ease;
}
.effect-child .column--2 {
	transform:translateX(50%);
	transition:.6s ease;
}
.effect-child.in {
	opacity:1;
	transform:translateY(0%);
}
.effect-child.in .column--1 {	
	transform:translateX(0%);	
}
.effect-child.in .column--2 {
	transform:translateX(0%);	
}

/* tables */
.table th *:last-child, .block--table td *:last-child {
	margin-bottom:0!important;
}
.table th {
	font-weight:normal;
}
.table-bordered td, .table-bordered th {
	border-width:4px;
}
.table-bordered thead td, .table-bordered thead th {
	border-bottom-width:4px;
}
.table-bordered tr td:first-child, .table-bordered tr th:first-child {
	border-left-width:0px;
}
.table-bordered tr td:last-child, .table-bordered tr th:last-child {
	border-right-width:0px;
}

.table-bordered.border-white td, .table-bordered.border-white th {
	border-color:#fff!important;
}

/* content area generals */
main {
	min-height:350px;	
}
/* bullets */
main ul, main ol { 
	margin:0 0 1rem 0;
	padding:0 0 0 15px;
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-size:1.05rem;
	line-height:1.45;
	
}
main ul li, main ol li {
	margin-bottom:0rem;
}
main .block--2-col ul li {
	margin-bottom:1rem;
}

.bullets-bar ul {
	margin:0;
	padding:0;
	list-style-type:none;		
}
.bullets-bar ul > li {	
	position:relative;
	padding:1.15rem 1.65rem 1.15rem 3.3rem;
	margin-bottom:1rem;
	background:#ececed;
}
.bullets-bar ul > li:before {
	background: transparent url('/files/images/icons/icon-check.png') scroll 0 0 no-repeat;
	content:"";
	width: 15px;
	height: 14px;
	position: absolute;	
	left:1.65rem;
	top:1.455rem;
}
.bullets-bar ul > li:last-child {
	margin-bottom:0;
}


.block-grey { background:#ececed; }
.block-darkgrey { background:#1a171b; color:#fff; }
.block-c1 { background:#f5aa00; }
.block-bordertop-c1 { border-top: #f5aa00 5px solid; }

.headline-bar {	
	margin-bottom:2rem;
	padding:1.25rem;
	background:#f5aa00;		
}
/* header */
header {
	display:flex;
	align-items:center;
	width:100%;
	height:82px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	padding-top:4px;
	background:#fff;
	border-bottom:#f5aa00 5px solid;
}

/* logo */
.logo {
	position:absolute;
	left:40px;
	z-index:2;
}	

/* quickfinder */
#is--p130 main { min-height:0!important; } /* für ergebnislose Suche */
.quickfinder {
	position:fixed;
	top:77px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:7;
}
.quickfinder .panel {
	width:357px;
	max-width:100%;
}
.quickfinder .panel-body {
	display:none;
}
.quickfinder ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.quickfinder ul > li a {
	color:#1a171b;
	text-decoration:none!important;
}
.quickfinder ul > li a:hover {
	color:#f5aa00;
}
.quickfinder ul > li a .svg {
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.quickfinder ul > li a:hover .svg {
	background:#f5aa00!important;
}
.quickfinder-search input {	
	display: block;
	width: 100%;
	height: calc(1.5em + 1.2rem + 2px);
	padding: .6rem 40px .6rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1a171b;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #a3a2a3;	
}
.quickfinder-search button {
	width:40px;
	height:100%;
	position:absolute;
	right:0;
	z-index:2;
}
.quickfinder-results .simplesearch-page { 
	border-right:#a3a2a3 1px solid;
	padding:0 .5rem 0 calc(.25rem + 1px);
}
.quickfinder-results .simplesearch-page:last-child { 
	border-right:0 none!important;
}
.quickfinder-results .simplesearch-current-page {
	color:#f5aa00;
}
.quickfinder-results .simplesearch-page a, .quickfinder-results .simplesearch-page a:visited {	
	color:#555;
}
.quickfinder-results .simplesearch-page a:hover {	
	color:#1a171b;
}

/* banner */
.banner { 
	width:100%;
	height:584px;	
	min-height:584px;
	position:relative;
	padding-top:82px;	
	background:#1a171b;
}
.banner.fullsize { 
	height:100vh; 
	min-height:584px; 
}
.banner.fullsize.is--video { 
	min-height:0!important;
	max-height:calc((100vw * 0.5625) + 82px);
}
.banner.banner-75vh {
	height:calc((100vw * 0.385) + 82px);	
	min-height:0;
}

.banner-image {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center 30%;
}
.banner.fullsize .banner-image { background-position:center center; }

.banner-content { 
	position: relative;
	z-index:2;
	top: 72%;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner-content.has--animation { 
	top: 72%;
}
.banner-content p {
	color:#fff;
	font-size:1.25rem;
}
.banner-content p.lead,
.banner-logo p.lead { font-size:2rem; }
.banner-content p.mb-0 { padding-top:8px; }

.banner-badge-wrapper { width:100%; position:absolute; left:0; bottom:0; text-align:right; }
.banner-badge { display:inline-block; padding:1.25rem 2rem 1.3rem 2rem; background:#f5aa00; font-size:1.3rem; line-height:1.2; }
.banner-badge a { text-decoration:none!important; }
.banner-badge a { color:#1a171b; }

/* banner hidden */
.banner.is--hidden { 
	height:0!important;
	min-height:0!important;
}

/* banner animation */
.banner-animation { 
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.banner-animation img {  
	display:none; 
	width: 100%; 
	height: 100%; 
	position:absolute;
	top:0;
	left:0;
	object-fit:cover; 	
}
.banner.has--animation .banner-content { 
	opacity:0;	
}
.banner.has--animation .banner-content.in { 
	opacity:1;
	-webkit-transition:.5s 3s ease;
	transition:.5s 3s ease;
}

/* ansprechpartner */
.block--ansprechpartner .nav-pills .nav-link {
	margin:0 10px 20px 10px;
	background:#ececed;
	color:#555;
	text-decoration:none!important;
	-webkit-border-radius:0;
	border-radius:0;
}
.block--ansprechpartner .nav-pills .nav-link:first-child {
	margin-left:0;
}
.block--ansprechpartner .nav-pills .nav-link:last-child {
	margin-right:0;
}
.block--ansprechpartner .nav-pills .nav-link:hover {
	background:#1a171b;
	color:#fff;	
}
.block--ansprechpartner .nav-pills .nav-link.active {
	background:#f5aa00;
	color:#1a171b;	
}
.block--ansprechpartner .item {
	margin-bottom:20px;
}
.block--ansprechpartner .item-hover {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	overflow:hidden;
	opacity:0;
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
.block--ansprechpartner .item:hover .item-hover {
	opacity:1;
	-webkit-transform:none;
	transform:none;
}
.block--ansprechpartner .item-mail, .block--ansprechpartner .item-mail:visited {
	color:#1a171b!important;
	text-decoration:none!important;
}
.block--ansprechpartner .item-mail:hover, .block--ansprechpartner .item-mail:focus {
	color:#1a171b!important;
	text-decoration:underline!important;
}

/* contactlist */
.contactlist-headline {
	margin-bottom:2rem;
	padding:1.25rem;
	background:#f5aa00;		
}
.contactlist-item.support-data {
	max-width:calc(50% - 15px);
}

.contactlist-item {
	margin-bottom:2rem;
}
.contactlist-item hr {
	margin:.5rem 0;
	background:#f5aa00;
}
.contactlist-item a { text-decoration:none; }
.contactlist-item a:hover { text-decoration:underline; } 
.contactlist-item strong.fix { display:inline-block; width:80px; }

/* portrait */
.portrait-data {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
}
.portrait-data--contact-wrapper {
	display:flex;	
	flex:1;
}
.portrait-data--contact-info {
	align-self:flex-end;
}
.contactlist-item .portrait-data--contact-info strong.fix { 
	display:inline!important;
}

.portrait-data--socials {
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	text-align:left;
}
.portrait-data--socials li { display:inline; float:left; margin:0 .5rem 0 0; }
.portrait-data--socials li a { 
	display:flex;	
	justify-content:center;
	align-items:center;
	min-width:32px;
	height:32px;	
	padding:0;
	color:#fff;	
	text-decoration:none!important;
	background:transparent;
	background: #1a171b;	
}
.portrait-data--socials li a:hover {
	color:#fff;	
	background:#f5aa00;
}
.portrait-data--socials li a.c1 {
	color:#1a171b;
	background:#f5aa00;
}

.portrait-data--socials li a.c1:hover {
	color:#fff;
	background:#1a171b;
}
.portrait-data--socials svg {
	height:22px;
	fill:#fff;
}
.portrait-data--socials li a:hover svg {
	fill:#fff;
}

.reservation-item p { 
	display:flex;	
	height:100%;
	align-items:center;
	line-height:1.5;
}
.reservation-item p.bordered { border:#d9dadb 1px solid; background:#e9ecef; }
.reservation-item .bt-portrait, .reservation-item .bt-portrait:visited {
	display:flex;	
	align-items:center;
	justify-content:center;	
	width:100%;
	height:100%;	
	background:#f5aa00;
	color:#000;
	text-decoration:none!important;	
}
.reservation-item .bt-portrait:hover {
	background:#1a171b;
	color:#fff;
}
/* support table */
.support-table-item--info {	
	display:flex;	
	height:100%;
	align-items:center;
}
.support-table-item--info img {
	width:44px;
	height:44px;
	margin-right:.75rem;
}
.support-table-item p { 
	display:flex;	
	min-height:44px;
	height:100%;
	align-items:center;
	flex:1;
}
.support-table-item p.bordered { border:#d9dadb 1px solid; background:#e9ecef; }

.support-table-item .bt-block {
	display:flex;
	height:100%;
	align-items:center;	
	justify-content:center;
}	

/* linklist */
.block--linklist h3 {	
	display:flex;
	height:70px;
	position:relative;	
}
.block--linklist a {
	display:inline-flex;
	flex:1;
	align-items:center;
	padding:0 1.5rem;
	background:#f5aa00;
	color:#1a171b!important;
	text-decoration:none!important;		
}
.block--linklist .linklist-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;	
	margin-right:.5rem;	
	color:#f5aa00;
	background: #87888a;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%);
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 );
}
.block--linklist .linklist-icon svg {
	width:16px;
	fill:#f5aa00;
	-webkit-transition:all .25s ease;
	transition:all .25s ease;
}
.block--linklist h3:hover .linklist-icon svg {
	width:20px;
}

/* content boxed */
.first .content-box { margin-top:1.5rem; }
.last .content-box { margin-bottom:2rem; }

.content-box--headline {
	padding:1.25rem;
	background:#f5aa00;
}

.content-box--image { 
	padding-top:3px;
	padding-left:.5rem;
}
.content-box--content {
	padding:3.25rem 3rem 2.75rem 3rem;	
	background: #ececed; 
}

/* counter */
.block--counter { 
	min-height:200px;
	background:#1a171b;
	border-top:#f5aa00 5px solid;	
}

/* schnittstellen */
.block--schnittstellen {
	position:relative;
}

.schnittstelle {
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:3rem;
	left:0;
	z-index:2;
}
.img-schnittstelle-default {
	opacity:1;
}
.img-schnittstelle-default.hide {
	opacity:0;
}
.schnittstelle img {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:1;
}
.schnittstelle img.img-schnittstelle {
	z-index:1;
}
.schnittstelle .schnittstelle-icon {
	top:-1.5rem;
	left:1.5rem;
}
.schnittstelle .schnittstelle-close {
	top:-1.5rem;
	right:1.5rem;
	left:auto;
	cursor:pointer;
}
.mfp-schnittstelle {
	display:none;
}

/* foldables */
.foldable {
	padding-bottom:1.25rem;
}

.foldable-item {
	margin-bottom:10px;
}

.foldable-toggle {
	display:block;	
	width:100%;
	height:70px;
	position:relative;	
	border:0 none;
	background:transparent;	
}

.foldable-item--icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:100%;
	position:absolute;
	top:0;
	left:0;	
	padding:0;
	font-size:2rem;	
	color:#f5aa00;
	background: #87888a;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%);
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 );
}
.foldable-item--icon svg {
	width:28px;
	fill:#f5aa00;
}

.foldable-item--title {
	display:flex;
	align-items:center;
	justify-content:left;
	height:100%;
	position:absolute;
	top:0;
	left:80px;
	right:0;
	padding:0 1.5rem;
	background:#f5aa00;
	font-size:1.3rem;	
}
.foldable-toggle .icon-up { display:flex; }
.foldable-toggle .icon-down { display:none; }
.foldable-toggle.collapsed .icon-up { display:none; }
.foldable-toggle.collapsed .icon-down { display:flex; }

/* 5 thesen */
.content-these .column--2 {
	flex-direction: column;
}
.content-these-image { 
	width:100%;
	max-width:350px;
}
.content-these-upper, .content-these-lower {
	height:50%;
	max-height:50%;
	overflow-y:auto;
}
.content-these-upper, .content-these-lower {
	border-top:#ececed 4px solid;
	border-bottom:#ececed 7px solid;
}

/* kennenlernen */
.kennenlernen--item {
	margin-bottom:1rem;
}
.kennenlernen--item-content {
	min-height:192px;
	margin-bottom:4px;
	padding:2.5rem 1rem 2.75rem 1rem;
	text-align:center;
	background: #87888a;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%);
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 );
}

/* Puzzle */
.img-puzzle { margin-bottom:4px; }
.puzzle--item-text {	
	padding:.75rem .5rem 0 .5rem;
}
.puzzle--item-text p {	
	font-family: 'Neo Sans Regular', Arial, Helvetica, sans-serif;
	font-size: 1.3rem;
	line-height:1.25;
	text-align:center;
}

/* Puzzle animation OptimiDoc */
.puzzle-animation { position:relative; padding-top:3.5rem; }
.puzzle-animation img { position:relative; z-index:2; }
.puzzle-animation .img-puzzle {
	position:relative; 
	z-index:1;	
}
.puzzle-animation .img-puzzle--1 {
	left:59%;
	top:-3rem;	
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:rotate(165deg);
	transform:rotate(165deg);
}
.puzzle-animation .img-puzzle--1.in {
	-webkit-animation:swingOut 1s 0s both linear;
	animation:swingOut 1s 0s both linear;
}

.puzzle-animation .img-puzzle--2 {
	left:0rem;
	top:-4rem;	
	-webkit-transform-origin:right top;
	transform-origin:right top;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
.puzzle-animation .img-puzzle--2.in {
	-webkit-animation:swingOutP2 1.2s 0s both linear;
	animation:swingOutP2 1.2s 0s both linear;
}

.puzzle-animation .img-puzzle--3 {
	left:55%;
	top:-6.5rem;	
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:rotate(-80deg);
	transform:rotate(-80deg);
}
.puzzle-animation .img-puzzle--3.in {
	-webkit-animation:swingOutP3 1s 0s both linear;
	animation:swingOutP3 1s 0s both linear;
}

.puzzle-animation .img-puzzle--4 {
	left:59%;
	top:-3rem;	
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:rotate(165deg);
	transform:rotate(165deg);
}
.puzzle-animation .img-puzzle--4.in {
	-webkit-animation:swingOut 1s 0s both linear;
	animation:swingOut 1s 0s both linear;
}

.puzzle-animation .img-puzzle--5 {
	left:46%;
	top:-5rem;	
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:rotate(-80deg);
	transform:rotate(-80deg);
}
.puzzle-animation .img-puzzle--5.in {
	-webkit-animation:swingOutP3 1s 0s both linear;
	animation:swingOutP3 1s 0s both linear;
}


/* referenzen */
.block--references {
	margin:1.5rem 0 0 0;
}

.reference-item {
	margin-bottom:2rem;
	padding-top:2.5rem;
	border-top:#f5aa00 1px solid;
}

.reference-item.first {
	padding-top:0;
	border-top:0 none;
}

.reference-item--text-left p {
	font-size: 1.3rem!important;
	line-height: 1.25!important;
}

.reference-item--video .embed {
	margin-top:5px;
}


/* teaser-grid */
.teaser-grid--offset {	
	position:relative;
	z-index:5;
	margin-top:-80px;
	margin-bottom:30px;	
}
.teaser-grid--offset.xl {		
	margin-top:-105px;	
}

.teaser-grid--item {
	height:100%;
	position:relative;
	background:#ececed;
	padding-bottom:4.5rem;
}
.teaser-grid--no-button .teaser-grid--item {	
	padding-bottom:0;
}

.teaser-grid--item-head {
	height:80px;	
}
.teaser-grid--offset.xl .teaser-grid--item-head {
	height:105px;	
}

.teaser-grid--item-content {
	padding:1.5rem 2rem;	
}

.teaser-grid--item-content ol li {
	margin-bottom:.5rem;
}

.teaser-grid--item-content .bt-c1, .teaser-grid--item-content .bt-c1:visited {	
	width: 190px;
	max-width:100%;
	position:absolute;
	left:2.5rem;
	right:2.5rem;
	margin:auto;
	bottom:2.15rem;	
}

.teaser-grid--no-button .teaser-grid--item-content .bt { display:none!important; }

/* teaser 3 col with image */
.teaser-grid-img--item {
	position:relative;
}
.teaser-grid-img--item-headline {
	font-size:1.3rem;	
}

/* product overview */
.product-listing .item {
	max-width:255px;
}
.product-listing .item-icon {
	background: #87888a;
	background: -moz-linear-gradient(-45deg,#87888a 0,#59595b 25%,#1a171b 75%);
	background: -webkit-linear-gradient(-45deg,#87888a 0,#59595b 25%,#1a171b 75%);
	background: linear-gradient(135deg,#87888a 0,#59595b 25%,#1a171b 75%);
}
/* product detail */
.product-detail hr {
	margin-top:1.5rem!important;
	margin-bottom:1.5rem!important;
	background:#f5aa00!important;
}
.banner-products {
	padding-top:82px;	
	background: #87888a;
	background: -moz-linear-gradient(-45deg,#87888a 0,#59595b 25%,#1a171b 75%);
	background: -webkit-linear-gradient(-45deg,#87888a 0,#59595b 25%,#1a171b 75%);
	background: linear-gradient(135deg,#87888a 0,#59595b 25%,#1a171b 75%);
}
.banner-products-icon {
	width:160px;
	margin-left:auto;
	margin-right:auto;
}
.banner-products-title {
	font-size:3rem;
}

.block--products-bullets ul {
	margin:0;
	padding:0;
	list-style:none;		
}
.block--products-bullets ul > li {
	padding:1.15rem 1.65rem;
	margin-bottom:1rem;
	background:#ececed;
}
.block--products-bullets ul > li:last-child {
	margin-bottom:0;
}

/* news home */
.newsroom-teaser {
	height:calc(50vw / 1.77);
	min-height:680px;
	position:relative;
	background-color:#1a171b;
	border-top:#f5aa00 5px solid;		
}
.newsroom-teaser-image {
	position:absolute;
	top:0;
	left:50%;
	right:0;
	bottom:0;
	z-index:1;
}

/* events */
.block--events {
	margin-top:1.25rem;
}
.events-item {
	margin-bottom:2.5rem;
	padding-top:2.5rem;
	border-top:#f5aa00 1px solid;
}
.events-item.first {
	padding-top:0;
	border-top:0 none;
}
.events-item-tile {
	padding:3.5rem;
}

/* news */
.block--newsroom {
	margin-top:1.25rem;
}
.news-item-image img {
	z-index:1;
}
.news-item-image .bt {
	position:absolute;	
	bottom:1.5rem;
	z-index:2;
	margin:0 auto;
}

/* scan2ident */
.scan2ident-puzzle {
	height:192px;
}
.scan2ident-puzzle--item {
	position:absolute;
	opacity:0;
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.scan2ident-puzzle--item.item1,
.scan2ident-puzzle--item.item2,
.scan2ident-puzzle--item.item3,
.scan2ident-puzzle--item.item4 {
	left:100%;
	-webkit-transform:translateX(-100%) rotateX(-10deg) rotateZ(4deg);
	transform:translateX(-100%) rotateX(-10deg) rotateZ(4deg);	
}
.scan2ident-puzzle--item.item5 {
	left:763px;
	z-index:5;
}
.scan2ident-puzzle--item.item6 {
	left:914px;
	z-index:5;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
.scan2ident-puzzle--item.item7 {
	left:914px;
	z-index:5;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
}
.scan2ident-puzzle--item.item1.in {
	left:10px;
	z-index:1;
	opacity:1;
	-webkit-transform:none;	
	transform:none;	
	-webkit-transition:1.25s 0s ease;
	transition:1.25s 0s ease;
}
.scan2ident-puzzle--item.item2.in {
	left:197px;
	z-index:2;
	opacity:1;	
	-webkit-transform:none;	
	transform:none;	
	-webkit-transition:1s 1s ease;
	transition:1s 1s ease;
}
.scan2ident-puzzle--item.item3.in {
	left:384px;
	z-index:3;
	opacity:1;	
	-webkit-transform:none;	
	transform:none;	
	-webkit-transition:.75s 2s ease;
	transition:.75s 2s ease;
}
.scan2ident-puzzle--item.item4.in {
	left:571px;
	z-index:4;
	opacity:1;	
	-webkit-transform:none;	
	transform:none;	
	-webkit-transition:.75s 2.75s ease;
	transition:.75s 2.75s ease;
}
.scan2ident-puzzle--item.item5.in {
	opacity:1;	
	-webkit-transition:1s 3.75s ease;
	transition:1s 3.75s ease;
}
.scan2ident-puzzle--item.item6.in {
	opacity:1;	
	-webkit-transform:translateY(-61%);
	transform:translateY(-61%);
	-webkit-transition:1s 4.25s ease;
	transition:1s 4.25s ease;
}
.scan2ident-puzzle--item.item7.in {
	opacity:1;		
	-webkit-transform:translateY(57%);
	transform:translateY(57%);
	-webkit-transition:1s 5s ease;
	transition:1s 5s ease;
}

/* twoface */
.block--twoface {
	position: relative;
	-webkit-backface-visibility: hidden;		
	max-width: 100%;	
	overflow:hidden;
}
.block--twoface-flip {
	-webkit-perspective: 1000px;
	perspective: 1000px;	
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;	
}
.block--twoface-front,
.block--twoface-back {  
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: transform 0.8s cubic-bezier(.4,.2,.2,1);
	-ms-transition: transform 0.8s cubic-bezier(.4,.2,.2,1);	
	transition: transform 0.8s cubic-bezier(.4,.2,.2,1); 
}
.block--twoface-front {
	width: 100%;	
	height:100%;
	position: absolute!important;
	top: 0;
	left: 0;	
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);  
	transform: rotateX(0deg);
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.block--twoface-back {	
	-webkit-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);	
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.block--twoface-flip.flipped .block--twoface-front {
	-webkit-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);  
	transform: rotateX(-180deg);
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.block--twoface-flip.flipped .block--twoface-back {
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);  
	transform: rotateX(0deg);
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.block--twoface-flip .container {
	height:100%;
	z-index:2;
	-webkit-transform: translateZ(120px) scale(0.88);
	-ms-transform: translateZ(120px) scale(0.88);
	transform:translateZ(120px) scale(0.88);	
}
.block--twoface-close {
	position:absolute;
	top:-3.25rem;
	right:15px;
	z-index:3;
}
.block--twoface ul { margin-bottom:0; }
.block--twoface li { margin-bottom:.75rem; }
.block--twoface li:last-child { margin-bottom:0; }

/* video */ 
.block--video .embed {
	padding:1rem 0;
}
.iframe-wrapper { 
	width:100%;
	position:relative; 
	padding-top:56.25%;
}
.iframe-wrapper iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:0 none;
}
.iframe-wrapper .uc-embedding-container {
	position: absolute;
	top: 0;
	width: 100%; 
	height: 100%;
	max-height: none;
}

/* Praxistest */
#is--p106 .banner {
	min-height:640px!important;
	height:calc(100vw * 0.8)!important;
	max-height:100vh!important;
}
.praxistest-banner-content {
	padding:8.5vh 0;
}
.praxistest-intro .bars {
	position:relative;
	z-index:2;
	margin-top: -128px;
}

/* bestpractice */
#is--p113 .banner {
	min-height:640px!important;
	height:calc(100vw * 0.8)!important;
	max-height:100vh!important;
}
.bestpractice-banner-content {
	padding:8.5vh 0;
}
.bestpractice-intro .bars {
	position:relative;
	z-index:2;
	margin-top: -240px;
}
.bestpractice-intro .bar-inner {	
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.block--ul-bildmarke ul {
	margin: 0;
	padding: 0;
	list-style-type:none!important;	
}
.block--ul-bildmarke ul > li {
	display:flex;
	align-items:center;
	position:relative;
	padding: 1.15rem 1.65rem;
	margin-bottom: 1rem;
	background: #ececed;
}
.block--ul-bildmarke ul > li:before {
	background: transparent url('/files/images/logos/exapture-bildmarke-positiv.svg') scroll 0 0 no-repeat;
	background-size:70px;
	content:"";
	min-width:92px;
	width: 92px;
	height: 72px;
	position: relative;	
}

.block--ul-bildmarke.inverted ul > li {
	min-height: var(--li-bildmarke-height);
	background: #f5aa00;
	padding-left:calc(var(--li-bildmarke-height) + 3rem);
}
.block--ul-bildmarke.inverted ul > li:before {
	background: linear-gradient(135deg, #87888a 0%,#59595b 25%,#1a171b 75%);	
	min-width: calc(var(--li-bildmarke-height) + 1rem);
	width: calc(var(--li-bildmarke-height) + 1rem);
	min-height: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index:1;	
	content: "";
}
.block--ul-bildmarke.inverted ul > li:after {
	background: transparent url('/files/images/logos/exapture-bildmarke-negativ.svg') scroll center no-repeat;	
	background-size:52px;
	display:flex;
	align-items:center;
	justify-content:center;	
	min-width: calc(var(--li-bildmarke-height) + 1rem);
	width: calc(var(--li-bildmarke-height) + 1rem);
	min-height: 100%;
	height: 100%;
	position: absolute;
	z-index:2;
	left: 0;
	padding:1.25rem;
	content: "";		
	border-right: #ececed 1rem solid;
}

/* HP-Vertrieb */
#is--p117 .banner {
	min-height:640px!important;
	height:calc(100vw * 0.8)!important;
	max-height:100vh!important;
}
.hpvertrieb-intro .bars {
	position:relative;
	z-index:2;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.hpvertrieb-mfp {	
	width:760px;
	max-width:100%;
	position:absolute;
	z-index:2;
	margin-left:auto;
	margin-right:auto;	
}

.hpvertrieb-hotspot {
	position:absolute;
	top:15%;
	left:64.7%;
	z-index:3;
}
.hpvertrieb-hotspot img {	
	-webkit-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	-ms-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
}

.hpvertrieb-display {
	width:100%;
	position:relative;	
	z-index:1;
	opacity:0;
	-webkit-transform-origin:64.4% 22.5%;
	transform-origin:64.4% 22.5%;
	-webkit-transform:scale(0);	
	transform:scale(0);		
	-webkit-transition:opacity .4s ease, -webkit-transform .4s ease;	
	transition:opacity .4s ease, transform .4s ease;	
}
.hpvertrieb-display.in {	
	opacity:1;	
	-webkit-transform:scale(1);
	transform:scale(1);
}
.hpvertrieb-display-close {
	width:8%;
	height:11.5%;
	display:block;
	position:absolute;
	top:5.75%;
	right:4.15%;
	z-index:5;
	background:transparent;
}
.hpvertrieb-display-content {
	position:absolute;
	top:33.5%;
	left:4.25%;
	right:4.25%;
	bottom:7.5%;
	z-index:5;
}
.hpvertrieb-display-content-mobile {	
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	bottom:8px;
	z-index:-1;
	opacity:0;
	font-size:1rem!important;
}
.hpvertrieb-display-content-mobile.in {
	opacity:1;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;	
}
.hpvertrieb-display-content ul {
	height:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}
.hpvertrieb-display-content li {
	position:relative;
	height:25%;
	padding-bottom:8px;
}
.hpvertrieb-display-content li > a {	
	color:#1a171b!important;
	text-decoration:none!important;
}
.hpvertrieb-display-content li > a:hover {
	background-color:#d7e2ea!important;
}
.hpvertrieb-display-content li > a .svg-hp-cog {	
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-animation:hpCog 3s infinite linear;
	-ms-animation:hpCog 3s infinite linear;
	animation:hpCog 3s infinite linear;
}
.hpvertrieb-display-content li .item-text {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:calc(100% - 8px);
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0;	
	line-height:1.3;
}
.hpvertrieb-display-content li .item-text.in {
	opacity:1;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
}
.hpvertrieb-display-content-mobile .item-text-close {	
	position:absolute;
	top:8px;
	right:8px;
	z-index:3;
}

.hpvertrieb-display-bottom {
	height:10%;
	margin:0 15px;
}

/* scan2nextfolder */
#is--p131 .banner {
	min-height:640px!important;
	height:calc(100vw * 0.8)!important;
	max-height:100vh!important;
}

.scan2nextfolder-mfp {		
	height:700px;
	position:relative;
	z-index:1;
}
.scan2nextfolder-mfp > img {		
	width:auto;
	height:100%;
}

.scan2nextfolder-hotspot {
	position:absolute;
	top:19%;
	left:81.5%;
	z-index:3;
}
.scan2nextfolder-hotspot img {	
	-webkit-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	-ms-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
}

.scan2nextfolder-display {
	width:100%;
	position:absolute;	
	z-index:1;
	opacity:0;
	-webkit-transform-origin:64.4% 22.5%;
	transform-origin:64.4% 22.5%;
	-webkit-transform:scale(0);	
	transform:scale(0);		
	-webkit-transition:opacity .4s ease, -webkit-transform .4s ease;	
	transition:opacity .4s ease, transform .4s ease;	
}
.scan2nextfolder-display.in {	
	opacity:1;	
	-webkit-transform:scale(1);
	transform:scale(1);
}
.scan2nextfolder-display-close {
	width:6%;
	height:calc(100% - 6rem);
	display:block;
	position:absolute;
	top:3rem;
	right:1rem;
	z-index:5;
	background:transparent;
}
.scan2nextfolder-frame {
	position:relative;
	z-index:1;
}
.scan2nextfolder-icons {
	position:absolute;
	top:3rem;
	left:1rem;
	z-index:2;
	opacity:100%;	
}
.scan2nextfolder-icon {
	position:absolute;
	top:calc(3rem + 12.5%);
	right:15.8%;
	z-index:3;	
}
.scan2nextfolder-info {
	position:absolute;
	top:3rem;
	left:1rem;
	z-index:4;
	opacity:0;	
}
.scan2nextfolder-display.transition .scan2nextfolder-icons {	
	opacity:0;
	-webkit-transition:opacity .6s ease;
	transition:opacity .6s ease;
}
.scan2nextfolder-display.transition .scan2nextfolder-icon {	
	width:256px;
	height:auto;
	right:calc(50% + 1.5rem);
	top:50%;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	-webkit-transition: 1.2s ease;
	transition: 1.2s ease;
}
.scan2nextfolder-display.info .scan2nextfolder-info {	
	opacity:100%;
	-webkit-transition:opacity .6s ease;
	transition:opacity .6s ease;
}

.scan2nextfolder-display-content {
	position: absolute;
	top: calc(3rem + 11.2%);
	left: calc(1rem + 2.25%);
	right: calc(1rem + 6.6%);
	bottom: 10.5%;
	z-index: 5;
	opacity:0;
}
.scan2nextfolder-display.info .scan2nextfolder-display-content {
	opacity:100%;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}
.scan2nextfolder-display-content ul {
	height:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}
.scan2nextfolder-display-content li {
	position:relative;	
	border-bottom:#555 2px solid;
}
.scan2nextfolder-display-content li:last-child {
	border-bottom:0 none;
}
.scan2nextfolder-display-content li > a {	
	color:#ececed!important;
	text-decoration:none!important;
}

.scan2nextfolder-display-content li > a .s2n-dot {	
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-animation:bounceHotspot 1.8s infinite linear;
	-ms-animation:bounceHotspot 1.8s infinite linear;
	animation:bounceHotspot 1.5s infinite linear;
	opacity:0;
}

.scan2nextfolder-display.info .scan2nextfolder-display-content li > a .s2n-dot {	
	opacity:100%;
	-webkit-transition:opacity .5s .375s ease;
	transition:opacity .5s .375s ease;
}
.scan2nextfolder-display-content li .item-text {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
	opacity:0;	
	line-height:1.3;
	color:#1a171b!important;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
}
.scan2nextfolder-display-content li > a:hover .item-text {
	opacity:1;
}

/* scan2epoststelle */
#is--p136 .banner {
	min-height:640px!important;
	height:calc(100vw * 0.8)!important;
	max-height:100vh!important;
}

.scan2epoststelle-mfp {		
	height:700px;
	position:relative;
	z-index:1;
}
.scan2epoststelle-mfp > img {		
	width:auto;
	height:100%;
}

.scan2epoststelle-hotspot {
	position:absolute;
	top:19%;
	left:81.5%;
	z-index:3;
}
.scan2epoststelle-hotspot img {	
	-webkit-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	-ms-animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
	animation:bounceHotspot 1.8s infinite cubic-bezier(0.280, 0.840, 0.420, 1);
}

.scan2epoststelle-display {
	width:100%;
	position:absolute;	
	z-index:1;
	opacity:0;
	-webkit-transform-origin:64.4% 22.5%;
	transform-origin:64.4% 22.5%;
	-webkit-transform:scale(0);	
	transform:scale(0);		
	-webkit-transition:opacity .4s ease, -webkit-transform .4s ease;	
	transition:opacity .4s ease, transform .4s ease;	
}
.scan2epoststelle-display.in {	
	opacity:1;	
	-webkit-transform:scale(1);
	transform:scale(1);
}
.scan2epoststelle-display-close {
	width:6%;
	height:calc(100% - 6rem);
	display:block;
	position:absolute;
	top:3rem;
	right:1rem;
	z-index:5;
	background:transparent;
}
.scan2epoststelle-frame {
	position:relative;
	z-index:1;
}
.scan2epoststelle-icons {
	position:absolute;
	top:3rem;
	left:1rem;
	z-index:2;
	opacity:100%;	
}
.scan2epoststelle-icon {
	position:absolute;
	top:calc(3rem + 10.95%);
	right:16%;
	z-index:3;	
}
.scan2epoststelle-info {
	position:absolute;
	top:3rem;
	left:1rem;
	z-index:4;
	opacity:0;	
}
.scan2epoststelle-display.transition .scan2epoststelle-icons {	
	opacity:0;
	-webkit-transition:opacity .6s ease;
	transition:opacity .6s ease;
}
.scan2epoststelle-display.transition .scan2epoststelle-icon {	
	width:256px;
	height:auto;
	right:calc(50% + 1.5rem);
	top:50%;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	-webkit-transition: 1.2s ease;
	transition: 1.2s ease;
}
.scan2epoststelle-display.info .scan2epoststelle-info {	
	opacity:100%;
	-webkit-transition:opacity .6s ease;
	transition:opacity .6s ease;
}

.scan2epoststelle-display-content {
	position: absolute;
	top: calc(3rem + 11.2%);
	left: calc(1rem + 2.25%);
	right: calc(1rem + 6.6%);
	bottom: 10.5%;
	z-index: 5;
	opacity:0;
}
.scan2epoststelle-display.info .scan2epoststelle-display-content {
	opacity:100%;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}
.scan2epoststelle-display-content ul {
	height:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}
.scan2epoststelle-display-content li {
	position:relative;	
	border-bottom:#555 2px solid;
}
.scan2epoststelle-display-content li:last-child {
	border-bottom:0 none;
}
.scan2epoststelle-display-content li > a {	
	color:#ececed!important;
	text-decoration:none!important;
}

.scan2epoststelle-display-content li > a .s2ep-dot {	
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;	
	opacity:0;
}

.scan2epoststelle-display-content li:not(.disabled) > a .s2ep-dot {		
	-webkit-animation:bounceHotspot 1.8s infinite linear;
	-ms-animation:bounceHotspot 1.8s infinite linear;
	animation:bounceHotspot 1.5s infinite linear;	
}

.scan2epoststelle-display.info .scan2epoststelle-display-content li > a .s2ep-dot {	
	opacity:100%;
	-webkit-transition:opacity .5s .375s ease;
	transition:opacity .5s .375s ease;
}
.scan2epoststelle-display-content li .item-text {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
	opacity:0;	
	line-height:1.3;
	color:#1a171b!important;
	cursor:default;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
}
.scan2epoststelle-display-content li:not(.disabled) > a:hover .item-text {
	opacity:1;
	cursor:pointer;
}

/* maps */
.maps { 
	width:100%; 
	min-height:320px;
	position:relative; 
	padding-top:19.5%;
	border-top:#a3a2a3 1px solid;	
}
.maps a { 
	display:block; 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	left:0;
	background-image:url('/files/images/content/location.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

/* exaHub */
.exahub-button .bar {	
	-webkit-transition:.2s ease;
	transition:.2s ease;
}
.exahub-button:hover .bar {	
	filter:brightness(105%);
}
#exahub-figure { 
	display:none; 	
}
.exahub-close {
	position:absolute;
	top:0;
	right:0;
	z-index:3;
}
.exahub-assignments {
	width:25.75%;
	position:absolute;
	top:19.2%;
	right:0;
	z-index:1;
}
.exahub-interfaces-heading {
	width: 35.5%;
	height: 100%;
	position: absolute;
	top: -0.25rem;
	right: 0;
	z-index: 2;
	padding: .25rem 0;	
	color: #1a171b;
	text-align: center;
	opacity: 0;
	-webkit-transform: translateY(-115%);
	transform: translateY(-115%);
	-webkit-transition:.4s ease;
	transition:.4s ease;
}
.exahub-interfaces-heading.in {
	opacity:1;
}
.exahub-process {	
	width:49%;
	position:relative;	
	z-index:2;
	padding:.5rem;	
	color:#fff;
	font-size:.75rem;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius:4px;
	border-radius:4px;	
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #919294 0%, #919294 25%, #919294 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #919294 0%,#v 25%,#919294 75%)!important;
	background: linear-gradient(135deg,  #919294 0%,#919294 25%,#919294 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919294', endColorstr='#919294',GradientType=1 )!important;
	opacity:0;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
	-webkit-transition:background .3s ease, transform .4s ease, opacity .4s ease;
	transition:background .3s ease, transform .4s ease, opacity .4s ease;	
}
.exahub-process.in {
	opacity:1;
	-webkit-transform:none;
	transform:none;
}
.exahub-process.pop {	
	-webkit-animation:pop .3s .4s both ease;
	-ms-animation:pop .3s .4s both ease;
	animation:pop .3s .4s both ease;
}
.exahub-assignments.active .exahub-process,
.exahub.ready .exahub-assignments:hover .exahub-process {	
	background: #87888a!important;
	background: -moz-linear-gradient(-45deg,  #87888a 0%, #59595b 25%, #1a171b 75%)!important;
	background: -webkit-linear-gradient(-45deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	background: linear-gradient(135deg,  #87888a 0%,#59595b 25%,#1a171b 75%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#1a171b',GradientType=1 )!important;
}
.exahub-process .process-indicator {
	width:auto!important;
	height:9px;
	position:absolute;
	top:calc(50% - 4.5px);	
	right:0;
	z-index:2;
	opacity:0;
	-webkit-transform:translateX(90%);
	transform:translateX(90%);
	-webkit-transition:.4s ease;
	transition:.4s ease;	
}
.exahub-interfaces {
	width:35.5%;
	position:absolute;
	top:-0.25rem;
	right:0;	
	z-index:1;
	opacity:0;	
	-webkit-transition:.4s ease;
	transition:.4s ease;	
}
.exahub-assignments.active, .exahub.ready .exahub-assignments:hover {
	z-index:3;
}
.exahub-assignments.active .process-indicator, .exahub.ready .exahub-assignments:hover .process-indicator, 
.exahub-assignments.active .exahub-interfaces, .exahub.ready .exahub-assignments:hover .exahub-interfaces {
	opacity:1;	
}

.exahub-interfaces ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.exahub-interfaces ul > li {
	display:block;
	position:relative;
	margin-top:.25rem;	
	font-size:.75rem;
	line-height:1rem;
	background:#919294;
	color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* ROI */
.roi--wrapper { }

.roi--content { 	
	border-left:#d9dadb 1px solid;
	border-right:#d9dadb 1px solid;
	border-bottom:#d9dadb 1px solid;
}

/* newsletter registration */
.newsletter-registration {
	width:100%;	
	position:relative;
}
.newsletter-registration iframe {
	display:block;
	width:100%;
	height:1600px;
	min-height:calc(100vh - 82px);
	margin:0!important;	
}


/* Karriere */
.block--imagegrid {
	border-top:#fff .5rem solid;
	border-bottom:#fff .5rem solid;
}

.block--imagegrid .imagegrid {
	height:calc(100vw * 0.75);	
	overflow:hidden;
}
.block--imagegrid .imagegrid > .row-30 {
	height:31%;
}
.block--imagegrid .imagegrid > .row-40 {
	height:38%;
}

.block--imagegrid.block--imagegrid-jobs .imagegrid {
	height:calc(100vw * 0.52);		
}
.block--imagegrid.block--imagegrid-jobs .imagegrid > .row-30 {
	height:45%;
}
.block--imagegrid.block--imagegrid-jobs .imagegrid > .row-40 {
	height:55%;
}

.block--imagegrid .col-30 {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}
.block--imagegrid .col-35 {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}
.block--imagegrid .col-70 {
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
}

.block--opinions .carousel-control-next, 
.block--opinions .carousel-control-prev {
	width:24px;	
	opacity:.7;
}
.block--opinions .carousel-control-next:hover, 
.block--opinions .carousel-control-prev:hover {	
	opacity:1;
}
.block--opinions .carousel-control-next {
	right:-30px;
}
.block--opinions .carousel-control-prev {
	left:-30px;
}
.block--opinions .carousel-control-next-icon,
.block--opinions .carousel-control-prev-icon {
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.block--opinions .carousel-control-next-icon {
	background-image:url('/files/images/icons/chevron-right-primary.svg');		
}
.block--opinions .carousel-control-prev-icon {
	background-image:url('/files/images/icons/chevron-left-primary.svg');		
}
.block--opinions .container {
	width:calc(100% - 48px);
}
.block--opinions .item-text *:last-child {
	margin-bottom:0;
}

/* Karriere forms */
.block--form-career .form-control {
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.block--form-career .form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);    
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.block--form-career .form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.block--form-career .form-control[type="file"] {
  overflow: hidden;
  height:auto!important;
}

.block--form-career textarea {
	min-height:148px!important;
}
.block--form-career .form-control,
.block--form-career .form-select,
.block--form-career .form-check-input {
	font-size:1rem;
	font-weight: normal;
	line-height: 1.5;
	font-weight:normal;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;		
	-webkit-border-radius:0!important;
	border-radius:0!important;
}
.block--form-career .form-control,
.block--form-career .form-select { 
	height: calc(1.5em + 1rem + 2px);
	background-color: #fff;
	color:#1a171b;			
}
.block--form-career .form-control:focus,
.block--form-career .form-select:focus { 
	border-color:#f5aa00!important;		
}
.block--form-career .form-check-label * {
	margin:0!important;
}
.block--form-career .form-check-input {
	min-width:1.25em;
	width:1.25em;
	height:1.25em;
	position:relative;
	margin-top: .25em;
	vertical-align: top;	
	border: 1px solid rgba(0,0,0,.25);	
}

.block--form-career .body-2 .form-check-input {
	min-width:1.15em;
	width:1.15em;
	height:1.15em;
}
.block--form-career .form-check-input:checked {
	background-color: #f5aa00;
}
/* response */
.form-response { display:none; }

/* form selector */
.form-selector {
	-webkit-border-radius:0!important;
	border-radius:0!important;
}
.form-selector:not(.active) {
	color:#a3a2a3;
	background:rgba(236, 236, 237,.4)!important;
	border-bottom-color:rgba(163,162,163,.25)!important;
	font-weight:normal;
}
.form-selector.active {
	font-weight:normal;
	color:#1a171b!important;
}

/* Jobs */
.block--ul-jobs ul {
	margin: 0;
	padding: 0;
	list-style-type:none!important;	
}
.block--ul-jobs ul > li {
	min-height: var(--li-jobs-height);
	display:flex;
	align-items:center;
	position:relative;
	padding: 1.15rem 1.65rem 1.15rem calc(var(--li-jobs-height) + 2rem);
	margin-bottom: 10px;
	background: #f5aa00;
	font-size:1.25rem;
}
.block--ul-jobs ul > li:before {
	display:flex;
	align-items:center;
	justify-content:center;	
	min-width: calc(var(--li-jobs-height) + 10px);
	width: calc(var(--li-jobs-height) + 10px);
	height: 100%;
	position: absolute;
	left: 0;
	content: url('/files/images/icons/chevron-right-primary-28.webp');
	background: linear-gradient(135deg, #87888a 0%,#59595b 25%,#1a171b 75%);	
	border-right: #fff 10px solid;
}

/* tabs */
.nav-tabs {
	background:#fff ;
	border-color:#d9dadb;
}

.nav-tabs .nav-item { max-width:33.333%; }

.nav-tabs .nav-link { 	
	min-height:78px;
	padding:1rem 1rem;
	color:#000;	
	text-decoration:none!important;
	line-height:1.3;
	-webkit-border-radius:0!important;
	border-radius:0!important;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {	
	border-color: #d9dadb #d9dadb transparent;	
	background:#d9dadb;
	-webkit-filter:brightness(100%); 
	filter:brightness(100%); 
}

.nav-tabs .nav-link.disabled {}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #000;
	background-color:#f5aa00 ;
	border-color: #d9dadb #d9dadb #d9dadb;
}

.nav-tabs .nav-link.active:hover { 
	-webkit-filter:brightness(100%); 
	filter:brightness(100%); 
}

/* footer */
footer {
	background:#1a171b;
}

.footer-inner {
	padding:3.5rem 0 3.5rem 0;
	border-top:#f5aa00 5px solid;
}

.footer-socials {
	margin:0;
	padding:2rem 0 0 0;
	list-style-type:none;
	text-align:center;
}
.footer-socials li { display:inline-block; margin:0 .5rem; }
.footer-socials li a { 
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	padding:0;
	color:#fff;	
	font-size:1.25rem;
	border:#fff 1px solid;
	background:transparent;
}
.footer-socials li a:hover {
	color:#fff;
	border-color:#fff;
	background:#f5aa00;
}

.footer-socials svg {
	height:20px;
	fill:#fff;
}

/* impressum/datenschutz */
.disclaimer { 
	--disclaimer-headingHeight: 150px;
	padding-top:calc(var(--disclaimer-headingHeight) + 5rem);
	color:#555; 
}
.disclaimer h1 {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:var(--disclaimer-headingHeight);
	position:fixed;
	top:82px;
	left:0;
	right:0;	
	background:#ececed;
}
.disclaimer h2 { margin-top:2rem; margin-bottom:1rem; text-align:left; }
.disclaimer h3 { margin-top:1.5rem; margin-bottom:0.75rem; text-align:left; color:#1a171b; text-decoration:underline; }
.disclaimer h4 { margin-bottom:0.25rem; font-size:1.05rem; font-weight:bold; text-align:left; }
.disclaimer p { margin-bottom:.75rem;text-align:left; }
.disclaimer ul { margin-bottom:.75rem; }

#is--p8 .disclaimer h2 { margin-top:1.5rem; margin-bottom:0.75rem; font-size:1.3rem; line-height:1.25; text-align:left; color:#1a171b; text-decoration:underline; }

/* sitemap */
.sitemap { }
.sitemap .last { margin-bottom:5px; }
/* << ELEMENTS */

/* LANDING-PAGES */
.is--lp .banner-content {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	top:auto; 
	-webkit-transform:translateY(0)!important;
	-moz-transform:translateY(0)!important;
	-ms-transform:translateY(0)!important;
	-o-transform:translateY(0)!important;
	transform:translateY(0)!important;
}
.is--lp .banner-content p.lead {
	font-size: 350%; 
	line-height:1;
}
.is--lp .banner-content p.lead-xxl {
	font-size: 450%; 
	line-height:1;
}
.is--lp .banner-content .xxl { 
	font-size:450%; 
	font-weight:bold;
}
.is--lp .banner-content-wdw {
	padding:10.5vh 0 10.5vh 0;
}

.block--counter-lp .xxl-sym { padding:0 1.5rem; }
.block--counter-lp .xxl p { font-size:1.45rem; line-height:1.2; }
.block--counter-lp .xxl p.lead { font-size:500%; font-weight:bold; }
.block--counter-lp .xxl-sym p.lead { font-size:800%; font-weight:bold; line-height:.825; }

/* LP Geno-Banken */
.banner.banner-genobanken {
	height:calc((100vw * 0.385) + 82px);	
	min-height:0;
}
.genobanken-intro {	
	width:640px;
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	margin:auto;
	padding-top:2.5rem;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);	
}
.genobanken-map .vertrauenssiegel {
	width:22.5%;
	height:auto;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	-webkit-transform:translate(17.5%,100%);
	transform:translate(17.5%,100%);
}
.genobanken-marken .item {
	width:133px;
	height:62px;
	border:#1a171b 1px solid;
	background:#fff;
	margin-right:7px;
	margin-bottom:7px;
	padding:.5rem 1rem;
}
.genobanken-marken .item.item-y-75rem {	
	padding:.75rem 1rem;
}
.genobanken-marken-xl .genobanken-marken .item {
	width:178px;
	height:83px;
	padding:.75rem 1.25rem;
}
.genobanken-marken-xl .genobanken-marken .item.item-y-75rem {	
	padding:1rem 1.25rem;
}

/* LP BARCAMP */
.barcamp-intro {	
	width:640px;
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	margin:auto;	
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);	
}

/* Modals */
.modal-backdrop {
	background-color:#1a171b;
}
.modal-backdrop.show {
	opacity:.85;
}

/* Danke */
.block--success {
	min-height: calc(100vh - 82px);
	background-image: url('/files/images/content/danke.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.block--success-content {
	width:690px;
	max-width:100%;
}

/* proven expert */
.pe-pro-seal-ready {
	z-index:999!important;
}

/* NAVIGATIONS >> */
/* nav generals */
nav ul { 
	margin:0;
	padding:0;
	list-style-type:none;
}
nav li a { text-decoration:none!important; }

/* nav--main */
.nav--main { 	
	width:100%;
	position:relative;
	z-index:1;
}

.nav--main ul { 	
	text-align:left; 
}
.nav--main li { 
	position:relative;
	display:inline-block; 		
	margin:0 40px 0 0;
}
.nav--main li.last { 
	margin:0;
}
.nav--main ul.nav--main-button li { 	
	margin:0;
}
.nav--main li a { 
	display:block; 
	height:82px; 
	position:relative;  
	color:#1a171b; 
	font-size:15px;
	font-weight:normal; 
	line-height:79px;
	text-transform:uppercase; 
}
.nav--main li a:hover, .nav--main .active a { color:#f5aa00; }

.nav--main li a.highlight { 
	height:auto;
	position:relative;	
	padding:.5rem .75rem;
	background:#f5aa00;	
	line-height:1;
}
.nav--main li a.highlight:hover, .nav--main .active a.highlight  { 
	background:#1a171b!important;	
	color:#fff!important;
}
.nav--main li a .indicator { display:none; }
.nav--main li ul {
	display:none;
	position:absolute;	
	left:-1.5rem;
	padding:1rem 1.5rem 1rem 1.5rem;
	background:#f5aa00;
}
.nav--main li ul li {
	display:block;
	margin:0;
}

.nav--main li ul li a, .nav--main .active ul li a { 
	display:block; 
	height:auto; 		
	position:relative;
	padding-right:2rem;
	line-height:2.25;	
	color:#1a171b; 
	white-space:nowrap;
}
.nav--main li ul li a:hover { 
	color:#fff;
}
.nav--main li ul li a .indicator { 
	display:block;
	position:absolute;
	top:0;
	right:0;
}

/* nav--footer */
.nav--footer { 
	position:relative; 	
	padding-top:1.75rem;
}
.nav--footer ul { text-align:center; }
.nav--footer li { display:inline-block; margin:0 .5rem;  }
.nav--footer li a {	
	font-size:15px;
	color:#fff; 	
}
.nav--footer li a.muted { color:#555; }
.nav--footer li a:hover, .nav--footer .active a { color:#f5aa00; }

/* nav--icons */
.nav--icons { 
	position:fixed; 
	top:142px; 
	right:0; 
	z-index:999; 
	-webkit-transform:translateX(calc(100% - 46px)); 
	transform:translateX(calc(100% - 46px)); 
}

.nav--icons .icon-wrapper { 
	display:flex; 
	align-items:center;
	justify-content:center;
	width:46px; 
	height:46px; 	
	background-color:transparent; 
	color:#1a171b; 
	text-align:center; 
	font-size:12px; 
}

.nav--icons ul { 
	width:266px; 
}

.nav--icons li { 
	position:relative; 
	margin-bottom:.5rem; 
	background:#f5aa00; 
}
.nav--icons.nav--icons-inverted li { 	
	background:#1a171b; 
}
.nav--icons, .nav--icons li, .nav--icons li * { 
	-webkit-transition: all .25s ease; 
	transition: all .25s ease;	
}
.nav--icons li:hover, .nav--icons li.in { 
	-webkit-transform:translateX(calc(-100% + 46px)); 
	transform:translateX(calc(-100% + 46px)); 
}
.nav--icons li:hover .icon-wrapper { 
	background-color:#f5aa00; 
	color:#fff; 
}
.nav--icons.nav--icons-inverted li:hover .icon-wrapper { 	
	background:#1a171b; 
}
.nav--icons li a { 
	display:block; 
	width:220px; 
	height:46px; 
	position:absolute; 
	top:0; 
	left:46px; 
	z-index:1; 
	padding:13px 0 0 13px; 
	background:#1a171b;
	border-left:#fff 1px solid;
	color:#fff; 
	font-weight:normal; 
	font-size:17px;
	line-height:1; 
	text-decoration:none!important; 
}
.nav--icons li a:hover { 
	background:#f5aa00;
}
.nav--icons.nav--icons-inverted li a:hover { 
	background:#1a171b;
	color:#f5aa00;
}

/* nav--up */
.nav--up { }

/* print only elements */
.print--only {
	display:none!important;
}

@media (min-width: 1600px) {
	.d-xxl-none {
		display:none!important;
	}
	.d-xxl-block {
		display:block!important;
	}
	.order-xxl-first {
		-ms-flex-order: -1;
		order: -1;
	}
}

@media (min-width: 2096.02px) { 
	.banner {		
		min-height:750px;
	}
	
	.is--lp .banner-content-wdw img { width:264px; }
}

@media (max-width: 1649.98px) { 
	.logo {
		left:20px;
	}
	
	/* nav--main */
	.nav--main ul { 	
		text-align:right!important;		
	}
	.nav--main ul li { 
		margin:0 30px 0 0
	} 	
	.nav--main ul li a { 
		font-size:14px;
	} 
}

@media (max-width: 1599.98px) { 	
	.is--lp .banner-content-wdw img { width:240px; }		
	
	/* LP Geno-Banken */
	.genobanken-intro {			
		position:relative;
		margin-top:-180px;
		padding-top:2.5rem;
		-webkit-transform:none;
		transform:none;
	}
	
	/* LP BARCAMP */
	.barcamp-intro {
		position:relative;
		margin-top:-180px;
		padding-top:2.5rem;
		-webkit-transform:none;
		transform:none;
	}
}

@media (max-width: 1499.98px) { 
	.bt-hand::after {
		width:54px;
		height:43px;
		top:44%;
	}
	
	.nav--main .container {
		margin-right:15px!important;
	}	
}

@media (max-width: 1399.98px) { 	
	.lead-xl {	font-size: 2.25rem!important; }
	
	/* banner-products */	
	.banner-products-icon {
		width:130px;	
	}
	.banner-products-title {
		font-size:2rem;
	}
	
	/* LANDING-PAGES */
	.is--lp .banner-content p.lead { font-size: 200%; }	
	.is--lp .banner-content p.lead-xxl { font-size:300%; }
	.is--lp .banner-content .xxl {	font-size:300%; }
	
	.is--lp .banner-content-wdw img { width:160px; }
	
	/* LP Geno-Banken */
	.genobanken-marken .item {
		width:116px;
		height:54px;		
	}	
	
	/* blocks */
	.block--2-col-mixed .image-wrapper {
		min-height:calc(100vw * 0.5625);
	}
}

@media (max-width: 1299.98px) { 	
	/* LP Geno-Banken */	
	.genobanken-map .vertrauenssiegel {	
		-webkit-transform:translate(0px,100%);
		transform:translate(0px,100%);
	}
	
	/* nav--main */
	.nav--main ul li { 
		margin:0 16px 0 0
	} 	
}

@media (min-width: 1199.99px) { 
	/* nav--toggle */
	.nav--toggle { display:none; }
	
	/* nav--mobile */
	.nav--mobile { display:none; }
}

@media (max-width: 1199.98px) { 
	html, body { font-size:90%; }	
	
	/* grid variations */	
	.gutter-60 { 
		padding-left:15px; 
		padding-right:15px; 
		overflow-x:hidden; 
	}
	.gutter-60 .row { 
		margin-left:-15px; 
		margin-right:-15px; 
	}
	.gutter-60 .row div[class*='col-'], .gutter-60 .row li[class*='col-'] { 
		padding-left: 15px; 
		padding-right:15px; 
	}	

	/* buttons */
	.bt-lg { font-size:1rem; }
	.bt-newsletter-icon {
		height:54px;
		width:auto;
	}	
	.bt-print-icon {
		height:40px;
		width:auto;
	}	
	.bt-swd-tweak { 
		min-width:300px;
		max-width:100%;
	}	

	/* teaser-grid */
	.teaser-grid--offset {			
		margin-top:-72px;	
	}
	.teaser-grid--offset.xl {
		margin-top:-95px;	
	}
	.teaser-grid--item-head {
		height:72px;			
	}	
	.teaser-grid--offset.xl .teaser-grid--item-head {
		height:95px;	
	}		
	
	/* events */
	.events-item-icon {
		width:100px;
	}	
	
	/* news home */
	.newsroom-teaser {
		min-height:480px;
	}
	
	/* Puzzle animation OptimiDoc */	
	.puzzle-animation .img-puzzle--1,
	.puzzle-animation .img-puzzle--4 { width:156px; }
	.puzzle-animation .img-puzzle--2,
	.puzzle-animation .img-puzzle--3,
	.puzzle-animation .img-puzzle--5 { width:192px; }
	
	.puzzle-animation .img-puzzle--2 { top:-3rem; }
	
	
	/* 5 thesen */
	.content-these-image p.lead {
		font-size:1.75rem;
	}
	
	/* scan2ident */	
	.scan2ident-puzzle {
		height:160px;
	}
	.scan2ident-puzzle--item.item1,
	.scan2ident-puzzle--item.item2,
	.scan2ident-puzzle--item.item3,
	.scan2ident-puzzle--item.item4 {
		height:160px;
	}
	.scan2ident-puzzle--item.item5 {
		height:96px;
	}
	.scan2ident-puzzle--item.item6,
	.scan2ident-puzzle--item.item7 {
		height:72px;
	}
	.scan2ident-puzzle--item.item1.in {
		left:12px;
	}
	.scan2ident-puzzle--item.item2.in {
		left:168px;		
	}
	.scan2ident-puzzle--item.item3.in {
		left:324px;	
	}
	.scan2ident-puzzle--item.item4.in {
		left:480px;		
	}
	.scan2ident-puzzle--item.item5.in {
		left:642px;		
	}
	.scan2ident-puzzle--item.item6.in {
		left:768px;			
	}
	.scan2ident-puzzle--item.item7.in {
		left:768px;				
	}
	
	/* Praxistest */
	.praxistest-intro .bars {		
		margin-top: -115px;
	}

	/* Best-Practice */
	.bestpractice-intro .bars {
		margin-top: -210px;
	}
	
	/* HP Vertrieb */	
	.hpvertrieb-display-content {
		left:3.5%;
		right:3.5%;
		bottom:7%;
	}
	.hpvertrieb-display-content li .item-text {
		font-size:13px;
	}
	
	/* scan2nextfolder */
	.scan2nextfolder-mfp {		
		height:540px;
	}
	.scan2nextfolder-hotspot {
		position:absolute;
		top:17.5%;
		left:79.5%;
	}
	.scan2nextfolder-icons {
		left:0;
	}
	.scan2nextfolder-info {
		left:0;
	}
	.scan2nextfolder-icon {
		width:112px;
		height:auto;		
		right:15.2%;
	}
	.scan2nextfolder-display-content {
		left:1.6rem;
		right:4.6rem;
	}
	
	/* scan2epoststelle */
	.scan2epoststelle-mfp {		
		height:540px;
	}
	.scan2epoststelle-hotspot {
		position:absolute;
		top:17.5%;
		left:79.5%;
	}
	.scan2epoststelle-icons {
		left:0;
	}
	.scan2epoststelle-info {
		left:0;
	}
	.scan2epoststelle-icon {
		width:108px;
		height:auto;
		top:11.1%;
		right:15.2%;
	}
	.scan2epoststelle-display-content {
		left:1.6rem;
		right:4.6rem;
	}
	
	/* exaHub */
	.exahub-process .process-indicator {		
		height:7px;		
		top:calc(50% - 3.5px);			
		-webkit-transform:translateX(95%);
		transform:translateX(95%);		
	}
	
	/* LP Geno-Banken */
	.genobanken-marken-xl .genobanken-marken .item {
		width:148px;
		height:69px;
	}
	
	/* nav-tabs */
	.nav-tabs .nav-link { 	min-height:72px; }
	
	/* nav toggle */
	.nav--toggle { 
		display:block; 
		position:absolute; 
		top:14px; 
		right:15px; 
		left:auto; 
		z-index:999; 
		margin:0;
		padding:0; 
		border:0 none;
		background:transparent;
		color:#1a171b; 
		font-size:26px; 
		cursor:pointer; 
	}
	.nav--toggle svg { height:26px; fill:#1a171b; }
	.nav--toggle:hover svg { fill:#f5aa00; }	
	
	.nav--toggle.nav--close { 
		position:absolute; 
		left:auto; 
		right:15px; 
		top:0; 
		font-size:48px; 
		color:#1a171b; 
	}
	.nav--toggle.nav--close:hover { color:#f5aa00; }
	
	/* nav--mobile */ 	
	.nav--mobile { 
		width:100%; 
		height:100vh; 
		position:fixed; 
		left:-100%; 
		top:0; 		
		z-index:1000; 
		background: #1a171b;
		background: -moz-linear-gradient(left, #1a171b 0%, #1a171b 100%);
		background: -webkit-linear-gradient(left, #ffffff 0%,#1a171b 100%);
		background: linear-gradient(to right, #1a171b 0%,#1a171b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a171b', endColorstr='#1a171b',GradientType=1 );
		-webkit-transition:all .3s .0s ease; 
		transition:all .3s .0s ease; 
	}
	
	.nav--mobile-title { 
		width:100%; 
		height:82px;
		position:fixed; 
		z-index:1002; 
		top:0; 
		left:0; 
		padding:21px 15px 0px 15px; 
		background-color:#fff; 
		border-bottom:#f5aa00 5px solid;
		opacity:.15;
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); 
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); 
		-webkit-transition:all .3s .0s ease; 
		transition:all .3s .0s ease; 
	}	
	.nav--mobile-title p { font-size:20px; }	
	
	.nav--mobile-inner { 
		width:100%; 
		position:absolute; 
		top:82px; 
		bottom:0; 
		z-index:1001; 
		overflow:auto; 
	}
	
	.nav--mobile ul { 
		margin:0 0 60px 0; 
		padding:30px 0 0 0; 
		text-align:center; 
	}
	.nav--mobile li { 
		padding:.75rem 0; 
		border-bottom:rgba(255,255,255,.1) 1px solid;
	}
	.nav--mobile li a { 
		font-size:17px; 
		line-height:1.5; 
		font-weight:normal;
		color:#fff;
		text-transform:uppercase;
	}
	.nav--mobile li a:hover, .nav--mobile .active a { color:#f5aa00; }
	.nav--mobile li a.highlight { 	
		display:inline-block;
		margin:.25rem 0;
		padding:.5rem .75rem;
		background:#f5aa00;	
		line-height:1;
	}
	.nav--mobile li a.highlight:hover, .nav--mobile .active a.highlight { 		
		color:#1a171b;
	}
	.nav--mobile li a.muted { color:#555; }
	.nav--mobile li a:hover, .nav--mobile .active a { color:#f5aa00; }
		
	.nav--mobile li ul { 
		padding:.5rem 0 0 0;
		margin-bottom:0;
	}
	.nav--mobile li ul li {
		padding:.5rem 0;
		border-bottom:0 none;
	}
	.nav--mobile li ul li a, .nav--mobile .active ul li a { 
		text-transform:none;
		color:#fff;
	}
	.nav--mobile li ul li a:hover, .nav--mobile .active ul li a:hover, .nav--mobile .active ul .active a { 
		color:#f5aa00;
	}
	.nav--in .nav--mobile { 
		top:0; 
		left:0;
		-webkit-transition:all .3s .0s ease; 
		transition:all .3s .0s ease; 
	}
	.nav--in .nav--mobile-title {
		opacity:1;		
		-webkit-transform:translateY(0);
		transform:translateY(0);		
		-webkit-transition:all .7s .1s ease; 
		transition:all .7s .1s ease; 
	}	
}

@media (max-width: 991.98px) {		
	h1,.h1,h2,.h2 { font-size:1.8rem!important; }
	p.lead { font-size:1.8rem; }	
		
	/* banner */
	.banner { 		
		height:400px;	
		min-height:400px;		
	}
	.banner.fullsize { 
		height:100vh; 
		min-height:400px; 
	}
	.banner-logo img { width:128px; height:auto; }
	.banner p.lead { font-size:1.8rem; }
	
	/* contactlist */	
	.contactlist-item.support-data { max-width:100%; }
	.contactlist-item strong.fix { display:block; }
	
	/* counter */
	.counter--item {
		margin-bottom:2.5rem;
	}
	.counter--item.third, .counter--item.last {
		margin-bottom:0;
	}	
	
	/* Puzzle */
	.puzzle--item-mobile {
		display:flex;
		justify-content:center;
	}
	.puzzle--item-content {
		display:inline-flex;
		align-items:center;
		height:233px;
		padding-left:4px;
	}
	.puzzle--item-mobile.last .puzzle--item-content { height:229px; }
	
	.puzzle--item-image { width:230px; }
	.puzzle--item-pin { width:64px; height:auto; }
	
	.puzzle--item-text {	
		width:210px;
		padding:0 0 0 1rem;
	}	
	.puzzle--item-text p {
		margin:0;
	}	
	
	/* Puzzle animation OptimiDoc */	
	.puzzle-animation .img-puzzle--1,
	.puzzle-animation .img-puzzle--4 { width:118px; }
	.puzzle-animation .img-puzzle--2,
	.puzzle-animation .img-puzzle--3,
	.puzzle-animation .img-puzzle--5 { width:146px; }	
	
	.puzzle-animation .img-puzzle--1 { top:-2rem; }
	.puzzle-animation .img-puzzle--2 { top:-2.5rem; }
	.puzzle-animation .img-puzzle--3 { top:-4.5rem; }
	.puzzle-animation .img-puzzle--4 { top:-2rem; }
	.puzzle-animation .img-puzzle--5 { top:-3.9rem; }
	
	/* teaser-grid */
	.teaser-grid--item {
		height:auto;
		margin-bottom:2rem;
	}
	.teaser-grid--item.third { margin-bottom:0; }
	
	/* teaser 3 col with image */
	.teaser-grid-img--item {
		margin-bottom:3rem;
	}
	.teaser-grid-img--item.third {
		margin-bottom:0;
	}
	
	/* events */
	.events-item-tile {
		margin-bottom:1.5rem;
	}
	.events-item-blank-text {		
		width:100%;
		margin-bottom:1.5rem;
	}
	
	/* news home */
	.newsroom-teaser {
		min-height:0;
		height:auto;
		padding-top:0!important;
	}
	.newsroom-teaser-image {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
	}
	.newsroom-teaser-text {
		padding-top:5rem;
	}
	
	/* 5 thesen */
	.content-these .column--2 {
		flex-direction: row;
	}
	.content-these-image { 		
		max-width:50%;
	}
	.content-these-upper, .content-these-lower {
		width:50%;
		height:auto;
		max-height:none;
		overflow-y:visible;
	}
	.content-these-upper {
		border-top:0 none;
		border-bottom:0 none;
		border-left:#fff 7px solid;
		border-right:#fff 3px solid;		
	}
	.content-these-lower {
		border-top:0 none;
		border-bottom:0 none;
		border-left:#fff 3px solid;
		border-right:#fff 7px solid;		
	}
	
	/* Praxistest */
	.praxistest-intro .bars {		
		margin-top: -108px;
	}	
	
	/* bestpractice */
	.bestpractice-banner-content {
		padding:5.5vh 2rem;		
	}	
	
	/* HP Vertrieb */
	.hpvertrieb-mfp { width:500px; }
	.hpvertrieb-hotspot {
		top:13.8%;
		left:64%;
	}
	.hpvertrieb-hotspot img {
		width:48px;
		height:48px;
	}
	.hpvertrieb-display-content {
		left:3%;
		right:3%;		
	}	
	.hpvertrieb-display-content li > a .svg {
		width:32px!important;
		height:32px!important;
	}
	.hpvertrieb-display-content li .item-text {
		font-size:11px;
		line-height:1.2;
	}
	
	/* scan2nextfolder */
	.scan2nextfolder-mfp {
		height:460px;
	}
	.scan2nextfolder-hotspot {
		top:16.5%;
		left:78.5%;
	}
	.scan2nextfolder-icon {
		width:84px;		
		top:7.1rem;
	}
	.scan2nextfolder-display-content {
		top:6.6rem;
		left:1.2rem;
		right:3.4rem;
		bottom: 4rem;
	}
	.scan2nextfolder-display-content li {
		font-size:13px;
	}
	
	/* scan2epoststelle */
	.scan2epoststelle-mfp {
		height:460px;
	}
	.scan2epoststelle-hotspot {
		top:16.5%;
		left:78.5%;
	}
	.scan2epoststelle-icon {
		width:84px;		
		top:6.4rem;
	}
	.scan2epoststelle-display-content {
		top:6.6rem;
		left:1.2rem;
		right:3.4rem;
		bottom: 4rem;
	}
	.scan2epoststelle-display-content li {
		font-size:13px;
	}
	
	/* LP Geno-Banken */
	.genobanken-intro {		
		margin-top:-100px;		
	}
	.genobanken-marken-xl .genobanken-marken .item {
		width:150px;
		height:70px;
	}
	
	/* LP BARCAMP */
	.barcamp-intro {
		margin-top:-100px;
	}
	
	/* nav tabs */
	.nav-tabs .nav-link { 		
		padding:.75rem;
		font-size:14px;
	}
	
	/* nav--footer */
	.nav--footer li { display:block; margin:.75rem  }	
	
	/* nav--icons */
	.nav--icons { 		
		top:136px);			
		-webkit-transform:translateX(calc(100% - 36px)); 
		transform:translateX(calc(100% - 36px)); 
	}
	
	.nav--icons .icon-wrapper { 		
		width:36px; 
		height:36px; 			
		font-size:10px;
	}
	.nav--icons .icon-wrapper .svg-28 { width:24px; height:24px; }

	.nav--icons ul { width:216px; }	
	.nav--icons li:hover, .nav--icons li.in { 
		-webkit-transform:translateX(calc(-100% + 36px)); 
		transform:translateX(calc(-100% + 36px)); 
	}	
	.nav--icons li a { 		
		width:180px; 
		height:36px; 		
		left:36px; 
		z-index:1; 
		padding:10px 0 0 10px; 		
		font-size:15px;		
	}	
}

@media (min-width: 767.99px) {
	.mr-md-12px { margin-right:12px; }
	
/* block--2-col-arrows */	
	.block--2-col-arrows .column--1 .triangle {
		position:absolute;
		left:auto;
		bottom:auto;
		right:0;
		top:50%;
		margin-left:0;
		margin-right:0;
		border-style: solid;
		border-width: 15px 0 15px 19px;
		border-color: transparent transparent transparent #f5aa00;
		-webkit-transform: translateX(100%) translateY(-50%) rotate(0deg);
		transform: translateX(100%) translateY(-50%) rotate(0deg);
	}
}

@media (max-width: 767.98px) { 	
	.pt-7 { padding-top:3.5rem; }
	.pb-7 { padding-bottom:3.5rem; }	
	.pt-8 { padding-top:5rem; }
	.pb-8 { padding-bottom:5rem; }	
	
	.paragraph {
		display:none;
	}
	
	.logo { 	
		width:120px;	
		left:15px;
	}	
	
	/* banner */	
	.banner-content p.lead,
	.banner-logo p.lead { font-size:1.8rem; }			
	
	/* contactlist */
	.contactlist { width:528px; max-width:100%; margin-left:auto; margin-right:auto; }	
	.contactlist-item strong.fix { display:inline-block; }	
	
	/* portrait */
	.reservation-item p { height:auto!important; }
	
	/* support table */
	.support-table-item p {
		height:auto;		
	}
	.support-table-item--info img {
		margin-right:.5rem;
	}
	.support-table-item .bt-block {
		height:auto;		
	}
	
	/* references */
	.reference-item {
		margin-bottom:1.5rem;
	}
	
	/* news home */
	.newsroom-teaser-text {
		padding-top:3rem;
	}
	
	/* Puzzle animation OptimiDoc */	
	.has--puzzle-animation .column--2 { padding-bottom:3rem; }

	.puzzle-animation .img-puzzle--1,
	.puzzle-animation .img-puzzle--4 { width:156px; }
	.puzzle-animation .img-puzzle--2,
	.puzzle-animation .img-puzzle--3,
	.puzzle-animation .img-puzzle--5 { width:192px; }	
	
	.puzzle-animation .img-puzzle--1 { top:-3rem; }
	.puzzle-animation .img-puzzle--2 { top:-3.5rem; }
	.puzzle-animation .img-puzzle--3 { top:-5rem; }
	.puzzle-animation .img-puzzle--4 { top:-2.5rem; }
	.puzzle-animation .img-puzzle--5 { top:-4.5rem; }
	
	/* 5 thesen */
	.content-these .column--2 {
		flex-direction: column;
	}	
	.content-these-upper, .content-these-lower {
		width:auto;		
	}
	.content-these-upper {
		border-top:#fff 7px solid;
		border-bottom:0 none;
		border-left:#fff 4px solid;
		border-right:#fff 4px solid;		
	}
	.content-these-lower {
		border-top:#fff 7px solid;
		border-bottom:0 none;
		border-left:#fff 4px solid;
		border-right:#fff 4px solid;			
	}
	
	/* Best-Practice */		
	.bestpractice-intro .bars {
		margin-top: -196px;
	}
	.block--ul-bildmarke ul > li {		
		padding: 1.15rem 1.25rem;		
	}
	.block--ul-bildmarke ul > li:before {		
		background-size:52px;		
		min-width:67px;
		width: 67px;
		height: 52px;		
	}
	
	/* HP Vertrieb */
	.hpvertrieb-mfp { width:400px; }	
	.hpvertrieb-hotspot {
		left:63.8%;		
	}
	.hpvertrieb-hotspot img {
		width:40px;
		height:40px;
	}
	.hpvertrieb-display-content {
		bottom:5.5%;	
	}	
	.hpvertrieb-display-content li > a {
		font-size:12px;
	}
	.hpvertrieb-display-content li > a .svg {
		width:24px!important;
		height:24px!important;		
	}
	.hpvertrieb-display-content li .item-text {
		font-size:11px;
		line-height:1.2;
	}
	
	/* LP Geno-Banken */	
	.genobanken-intro {	
		width:100%;
		margin-top:0px;		
	}
	.genobanken-map .vertrauenssiegel {	
		-webkit-transform:translate(0px,150px);
		transform:translate(0px,150px);
	}
	.carousel-genobanken-kundenstimmen .item {
		width:360px;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	/* LP BARCAMP */
	.barcamp-intro {
		width:100%;
		margin-top:0px;	
		padding-top:0.5rem;
	}

	/* nav--icons */
	.nav--icons { 		
		top:142px;			
	}
}	

@media (max-width: 575.98px) { 		
	h1,.h1,h2,.h2 { font-size:1.4rem!important; }
	h3, .h3 { font-size:1.15rem; }
	p.lead { font-size:1.4rem!important; }	
	.lead-xl { font-size: 1.75rem!important; }
	.body-xxl { font-size:1.4rem!important; }
	
	/* banner */
	.banner { 		
		height:240px;	
		min-height:240px;		
	}
	.banner.fullsize { 
		height:510px; 
		min-height:510px; 
	}		
	.banner .container { width:320px; }
	.banner-image { background-position:center top; }
	.banner-logo img { width:96px; height:auto; }
	.banner-content { top:70.5%; padding-left:15px; padding-right:15px; }
	.banner-content p { font-size:1.1rem; }
	.banner-content p.lead,
	.banner-logo p.lead { font-size:1.4rem; }
	
	.banner-badge-wrapper .container { width:100%; }	
	.banner-badge { padding: .65rem 1rem .75rem 1rem; font-size: 1rem; line-height: 1.1; }
	.banner-badge-optimidoc { font-size:1.15rem!important; }
	.banner-badge-optimidoc img { width:32px; height:32px; }
	
	/* banner-products */	
	.banner-products-icon {
		width:110px;	
	}
	.banner-products-title {
		font-size:1.4rem;
	}
	
	/* ansprechpartner */
	.block--ansprechpartner {
		width:320px;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.block--ansprechpartner .nav-pills .nav-link {
		margin:0 0 10px 0!important;		
	}
	.block--ansprechpartner .nav-pills .nav-link:last-child {
		margin:0 0 20px 0!important;		
	}

	/* contactlist */
	.contactlist-item { width:290px; margin-left:auto; margin-right:auto; }	
	.contactlist-item.support-data { width:100%; }
	
	/* counter */	
	.counter--item, .counter--item.third {
		margin-bottom:2rem;
	}
	.counter--item.last {
		margin-bottom:0;
	}
	
	.counter--item-pin {
		margin-bottom:8px;
	}
	.counter--item-pin img {
		width:auto;
		height:40px;
	}
	
	/* foldables */
	.block--foldable .pt-5 { padding-top:2rem!important; }
	.block--foldable .pb-5 { padding-bottom:2rem!important; }
	
	.foldable-toggle {		
		height:60px;		
	}

	.foldable-item--icon {	
		width:60px;	
		font-size:1.8rem;			
	}

	.foldable-item--title {		
		left:70px;	
		font-size:1.15rem;
	}

	/* exapture kennenlernen */
	.kennenlernen--item-content { min-height:174px; }
	
	/* Puzzle */	
	.puzzle--item-content {
		display:inline-flex;
		align-items:center;
		height:111px;
		padding-left:4px;
	}
	.puzzle--item-mobile.last .puzzle--item-content { height:110px; }
	
	.puzzle--item-image { width:110px; }
	.puzzle--item-pin { width:40px; }
	
	.puzzle--item-text {	
		width:130px;
		padding:0 0 0 .5rem;
	}	
	.puzzle--item-text p {
		font-size:1rem;
		margin:0;
	}
	
	/* Puzzle animation OptimiDoc */	
	.puzzle-animation .img-puzzle--1,
	.puzzle-animation .img-puzzle--4 { width:92px; }
	.puzzle-animation .img-puzzle--2,
	.puzzle-animation .img-puzzle--3,
	.puzzle-animation .img-puzzle--5 { width:112px; }	
	
	.puzzle-animation .img-puzzle--1 { top:-1.5rem; }
	.puzzle-animation .img-puzzle--2 { top:-1.75rem; }
	.puzzle-animation .img-puzzle--3 { top:-3.5rem; }
	.puzzle-animation .img-puzzle--4 { top:-1.75rem; }
	.puzzle-animation .img-puzzle--5 { top:-3.3rem; }
	
	/* teaser-grid */
	.teaser-grid--offset {			
		margin-top:-60px;		
	}
	.teaser-grid--offset.xl {
		margin-top:-60px;	
	}	
	.teaser-grid--item-head {
		height:60px;			
	}	
	.teaser-grid--offset.xl .teaser-grid--item-head {
		height:60px;	
	}	
	
	/* events */
	.events-item-tile {
		padding:2.5rem;
		flex-wrap:wrap;
	}
	.events-item-icon-wrapper {
		min-width:100%;
		margin-right:0!important;	
	}
	.events-item-icon {
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:1.5rem;
	}	
	.events-item-tile-text {		
		width:100%;
		padding-left:0!important;
	}
	.events-item-blank-text p, .events-item-tile-text p {		
		text-align:center!important;
	}	
	
	/* 5 Thesen */
	.content-these-image p.lead { font-size:1.35rem; }
	
	/* Praxistest */
	.praxistest-intro .bars {		
		margin-top: -79px;
	}	
	
	/* Best-Practice */	
	.bestpractice-intro .bars {
		margin-top: -120px;
	}
	
	/* HP Vertrieb */
	.hpvertrieb-mfp { 
		width:360px;
		max-width:100%;
	}		
	.hpvertrieb-display-content {
		left:2.5%;
		right:2.5%;
		bottom:5%;
	}	
	.hpvertrieb-display-content li > a {
		font-size:10px;
		padding:4px 8px!important;
	}	
	.hpvertrieb-display-content li > a > span {
		padding:0px!important;
	}
	.hpvertrieb-display-content li > a .svg {
		width:12px!important;
		height:12px!important;		
	}	
	
	/* newsletter registration */
	.newsletter-registration iframe {		
		height:1750px;
	}
	
	/* nav tabs */
	.nav-tabs .nav-link { 	
		min-height:76px;
		padding:5px;
		font-size:12px;
	}	
	
	/* LANDING-PAGES */
	.is--lp .banner { height:320px; min-height:320px; }
	.is--lp .banner-content p.lead { font-size: 180%; }	
	.is--lp .banner-content p.lead-xxl { font-size:220%; }
	.is--lp .banner-content .xxl {	font-size:220%; }
	.is--lp .banner-content-wdw img { width:130px; }

	.block--counter-lp .counter--item { margin-bottom:1rem; }
	.block--counter-lp .xxl-sym { padding:0; }
	.block--counter-lp .xxl p { font-size:1.05rem; }
	.block--counter-lp .xxl p.lead { font-size:250%; }
	.block--counter-lp .xxl-sym p.lead { font-size:400%; line-height:.825; }
	
	/* LP Geno-Banken */
	.genobanken-marken .item {
		width:108px;
		height:50px;		
	}	
	.genobanken-marken-xl .genobanken-marken .item {
		width:124px;
		height:58px;
	}
}		

@media (max-width: 479.98px) { 	
	/* HP Vertrieb */
	.hpvertrieb-mfp { 
		width:280px;
		max-width:100%;
	}		
	.hpvertrieb-hotspot {
		left:61.8%
	}
	.hpvertrieb-display-content {
		left:2.5%;
		right:2.5%;
		bottom:5%;
	}	
	.hpvertrieb-display-content li {
		padding-bottom:5px;
	}
	.hpvertrieb-display-content-mobile {	
		font-size:12px!important;
		line-height:1.2!important;
		padding:1rem!important;
	}
	.hpvertrieb-display-content-mobile .item-text-close {			
		top: 6px;
		right: 6px;	
	}
	.hpvertrieb-display-content-mobile .item-text-close img {		
		width:20px;
		height:20px;		
	}
}

@media (max-width: 399.98px) { 	
	/* 5 Thesen */
	.content-these-image p.lead { font-size:1rem; }
	
	/* HP Vertrieb */
	.hpvertrieb-display-content li > a {	
		padding:4px!important;
	}	
}