/* --------------------------- */
/* ---------- RESET ---------- */
/* --------------------------- */

@font-face {
	font-family: 'jokari_iconset_prod';
	src: url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.eot?42258338');
	src: url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.eot?42258338#iefix') format('embedded-opentype'), url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.woff2?42258338') format('woff2'), url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.woff?42258338') format('woff'), url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.ttf?42258338') format('truetype'), url('../../data/inc/retail/assets/iconset/jokari_retail_iconset.svg?42258338#jokari_retail_iconset') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'jokari_iconset';
	src: url('../assets/iconset/jokari_iconset.eot?38320262');
	src: url('../assets/iconset/jokari_iconset.eot?38320262#iefix') format('embedded-opentype'), url('../assets/iconset/jokari_iconset.woff2?38320262') format('woff2'), url('../assets/iconset/jokari_iconset.woff?38320262') format('woff'), url('../assets/iconset/jokari_iconset.ttf?38320262') format('truetype'), url('../assets/iconset/jokari_iconset.svg?38320262#jokari_iconset') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}




/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
	   font-display: swap;
}







/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
	   font-display: swap;
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
	   font-display: swap;
}




*, *:before, *:after {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

html { overflow-y: scroll; }

a { text-decoration: none; }

ul { margin-bottom: 15px; }

li { list-style-type: none; }

p { padding-bottom: 12px; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

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

#merkzettel-btns .btn {
	width: 23.5%;
	margin-right: 1.7%;
}

#merkzettel-btns .btn:last-child { margin-right: 0; }

.btn {
	background: #1E357D;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 20px;
	display: inline-block;
	margin-top: 10px;
	line-height: normal;
}

.btn:hover { color: #FDEC1C; }

.btn:active {
	background: #142763;
	position: relative;
	top: 1px;
}

/*.scroller { -webkit-transform: translate3d(0, 0, 0) } */

/* ---------------------------- */
/* ---------- Header ---------- */
/* ---------------------------- */

body {
	font-family: "Open Sans", sans-serif;
	background: #fff;
	font-size: 14px;
	color: #555555;
	padding-top: 87px;
	-webkit-text-size-adjust: none;
}

header {
	background: #fff;
	height: 87px;
	padding: 0 20px;
	border-bottom: 1px solid #e9eaed;
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
}

header > div {
	max-width: 1240px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

header .logo {
	float: left;
	background: #ffec00 url("../assets/img/jokari_logo_v2.webp") no-repeat left top / 217px;
	width: 217px;
	height: 87px;
	display: block;
	text-indent: -9999px;
	margin-top: 0;
	top: 0;
	margin-left:70px;
	position: absolute;
	z-index: 9999;
}

header > div > form {
	background: rgba(30, 30, 30, 0.75) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	margin-top: 0;
	max-width: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99998;
	padding-top: 24%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:0.4s all;
	transition:0.4s all;
}

header > div > form.active {
	max-height: none;
	opacity: 1;
	visibility:visible;
}

header > div > form > .container input {
	background: #fff none repeat scroll 0 0;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	height: 54px;
	left: 20px;
	line-height: 54px;
	padding: 5px 52px 5px 30px;
	position: absolute;
	top: 0;
	width: calc(100% - 40px);
}

header > div > form > .container button {
	height: 50px;
	position: absolute;
	right: 22px;
	top: 2px;
	width: 50px;
	background: none;
	border: 0;
	cursor: pointer;
}

header > div > form > .container button::before {
	font-size: 26px;
	vertical-align: 7px;
	color: #1e357d;
	font-family: "jokari_iconset";
	content: "\e804";
	font-display: swap;
}

header .container {
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	border-top: 0 !important;
	padding:20px;
	min-height:60px;
	background:none !important;
}

.upperhead {
	position: relative;
	height: 30px;
}

.upperhead {
	position: absolute;
	right: -10px;
	top: 0;
	z-index: 901;
}

.upperhead .merkzettel_top {
	float: right;
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid #eee;
	line-height: 30px;
	font-size: 12px;
	color: #777;
}

.upperhead .search-trigger {
	border-right: 1px solid #eee;
	float: right;
	height: 30px;
	margin-right: 14px;
	padding-right: 14px;
	position: relative;
	display: block;
	font-style: normal;
	font-size: 12px;
	line-height: 28px;
	cursor: pointer;
	color: #777;
}

.upperhead .search-trigger:before {
	font-family: "jokari_iconset";
	content: "\e804";
	font-size:16px;
	margin-right:7px;
	font-display: swap;
}

ul.list-langswitch {
	height: 30px;
	line-height: 30px;
	width: 87px;
	float: right;
	position: relative;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #eee;
	text-align: right;
	font-size: 12px;
	margin-bottom:0;
}

ul.list-langswitch.list-currencyswitch { width: 95px; }

ul.list-langswitch.list-currencyswitch li strong { font-size:14px; }

ul.list-langswitch li {
	padding: 2px 10px 2px 2px;
	z-index: 2;
}

ul.list-langswitch li:after {
	display: block;
	clear: both;
	content: "";
}

ul.list-langswitch li img {
	float: right;
	margin: 5px 0 0 5px;
}

ul.list-langswitch li a {
	color:#555;
}

ul.list-langswitch li:not(.init) {
	float: left;
	width: 110px;
	margin-left:-15px;
	display: none;
	position:relative;
	top:-2px;
	background: #fff;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	cursor:pointer;
}

ul.list-langswitch li:not(.init):hover, ul.list-langswitch li.active:not(.init) { background: #eee; }

ul.list-langswitch li.active:not(.init) { cursor:auto; }


ul.list-langswitch:not(.list-currencyswitch) li:not(.init) {
	margin-left:-11px;
	width:98px;
}


ul.list-langswitch li.init {
	cursor: pointer;
	position: relative;
	padding: 2px 2px 2px 25px;
}

ul.list-langswitch li.init:before {
	font-family: "jokari_iconset";
	content: "\e800";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	font-display: swap;
}

ul.list-langswitch a#submit { z-index: 1; }

ul.list-langswitch.list-currencyswitch li:not(.init) {
	padding:0;
}

ul.list-langswitch.list-currencyswitch li:not(.init).active {
	padding: 2px 10px 2px 2px;
}

ul.list-langswitch.list-currencyswitch li button {
	font-family: "Open Sans", sans-serif;
	padding: 2px 10px 2px 2px;
	display:block;
	width:100%;
	background:none;
	border:0;
	text-align:right;
	line-height:30px;
	font-size:12px;
	cursor:pointer;
	color:#555;
}

.language_mz {
	float: right;
	height: 30px;
}

.language_mz a {
	color: #fff;
	font-size: 11px;
	line-height: 10px;
}

.language_mz img {
	margin-left: 12px;
	margin-bottom: -5px;
}

.menu-trigger, .nav_headline, .menu-back { display: none; }

.menu-trigger {
	position: absolute;
	left: 0;
	width: 60px;
	height: 60px;
	background: #fff;
	border: 1px solid #1E357D;
	z-index: 2;
	top: 13px;
}

.menu-trigger span {
	position: absolute;
	display: block;
	width: 32px;
	height: 3px;
	background: #1E357D;
	top: 40%;
	margin-top: -1px;
	left: 50%;
	margin-left: -16px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}

.menu-trigger span i {
	display: block;
	position: relative;
	color: #1E357D;
	font-size: 11px;
	font-style: normal;
	height: 13px;
	left: 2px;
	line-height: 12px;
	margin: 0;
	overflow: hidden;
	top: 16px;
	width: 32px;
}

.menu-trigger span::before, .menu-trigger span::after {
	content: '';
	position: absolute;
	left: 0;
	background: inherit;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, background 0s;
	-moz-transition: -moz-transform 0.3s, background 0s;
	-ms-transition: -moz-transform 0.3s, background 0s;
	transition: transform 0.3s, background 0s;
}

.menu-trigger span::before {
	top: -7px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.menu-trigger span::after {
	bottom: -7px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

html:not(.hidden) .menu-trigger { box-shadow: none; }

html:not(.hidden) .menu-trigger span { background: none; }

html:not(.hidden) .menu-trigger span::before, html:not(.hidden) .menu-trigger span::after { background: #1E357D; }

html:not(.hidden) .menu-trigger span::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

html:not(.hidden) .menu-trigger span::after {
	bottom: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.menu-trigger { display: block; }



html:not(.hidden) .site_scroller {
	overflow-y: hidden;
	-webkit-overflow-scrolling: auto;
}

.site_scroller:after {
	content: "";
	width: 100%;
	height: 110%;
	background: rgba(44,44,50,0.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	opacity:0;
	visibility:hidden;
	-webkit-transition:0.4s opacity;
	-moz-transition:0.4s opacity;
	transition:0.4s opacity;
}

html:not(.hidden) .site_scroller:after {
	opacity:1;
	visibility:visible;
}

html.hidden .site_scroller { overflow: visible; }

nav.desktop {
	z-index: 99999;
	position: fixed;
	left: 0;
	top: 0;
	width: 300px;
	max-width: 90%;
	height: 100%;
	overflow-y: auto;
	font-size: 0;
	padding-top:0;
	background: #444;
	-webkit-transition: 0.5s left ease-in-out;
	-moz-transition: 0.5s left ease-in-out;
	transition: 0.5s left ease-in-out;
}

nav.desktop.hidden { left: -300px; }

nav.desktop:not(.hidden) {
	-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
	-ms-box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
}

nav.desktop li {
	list-style-type: none;
	position: static;
}

nav.desktop > ul { text-align: left; }

nav.desktop ul.main-menu > li {
	display: block;
	position: static;
}

nav.desktop .nav1, nav.desktop .nav1on, nav.desktop ul.main-menu li:hover .nav1 {
	color: #fff;
	background: none;
	height: auto;
	line-height: inherit;
	padding: 12px 28px;
	display: block;
	font-size: 16px;
	font-weight: 300;
	border: 1px solid transparent;
	border-bottom: 1px solid #d5d5d5;
	text-decoration: none;
	margin:0;
}

nav.desktop .nav_headline {
	display: block;
	padding: 0;
	font-size: 20px;
}

nav.desktop .nav_headline a {
	padding: 12px 28px;
	display: block;
	color: #fff;
	font-weight: 700;
}

nav.desktop ul.dropdown_first, nav.desktop ul.dropdown_second, nav.desktop ul.dropdown_third {
	position: absolute;
	left: -120% !important;
	top: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	width: 300px;
	background: #444;
	opacity: 1;
	visibility: visible;
	padding: 0;
	margin: 0;
	z-index: 0;
	-webkit-transition: 0.45s left ease-in-out;
	-moz-transition: 0.45s left ease-in-out;
	transition: 0.45s left ease-in-out;
}

nav.desktop ul.dropdown_first.active, nav.desktop ul.dropdown_second.active, nav.desktop ul.dropdown_third.active { left: 0 !important; }

nav.desktop ul.dropdown_first.active { z-index: 1 !important; }

nav.desktop ul.dropdown_second.active { z-index: 2 !important; }

nav.desktop ul.dropdown_third.active { z-index: 3 !important; }

nav.desktop ul.dropdown_first > li:last-child, nav.desktop ul.dropdown_second > li:last-child, nav.desktop ul.dropdown_third > li:last-child { margin-bottom: 300px; }

nav.desktop ul.main-menu > li:last-child ul {
	margin-left: 0 !important;
	width: 300px !important;
}

nav.desktop .nav2, nav.desktop .nav2on, nav.desktop ul.first_dropdown li:hover .nav2 {
	color: #eee !important;
	padding: 10px 28px;
	display: block;
	width: 100%;
	background: none !important;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid transparent;
	text-decoration: none;
	border-bottom: 1px solid #555;
}

nav.desktop .menu-back {
	background: #333;
	display: block;
	padding: 10px 30px;
	font-size: 14px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	color:#ddd;
	-webkit-transition:0.3s background;
	-moz-transition:0.3s background;
	transition:0.3s background;
	cursor:pointer;
}

nav.desktop .menu-back:before {
	content: '‹';
	line-height: 14px;
	font-size: 22px;
	vertical-align: -1px;
	margin-right: 10px;
}


nav.desktop .menu-back:hover {
	background: #262626;
}


nav.desktop .nav3, nav.desktop .nav3on, nav.desktop ul.second_dropdown li:hover .nav3 {
	color: #eee !important;
	padding: 10px 28px;
	display: block;
	font-size: 14px;
	font-weight: 400;
	background: none !important;
	width: 100%;
	border: 1px solid transparent;
	text-decoration: none;
	border-bottom: 1px solid #555;
}

nav.desktop .nav4, nav.desktop .nav4on, nav.desktop ul.third_dropdown li:hover .nav4 {
	color: #fff !important;
	padding: 10px 28px;
	display: block;
	background: none !important;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	border: 1px solid transparent;
	text-decoration: none;
	border-bottom: 1px solid #555;
}

nav.desktop .nav2on, nav.desktop .nav3on, nav.desktop .nav4on {
	color: #444 !important;
	background-color: #fff !important;
}


nav.desktop ul.main-menu li.has-submenu > a {
	background-image: url(../assets/img/nav_arrow.png) !important;
	background-position:center right;
	background-repeat:no-repeat;
	background-size: 22px !important;
}

nav.desktop ul.main-menu li.has-submenu > a.nav2on, nav.desktop ul.main-menu li.has-submenu > a.nav3on, nav.desktop ul.main-menu li.has-submenu > a.nav4on {
	background-image: url(../assets/img/nav_arrow_white.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size: 22px !important;
}



nav.desktop ul.main-menu li:hover .nav1 {
	background-color:#333;

}

nav.desktop ul.first_dropdown li:hover .nav2 {
	background-color:#333 !important;
}
	

nav.desktop ul.main-menu li.has-submenu:hover > .nav1, nav.desktop ul.first_dropdown li.has-submenu:hover .nav2 {
	background-image: url(../assets/img/nav_arrow.png) !important;
	background-position:center right;
	background-repeat:no-repeat;
	background-size: 22px !important;
	background-color:#333;
}

nav.desktop .search-trigger {
	position:absolute;
	right:20px;
	top:10px;
	width: 50px;
	height:50px;
	text-align:center;
	line-height:49px;
	border-radius:50%;
	color: #fff;
	display:block;
	font-style:normal;
	cursor:pointer;
	z-index:99999;
}

nav.desktop  .search-trigger:before {
	font-family: "jokari_iconset";
	content: "\e804";
	font-size:26px;
	font-display: swap;
}
















nav.stay-nav {
	float: right;
	padding-top: 35px;
	position:relative;
	z-index:900;
	font-size:0;
}

nav.stay-nav li { list-style-type: none; }

nav.stay-nav > ul { text-align: right; }

nav.stay-nav ul.main-menu > li {
	display: inline-block;
	position: relative;
}

nav.stay-nav .nav1, nav.stay-nav .nav1on {
	line-height: 51px;
	padding-top:9px;
	height: 51px;
	color: #1E357D;
	padding: 0 15px;
	display: inline-block;
	font-size: 16px;
	margin-left:10px;
	-webkit-transition: 0.4s all ease-out;
	-moz-transition: 0.4s all ease-out;
	transition: 0.4s all ease-out;
}

nav.stay-nav ul.main-menu li:hover .nav1, nav.stay-nav .nav1on {
}

nav.stay-nav .nav1:before, nav.stay-nav .nav1on:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	background: #e9eaed;
	height: 3px;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	content:"";
}

nav.stay-nav ul.main-menu li:hover .nav1:before, nav.stay-nav ul.main-menu li:hover .nav1on:before { width: 100%; }


nav.stay-nav ul.dropdown_first {
	position: absolute;
	right: 0;
	padding: 0;
	background: #fff;
	z-index: 2000;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}


nav.stay-nav ul.main-menu li:hover > ul.dropdown_first, nav.stay-nav ul.dropdown_first li:hover > ul.dropdown_second {
	opacity: 1;
	visibility: visible;
}

nav.stay-nav .dropdown_first > li, nav.stay-nav .dropdown_first > span > li, nav.stay-nav .dropdown_second > li {
	float: none;
	display: block;
	position: relative;
}

nav.stay-nav .nav2, nav.stay-nav .nav2on {
	font-size:14px;
	padding: 8px 12px;
	color: #1E357D;
	display: block;
	min-width:200px;
}

nav.stay-nav .dropdown_first > li:last-child a {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

nav.stay-nav .nav2on, nav.stay-nav ul.dropdown_first li:hover .nav2 {
	background: rgba(0,0,0,0.05);
	color: #172b69;
}

nav.stay-nav ul.dropdown_first li:last-child a { border: 0; }















/* ---------------------------- */
/* ---------- Slider ---------- */
/* ---------------------------- */

.slider {
	height: 600px;
	height:75vh;
	max-height:600px;
	width: 100%;
	overflow: hidden;
}

#slider-with-blocks-1.royalSlider {
	width: 100%;
	position: relative;
	direction: ltr;
	overflow: hidden;
}

#slider-with-blocks-1.royalSlider {
	height: 600px;
	height:75vh;
	max-height:600px;
	z-index: 0;
}

#slider-with-blocks-1.royalSlider > * { float: left; }

#slider-with-blocks-1 .rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
}

#slider-with-blocks-1 .rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#slider-with-blocks-1 .rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#slider-with-blocks-1 .rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

#slider-with-blocks-1 .rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

#slider-with-blocks-1 .rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}

#slider-with-blocks-1 img.rsImg {
	width: 208px!important;
	height: 117px!important;
	margin-top: 10px!important;
	margin-left: 20px!important;
	margin-right: 20px!important;
	margin-bottom: 10px!important;
}

.content_area {
	margin: 0 auto;
	max-width: 1240px;
	height:100%;
}

.content_area section {
	display: inline-block;
	background: rgba(255,255,255,0.85);
	padding: 40px 40px 40px 40px;
	min-width: 300px;
	max-width: 600px;
	position:relative;
	top:48%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.content_area section.xl_section {
	width:100%;
	max-width: 440px;
	position:relative;
	top:88%;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}



.content_area section .txtCent { padding: 20px; }

.bContainer { height: 100%; }

.content_area section .btn {
	padding:11px 30px;
	font-size:16px;
	font-weight:700;
}

.rsContent {
	color: #FFF;
	font-size: 24px;
	line-height: 32px;
}

#slider-with-blocks-1 .rsABlock {
	position: relative;
	display: block;
	left: auto;
	top: auto;
}

.blockHeadline {
	display: inline-block;
	margin: -1px 0 0 -1px;
	background: #FDEC1C;
	color: #1E357D !important;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: uppercase;
	border: none !important;
	position: relative;
	top: 0px;
}


#slider-with-blocks-1 .blockHeadline {
	color: #1E357D !important;
	font-size: 32px;
	display:block;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	border: none !important;
	padding-bottom:10px;
	background:none;
	padding:0 0 10px;
}


#slider-with-blocks-1 .txtCent {
	color: #555555;
	font-size: 38px;
	line-height: 1.6;
	font-weight: 300;
	display: block;
	padding: 20px 0;
}

#slider-with-blocks-1 .txtcontent {
	display: block;
	color: #555564;
	font-size:26px;
	padding-bottom:10px;
}

#slider-with-blocks-1 .more_about {
	background: #1E357D;
	padding: 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #1E357D;
	text-align: center;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

#slider-with-blocks-1 .more_about:hover {
	background: #fff;
	color: #1E357D;
	border: 1px solid #1E357D;
}

#slider-with-blocks-1 .slide .blockHeadline {
	margin-top: 8px;
	display: inline-block;
}

#slider-with-blocks-1 .slide1 { background: #f06b50; }

#slider-with-blocks-1 .slide1 .bContainer { top: 36%; }

#slider-with-blocks-1 .slide2 {
	background: #ffbc11;
	color: #000;
}

#slider-with-blocks-1 .slide2 .bContainer { top: 24px; }

#slider-with-blocks-1 .slide2 .txtCent { line-height: 44px; }

#slider-with-blocks-1 .slide2 .blockHeadline { line-height: 66px; }

#slider-with-blocks-1 .slide3 {
	width: 1240px;
	margin: 0 auto;
}

#slider-with-blocks-1 .slide4 .bContainer {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	top: 24px;
}

#slider-with-blocks-1 .photoCopy {
	position: absolute;
	line-height: 24px;
	font-size: 12px;
	background: black;
	color: white;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 0px 10px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	top: auto;
	border-radius: 2px;
	z-index: 25;
}

#slider-with-blocks-1 .photoCopy a { color: #FFF; }

#slider-with-blocks-1 .palmImg {
	right: -25px;
	top: auto;
	bottom: 0px;
	position: absolute;
}

#slider-with-blocks-1 .palmImg2 {
	right: 15px;
	top: auto;
	bottom: 15px;
	position: absolute;
}

#slider-with-blocks-1 .palmImg_aviation {
	position: absolute;
	right: 10%;
	bottom: 0;
}

#slider-with-blocks-1 .palmImg_aviation.kb_palm {
	bottom: 65px;
}

#slider-with-blocks-1 .palmImg_aviation.kns_palm {
	bottom: 65px;
}



#slider-with-blocks-1 .palmImg_stempel {
	position: absolute;
	top: 15%;
	right: 41%;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	animation: stempel 1s forwards;
}
 @-webkit-keyframes stempel {
0% {
 -webkit-transform:scale(2);
 -moz-transform:scale(2);
 transform:scale(2);
 opacity:0;
}
 100% {
 opacity:1;
 -webkit-transform:scale(0.8);
 -moz-transform:scale(0.8);
 transform:scale(0.8);
}
}
 @keyframes stempel {
0% {
 -webkit-transform:scale(2);
 -moz-transform:scale(2);
 transform:scale(2);
 opacity:0;
}
 100% {
 opacity:1;
 -webkit-transform:scale(0.8);
 -moz-transform:scale(0.8);
 transform:scale(0.8);
}
}

#slider-with-blocks-1 .big_bg_img {
	right: 0;
	top: auto;
	bottom: 0px;
	position: absolute;
	max-width: inherit;
}
#slider-with-blocks-1 .big_bg_img.bg_video {
	bottom:inherit;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	max-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
}



#slider-with-blocks-1 .rsMinW, #slider-with-blocks-1 .rsMinW .rsOverflow, #slider-with-blocks-1 .rsMinW .rsSlide, #slider-with-blocks-1 .rsMinW .rsVideoFrameHolder, #slider-with-blocks-1 .rsMinW .rsThumbs {
	background: #eae8e9;
	background: -moz-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eae8e9), color-stop(18%, #bdbfcc), color-stop(42%, #bdbfcc), color-stop(65%, #e7e5e6), color-stop(78%, #e7e5e6), color-stop(100%, #cacaca));
	background: -webkit-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -o-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -ms-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: linear-gradient(to right, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
}

#slider-with-blocks-1 .rsMinW .rsBullets {
	position: absolute;
	bottom: 15px;
	right: 73px;
	z-index: 35;
	padding-top: 4px;
	height: auto;
	text-align: center;
	line-height: 6px;
	overflow: hidden;
}

#slider-with-blocks-1 .rsMinW .rsBullet {
	width: 10px;
	height: 6px;
	display: inline-block;
 *display:inline;
 *zoom:1;
	padding: 6px 5px 6px 4px;
}

#slider-with-blocks-1 .rsMinW .rsBullet span {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #CCC;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

#slider-with-blocks-1 .rsMinW .rsBullet.rsNavSelected span { background: #FFF; }





.rsMinW .rsArrow {
	height: 62px;
	width: 42px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
	transition:0.3s all;
	background:rgba(255,255,255,0.8);
}

.rsMinW .rsArrowLeft {
	left: 0;
	bottom: 47%;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.rsMinW .rsArrowRight {
	right: 0;
	bottom:47%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.rsMinW .rsArrowIcn {
	width: 42px;
	height: 62px;
	position: absolute;
	cursor: pointer;
	background: url('../assets/img/prod_arrow_left2.png') no-repeat center center / 20px;
}

.rsMinW .rsArrowLeft .rsArrowIcn {
	right:0;
}

.rsMinW .rsArrowRight .rsArrowIcn {
	background: url('../assets/img/prod_arrow_right2.png') no-repeat center center / 20px;
}

.rsMinW .rsArrow:hover {
	width: 52px;
}


.blogtrailer {
    background: #CDCDCD;
}
.blog-startseite {
    display: flex;
    flex-wrap: wrap;
    max-width: 1120px;
    margin: 0 auto;
    padding: 30px 0;
}
.blog-startseite .left-blogpic, .blog-startseite .right-blogcol {
    flex: 1; /* Beide Spalten nehmen gleich viel Platz ein */
    min-width: 50%; /* Minimale Breite jeder Spalte */
}
.blog-startseite .left-blogpic img {
    max-width: 100%; /* Bild wird nicht größer als seine Container-Breite */
    height: auto; /* Verhindert Verzerrung des Bildes */
}
.blog-startseite .right-blogcol {
    flex: 1; /* Beide Spalten nehmen gleich viel Platz ein */
    min-width: 50%; /* Minimale Breite jeder Spalte */
    padding: 20px; /* Fügt Padding hinzu */
    display: flex; /* Macht dies zu einem Flex-Container */
    flex-direction: column; /* Stapelt Kinder vertikal */
    justify-content: center; /* Zentriert Inhalt vertikal */
}
.blog-startseite h1 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #1E357D;
}
@media screen and (max-width: 600px) {
    .blog-startseite .left-blogpic, .blog-startseite .right-blogcol {
        flex-basis: 100%; /* Unter 600px Breite nehmen beide Elemente die volle Breite ein */
        min-width: 0; /* Entfernt die Mindestbreite für kleinere Bildschirme */
    }
}


.slider_around_start { overflow: hidden; }


.video-spotlight {
	background: url('../../UserFiles/img/spotlight_bg.webp'),url('../../UserFiles/img/spotlight_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 40px 20px;
}

.video-spotlight > div {
	max-width: 1120px;
	margin: 0 auto;
}

.video-spotlight .left-video {
	float: left;
	max-width: 640px;
}

.video-spotlight .right-video {
	max-width: 380px;
	margin-left: 720px;
	padding-top: 150px;
}

.video-spotlight .imac {
	background: url('../../templates/assets/img/imac-image.webp'),url('../../templates/assets/img/imac-image.png');
	width: 715px;
	height: 681px;
	margin-left: -37px;
	margin-top: 20px;
}

.left_content .imac {
	background: url('../../templates/assets/img/imac-image.png') no-repeat;
	background-size: 100%;
	width: 100%;
	max-width: 715px;
	height: 630px;
	margin-left: 0;
	margin-top: 20px;
}

.video-spotlight .imac iframe,
.video-spotlight .imac video,
.imac #video_start { margin: 35px; }

.left_content .imac iframe {
	margin: 0 auto;
	width: calc(100% - 60px);
	display: block;
	max-width: 590px;
	height: 330px;
	position: relative;
	top: 5%;
}

.video-spotlight h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #1E357D;
}

/* ------------------------------ */
/* ---------- Slides ----------- */
/* ------------------------------ */

.slide {
	width: 100%;
	padding: 0;
	min-height: 635px;
	overflow: hidden;
	background: #fff;
	z-index: 1;
	position: relative;
}

.slide p { line-height: 1.6; }

.entmanteler {
	background: url(/UserFiles/img/allrounder_bg.jpg) center top;
	color: #555555;
	height: 635px;
	font-size: 16px;
}

.feature-list li:before {
	content: "»";
	margin-right: 10px;
	vertical-align: 1px;
}

.entmanteler h1 {
	color: #555;
	font-size: 36px;
	font-weight: 300;
	padding-bottom: 5px;
	margin-left: -2px;
	padding: 10px 0 0 0;
}

.entmanteler h2 {
	color: #1E357D;
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 20px;
	line-height: 20px;
}

/*.produkt_finder {
	background: #eae8e9;
	background: -moz-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eae8e9), color-stop(18%, #bdbfcc), color-stop(42%, #bdbfcc), color-stop(65%, #e7e5e6), color-stop(78%, #e7e5e6), color-stop(100%, #cacaca));
	background: -webkit-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -o-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: -ms-linear-gradient(left, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	background: linear-gradient(to right, #eae8e9 0%, #bdbfcc 18%, #bdbfcc 42%, #e7e5e6 65%, #e7e5e6 78%, #cacaca 100%);
	color: #555555;
	font-size: 16px;
	height: 630px;
}
.produkt_finder h1 {
	color: #1E357D;
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 5px;
}
.produkt_finder h2 {
	color: #555;
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 20px;
	line-height: 20px;
}*/

.produkt_filter_teaser {
	background: url(../assets/img/jokari_slide.jpg);
	background-size: cover;
	background-position: 0 0;
	height: 480px;
	text-align: center;
	animation: scroll 60s linear infinite;
}
 @-webkit-keyframes scroll {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}
 @-moz-keyframes scroll {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}
 @keyframes scroll {
0% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}

.produkt_filter_teaser h1 {
	color: #555555;
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	padding: 185px 0 10px 0;
	text-shadow: 0 0 5px #FDEC1C;
}

.wissensdatenbank {
	background: url(../assets/img/coloumn_center_2.jpg) repeat;
	background-position: -1px;
	box-shadow: 0 -120px 200px 0 rgba(0,0,0,0.2) inset;
	color: #fff;
	height: 670px;
}

.wissensdatenbank p { font-size: 16px; }

.wissensdatenbank h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	padding: 10px 0 0;
}

.wissensdatenbank .infobox {
	background: #fff;
	padding: 12px 15px;
	margin-top: 15px;
	position: relative;
	display: block;
	color: #555;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

/*.wissensdatenbank .infobox:hover {
	background: rgba(30,81,117,1);
}*/
.wissensdatenbank .infobox img {
	float: left;
	margin-right: 20px;
	width: 242px;
	height: 145px;
}

.wissensdatenbank .infobox .blockHeadline { margin: 0; }

.wissensdatenbank .infobox .btn { float: right; }

.wissensdatenbank .infobox p {
	font-size: 14px;
	padding-top: 10px;
}

.kabeldatenbank {
	background: #e1e2e4;
	color: #555555 !important;
	padding: 35px 0 35px 0;
	font-size: 16px;
}

.kabeldatenbank {
	background: #e1e2e4;
	color: #555555 !important;
	padding: 35px 0 35px 0;
	font-size: 16px;
}

.kabeldatenbank figure { }

.kabeldatenbank h1 {
	color: #555555;
	font-size: 36px;
	font-weight: 300;
	padding: 10px 0 0;
}

.kabeldatenbank p { padding-bottom: 30px; }

.kabeldatenbank img {
	float: left;
	margin-top: 42%;
	margin-left: 40%;
}

.slide.small {
	min-height:inherit;
	padding: 50px 20px;
	background:#f5f6f7;
	border-top:8px solid #ffec00;
	border-bottom:1px solid #ddd;
}

/* ---------------------------- */
/* ---------- Boxes ----------- */
/* ---------------------------- */

.boxes {
	margin: 0 auto;
	max-width: 1240px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.boxes .box {
	background: #fff;
	padding: 15px 40px 90px;
	float: left;
	width: 30.75%;
	position: relative;
	border:1px solid #ddd;
}

.boxes .box:hover .more-info {
	opacity: 1;
	visibility: visible;
}

.boxes .box > h2 {
	font-size:24px;
	font-weight:900;
	font-family:"Lato", sans-serif;
	color:#1E357D;
}
.boxes .box > h3 {
	font-size:22px;
	font-weight:400;
	font-family:"Lato", sans-serif;
}


.boxes .box > .image_holder {
	width:calc(100% + 80px);
	height:225px;
	overflow:hidden;
	margin:10px -40px 18px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.boxes .box > .image_holder img {
	position:relative;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}


.boxes .box .more-info p {
	font-size: 13px;
	color: #555564;
	line-height: 1.45;
}

.slide.small .boxes .box > .more-info > .btn {
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:700;
	padding:11px 20px;
	position:absolute;
	left:40px;
	bottom:40px;
	top: inherit;
	width:calc(100% - 80px);
}

.boxes .box.right {
	background:#f5f6f7;
	padding:0;
	border:0;
}

.boxes .box.right .sub-box {
	background:#fff;
	margin-bottom:20px;
	padding:14px 0 24px 30px;
	border:1px solid #ddd;
	position:relative;
	min-height:180px;
}

.boxes .box.right .sub-box .more-info {
	padding-right:160px;
}

.boxes .box.right .sub-box .btn {
	margin-top:3px;
	font-weight:700;
	font-size:14px;
	padding:8px 22px;
}

.boxes .box.right .sub-box h2 {
	font-size:18px;
	color:#1E357D;
	padding-bottom:5px;
  padding-right:160px;
}

.boxes .box.right .sub-box:last-child { margin-bottom:0; }

.boxes .box.right .sub-box .image_holder {
	position:absolute;
	right:0;
	top:0;
	width:140px;
	height:100%;
	overflow:hidden;
}


/* ------------------------------ */
/* ---------- Content ----------- */
/* ------------------------------ */

.content {
	margin: 0 auto;
	max-width: 1240px;
}

.content .column {
	background: #fff;
	padding: 20px;
	margin-right: 10px;
	float: left;
}

.content .column.left { width: 240px; }

.column.center {
	width: 100%;
	max-width: 1260px;
	padding: 55px 100px 30px 100px;
	margin: 0 auto;
	height: 100%;
}

.content .column.right { width: 240px; }

/* ----------------------------- */
/* ---------- Endline ---------- */
/* ----------------------------- */

.endline {
	background: #fff;
	margin: 10px auto 0 auto;
	max-width: 980px;
	padding: 10px 30px;
}

/* ---------------------------- */
/* ---------- Footer ---------- */
/* ---------------------------- */

footer {
	background: #fdec1c;
	border-top: 7px solid #1E357D;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	padding: 15px 20px;
	color: #1E357D;
	position: relative;
	z-index: 10;
}

footer a { color: #1E357D; }

footer img { margin-bottom: 10px; }

footer > div {
	max-width: 1240px;
	margin: 0 auto;
	height: 100%;
}

footer .column { float: left; }

footer .column.left {
	padding: 15px 0;
	width: 20%;
}

footer .column.right {
	padding: 48px 15px 0 0;
	width: 80%;
}

.footer_content_div {
	float: left;
	padding: 0 0 0 22px;
	min-height: 150px;
}

.footer_content_div a {
	color: #1E357D;
	display: block;
	text-decoration: none;
}

.footernav1 {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.footernav2 { font-size: 13px; }

.footernav3 {
	font-size: 13px;
	margin-left: 5px;
}

footer .copyright {
	background: #fdec1c;
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.copyright_inner {
	border-top: 1px solid rgba(30,53,125,0.05);
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	line-height: 35px;
	font-size: 11px;
	text-align: left;
	color: #1E357D;
	padding: 0;
}

.copyright_inner a {
	padding: 0px 10px 0 7px;
	border-right: 1px solid #666;
}

.copyright_inner li { display: inline-block; }

footer a .footer_logo {
	max-width: 100px;
	float: right;
	height: auto;
	margin: 20px 0 0 20px;
}

footer div.clearfix > a:first-of-type .footer_logo {
	position: relative;
	top: -7px;
}

.copyright_inner ul li:last-of-type a {
	border-right: 0px solid #666;

}

.go-top {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	bottom: 8em;
	color: #1E357D;
	font-size: 13px;
	opacity: 0;
	border: 1px solid #1E357D;
	padding: 5px 10px;
	position: fixed;
	right: 2em;
	text-decoration: none;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	z-index: 99999;
}

.hasScrolled {
	opacity: 1;
	visibility: visible;
}

.social_icon {
	margin-right: 5px;
	margin-top: 5px;
	width: 35px;
	height: auto;
}

/*.social_icon.feed_icon { margin-left: -40px; }*/

/* Tabs */


.tabs {
	position: relative;
	margin: 0 auto;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 210px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
}

.tabs input#tab-2 { left: 25%; }

.tabs input#tab-3 { left: 50%; }

.tabs input#tab-4 { left: 75%; }

.tabs label {
	background: #FDEC1C;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	position: relative;
	float: left;
	display: block;
	width: 25%;
	color: #1E357D;
	text-align: center;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

.tabs input:hover + label {
	background: #1E357D;
	color: #FDEC1C;
}

.tabs label:first-of-type {
	z-index: 4;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 { z-index: 3; }

.tab-label-3 { z-index: 2; }

.tab-label-4 { z-index: 1; }

.tabs input:checked + label {
	background: #1E357D;
	color: #FDEC1C;
	z-index: 6;
}

.clear-shadow { clear: both; }

.contents {
	position: relative;
	width: 100%;
	z-index: 5;
}

.contents div {
	padding: 25px 0;
	position: absolute;
	top: 40px;
	display: block;
	left: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity linear 0.3s;
	-moz-transition: opacity linear 0.3s;
	-o-transition: opacity linear 0.3s;
	-ms-transition: opacity linear 0.3s;
	transition: opacity linear 0.3s;
}

.tabs input.tab-selector-1:checked ~ .contents .content-1, .tabs input.tab-selector-2:checked ~ .contents .content-2, .tabs input.tab-selector-3:checked ~ .contents .content-3, .tabs input.tab-selector-4:checked ~ .contents .content-4 {
	z-index: 100;
	opacity: 1;
	-webkit-transition: opacity ease-out 0.3s 0.3s;
	-moz-transition: opacity ease-out 0.3s 0.3s;
	-o-transition: opacity ease-out 0.3s 0.3s;
	-ms-transition: opacity ease-out 0.3s 0.3s;
	transition: opacity ease-out 0.3s 0.3s;
}

/* --------------------------------------------------------- */
/* ----------------- Caption Hover Effects ----------------- */
/* --------------------------------------------------------- */


.grid {
	margin: 0 auto;
	list-style: none;
	text-align: left;
}

.grid li {
	display: inline-block;
	width: 240px;
	margin-right: 29px;
	margin-bottom: 25px;
	text-align: left;
	position: relative;
	background: #fff;
	box-shadow: 0 0 13px 0 rgba(0,0,0,0.15);
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure span {
	position: absolute;
	left: 15px;
	top: 5px;
	font-size: 14px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

.grid figure:hover span {
	opacity: 0;
	visibility: hidden;
}

.grid figure span h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #1E357D;
}

.grid figure img {
	max-width: 100%;
	display: block;
	margin-left: 10px;
	margin-bottom: 30px;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 15px;
	background: #fdec1c;
	color: #555;
	font-size: 14px;
	border-top: 3px solid #1E357D;
}

.grid figure:hover figcaption span {
	opacity: 1;
	visibility: visible;
}

.grid figcaption span { position: static; }

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #1E357D;
}

.grid figcaption a {
	text-align: center;
	padding: 3px 10px;
	display: inline-block;
	background: #1E357D;
	color: #fff;
	border: 1px solid #1E357D;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.grid figcaption a:before { content: "» "; }

.grid figcaption a:after { content: " «"; }

.grid figcaption a:hover {
	background: #fff;
	color: #1E357D;
	border: 1px solid #1E357D;
}

/* Caption Style 3 */
.cs-style-3 figure { overflow: hidden; }

.cs-style-3 figure img {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.cs-style-3 figcaption {
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* Caption Style 4 */
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div { overflow: hidden; }

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.list_carousel .caroufredsel_wrapper {
	padding-top: 15px!important;
	padding-right: 5px;
	height: 250px!important;
}

#carousel { margin-top: 0px; }

#carousel div {
	text-align: center;
	width: 240px;
	height: 200px;
	float: left;
	background: #fff;
	position: relative;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 13px;
	overflow: hidden;
	box-shadow: 0 0 13px 0 rgba(0,0,0,0.2);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#carousel div:hover {
	-webkit-transform: scale(1.05, 1);
	-moz-transform: scale(1.05, 1);
	-ms-transform: scale(1.05, 1);
	transform: scale(1.05, 1);
}

#carousel div img {
	border: none;
	margin-right: 20px;
	padding-left: 10px;
	opacity: 0.9;
	-webkit-transform: scale(0.90, 0.90) translateY(10px);
	-moz-transform: scale(0.90, 0.90) translateY(10px);
	-ms-transform: scale(0.90, 0.90) translateY(10px);
	transform: scale(0.90, 0.90) translateY(10px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

#carousel div:hover img {
	opacity: 1;
	-webkit-transform: scale(1, 1) translateY(-30px);
	-moz-transform: scale(1, 1) translateY(-30px);
	-ms-transform: scale(1, 1) translateY(-30px);
	transform: scale(1, 1) translateY(-30px);
}

#carousel div span {
	width: 100%;
	height: 60px;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#carousel div:hover span {
	background-color: #FDEC1C;
	color: #1E357D;
	font-size: 14px;
	line-height: 28px;
	border-top: 3px solid #1E357D;
	height: 60px;
	opacity: 1;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	position: absolute;
	bottom: 0px;
	left: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.list_carousel {
	width: 100%;
	position: relative;
	padding-right: 50px;
}

.caroufredsel_wrapper[style] { cursor: col-resize !important; }

.list_carousel ul {
	margin: 0;
	margin-left: 45px;
	padding: 0;
	list-style: none;
	display: block;
}

.list_carousel li {
	text-align: center;
	background-color: #fff;
	width: 240px;
	height: 200px;
	margin: 0 13px 0 0;
	display: block;
	float: left;
	position: relative;
}

.list_carousel li span {
	position: absolute;
	bottom: 10px;
	left: 15px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.list_carousel li:hover span {
	opacity: 1;
	visibility: visible;
}

.prev {
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	line-height: 200px;
	font-size: 30px;
	color: #555;
	padding: 0 16px;
	background: #FDEC1C;
}

.next {
	position: absolute;
	top: 0;
	right: 1px;
	height: 200px;
	line-height: 200px;
	font-size: 30px;
	color: #555;
	padding: 0 16px;
	background: #FDEC1C;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/


.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/


.isotope, .isotope .isotope-item {
	transition-duration: 0.8s;
}

.isotope {
	transition-property: all;
}

.isotope .isotope-item {
	transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	transition-duration: 0s;
}

.isotope.infinite-scrolling {
	transition: none;
}

.navigation-container {
	height: 70px;
	margin-bottom: 30px;
}

.prod_info label {
	padding: 30px 0;
	display: inline-block;
}

#container {
	margin: 0 auto;
	position: relative;
	width: calc(100% + 20px);
	left: -10px;
	max-width: 1260px;
	overflow: hidden;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.option-combo { overflow: hidden; }

.option-combo.kabel {
	height: 132px;
	position: relative;
	z-index: 10;
}

.option-combo h4 {
	font-size: 18px;
	color: #1e357d;
	font-weight: 700;
}

.dragdealer .handle {
	height: 30px;
	width: 16px;
	position: relative;
}

.dragdealer .red-bar {
	border-radius: 3px;
	background: #fff;
	color: #FFFFFF;
	position: relative;
	top: 15px;
	z-index: 2;
	border: 3px solid #fff;
}

.content-scroller2 { position: relative; }

.content-scroller2:after {
	content: "";
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	z-index: 1;
}

.content-scroller2 .dragdealer {
	height: 60px;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-bottom: 40px;
	cursor: pointer;
	top: -76px;
	position: relative;
	z-index: 0;
}

.content-scroller { position: relative; }

.content-scroller:after {
	content: "";
	border-bottom: 1px solid #ddd;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	z-index: 1;
}

.content-scroller .dragdealer {
	height: 60px;
	width: 100%;
	margin-bottom: 40px;
	cursor: pointer;
}

.element {
	width: calc(25% - 20px);
	margin: 20px 10px 0;
	min-height: 250px;
	overflow: hidden;
	float: left;
	position: relative;
	background: #fff;
	color: #222;
	border: 1px solid #ddd;
	padding: 19px 19px 60px 19px;
}

.MostWrapper .element { margin: 0; }

.element > h3 {
	font-size: 18px;
	font-weight: 700;
	color: #898989;
	margin-bottom: 5px;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.element > span:not([class]) {
	display: block;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400;
	color: #898989;
	/*padding-right: 15px;*/
	font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.element > .prod_img_wrapper {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 116px;
	margin-bottom: 10px;
	position: relative;
	margin-top: -10px;
	border-bottom: 1px solid #eee;
}

.element > .prod_img_wrapper .merk {
	position: absolute;
	bottom: -1px;
	right: -1px;
	z-index: 100;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #ddd;
	opacity: 0;
	color: #555;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}

.element > .prod_img_wrapper:hover .merk { opacity: 1; }

.element > .prod_img_wrapper .merk:before {
	font-family: "jokari_iconset_prod";
	color: #333;
	content: "\e802";
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-right: 5px;
	font-display: swap;
}

.element > .prod_img_wrapper .merk.gemerkt-btn {
	color: #1e357d;
	background: #feed01;
	opacity: 1;
}

.element .infobox {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 10px 15px 20px 15px;
	height: 60px;
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
	bottom: 0;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.element img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.infobox a, .infobox .buy-btn {
	color: #888;
	font-weight: 600;
	position: static;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 47.5%;
	padding: 6px 10px;
	background: #eee;
	border: 1px solid #ddd;
	cursor: pointer;
}

.infobox a:before, .infobox .buy-btn:before {
	font-family: "jokari_iconset_prod";
	content: "\e800";
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
	color: #888;
	font-display: swap;
}

.infobox a:hover, .infobox .buy-btn:hover { color: #666; }

.infobox .buy-btn:before { content: "\e801"; }

.arrow {
	background: url(close_black_icon.png);
	position: absolute;
	top: -20px;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -338px;
	cursor: pointer;
}

.element.activated .infobox { bottom: 0; }

.element.activated > h3 { bottom: 70px; }

.element.activated > span { bottom: 58px; }

.element.activated img { transform: scale(1.1); }

.infobox li.activated {
	color: #333;
	background: #ffed00;
}

.inner {
	height: 505px;
	margin: 0 auto;
	white-space: nowrap;
	padding: 5px 30px;
	cursor: -moz-grab;
}

#options {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1240px;
}

.motion_auswahl {
	background: #1E357D;
	color: #FFFFFF !important;
	display: block;
	border: none;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	margin: 0 auto 45px auto;
	width: 45%;
	text-align: center;
}

body.content_template .slider_around.xs_slider_around {
	max-height: 340px;
	border-bottom: 5px solid #feed01;
}

.slide_overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 1000;
}

.slide_overlay > .slide_overlay_inner {
	margin: 0 auto;
	max-width: 1240px;
	padding-top: 4%;
}

.slide_overlay > .slide_overlay_inner h1 {
	color: #1e357d;
	text-align: center;
	font-size: 48px;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	padding-bottom: 30px;
}

.option-combo .option-set {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 10px 0 30px;
}

.option-combo .option-set li { width: 13.75%; }

.option-combo .option-set.kabeltyp_start li, .option-combo .option-set.kategorie_start li { width: 15.5%; }

.option-combo .option-set.kategorie_start li {
	min-height: 96px;
	margin-bottom: 13px;
}

.option-combo .option-set.kategorie_start, .option-combo .option-set.kabeltyp_start { margin: 0; }

.option-combo .option-set.kabeltyp_start li { margin-bottom: 13px; }

.option-combo .option-set li > button, .option-combo .option-set li > a {
	display: block;
	width: 100%;
	min-height: 100%;
	border: 1px solid #ddd;
	background: #fff;
	color: #898989;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.option-combo .option-set li.hidden_list > button, .option-combo .option-set li.hidden_list > a {
	border: 0;
	opacity: 0;
	visibility: hidden;
}

.option-combo .option-set > li > button.is-checked {
	border: 1px solid #d7c900;
	background: #feed01;
	color: #555;
}

.option-combo .option-set > li > button > img, .option-combo .option-set li > a > img {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: auto;
}

.option-combo .option-set > li > button > span, .option-combo .option-set li > a > span {
	display: block;
	padding: 5px;
}

.option-combo.kabel {
	width: 100%;
	overflow: hidden;
}

.option-combo.kabel .option-set { width: 157%; }

.option-combo.kabel .option-set > li { width: 8.76%; }

.option-combo.kabel .option-set > li > button > img, .option-combo .option-set.kabeltyp_start li > a > img { max-height: 50px; }

.option-combo.kabel .option-set > li > button > span, .option-combo .option-set.kabeltyp_start li > a > span { padding: 5px 5px; }

/* --------------------------------------------------------- */
/* ------------------------- Forms ------------------------- */
/* --------------------------------------------------------- */

.contactform { padding: 0; }

#lead_url { display: none; }

.inputtext {
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	display: block;
	float: left;
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 10px;
	width: 100%;
}

.inputtext.url { display: none; }

.inputtext:focus { outline: 0 none; }

.sendbutton {
	background: url(../assets/img/suche_button2.png) center no-repeat #fdec1c;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	width: 35px;
	position: absolute;
	border: 1px solid #fff;
	right: 1px;
	top: 0;
	z-index: 50;
	text-indent: -9999px;
	opacity: 1;
	visibility: visible;
}

.searchbutton_overlay {
	background: url(../assets/img/suche_button2.png) center no-repeat #fdec1c;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	width: 35px;
	position: absolute;
	right: 1px;
	top: 0;
	z-index: 250;
	opacity: 1;
	visibility: visible;
}

.searchbutton_overlay.away {
	opacity: 0;
	visibility: hidden;
}

.required {
	font-size: 14px;
	margin-left: 3px;
}

.errormeldung {
	padding: 10px 15px;
	border: 1px dashed #cb3434;
	background: rgba(203,52,52,0.12);
	font-size: 14px;
	color: #cb3434;
  display:block;
	margin-bottom: 35px;
}


.submitbutton {
	background: none repeat scroll 0 0 #1E357D;
	color: #FFFFFF;
	display: block;
	width: 100%;
	border: none;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-top: 5px;
	padding: 7px 20px;
	cursor: pointer;
}

.submitbutton:hover { color: #FDEC1C; }

.socialmedia {
	position: fixed;
	top: 20%;
	right: -50px;
	width: 50px;
	border: 0;
	z-index: 999999;
	-webkit-perspective: 150px;
	perspective: 150px;
	-webkit-perspective-origin: right;
	perspective-origin: right;
}

.socialmedia.there {
	right: 0;
}

.icon, .socialmedia a {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.icon.there {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0;
}

.entmanteler_left {
	float: right;
	margin-top: -30px;
}






.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
}

.inputfile:focus + label, .inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -5px;
	margin-right: 8px;
}

.inputfile-6 + label { color: #333; }

.inputfile-6 + label {
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	padding: 0;
}

.inputfile-6:focus + label, .inputfile-6.has-focus + label, .inputfile-6 + label:hover { border-color: #1E357D; }

.inputfile-6 + label span, .inputfile-6 + label strong {
	height: 36px;
	line-height: 34px;
	padding: 0 17px;
	width: 190px;
	position: absolute;
	right: 0;
	top: 0;
}

.inputfile-6 + label span {
	width: 100%;
	min-height: 36px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	padding-right: 200px;
}

.inputfile-6 + label strong {
	height: 100%;
	color: #fff;
	background-color: #1E357D;
	display: inline-block;
	text-align:center;
}

.inputfile-6:focus + label strong, .inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong { color:#fdec1c; }

#selectedFiles {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	padding: 10px 0;
}

#selectedFiles .image_holder {
	width: 24%;
	height: 140px;
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
	border: 1px solid #ddd;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#selectedFiles .image_holder i {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background: rgba(255,255,255,0.85);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}









/* --------------------------- Costum Checkboxes --------------------------- */

#contactform input[type="checkbox"].nice_checkbox:not(:checked), #contactform input[type="checkbox"].nice_checkbox:checked {
	position: absolute;
	left: -9999px;
}

#contactform input[type="checkbox"].nice_checkbox:not(:checked) + label, #contactform input[type="checkbox"].nice_checkbox:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	margin-right: 15px;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	font-size:14px;
}

#contactform input[type="checkbox"].nice_checkbox:not(:checked) + label span, #contactform input[type="checkbox"].nice_checkbox:checked + label span {
	position: relative;
	top: 2px;
}

#contactform input[type="checkbox"].nice_checkbox:not(:checked) + label:before, #contactform input[type="checkbox"].nice_checkbox:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
}

#contactform input[type="checkbox"].nice_checkbox:not(:checked) + label:after, #contactform input[type="checkbox"].nice_checkbox:checked + label:after {
	content: '✔';
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 14px;
	line-height: 1;
	color: #005f8f;
	transition: all .2s;
}

#contactform input[type="checkbox"].nice_checkbox:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

#contactform input[type="checkbox"].nice_checkbox:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

#contactform input[type="checkbox"].nice_checkbox:disabled:not(:checked) + label:before, #contactform input[type="checkbox"].nice_checkbox:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

#contactform input[type="checkbox"].nice_checkbox:disabled:checked + label:after { color: #999; }

#contactform input[type="checkbox"].nice_checkbox:disabled + label { color: #aaa; }

#contactform input[type="checkbox"].nice_checkbox:checked:focus + label:before, #contactform input[type="checkbox"].nice_checkbox:not(:checked):focus + label:before { border: 1px solid #005f8f; }

#contactform input[type="checkbox"].nice_checkbox label:hover:before { border: 1px solid #4778d9!important; }



















/* ------------------------------ */
/* ------ Content-Template ------ */
/* ------------------------------ */

body.content_template .slider_around {
	height: 100%;
	max-height: 450px;
	min-height: 180px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.slider_around p { padding-bottom: 0; }

.headline_content_text {
	position: absolute;
	top: 230%;
	left: 0;
}

body.content_template .slider_around .big_img {
	height: 244px;
	width: 100%;
	max-width: 100%;
	position: absolute;
	margin: 0 auto;
}

body.content_template .slider_around_kd {
	height: 100%;
	max-height: 550px;
	min-height: 400px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background:#333;
}

.slider_around_kd > div {
	margin: 0 auto;
	max-width: 1240px;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10;
}

body.content_template .slider_around_kd > div h1.txtCent  {
	margin-top: 10%;
	float:none;
	text-align:center;
	padding:0;
	background:0;
	box-shadow:none;
}

body.content_template .slider_around_kd .big_img {
	height: 244px;
	width: 100%;
	max-width: 100%;
	position: absolute;
	margin: 0 auto;
	z-index: 0;
}

body.content_template .slider_around_kd .big_img img {
	width: auto;
	min-width:100%;
	/*margin-top:-180px;*/
	height: auto;
	opacity: 0.25;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

body.content_template .slider_around .big_img div.blur {
	height: 244px;
	width: 100%;
	position: absolute;
}

body.content_template .slider_around .big_img img {
	width: 100%;
	/*margin-top:-180px;*/
	height: auto;
	opacity: 0.25;
}

.slider_around img {
	z-index: 0;
	width: 100%;
	height: auto;
	position: relative;
}

body.content_template .wrapper {
	margin: 0 auto;
	max-width: 1280px;
	padding:0 20px;
	width: 100%;
	position: relative;
	z-index: 10;
}

.slider_around > div {
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
	position: relative;
	z-index: 10;
	top: 0;
}

body.content_template .txtCent {
	padding: 20px 30px 0;
	float: left;
	line-height: normal;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	color:#fff;
	font-weight:300;
	font-size:48px;
}

body.content_template strong.title { font-size: 18px; }

.prod_txtCent {
	color: #1E357D;
	display: inline-block;
	font-size: 34px;
	font-weight: 300;
	line-height: 1.6;
	padding: 0;
	font-family: "Lato", sans-serif;
}

body.content_template .bulb { margin-top: 76px; }

body.content_template .left_content a {
	color: #888;
	border-bottom: 1px solid #888;
}

body.content_template .container .wrapper .merk {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 20px;
	list-style-type: none;
	font-size: 14px;
	padding: 8px 20px;
	font-weight: 700;
	background: #ffed00;
	vertical-align: 6px;
	color: #1e357d;
	z-index: 9999;
}

body.content_template .container .wrapper .merk:before {
	font-family: "jokari_iconset_prod";
	color: #333;
	content: "\e802";
	display: inline-block;
	font-size: 18px;
	margin-right: 5px;
	vertical-align: -1px;
	font-weight: 400;
	font-display: swap;
}

body.content_template .container .wrapper .buegel .merk {
    top: 0;
    right: 0;
}

body.content_template .slider_produkt {
	height: 570px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

body.content_template .slider_produkt .big_img {
	height: 100%;
	width: 100%;
	max-width: 100%;
	position: absolute;
	margin: 0 auto;
}

body.prod_detail .slider_produkt .big_img {
	position: fixed;
	width: 100%;
	height: 737px;
	top: -50px;
	z-index: 0;
	background-size: 1800px;
	background-position: 50% 100px;
	background-repeat: no-repeat;
}

.slider_produkt > div {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 20px;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10;
	height: 100%;
}

.slider_produkt > div .prod_txtCent {
	padding: 10px 35px;
	background: #fff;
	box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
	font-weight: 700;
	-webkit-transform: translateZ(0);
	transform: translateY(40px);
	position: relative;
	top: 20px;
	left: 5px;
}

body.content_template .intro {
	border-bottom: 1px solid #d8dbe2;
	padding: 15px 0;
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1240px;
}

body.content_template .intro p {
	line-height: 1.6;
	font-size: 16px;
	font-weight: 600;
}

body.content_template .left_content {
	padding-right: 50px;
	width: calc(100% - 300px);
	float: left;
	margin-top: 30px;
	padding-bottom:50px;
}

body.content_template .left_content img {
	max-width:100%;
	height:auto;
}

body.content_template .left_content_search {
	padding:30px 0 50px;
	width: 100%;
	margin-right: 0;
	min-height:300px;
}

body.content_template .left_content li {
	margin-left: 20px;
	padding-left: 5px;
	line-height: 24px;
	list-style-image: url(../assets/img/content_list_style.png);
}

body.content_template .right_content {
	margin-right: 0;
	width: 300px;
	float: left;
	margin-top: 30px;
	padding-bottom:50px;
}

body.content_template .left_content h2 {
	font-weight: 22px;
	font-weight: 700;
	padding-bottom: 20px;
}

body.content_template .quality {
	border: 1px solid #e5e5e5;
	background: #fff;
	margin-bottom: 20px;
}

body.content_template .blockHeadline {
	display: inline-block;
	margin: -1px 0 0 -1px;
	background: #FDEC1C;
	color: #1E357D !important;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: uppercase;
	border: none !important;
	position: relative;
	top: 0px;
}

.blockHeadline_small {
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-top: 5px;
	background: #FDEC1C;
	border: none !important;
	color: #1E357D !important;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	top: -2px;
}

.blockHeadline_small:last-child { margin-right: 0; }

.side_head {
	background: url(../assets/img/sidebar_bg.jpg);
	border-bottom: 1px solid #e5e5e5;
}

.quality h2 {
	font-size: 16px;
	padding: 10px 5px 10px 19px;
}

.quality li {
	list-style-type: square;
	margin-left: 35px;
	line-height: 1.6;
}

.quality p { padding: 20px 10px 10px 19px; }

.quality .btn {
	display: block;
	margin: 10px;
	text-align: center;
}

.produkt_filter { padding: 40px 0; }

.produkt_filter div > h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #1E357D;
}

body.content_template .right_content_prod {
	float: left;
	margin-right: 30px;
	margin-top: 90px;
	width: 300px;
}

/* Detail */

body.prod_detail .slider_around .big_img {
	position: fixed;
	width: 100%;
	z-index: 0;
}

body.prod_detail .container {
	background: #fff;
	position: relative;
	z-index: 1;
}

body.prod_detail .left_content {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	padding-left: 0;
}

div.slideshow-container, div.loader, div.slideshow a.advance-link { width: 500px; }

div.loader, div.slideshow a.advance-link, div.caption-container { }

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

div.slideshow span.image-wrapper { display: block; }

div.slideshow a.advance-link {
	display: block;
	text-align: center;
	border: none;
}

div.slideshow a.advance-link img {
	width: 100%;
	height: auto;
	max-width: 400px;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }

div.slideshow a.advance-link:focus { outline: none; }

ul.thumbs {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 500px;
}

ul.thumbs li {
	display: inline-block;
	padding: 0 !important;
	margin: 0 5px !important;
	list-style: none !important;
	width: 70px;
	height: 70px;
	float: left;
	border: 1px solid #e5e5e5;
	background: #fff;
	overflow: hidden;
	opacity: 0.67 !important;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

ul.thumbs li.selected, ul.thumbs li:hover {
	opacity: 1 !important;
	-webkit-border-radius: 0;
	border-radius: 0;
}

a.thumb {
	padding: 0;
	display: block;
	border: none !important;
	height: 100%;
}

a.thumb:focus { outline: none; }

ul.thumbs img {
	border: none;
	display: inline;
	width: 100%;
	height: auto;
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	transform: scale(2.0);
	margin-top: 18px;
}

body.prod_detail .first-data {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

body.prod_detail .data-tables {
	padding:20px 0 40px;
	position: relative;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

body.prod_detail .data-tables > div {
	width: 47%;
	padding: 15px 0 25px;
}

body.prod_detail .data-tables > div, .royalSlider#gallery-1, .buegel_headline, .buegel_wrapper {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: 0.5s transform ease-in-out, 0.7s opacity ease-in-out;
	-moz-transition: 0.5s transform ease-in-out, 0.7s opacity ease-in-out;
	transition: 0.5s transform ease-in-out, 0.7s opacity ease-in-out;
}

body.prod_detail .data-tables > div.show, .royalSlider#gallery-1.show, .buegel_headline.show, .buegel_wrapper.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.data-tables a { color: #777; }


.data-tables a.blockHeadline_small {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5px;
  	background: #eee;
    color: #888 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    text-align: center;
    position: relative;
		 border: 1px solid #ddd !important;
    text-transform: uppercase;
    top: -2px;	
}


.data-tables a.blockHeadline_small:hover {
    background: #FDEC1C;
    border: 1xp solid #FDEC1C !important;
    color: #1E357D !important;
}



body.prod_detail .data-tables table { width: 100%; }

body.prod_detail .data-tables table img {
	width: auto;
	height: 148px;
	max-width: 100%;
}

body.prod_detail .data-tables h2, h2.buegel_headline {
	padding-left: 0;
	position: relative;
	font-weight: 300;
	padding: 10px 0 10px;
	font-size: 28px;
	color: #1e357d;
	width:100%;
}

body.prod_detail .data-tables h2:before, h2.buegel_headline:before { }

.dl_btn_wrapper {
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-top-color: #f9f9f9;
	margin-top: -15px;
	position: relative;
	z-index: 10;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.dl_btn_wrapper a.blockHeadline_small {
	width: 100%;
	margin: 0;
	display: block;
	top: 0;
}

.spacer { width: 6%; }

.pdf_btn {
	display: block;
	padding: 5px 0 4px;
	background: url(../assets/img/new_pdf_icon.png) no-repeat right 2px / 22px;
	font-weight: 700;
}

.show_3d-trigger {
	width: 100%;
	position: relative;
	padding: 5px 0 4px;
	background: url(../assets/img/3d_cube.png) no-repeat right 5px / 22px;
	font-weight: 700;
	display: block;
}

body.prod_detail .data-tables iframe {
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	position: relative;
	z-index: 9;
}

body.prod_detail table td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 0 4px 1px;
	font-size: 14px;
	width: 10px;
	color: #777;
}

body.prod_detail .datatable_01 table td {
	border-bottom: 1px solid #e5e5e5;
	padding: 18px 0 7px 1px;
	font-size: 14px;
	width: 10px;
	color: #777;
}

body.prod_detail table.prod_table_new { width: 100%; max-width:800px; }

body.prod_detail table.prod_table_new td {
	padding: 5px 0;
	width: auto;
}

body.prod_detail table.prod_table_new td:first-child { width: 170px; }

.data-tables .video_boxes {
	padding: 10px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	width: 100%;
	min-height: 342px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	position: relative;
	overflow: hidden;
}

.data-tables .video_boxes .youtube-video {
	width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	cursor: pointer;
	z-index: 10;
}

.data-tables .video_boxes .youtube-video:before {
	background: rgba(0,72,153,0.2);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.data-tables .video_boxes .youtube-video:hover:before { background: rgba(253,236,28,0.4); }

.data-tables .video_boxes .youtube-video:after {
	background: url(../assets/img/play-button.svg) no-repeat;
	background-size: 60px;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
	z-index: 2;
	content: "";
}

.data-tables .video_boxes .youtube-video > img {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

body.prod_detail .data-tables .video_boxes iframe {
	z-index: 999;
	display: block;
	width: 100%;
	height: calc(100% + 5px);
	left: 0;
	position: absolute;
	top: 0;
	display: block;
	padding: 10px 10px 15px;
	border: 0;
	background: #f9f9f9 url(../assets/img/loader.svg) no-repeat center;
	background-size: 40px;
}

.buegel_wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom:30px;
}

.buegel_wrapper .buegel {
	float: left;
	width: 32%;
	align-self: auto;
	flex: 0 1 auto;
	order: 0;
	margin: 10px 0;
	border: 1px solid #ddd;
	padding: 20px;
	height: auto;
	max-height: 210px;
	min-height:210px;
	overflow: hidden;
	cursor: default;
	position:relative;
}

.buegel_wrapper .buegel:last-child { padding: 0 20px 20px 20px; }

.buegel_wrapper .buegel img {
	display: block;
	width: 100%;
	height: auto;
	margin: 10px auto 0;
	max-width: 300px;
	position: relative;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}

.buegel_wrapper .buegel.sixth-buegel:last-child { padding: 20px; }


.buegel_wrapper .buegel:last-child img { margin: 0 auto; }


.buegel_wrapper .buegel.sixth-buegel img {
	margin:-20px auto 10px auto;
	max-width:100%;
	width:auto;
	height:auto;
	max-height:142px;
}

.buegel_wrapper .buegel table {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

body.prod_detail .buegel_wrapper table td {
	padding: 2px 0;
	width: auto;
	font-size: 13px;
}

body.prod_detail .buegel_wrapper table tr td:first-child {
	width:90px;
}

.buegel_wrapper .buegel:hover img { margin-top: -171px; }

.buegel_wrapper .buegel:last-child:hover img { margin-top: -175px; }

.buegel_wrapper .buegel.sixth-buegel:hover img {
	margin-top:-190px;
}


.buegel_prices {
	position:absolute;
	right:1px;
	z-index:100;
	bottom:1px;
	padding:6px 20px 15px 10px;
	background:rgba(255,255,255,0.7);
	max-width:180px;
	text-align:right;
}

.buegel_wrapper .buegel.full_buegel .buegel_prices {
	max-width:inherit;
}

.buegel_prices .buy-btn {
	color: #888;
	font-weight: 600;
	position: static;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 8px 10px;
	background: #eee;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-top:6px;
	float:left;
}

.buegel_prices .buy-btn:before {
	font-family: "jokari_iconset_prod";
	content: "\e800";
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
	color: #888;
	font-display: swap;
}

.buegel_prices .buy-btn:hover { color: #666; }

.buegel_prices .buy-btn:before { content: "\e801"; }


.buegel_prices .price {
	font-size: 20px;
	color: #1e357d;
	font-weight: 900;
	display:block;
	text-align: right;
	line-height: 28px;
	padding-right:15px;
	margin-bottom:0 !important;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.buegel_prices .price {
	font-size: 20px;
	color: #1e357d;
	font-weight: 900;
	display:block;
	text-align: right;
	line-height: 28px;
	padding-right:15px;
	margin-bottom:0 !important;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.buegel_wrapper .buegel:hover .buegel_prices span {
    margin-bottom: 0;
}

.buegel_wrapper .buegel.full_buegel .price {
	float:left;
}

.buegel_prices .price i {
	font-size: 10px;
	color: #777;
	display: block;
	font-style: normal;
	line-height: 16px;
	font-weight: 400;
}


.buegel_wrapper .buegel:hover table {
	opacity: 1;
	visibility: visible;
}

.buegel_wrapper .buegel.full_buegel {
	float: left;
	width: 100%;
	align-self: auto;
	flex: 0 1 auto;
	order: 0;
	margin: 10px 0;
	border: 1px solid #ddd;
	padding: 20px;
	height: auto;
	max-height: 265px;
	overflow: hidden;
	cursor: default;
	position:relative;
}

.buegel_wrapper .buegel.full_buegel img {
	display: block;
	width: 100%;
	max-width: 310px;
	float: right;
	height: auto;
	margin: -20px 15px 0 0;
	position: relative;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}

.buegel_wrapper .buegel.full_buegel h3 { margin-top: -5px; }

.buegel_wrapper .buegel.full_buegel .zusatzinfos {
	float: left;
	width: 100%;
	max-width: 320px;
	margin-top: 5px;
}

.buegel_wrapper .buegel.full_buegel table {
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	width: 100%;
}

body.prod_detail .buegel_wrapper .buegel.full_buegel table tr:last-child td { border: 0; }

.buegel_wrapper .buegel.full_buegel:hover img { margin-top: -20px; }

.teaser_trigger, .image_trigger {
	background: #fdec1c;
	border: none !important;
	color: #1e357d !important;
	font-size: 12px;
	font-weight: 700;
	margin-top: 28px;
	padding: 10px 20px 10px 50px;
	text-transform: uppercase;
	width: 48%;
	cursor: pointer;
	position: relative;
}

.image_trigger { margin-left: 4%; }

.teaser_trigger:before, .image_trigger:before {
	position: absolute;
	left: 15px;
	top: 3px;
	font-size: 24px;
	font-family: "jokari_iconset";
	content: '\e801';
	font-display: swap;
}

.teaser_video_container, .image_video_container {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	z-index: 99999999;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.8);
	-noz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.8);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.8);
}

.dl-container {
    padding: 20px 20px 16px;
    text-align: center;
    background: #f5f5f5;
}

.image_video_container.smaller {
	left: 50%;
	width: 90%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	max-width:420px;
	background:#fff;
}

.teaser_video_container.active, .image_video_container.active {
	opacity: 1;
	visibility: visible;
}

.teaser_video, .image_video {
	width: 100%;
	display: block;
	z-index: 99999999;
}

.close_teaser, .close_image {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999999999999;
	background: #ffed00;
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 38px;
	font-size: 28px;
	font-weight: 700;
	color: #333;
	cursor: pointer;
}

body.prod_detail .data-tables .prod_video {
	float: right;
	width: 320px;
	height: 310px;
	position: relative;
	border: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

.prod_video .blockHeadline {
	margin: 0 !important;
	width: 300px;
	text-align: center;
}

body.prod_detail .data-tables .prod_video .tabs li {
	font-weight: 300;
	color: #555555;
	float: left;
	font-size: 18px;
	padding: 10px 20px;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: #f5f5f5;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
}

body.prod_detail .data-tables .prod_video .tabs li.produktvideo { border-right: 1px solid #e5e5e5; }

body.prod_detail .data-tables .prod_video .iframe_servicevideo {
	position: absolute;
	top: 55px;
	left: 10px;
	display: none;
	z-index: 2;
}

body.prod_detail .data-tables .prod_video .iframe_produktvideo {
	position: absolute;
	top: 55px;
	left: 10px;
	display: none;
	z-index: 2;
}

body.prod_detail .data-tables .prod_video .active {
	background: #fff !important;
	z-index: 3;
	display: block;
	border-bottom: 1px solid #fff !important;
}

body.prod_detail .right_content_prod {
	margin-top: 0;
	padding: 90px 0 10px;
	margin-right: 0;
	width: 100%;
	position: relative;
}

body.prod_detail .right_content_prod h2 {
	font-family: "Lato", sans-serif;
	margin-bottom: 0;
	padding-bottom: 25px;
	font-weight: 700;
	font-size: 28px;
	color: #1e357d;
}

body.prod_detail .right_content_prod ul { padding-left: 15px; }

body.prod_detail .right_content_prod ul li {
	line-height: 1.6;
	list-style-type: square;
	margin-bottom: 8px;
	width: 50%;
	float: left;
	color: #777;
	padding-right: 20px;
}

body.prod_detail .slider_produkt .buy-btn, .price_wrapper .buy-btn {
	display: block;
	padding: 8px 18px;
	background: #009423;
	border: 1px solid #00711b;
	border-bottom-width: 2px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

body.prod_detail .slider_produkt .buy-btn:hover, .price_wrapper .buy-btn:hover { background: #00711b; }

.siegel_wrapper {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
}

.siegel_wrapper img {
	float: left;
	max-height: 208px;
	width: auto;
	height: auto;
	margin-right: 20px;
}

.siegel_wrapper img.nominierung_eisen_2016 {
	max-height: 75px;
	margin-top: -5px;
}

body.prod_detail .slider_produkt .buy-btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

body.prod_detail .slider_produkt .price, .price_wrapper .price {
	position: absolute;
	right: 200px;
	bottom: 18px;
	font-size: 26px;
	color: #1e357d;
	font-weight: 900;
	text-align: right;
	line-height: 28px;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

body.prod_detail .slider_produkt .price i, .price_wrapper .price i {
	font-size: 10px;
	color: #777;
	display: block;
	font-style: normal;
	line-height: 16px;
	font-weight: 400;
}

body.prod_detail .slider_produkt .buy-btn:before, .price_wrapper .buy-btn:before {
	font-family: "jokari_iconset_prod";
	content: "\e803";
	font-weight: 400;
	font-size: 18px;
	display: inline-block;
	margin-right: 10px;
}

.price_wrapper {
	position: fixed;
	top: -50px;
	right: 0;
	padding: 9px 20px 5px;
	z-index: 999999;
	background: rgba(255,255,255,0.9);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
}

.price_wrapper.show {
	opacity: 1;
	visibility: visible;
	top: 14px;
}

.price_wrapper .buy-btn { float: right; }

.price_wrapper .price {
	position: static;
	float: right;
	margin-right: 20px;
}

.job-offer {
	border: 1px solid #e5e5e5;
	position: relative;
	min-height: 180px;
}

.job-offer-left { padding: 20px 0 0 30px; }

.prod_detail.vacancies .job-offer h3 {
	float: left;
	width: calc(100% - 240px);
	font-size: 15px;
	margin-bottom: 5px;
}

.prod_detail.vacancies .job-offer .job-offer-left a {
	float: left;
	min-width: 241px;
	color: #fff;
	border-bottom: 0;
}

.prod_detail.vacancies .job-offer .job-offer-left a img {
	vertical-align: -5px;
	margin-left: -5px;
	margin-right: 15px;
}

.prod_detail.vacancies .job-offer h3:after {
	display: block;
	clear: both;
	content: "";
}

.prod_detail.vacancies .data-tables {
	position: absolute;
	right: -1px;
	top: -1px;
}

.prod_detail.vacancies .data-tables .prod_video {
	width: 232px;
	height: 180px;
	padding-bottom: 0;
	margin: 0;
}

.prod_detail.vacancies .data-tables .prod_video .iframe_produktvideo {
	top: 5px;
	left: 5px;
}

.prod_detail.vacancies .data-tables .prod_video .iframe_produktvideo iframe { border: 0 !important; }

.prod_detail.vacancies .data-tables .blockHeadline_small {
	font-size: 12px;
	font-weight: 600;
	padding: 10px 5px;
	width: 47.9%;
}

#image-carousel {
	height: 640px;
	overflow: hidden;
}

#image-carousel .handle {
	border-radius: 0;
	height: 100%;
	width: 200%;
	position: relative;
	cursor: move;
}

#image-carousel .handle .slide {
	float: left;
	height: 100%;
	position: relative;
	width: 50%;
}

.allrounder_bg_first {
	background: url(../../UserFiles/img/allrounder_bg_01_neu.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

.allrounder_bg_second {
	background: url(../../UserFiles/img/allrounder_bg.jpg);
	color: #fff;
}

.allrounder_bg_second h1, .allrounder_bg_second p, .allrounder_bg_second ul li { text-shadow: 0px 0px 9px #000; }

#image-carousel .menu {
	left: 15px;
	position: absolute;
	top: 15px;
}

#image-carousel .menu a {
	font-size: 24px;
	color: #fff;
	padding: 8px 25px;
	background: rgb(30,53,125);
}

#historie {
	height: 640px;
	overflow: hidden;
}

#historie .handle {
	border-radius: 0;
	height: 100%;
	width: 200%;
	position: relative;
	cursor: move;
}

#historie .handle .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 100%;
	position: relative;
	width: 50%;
}

#historie .menu {
	left: 15px;
	position: absolute;
	top: 15px;
}

#historie .menu a {
	font-size: 24px;
	color: #fff;
	padding: 8px 25px;
	background: rgb(30,53,125);
}

#merkzettel-overlay {
	position: fixed;
	background: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
}

.merkzettel li.merkzettel_item {
	padding: 15px 15px 15px 140px !important;
	list-style: none !important;
	position: relative;
	margin-left: 0px !important;
	background: #fcfcfc;
	border: 1px solid #1E357D;
	border-bottom: 4px solid #1E357D;
	margin-bottom: 20px;
}

.merkzettel li.merkzettel_item:nth-child(2n+1) { background: #fafafa; }

.merkzettel li.merkzettel_item h2 { padding-bottom: 0 !important; }

.merkzettel li.merkzettel_item p { padding-top: 0 !important; }

.merkzettel a { color: #fff !important; }

.merkzettel a:hover { color: #FDEC1C !important; }

.merkzettel a.btn {
	float: right;
	margin-left: 15px;
}

.merkzettel li.merkzettel_item ul li {
	padding: 4px 0 !important;
	list-style: none !important;
	list-style-image: url(../assets/img/content_list_style.png) !important;
}

.merkzettel li img {
	width: 100px;
	height: auto;
	position: absolute;
	top: 15px;
	left: 15px;
}

.delete_item, .close_merkzettel {
	display: block;
	text-indent: -999em;
	background: url(../assets/img/delete_item.png) no-repeat;
	width: 21px;
	height: 19px;
	position: absolute;
	cursor: pointer;
	right: 15px;
	top: 15px;
	border-bottom: none !important;
}

#merkzettel-empty { display: none; }

#merkzettel-box {
	position: fixed;
	top: 15%;
	right: 53px;
	padding: 25px;
	width: calc(100% - 73px);
	max-width: 800px;
	border: 1px solid #1E357D;
	border-bottom: 4px solid #1E357D;
	z-index: 3000;
	height: auto;
	max-height: 80%;
	background: #fff;
	overflow-y: scroll;
}

#merkzettel-box.away { display: none; }

.kabel_db {
	position: relative;
	z-index: 90;
	max-width: 900px;
	padding:0 20px;
	width: 100%;
	margin: 30px auto 0 auto;
}

.aktuelleslist { margin-top: 30px; }

.aktuelleslist a {
	border: medium none !important;
	color: #1E357D !important;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px 10px 30px;
	text-transform: uppercase;
	position: relative;
}

.aktuelleslist a:before {
	content: url(../assets/img/content_list_style.png);
	position: absolute;
	left: 10px;
	top: 9px;
}

.messelist {
	margin-top: 30px;
	position: relative;
	padding: 0 0 0 125px;
}
.messelist.-canceled .date-holder {
	position: relative;
}

.messelist.-canceled .date-holder::before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #cb3434;
	content: '';
}
.messelist.-canceled .preview-content {
	color: #cb3434;
	font-weight: 700;
	font-style: italic;
}

/*.messelist a{
	background: none repeat scroll 0 0 #FDEC1C;
    border: medium none !important;
    color: #1E357D !important;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
}*/

.messelist img {
	left: 0;
	top: 0;
	position: absolute;
	width: 100px;
	height: auto;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.info_wrapper { padding: 20px 30px; }

.info_wrapper > div {
	max-width: 1240px;
	width: 100%;
	margin: auto;
}

.info_wrapper > div > article {
	float: left;
	width: 50%;
	height: 100%;
	padding: 20px 0 20px 40px;
}

.info_wrapper > div > article.twitter { padding: 20px 0 20px 40px; }

.info_wrapper > div > article:first-child {
	border-right: 1px solid #ddd;
	padding: 20px 40px 20px 0;
}

.info_wrapper > div > article h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #1E357D;
}

.topmeldunglist {
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 13px;
}

.topmeldunglist a {
	background: #1E357D;
	color: #FFFFFF !important;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-top: 10px;
	padding: 7px 20px;
}

.topmeldunglist a:hover { color: #FDEC1C; }

.topmesselist {
	padding-left: 120px;
	position: relative;
	margin-top: 0;
}

.topmesselist img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: auto;
}

.topmesselist a.btn {
	background: #1E357D;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-top: 10px;
	padding: 7px 20px;
}

.topmesselist a.btn:hover { color: #FDEC1C; }

.result_selection {
	border-bottom: 1px solid #d8dbe2;
	margin-bottom: 0 !important;
}

.result_selection li.tab_selection {
	color: #555555;
	font-weight: 300;
	font-size: 21px;
	background: #d8dbe2;
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.result_selection li.tab_selection a {
	padding: 0 25px;
	height: 55px;
	display: inline-block;
	line-height: 55px;
	border-bottom: none;
	color: #285a73;
}

.result_selection li.tab_selection.ui-tabs-active.ui-state-active {
	color: #555555;
	font-weight: 300;
	font-size: 21px;
	background: #feec1c;
	display: inline-block;
	float: left;
	margin-top: -5px;
}

.result_selection li.tab_selection.ui-tabs-active.ui-state-active a {
	height: 60px;
	line-height: 65px !important;
	color: #003b8b;
}

body.content_template .left_content li.tab_selection {
	color: #555555;
	font-weight: 400;
	font-size: 16px;
	background: #d8dbe2;
	display: inline-block;
	float: left;
	margin-left: 0;
	margin-right: 8px;
	padding-left: 0;
}

body.content_template .left_content li.tab_selection:last-child { margin-right: 0; }

body.content_template .left_content li.tab_selection a {
	padding: 0 13px;
	height: 55px;
	display: inline-block;
	line-height: 55px;
	border-bottom: none;
	color: #285a73;
}

body.content_template .left_content li.tab_selection.ui-tabs-active.ui-state-active {
	color: #555555;
	font-weight: 400;
	font-size: 16px;
	background: #feec1c;
	display: inline-block;
	float: left;
	margin-top: -5px;
}

body.content_template .left_content li.tab_selection.ui-tabs-active.ui-state-active a {
	height: 60px;
	line-height: 65px !important;
	color: #003b8b;
}

.results { min-height: 300px; }

.results li {
	list-style: none;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #d8dbe2;
	padding-left: 20px;
}

.results li a {
	color: #285a73;
	font-weight: 600;
}

.historie_slide {
	height: 660px;
	background: url(../../UserFiles/Slider/4c_historie.jpg) no-repeat;
	background-size: cover;
	position: relative;
}

.historie_slide .rsTmb {
	position: absolute;
	bottom: 10px;
}

.sl-slider-wrapper {
	width: 100%;
	height: 660px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide, .sl-slides-wrapper, .sl-slide-inner {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.sl-slide { z-index: 1; }

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
	z-index: 0;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner { background: #ddd; }

.sl-slide-vertical .sl-slide-inner { background: #ccc; }

.sl-slider-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.sl-slider-wrapper {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}

section.content_inner {
	max-width: 1240px;
	color: #fff;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

section.content_inner img {
	position: absolute;
	left: 0;
	margin-top: 100px;
	max-width: 45%;
	height: auto;
}

.sl-slider h2 {
	font-size: 47px;
	font-weight: 300;
	color: #1e357d;
	padding-bottom: 5px;
}

.sl-slider blockquote {
	background: #fff;
	padding: 10px 40px;
	color: #555555;
	position: absolute;
	right: 0;
	width: 55%;
	margin-top: 100px;
}

.sl-slider blockquote cite {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 30px;
	display: inline-block;
}

.bg-img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff url(../../UserFiles/Slider/4c_historie.jpg);
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
}






.sm-wrapper {
	padding:50px 0 20px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}


.sm-wrapper article {
	position:relative;
	width:calc(33.333% - 40px);
	margin-bottom:30px;
}

.sm-wrapper article:after {
	position:absolute;
	right:-20px;
	top:0;
	height:100%;
	width:1px;
	background:#ddd;
	content:"";
}

.sm-wrapper article:last-child:after {
	display:none;
}

.sm-wrapper article h3 {
	padding-bottom:15px;
}



.embed-container-wrapper {
	position:relative;
	background:#fff;
	margin-bottom:20px;
}

.embed-container {
	background:#000;
	position: relative;
	padding-bottom: 54.65%;
	overflow: hidden;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid rgba(30,53,125,0.8);
	border: 8px solid rgba(30,53,125,0.8);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover { border-color: #1e357d; }

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots_around {
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: -5px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.nav-dots {
	margin: auto;
	max-width: 1240px;
	width: 100%;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 4px;
	height: 75px;
	bottom: 0;
	background: #1e357d;
	cursor: pointer;
	float: left;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	transition: 0.2s all;
}

.jahr_1949 { margin-left: 3%; }

.jahr_1953 { margin-left: 6%; }

.jahr_1957 { margin-left: 6%; }

.jahr_1962 { margin-left: 5%; }

.jahr_1963 { margin-left: 0.9%; }

.jahr_1965 { margin-left: 1.75%; }

.jahr_1965_66 { margin-left: 0.1%; }

.jahr_1966 { margin-left: 0.1%; }

.jahr_1967 { margin-left: 1.3%; }

.jahr_1967_68 { margin-left: 0.2%; }

.jahr_1969 { margin-left: 2%; }

.jahr_1974 { margin-left: 4%; }

.jahr_1978 { margin-left: 7%; }

.jahr_1978_02 { margin-left: 0.1%; }

.jahr_1981 { margin-left: 2.5%; }

.jahr_1982 { margin-left: 1.1%; }

.jahr_1983 { margin-left: 1%; }

.jahr_1984 { margin-left: 0.9%; }

.jahr_1988 { margin-left: 4.5%; }

.jahr_1989 { margin-left: 0.9%; }

.jahr_1990 { margin-left: 7%; }

.jahr_1997 { margin-left: 3%; }

.jahr_1999 { margin-left: 1%; }

.jahr_2000 { margin-left: 1%; }

.jahr_2001 { margin-left: 1%; }

.jahr_2004 { margin-left: 2.5%; }

.jahr_2006 { margin-left: 3%; }

.jahr_2009 { margin-left: 3.2%; }

.jahr_2010 { margin-left: 0.9%; }

.jahr_2011 { margin-left: 0.9%; }

.jahr_2012_01 { margin-left: 0.9%; }

.jahr_2012_02 { margin-left: 0.1%; }

.jahr_2012_03 { margin-left: 0.1%; }

.jahr_2013 { margin-left: 1.5%; }

.jahr_2015 { margin-left: 1.5%; }

.jahr_2016 { margin-left: 0.9%; }

.jahr_2017 { margin-left: 0.9%; }

.jahr_2018 { margin-left: 0.9%; }

.jahr_2019 { margin-left: 0.9%; }

.jahr_2020_01 { margin-left: 0.9%; }

.jahr_2020_02 { margin-left: 0.1%; }

.jahr_2020_03 { margin-left: 0.1%; }

.jahr_2020_04 { margin-left: 0.1%; }

.jahr_2021_01 { margin-left: 0.9%; }

.jahr_2021_02 { margin-left: 0.1%; }

.jahr_2021_03 { margin-left: 0.1%; }

.jahr_2021_04 { margin-left: 0.1%; }


.nav-dots span:hover { background: #FDEC1C; }

.nav-dots span.nav-dot-current {
	background: #FDEC1C;
	margin-top: -15px;
	height: 80px;
}

.nav-dots span.nav-dot-current:after { opacity: 1; }

.nav-dots span:after {
	opacity: 0;
	top: 0;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	transition: 0.5s all;
	z-index: 999;
}

.nav-dots span:hover:after { opacity: 1; }

.nav-dots span.jahr_1949:hover:after {
	content: "1949";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1953:hover:after {
	content: "1953";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1957:hover:after {
	content: "1957";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1962:hover:after {
	content: "1962";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1963:hover:after {
	content: "1963";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1965:hover:after {
	content: "1965";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1965_66:hover:after {
	content: "1965-66";
	position: absolute;
	top: -25px;
	left: -34px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.jahr_1966:hover:after {
	content: "1966";
	position: absolute;
	top: -25px;
	left: -39px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.jahr_1967:hover:after {
	content: "1967";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1967_68:hover:after {
	content: "1967-68";
	position: absolute;
	top: -25px;
	left: -34px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.jahr_1969:hover:after {
	content: "1969";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1974:hover:after {
	content: "1974";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1978:hover:after {
	content: "1978";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1978_02:hover:after {
	content: "1978";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1981:hover:after {
	content: "1981";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1982:hover:after {
	content: "1982";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1983:hover:after {
	content: "1983";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1984:hover:after {
	content: "1984";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1988:hover:after {
	content: "1988";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1989:hover:after {
	content: "1989";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1990:hover:after {
	content: "1990/2000";
	position: absolute;
	top: -25px;
	left: -40px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1997:hover:after {
	content: "1997";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_1999:hover:after {
	content: "1999";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2000:hover:after {
	content: "2000";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2001:hover:after {
	content: "2001";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2004:hover:after {
	content: "2004";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2006:hover:after {
	content: "2006";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2009:hover:after {
	content: "2009";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2010:hover:after {
	content: "2010";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2011:hover:after {
	content: "2011";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2012_01:hover:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2012_02:hover:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2012_03:hover:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2013:hover:after {
	content: "2013";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2015:hover:after {
	content: "2015";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2015:hover:after {
	content: "2015";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2016:hover:after {
	content: "2016";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2017:hover:after {
	content: "2017";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2018:hover:after {
	content: "2018";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.jahr_2019:hover:after {
	content: "2019";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1949:after {
	content: "1949";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1953:after {
	content: "1953";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1962:after {
	content: "1962";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1963:after {
	content: "1963";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1965:after {
	content: "1965";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1965_66:after {
	content: "1965-66";
	position: absolute;
	top: -25px;
	left: -34px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.nav-dot-current.jahr_1966:after {
	content: "1966";
	position: absolute;
	top: -25px;
	left: -39px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.nav-dot-current.jahr_1967:after {
	content: "1967";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1967_68:after {
	content: "1967-68";
	position: absolute;
	top: -25px;
	left: -34px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
	width: 80px;
}

.nav-dots span.nav-dot-current.jahr_1969:after {
	content: "1969";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1974:after {
	content: "1974";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1978:after {
	content: "1978";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1978_02:after {
	content: "1978";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1981:after {
	content: "1981";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1982:after {
	content: "1982";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1983:after {
	content: "1983";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1984:after {
	content: "1984";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1988:after {
	content: "1988";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1989:after {
	content: "1989";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1990:after {
	content: "1990/2000";
	position: absolute;
	top: -25px;
	left: -40px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1997:after {
	content: "1997";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_1999:after {
	content: "1999";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2000:after {
	content: "2000";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2001:after {
	content: "2001";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2004:after {
	content: "2004";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2006:after {
	content: "2006";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2009:after {
	content: "2009";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2010:after {
	content: "2010";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2011:after {
	content: "2011";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2012_01:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2012_02:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2012_03:after {
	content: "2012";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2013:after {
	content: "2013";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2015:after {
	content: "2015";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2016:after {
	content: "2016";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2017:after {
	content: "2017";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2018:after {
	content: "2018";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}

.nav-dots span.nav-dot-current.jahr_2019:after {
	content: "2019";
	position: absolute;
	top: -25px;
	left: -18px;
	font-weight: bold;
	font-size: 14px;
	color: #1e357d;
}


/* Animations for content elements */
.sl-trans-elems h2 {
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}

.sl-trans-elems blockquote {
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}

.sl-trans-back-elems .deco {
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}

.sl-trans-elems img {
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}

.sl-trans-back-elems img {
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}

.sl-trans-back-elems blockquote {
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll {
 0% {
-webkit-transform: translateY(500px) rotate(360deg);
}
 100% {
-webkit-transform: translateY(0px) rotate(0deg);
}
}
@-moz-keyframes roll {
 0% {
-moz-transform: translateY(500px) rotate(360deg);
opacity: 0;
}
 100% {
-moz-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes roll {
 0% {
-o-transform: translateY(500px) rotate(360deg);
opacity: 0;
}
 100% {
-o-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-ms-keyframes roll {
 0% {
-ms-transform: translateY(500px) rotate(360deg);
opacity: 0;
}
 100% {
-ms-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes roll {
 0% {
transform: translateY(500px) rotate(360deg);
opacity: 0;
}
 100% {
transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-webkit-keyframes moveUp {
 0% {
-webkit-transform: translateX(40px);
}
 100% {
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes moveUp {
 0% {
-moz-transform: translateX(40px);
}
 100% {
-moz-transform: translateX(0px);
}
}
@-o-keyframes moveUp {
 0% {
-o-transform: translateX(40px);
}
 100% {
-o-transform: translateX(0px);
}
}
@-ms-keyframes moveUp {
 0% {
-ms-transform: translateX(40px);
}
 100% {
-ms-transform: translateX(0px);
}
}
@keyframes moveUp {
 0% {
transform: translateX(40px);
}
 100% {
transform: translateX(0px);
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes scaleDown {
 0% {
-webkit-transform: scale(1);
}
 100% {
-webkit-transform: scale(0.5);
}
}
@-moz-keyframes scaleDown {
 0% {
-moz-transform: scale(1);
}
 100% {
-moz-transform: scale(0.5);
}
}
@-o-keyframes scaleDown {
 0% {
-o-transform: scale(1);
}
 100% {
-o-transform: scale(0.5);
}
}
@-ms-keyframes scaleDown {
 0% {
-ms-transform: scale(1);
}
 100% {
-ms-transform: scale(0.5);
}
}
@keyframes scaleDown {
 0% {
transform: scale(1);
}
 100% {
transform: scale(0.5);
}
}
@-webkit-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}

.jahreszahlen {
	background: rgba(253, 236, 28, 0.9);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 7px;
	z-index: 9999;
	text-align: center;
}

.jahreszahlen > section {
	max-width: 1240px;
	width: 100%;
	margin: auto;
}

.jahreszahlen span {
	margin: 0 4%;
	font-size: 24px;
	font-weight: 400;
}

#accordion h3 {
	padding: 15px 0;
	border-bottom: 1px solid #d8dbe2;
	cursor: pointer;
	font-size: 14px;
	color: #1e357d;
}

#accordion h3:before {
	background: #1e357d;
	height: 28px;
	width: 28px;
	display: inline-block;
	line-height: 28px;
	padding: 0 0 0 1px;
	text-align:center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	content: "?";
	border-radius: 50%;
	margin-right: 15px;
}

#accordion h3:after {
	content: url(../assets/img/acc_btn_down.png);
	margin-top: 4px;
	float: right;
}

#accordion h3.ui-accordion-header-active:before {
	background: #fdec1c;
	color: #1e357d;
}

#accordion h3.ui-accordion-header-active:after { content: url(../assets/img/acc_btn_up.png); }

.ui-accordion-content { padding: 20px 10px 20px 40px; }

body.content_template .prod_loes {
	margin-bottom: 20px;
	background: url(../../UserFiles/img/rigthbox_prod_loes.jpg) no-repeat left bottom #fff;
	border: 1px solid #E5E5E5;
	position: relative;
}

body.content_template .prod_loes h2 {
	font-size: 16px;
	padding: 10px 5px 10px 19px;
	background: url(../assets/img/sidebar_bg.jpg) repeat;
	border-bottom: 1px solid #E5E5E5;
}

body.content_template .prod_loes p { padding: 15px 10px 14px 112px; }

body.content_template .kd {
	margin-bottom: 20px;
	background: url(../../UserFiles/img/rigthbox_kd.jpg) no-repeat left bottom #fff;
	border: 1px solid #E5E5E5;
	box-shadow: 0 0 0 1px #f5f5f5 inset;
}

body.content_template .kd h2 {
	font-size: 16px;
	padding: 10px 5px 10px 19px;
	background: url(../assets/img/sidebar_bg.jpg) repeat;
	border-bottom: 1px solid #E5E5E5;
}

body.content_template .kd p { padding: 15px 10px 14px 112px; }

.btn_small {
	background: #1E357D;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	max-width: 200px;
	display: inline-block;
	margin-top: 10px;
	line-height: normal;
}

.btn_small:hover { color: #FDEC1C; }

.ansprechpartner {
	position: relative;
	min-height: 180px;
	padding: 10px 10px 10px 160px;
	margin-bottom: 35px;
}

.ansprechpartner h3 { margin-bottom: 10px; }

.ansprechpartner tr td { padding: 2px 10px 1px 0; }

.ansprechpartner img {
	position: absolute;
	left: 0;
	top: 12px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}

.kontakt_btn {
	background: #1E357D;
	color: #fff !important;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 20px;
	display: inline-block;
	position: absolute;
	bottom: -12px;
	left: 160px;
}

.kontakt_btn:hover { color: #FDEC1C !important; }

.datatable_01, .datatable_02 {
	float: left;
	position: relative;
}

.downloads_list {
	width: 100%;
	margin-bottom: 30px;
}

.downloads_list tr td { background: #fcfcfc; }

.downloads_list tr td:first-child { padding: 5px 10px; }

.downloads_list tr td a {
	padding: 5px 10px;
	display: block;
}

.downloads_list tr td:last-child { text-align: center; }

.downloads_list tr td img {
	margin-top: 2px;
	padding: 0 20px;
}

.downloads_list tr:nth-child(2n+1) td { background: #f8f8f8 !important; }

.downloads_list tr td a {
	border-bottom: none !important;
	margin-left: 10px;
}

.list_videos tr td a {
	display: inline-block;
	padding: 5px 10px;
}

.list_videos tr td:last-child { text-align: left; }

.list_videos tr td img {
	width: 20px;
	height: auto;
	padding: 0;
	margin-left: 10px;
}

.list_videos tr td span {
	display: block;
	font-size: 11px;
}

.groessenanzeige { text-align: center !important; }

.broschuere_download {
	position: relative;
	min-height: 145px;
	padding: 10px 10px 10px 190px;
	margin-top: 15px;
	font-size: 16px;
}

.broschuere_download h3 { margin-bottom: 10px; }

.broschuere_download img {
	position: absolute;
	left: 10px;
	top: 12px;
	padding-right: 15px;
	border-right: 1px solid #ddd;
}

.broschuere_download img.only_icon {
	position: static;
	padding-right: 5px;
	border-right: none;
	width: 20px;
	height: auto;
}

.overview_cut {
	height: 1px;
	background: #ddd;
	width: 100%;
	max-width: 1240px;
	margin-top: 30px;
	margin: 50px auto 20px;
}

.anwender_left, .anwender_right { float: left; }

.anwender_left { width: 33.3%; }

.anwender_right {
	width: 64.4%;
	margin-left: 2.3%;
}

.vertrieb_left {
	width: 70%;
	float: left;
}

.vertrieb_left .zielgruppe_auswahl.fullheight {
	float: left;
	margin-right: 20px;
	width: 352px;
}

.vertrieb_left .zielgruppe_auswahl.fullheight:last-of-type { margin-right: 0; }

.vertrieb_right {
	width: 30%;
	float: right;
}

.vertrieb_right .zielgruppe_auswahl {
	width: 100%;
	margin-right: 0;
	margin-top: 30px;
}

.zielgruppe_auswahl {
	width: 48%;
	margin-right: 4%;
	margin-top: 30px;
	display: block;
	float: left;
	background: #fff;
	padding: 0;
	height: 200px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.anwender_right .zielgruppe_auswahl:nth-child(2n+2) { margin-right: 0; }

.zielgruppe_auswahl.fullheight {
	height: 430px;
	width: 100%;
}

.zielgruppe_auswahl.fullheight h3 {
	position: absolute;
	top: 60px;
	width: 100%;
	padding: 30px;
	z-index: 10;
	font-size: 22px;
	line-height: 1.6;
}

.zielgruppe_auswahl h2 {
	position: absolute;
	left: 0;
	top: 0;
	background: #fdec1c;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #1E357D;
	z-index: 10;
}

.zielgruppe_auswahl img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.fullheight img {
	top: auto;
	bottom: 0;
}

.zielgruppe_auswahl span {
	background: rgba(229,229,229,0.9);
	position: relative;
	z-index: 100;
	height: 100%;
	display: block;
	padding: 15px 20px;
}

.zielgruppe_auswahl a {
	background: #1E357D;
	color: #FFFFFF;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	padding: 7px 20px;
	z-index: 200;
}

#contactform {
	margin-top:-10px;
}

#url2 {
	opacity: 0.001;
	visibility: hidden;
	padding: 0;
	border: 0;
	margin: 0;
	font-size:0;
}

.zielgruppe_auswahl:last-child { margin-right: 0; }

.small_for_short { height: 200px !important; }

.small_for_short h3 {
	color: #fff;
	padding: 2px 30px !important;
	text-shadow: 1px 1px #636363;
}

.kein_text { color: #ff0000; }

.kein_text:after {
	content: "Hier fehlt Text";
	color: #ff0000;
	display: block;
	margin-top: 10px;
}

.pic_fadeout {
	position: absolute !important;
	left: 0;
	top: 0;
	z-index: 10 !important;
	-webkit-animation: fedeitout 0.001s 1 forwards;
	-webkit-animation-delay: 2s;
	animation: fedeitout 0.001s 1 forwards;
	animation-delay: 2s;
}
 @keyframes fedeitout {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
 @-webkit-keyframes fedeitout {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}

.archive_img { margin: 30px 0; }

.archive_img h3 { margin: 0 0 10px 0; }

.archive_img li {
	width: 128px;
	padding: 3px;
	border: 1px solid #ddd;
	margin-right: 25px;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
}

.archive_img li:hover { background: #ddd; }

.archive_img a {
	width: 120px;
	display: block;
	height: 120px;
	overflow: hidden;
}

.archive_img li img {
	width: 200px;
	height: auto;
}

.newsletter_container .archive_img li img {
	height: auto;
	width: 116px;
}

.newsletter_container .archive_img li {
	margin-right: 25px;
	margin-left: 0 !important;
	padding: 2px !important;
	width: 122px;
}

.left_content_pics {
	padding-right: 50px;
	width: calc(100% - 300px);
	float: left;
	margin-top: 30px;
}

.aktuellesauswahl {
	display: block;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.aktuellesauswahl li {
	background: #D8DBE2;
	color: #555555;
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	margin-left: 0 !important;
	margin-right: 14px;
	padding-left: 0!important;
}

.aktuellesauswahl li {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	margin-right: 14px;
}

.aktuellesauswahl li a {
	border-bottom: none!important;
	background: #D8DBE2;
	color: #285A73;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	padding: 0 23px;
}

.aktuellesauswahl li a {
	border-bottom: none;
	background: #D8DBE2;
	color: #285A73!important;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	padding: 0 23px;
}

.aktuellesauswahl li.active {
	background: #FEEC1C;
	margin-top: -5px;
	height: 60px;
	line-height: 65px!important;
}

.aktuellesauswahl li.active a {
	background: #FEEC1C;
	color: #285A73!important;
}

.kabeldatenbank_desktop {
	background: url(../assets/img/kabeldatenbank_desktop_bg_neu.png) no-repeat;
	height: 100%;
	position: relative;
	display: block;
}

.animation {
	left: 15.6%;
	position: absolute;
	top: 16%;
	width: 65%;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 40px;
	border: 1px solid #ccc;
}

.animation:after {
	position: absolute;
	top: 9px;
	right: 10px;
	content: url(../assets/img/lupe_field.jpg);
}

.animation > span {
	font-size: 115%;
	font-family: Courier, monospace;
	position: relative;
	opacity: 0;
	top: 9px;
	left: 10px;
	position: absolute;
	color: #555555 !important;
}

.animation .start_animation-1, .animation .start_animation-2, .animation .start_animation-3 { opacity: 1; }

/* Kabeltyp eingeben */
.start_animation-1 span {
	-webkit-animation: typing 1.5s steps(17, end), blink-caret 1s step-end infinite;
	-moz-animation: typing 1.5s steps(17, end), blink-caret 1s step-end infinite;
	animation: typing 1.5s steps(17, end), blink-caret 1s step-end infinite;
}

/* Passendes Werkzeug finden */
.start_animation-2 span {
	-webkit-animation: typing 1.5s steps(25, end), blink-caret 1s step-end infinite;
	-moz-animation: typing 1.5s steps(25, end), blink-caret 1s step-end infinite;
	animation: typing 1.5s steps(25, end), blink-caret 1s step-end infinite;
}

/* Einfach. Schnell. Zuverlässig. */
.start_animation-3 span {
	-webkit-animation: typing 1.5s steps(30, end), blink-caret 1s step-end infinite;
	-moz-animation: typing 1.5s steps(30, end), blink-caret 1s step-end infinite;
	animation: typing 1.5s steps(30, end), blink-caret 1s step-end infinite;
}
 @-webkit-keyframes typing {
 from {
width: 100%
}
 to {
width:0
}
}
 @-webkit-keyframes blink-caret {
 from, to {
border-color: transparent
}
 50% {
border-color: black
}
}
 @-moz-keyframes typing {
 from {
width: 100%
}
 to {
width:0
}
}
 @-moz-keyframes blink-caret {
 from, to {
border-color: transparent
}
 50% {
border-color: black
}
}
 @keyframes typing {
 from {
width: 100%
}
 to {
width:0
}
}
 @keyframes blink-caret {
 from, to {
border-color: transparent
}
 50% {
border-color: black
}
}

.animation > span > span {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	background: white; /* same as background */
	border-left: .1em solid black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#image-carousel_response {
	display: none;
	visibility: hidden;
	opacity: 0;
}

.language_mz_mobile { display: none; }

#SkypeButton_Call_jokari-krampe_gmbh_1 {
	width: 34px;
	display: inline-block;
}

#contactform label {
	display: block;
	margin-top: 10px;
}

#contactform textarea {
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	display: block;
	float: left;
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 10px;
	width: 100%;
	min-height: 90px;
	resize: vertical;
}

#contactform select {
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	display: block;
	float: left;
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 10px;
	width: 100%;
}

.to_productfinder_mobile {
	display: none;
	text-align: center;
	margin-bottom: 15px;
}

.responsive-title {
	display: none;
	opacity: 0;
	visibility: hidden;
}

/* Share Slide */

.insta-header img {
  width:44px;
  height:44px;
  border-radius:50%;
  float:left;
}
.insta-header span {
  line-height:44px;
  float:left;
  padding-left:20px;
  display:block;
}

.insta-header {
  padding-bottom:15px;
  height:54px;
   max-width:350px;
}


.insta-header span {
  line-height:44px;
  float:left;
  padding-left:20px;
  display:block;
  width:calc(100% - 44px);
  font-weight:700;
  color:#333;
}

.insta-header span a {
  float:right;
  text-decoration:none;
  background: #1E357D;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius:2px;
  display: inline-block;
  margin-top: 10px;
  line-height: normal;
  transition:0.2s background;
}
.insta-header span a:hover {
  background: #193fb3;
}



.share-slide {
	padding: 10px 20px;
	background: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	max-width: 640px;
	margin: 20px auto 0 auto;
}

.twitter-share-button, #___plusone_0, .fb_iframe_widget, #___plusone_1, #___plusone_2, #___page_0 { vertical-align: middle !important; }

/* -------------------------------------------------------------------------------------------------------------------------*/

body.prod_detail .container { padding-bottom: 0 !important; }

.purchaser_left {
	width: 32%;
	float: left;
	margin-top: 30px;
}

.purchaser_left img {
	height: auto;
	width: 100%;
}

.purchaser_right {
	width: 65%;
	float: right;
	margin-top: 30px;
}

.einkaeufer { margin: 30px auto 0 auto; }

.einkaeufer li { border-bottom: 1px solid #d8dbe2; }

.einkaeufer li:last-child { border: none; }

.einkaeufer a {
	font-size: 14px;
	color: #1e357d;
	font-weight: 700;
	display: block;
	padding: 15px 0;
}

.einkaeufer li a:after {
	content: url(../assets/img/acc_btn_down.png);
	float: right;
	margin-top: 4px;
	margin-right: 5px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.rotator {
	left:50%;
	margin-left:-20px;
	position: absolute;
	top:70px;
}

.inputfield img {
	width:40px;
	height:auto;
	display: none;
}

.mobile_buttons { display: none; }

.filter_arrow_left {
	position: absolute;
	left: 0;
	top: 18px;
}

.filter_arrow_right {
	position: absolute;
	right: 0;
	top: 18px;
}

.newsletter_img {
	width: 100%;
	max-width: 680px;
	height: auto;
	margin: 15px 0;
}

.newslink { border: none !important; }

.newsletter_container {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.newsletter_container h1 { padding-bottom: 8px; }

.newsletter_container a { border: none !important; }

.newsletter_container a.btn { color: #fff !important; }

.logo_download {
	padding: 10px 10px 10px 215px;
	position: relative;
	margin-bottom: 15px;
}

.logo_download h2 { padding-bottom: 8px !important; }

.logo_download a { border: none !important; }

.logo_download a.btn { color: #fff !important }

.logo_download img {
	position: absolute;
	left: 0;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}

.visit, .address { float: left; }

.address { margin: 0 0 20px 20px; }

.ComingSoon {
	width: 100%;
	font-size: 18px;
	color: rgba(194,200,210,1);
	text-align: center;
	margin-left: 6px;
}

.video_playbutton {
	width: 30px;
	height: 30px;
	display: block;
	color: rgba(0,0,0,0) !important;
}

.video_playbutton:before {
	content: "\e806";
	font-family: "jokari_iconset";
	font-size: 30px;
	color: #555 !important;
	position: relative;
	left: -2px;
}

.video_playbutton:hover:before { color: #1e357d !important; }

.filter_search {
	font-family: "Lato", sans-serif;
	width: 100%;
	display: block;
	max-width: 640px;
	padding: 9px 42px 9px 0;
	margin: 10px auto 25px;
	border: 0;
	border-bottom: 3px solid #24388d;
	font-size: 20px;
	background: url(../assets/img/search_icon.png) no-repeat right center;
	background-size: 30px;
}

.filter_search:focus, .filter_search:hover, .filter_search:active { }


.show_all {
	cursor: pointer;
	display: none;
	padding: 10px;
	text-align: center;
}

@font-face {
	font-family: 'jokari_iconset_prod';
	src: url('../font/jokari_iconset_prod.eot?21674504');
	src: url('../font/jokari_iconset_prod.eot?21674504#iefix') format('embedded-opentype'), url('../font/jokari_iconset_prod.woff2?21674504') format('woff2'), url('../font/jokari_iconset_prod.woff?21674504') format('woff'), url('../font/jokari_iconset_prod.ttf?21674504') format('truetype'), url('../font/jokari_iconset_prod.svg?21674504#jokari_iconset_prod') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.accordeon-btn.btn-up {
	background: url(../assets/img/acc_btn_up.png) no-repeat;
	width: 15px;
	height: 15px;
	border-bottom: none!important;
	display: inline-block;
	float: right;
}

.accordeon-btn.btn-down {
	background: url(../assets/img/acc_btn_down.png) no-repeat;
	width: 15px;
	height: 15px;
	border-bottom: none!important;
	display: inline-block;
	float: right;
}

.accordeon-title { border-bottom: 1px solid #d8dbe2; }

.accordeon-title.wiki-inactive {
	background: url(../assets/img/wiki-inactive.png) no-repeat;
	background-position: 0px 18px;
	padding: 20px 0px 9px 35px;
	margin-bottom: 20px;
}

.accordeon-title.wiki-active {
	background: url(../assets/img/wiki-active.png) no-repeat;
	background-position: 0px 18px;
	padding: 20px 0px 9px 35px;
	margin-bottom: 20px;
}

#presse-search { padding: 0; }

#presse-search p {
	text-align: left;
	padding: 5px 0px 10px 19px;
}

#presse-search select {
	border-radius: 3px;
	border: 1px solid #B9B9B9;
	padding: 3px;
	width: 95%;
}

#presse-search > .blockHeadline {
	margin-top: 15px;
	display: block;
	text-align: center;
	background: #1E357D;
	color: #fff!important;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 20px;
}

#presse-search input[type=submit] {
	margin-left: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.social_wrapper {
	padding: 20px 30px;
	background: #f8f8f8;
}

.social_wrapper > div {
	max-width: 1240px;
	width: 100%;
	margin: auto;
}

.social_wrapper > div > article {
	float: left;
	width: 50%;
	height: 100%;
	padding: 0 0 0 40px;
}

.social_wrapper > div > article:first-child {
	border-right: 1px solid #ddd;
	padding: 0 40px 0 0;
}

.social_wrapper > div > article h1 {
	font-size: 24px;
	line-height: 50px;
	color: #1E357D;
}

.active_lang { opacity: .5; }

#SkypeButton_Call_jokari-krampe_gmbh_1_paraElement a { border: none; }

#contactform p {
	text-align: left;
	font-size: 14px;
	padding: 10px 0;
}

.filter-anchor {
	height: 1px!important;
	width: 1px!important;
	display: inline-block;
	padding: 0!important;
	margin: 0!important;
}

#SkypeButton_Call_jokari-krampe_gmbh_1_paraElement > a > img {
	vertical-align: 0!important;
	margin-bottom: 8px;
	width: 40px;
	margin-left: -7px;
}

p#SkypeButton_Call_jokari-krampe_gmbh_1_paraElement {
	margin-right: 22px;
	padding-bottom: 0;
	display: inline-block;
}

.error { color: red; }

.broschuere_download img.catalogs_second { top: 261px; }

.cbp-so-section:before, .cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after { clear: both; }

.cbp-so-side {
	float: left;
	margin: 0;
	min-height: 12em;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.cbp-so-side:before, .cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after { clear: both; }

.cbp-so-side-right { width: 37%; }

.cbp-so-side-right img {
	margin-top: 120px;
	margin-left: 56px;
}

.cbp-so-side-left { width: 63%; }

.cbp-so-side-right img { float: left; }

.cbp-so-side-left img { float: right; }

.cbp-so-side-right2 { width: 45%; }

.cbp-so-side-right2 img {
	margin-top: 14px;
	margin-left: 56px;
}

.cbp-so-side-left2 { width: 55%; }

.cbp-so-init .cbp-so-side-left2 {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right2 {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left2, .cbp-so-section.cbp-so-animate .cbp-so-side-right2 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-side-right3 { width: 68%; }

.cbp-so-side-left3 img {
	margin-right: 10px;
	margin-top: 10px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	box-shadow: 0 0 0 2px #fff;
}

.cbp-so-side-left3 img:hover {
	box-shadow: 0 0 0 2px #1E357D, 0 0 5px 1px rgba(0, 0, 0, 0.3);
	opacity: 1;
}

.cbp-so-side-right3 img:last-child { margin-right: 0px; }

.cbp-so-side-left3 { width: 32%; }

.cbp-so-side-left3 img { }

.cbp-so-init .cbp-so-side-left3 {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right3 {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
	position: relative;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left3, .cbp-so-section.cbp-so-animate .cbp-so-side-right3 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-side-right4 { width: 0%; }

.cbp-so-side-left4 { width: 100%; }

.cbp-so-init .cbp-so-side-left4 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.cbp-so-init .cbp-so-side-right4 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left4, .cbp-so-section.cbp-so-animate .cbp-so-side-right4 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-side-right6 { width: 40%; }

.cbp-so-side-left6 {
	width: 60%;
	height: 100%;
}

.cbp-so-init .cbp-so-side-left6 {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right6 {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
	position: relative;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left6, .cbp-so-section.cbp-so-animate .cbp-so-side-right6 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-init .cbp-so-side { opacity: 0; }

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

@media screen and (max-width: 73.5em) {

.cbp-so-scroller { font-size: 65%; }

.cbp-so-section h2 { margin: 0; }

.cbp-so-side img { max-width: 120%; }
}

@media screen and (max-width: 41.125em) {

.cbp-so-side {
	float: none;
	width: 100%;
}

.cbp-so-side img { max-width: 100%; }
}

/* ####################### NEW ######################### */

@font-face {
	font-family: 'jokari_iconset';
	src: url('font/jokari_iconset.eot?44539923');
	src: url('font/jokari_iconset.eot?44539923#iefix') format('embedded-opentype'), url('font/jokari_iconset.woff?44539923') format('woff'), url('font/jokari_iconset.ttf?44539923') format('truetype'), url('font/jokari_iconset.svg?44539923#jokari_play_iconset') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.content_db {
	padding: 15px 0;
}

::-moz-focus-inner {
 border: 0;
 padding: 0;
}

body.prod_detail .container {
	padding-bottom: 30px;
	border-top: 5px solid #ffed00;
}

body.prod_detail .container + .container {
	margin-top: -31px;
	border-top: 1px solid #ddd;
}

.kabel_db { padding: 30px 20px 10px; }

.kabel_db p {
	font-size: 12px;
	text-align: right;
	padding: 10px;
}

.kabel_db ul { margin: 0; }

.kabel_db ul a {
	color: #555;
	text-decoration: underline;
}

.inputfield input {
	width: 100%;
	border: 0;
	font-size: 20px;
	padding: 12px 50px 12px 0;
	border-bottom: 3px solid #fff;
	background:none;
	color: #fff;
	font-weight: 600;
}

.inputfield input::-webkit-input-placeholder {
  color: #fff; opacity: 1;
}
.inputfield input::-moz-placeholder {
  color: #fff; opacity: 1;
}
.inputfield input:-ms-input-placeholder {
  color: #fff; opacity: 1;
}
.inputfield input:-moz-placeholder {
  color: #fff; opacity: 1;
}

.inputfield input:focus { outline: none; }

.inputfield { position:relative; }

.inputfield:after {
	font-family: "jokari_iconset";
	content: "\e804";
	font-size:22px;
	margin-right:7px;
	position:absolute;
	right:0;
	top:10px;
	font-weight:400;
	color:#fff;
}

.autocomplete-w1 {
	width: calc(100% - 30px);
	max-width: 1090px;
	overflow: hidden;
}

.autocomplete {
	border: 1px solid #ccc;
	margin-top: 1px;
	width: 100% !important;
}

.autocomplete[style] {
	max-height: 350px !important;
	overflow-y: scroll !important;
}

.autocomplete div {
	background: rgba(255,255,255,0.93);
	padding: 8px 25px;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	overflow: hidden;
}

.autocomplete div:last-child { border-bottom: none; }

.autocomplete div strong { color: #1E357D; }





#suggest-selected {
	color:#fff;
}
.kabel_db ul a {
	color: #fff;
}

.cabel-results {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:-17px;
	background:#fff;
	position:relative;
	z-index:1;
}

.cabel-results .cabel-result {
	width:47.5%;
	padding:20px;
	margin-bottom:25px;
	border:1px solid #ddd;
	color:#888;
}

.cabel-results .cabel-result .prodimg-wrapper span {
	position:absolute;
	bottom:0;
	right:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:700;
}


.cabel-results .cabel-result .prodimg-wrapper img {
	width:100%;
	height:auto;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.link-wrapper {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.cabel-results .cabel-result .prodimg-wrapper {
	height:185px;
	border:1px solid #ddd;
	overflow:hidden;
	position:relative;
	margin-bottom:16px;
}

.cabel-results .cabel-result .cabel-result-info {
	min-height:60px;
}

.cabel-results .cabel-result h2 {
	padding-bottom:5px;
}

.link-wrapper a {
}



.link-wrapper a, .link-wrapper span {
	background: #fafafa;
	border: 1px solid #ddd;
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: 6px 25px;
	position: static;
	text-align: center;
	text-decoration: none;
}

.link-wrapper a:hover, .link-wrapper span:hover {
	background: #eee;
}



.link-wrapper a.moreinfo_link::before {
	color: #888;
	content: "\e800";
	display: inline-block;
	font-family: "jokari_iconset_prod";
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
}


.link-wrapper a.video_link::before {
	color: #888;
	content: "\e802";
	display: inline-block;
	font-family: "jokari_iconset_prod";
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
}


.link-wrapper .buy-btn::before {
	color: #888;
	content: "\e801";
	display: inline-block;
	font-family: "jokari_iconset_prod";
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
}



.retail_container {
	z-index:9999998;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:0.6s all .2s;
	transition:0.6s all .2s;
}

.retail_container.active {
	opacity:1;
	visibility:visible;
}


.retail_loader {
	position:fixed;
	left:0;
	top:0;
	width: 100vw;
	height: 100vh;
	background:rgba(23,23,23,0.85);
	z-index:9999999;
	opacity:0;
	visibility:hidden;
	-webkit-transition:0.2s all;
	transition:0.2s all;
}

.retail_loader img {
	width:90px;
	height:auto;
	position:relative;
	left:50%;
	top:45%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.retail_loader.active {
	opacity:1;
	visibility:visible;
}















#fe-producttable td {
	padding: 15px;
	vertical-align: top;
}

.prod_show_listtable_topic_front {
	background: #f4f4f4;
	font-weight: 700;
	text-align: left;
}

body.prod_detail table tr.data td.product-name { width: 140px; }

body.prod_detail table tr.data td.product-name h2 { font-weight: 300; }

body.prod_detail table tr.data td.product-name p { color: #777; }

body.prod_detail table tr.data td.desc { width: 270px; }

body.prod_detail table tr.data td.product-image {
	width: 100px;
	text-align: center;
}

body.prod_detail table tr.data td a {
	background: #fdec1c;
	color: #555555;
	padding: 7px 10px;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

body.prod_detail table tr.data td a.moreinfo_link { margin: 0; }

body.prod_detail table tr.data td a.moreinfo_link:before {
	font-family: "jokari_iconset";
	content: '\e802';
	font-size: 16px;
	vertical-align: -1px;
	margin-right: 5px;
	color: #333;
}

body.prod_detail table tr.data td a.video_link:before {
	font-family: "jokari_iconset";
	content: '\e801';
	font-size: 16px;
	vertical-align: -1px;
	margin-right: 5px;
	color: #333;
}

body.prod_detail table tr.data td a:hover, body.prod_detail table tr.data td a:hover:before {
	background: #1E357D;
	color: #fff !important;
}

body.prod_detail table tr.data td img {
	display: block;
	margin: 0 auto 15px auto;
}

.more_arrow {
	background: url(../../templates/assets/img/swipe.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height: 110px;
	position: fixed;
	bottom: -20px;
	right: 4px;
	opacity: 0;
	z-index: 999999999999999999999;
	-webkit-animation: arrow_swipe 1.7s infinite;
	animation: arrow_swipe 1.7s infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.more_arrow.hidden { display: none !important; }
 @keyframes arrow_swipe {
 0% {
 opacity:0;
 bottom:-20px;
}
 10% {
 opacity:0;
 bottom:-20px;
}
 35% {
 opacity:0.8;
}
 65% {
 opacity:0.8;
}
 100% {
 opacity:0;
 bottom:20px;
}
}
@-webkit-keyframes arrow_swipe {
 0% {
 opacity:0;
 bottom:-20px;
}
 10% {
 opacity:0;
 bottom:-20px;
}
 35% {
 opacity:0.8;
}
 65% {
 opacity:0.8;
}
 100% {
 opacity:0;
 bottom:20px;
}
}

/* --------------- AB TESTING --------------- */
.recommWrapper {
	width: 100%;
	padding: 20px 0;
	background: #fff;
	position: relative;
	z-index: 10;
}

.recommContent {
	margin: 0 auto;
	max-width: 1240px;
}

.recommContent h2 {
	font-size: 1.5em;
	padding-left: 28px;
	position: relative;
	font-weight: 300;
	margin-top: 10px;
}

.recommContent h2:before {
	content: "";
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fdec1a;
	font-weight: 700;
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.recommProds { margin-top: 15px; }

.recommProds .element {
	width: 25%;
	margin: 0px;
}

.recommProds .element:last-child { border-right: 1px solid #ddd; }

.recommProds .element .infobox { width: 100%; }

.MostWrapper {
	width: 100%;
	margin: 0 0;
}

.MostContent {
	margin: 0 auto;
	max-width: 1245px;
}

.MostContent h2 {
	font-size: 1.2em;
	padding-left: 28px;
	position: relative;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 5px;
}

.MostContent h2:before {
	content: "";
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fdec1a;
	font-weight: 700;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.MostProds {
	margin-top: 0px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.MostProds h2 { width: 100%; }

.MostProds .element {
	width: 20%;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 0px;
	padding: 0 15px 20px;
	height: auto;
	min-height: auto;
	margin-top: 5px;
}

.MostProds .element > .prod_img_wrapper {
	width: calc(100% + 32px);
	left: -16px;
	height: 130px;
	margin-top: 0;
}

.MostProds .element > h3 { font-size: 15px; }

.content-scroller2 .dragdealer { margin-bottom: 5px; }

.categorie_trigger, .cable_trigger {
	display:none;
}

/*STELLENANZEIGEN*/
/*
td .table_stellenangebote a{
	color: #099;
	text-decoration: none;
	text-decoration:none;
	}




.content_anzeige {
	float:left;
	}

.stellenanzeige_pdf {
	
	}

.stellenanzeige_video {
	
	}

*/


.noborder_img {
border-bottom: 0px solid #fff !important; 

}

.prod-teaser {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#f9fafb;
	position:relative;
	overflow:hidden;
	padding:0 20px;
}


.prod-teaser > .row {
	margin:0 auto;
	max-width:1240px;
	position:relative;
	z-index:10;
	padding:80px 540px 80px 0;
}

.prod-teaser > .prod-teaser-bg {
	position:absolute;
	left:50%;
	top:50%;
	opacity:.2;
	-moz-filter:blur(8px);
  -webkit-filter:blur(8px);
  -o-filter:blur(8px);
  -ms-filter:blur(8px);
  filter:blur(8px);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.prod-teaser > .row .prod-teaser-prodimage {
	/*border:1px solid #ddd;
	background:#fff;*/
	position:absolute;
	top:10%;
	right:0;
	height:80%;
	max-width:500px;
	display:block;
}

.prod-teaser > .row .prod-teaser-prodimage img {
	display:block;
	max-width:100%;
	height:auto;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

.prod-teaser > .row li {
	list-style-type:square;
	margin-left:15px;
	padding-left:5px;
	margin-bottom:5px;
}

.prod-teaser > .row h2 {
	font-size:38px;
	font-family:"Lato", sans-serif;
	font-weight:700;
	padding-bottom:5px;
	color:#1E357D;
}

.prod-teaser > .row h3 {
	font-size:24px;
	font-family:"Lato", sans-serif;
	font-weight:700;
	color:#1E357D;
	padding-bottom:20px;
}

.prod-teaser > .row .prod_table_new {
	border-collapse:collapse;
}

.prod-teaser > .row .prod_table_new img {
	background:#fff;
	padding:5px 10px;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #ddd;
}

.prod-teaser > .row .btn {
	font-size:14px;
	padding:10px 30px;
}



html:not(.hidden) .menu-trigger {
	z-index:100000;
	margin-top:10px;
	position:fixed;
	left:20px;
	top:0;
	height:50px;
	width:50px;
	background:none;
	border:0;
	color:#fff;
}

html:not(.hidden) .menu-trigger span::before, html:not(.hidden) .menu-trigger span::after {
    background: #fff;
}

html:not(.hidden) .menu-trigger span i {
    color: #fff;
}








.prod_highlight_wrapper {
	border-top:1px solid #ddd;
	margin:30px auto;
}

.prod_highlight_wrapper > div {
	max-width:1240px;
	margin:0 auto;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-bottom:1px solid #ddd;
}
.prod_highlight_wrapper > div > div { 
	padding:58px 50px 38px 80px;
	width:60%;
	overflow:hidden;
	font-size:24px;
	font-weight:600;
	color: #1e357d;
}

.prod_highlight_wrapper > div:nth-child(even) > div { 
	padding:58px 90px 38px 0;
}


.prod_highlight_wrapper > div > div.prod_highlight_image_holder { 
	padding:0 !important;
	position:relative;
	width:40%;
}

.prod_highlight_wrapper > div > div.prod_highlight_image_holder img {
	max-width:100%;
	height:auto;
	display:block;
}








@media screen and (max-width: 1680px) {
	
	.price_wrapper {
		top: 0px;
	}
	
	.price_wrapper.show {
		top: 87px;
		background:rgba(250,250,250,0.9);
	}

}

@media screen and (max-width: 1650px) {

.allrounder_bg_first {
	background: url(../../UserFiles/img/allrounder_bg_01_neu_1650px.jpg);
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat !important;
}

#image-carousel .handle .slide { height: 550px; }

.slide { min-height: inherit; }

#image-carousel { height: 550px; }

.cbp-so-side-left3 img { width: 200px; }
}

@media screen and (max-width: 1420px) {
.allrounder_bg_first {
	background: url(../../UserFiles/img/allrounder_bg_01_neu_1420px.jpg);
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat !important;
}

.slider_produkt > div .prod_txtCent {
	top: 40px;
}

body.content_template .slider_produkt {
	height: 440px;
	overflow: inherit;
}

body.prod_detail .slider_produkt .big_img {
	top: -53px;
	margin-top:10px;
	background-size: 1360px;
}
}

@media screen and (max-width: 1320px) {
	.socialmedia {
		top:inherit;
		bottom:-50px;
		width:100%;
		height:50px;
		overflow:hidden;
		background:#eee;
		transition:0.4s all;
		padding-top:6px;
		box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	}
	
	.socialmedia.there {
		bottom:0;
		padding-left:50px;
	}
	.socialmedia a {
		display:inline-block;
		margin:0 0 0 15px;
		overflow:hidden;
		text-align:center;
		width:40px;
		height:40px;
		line-height:40px;
		background: #fdec1c;
		border-radius:50%;
	}
	
	.icon.there, .icon, .socialmedia a {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
	}

	.socialmedia a img {
		width:35px;
		height:auto;
		margin-top:5px;
	}
	
	footer {
    padding: 15px 20px 50px;
	}
}

@media screen and (max-width: 1260px) {

.kabeldatenbank_desktop { background-size: 82%, auto; }

.kabeldatenbank img {
	margin-top: 42%;
	width: 100%;
	max-width: 300px;
	margin-left: 40%;
}


.sm-wrapper {
	padding:50px 0 20px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}


.sm-wrapper article {
	width:calc(50% - 20px);
}

.sm-wrapper article:after {
	position:absolute;
	right:-10px;
	top:0;
	height:100%;
	width:1px;
	background:#ddd;
	content:"";
}

.sm-wrapper article h3 {
	padding-bottom:15px;
}

}

@media screen and (max-width: 1220px) {

.allrounder_bg_first {
	background: url(../../UserFiles/img/allrounder_bg_01_neu_1220px.jpg);
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat !important;
}

.cbp-so-side img { max-width: 65%; }

.kabeldatenbank h1 { font-size: 30px; }

.big_bg_img { right: -190px; }

.palmImg_aviation { right: 0; }

.content_area { padding: 80px 30px; }

.video-spotlight > div { max-width: 920px; }

.video-spotlight .imac {
	width: 500px;
	height: 475px;
	background-size: cover;
	margin-left: 0;
}
.video-spotlight .imac video {
	margin: 34px 35px 34px 35px;
	width: 430px;
	height: 230px;
}
.video-spotlight .imac iframe {
	margin: 34px 35px 34px 35px;
	width: 430px;
	height: 230px;
}

.video-spotlight .right-video {
	margin-left: 540px;
	padding-top: 100px;
}
}

@media screen and (max-width: 1180px) {

.boxes .box {
	padding: 15px 30px 80px;
	width: 31.75%;
}

.boxes .box > .image_holder {
	width: calc(100% + 60px);
	margin: 10px -30px 18px;
}

.slide.small .boxes .box > .more-info > .btn {
	left: 30px;
	bottom: 30px;
	width: calc(100% - 60px);
}

.boxes .box.right .sub-box .btn {
	font-size: 13px;
	padding: 8px 15px;
}

.wissensdatenbank h1 { font-size: 30px; }

.kabeldatenbank { height: 550px; }

.animation > span {
	font-size: 93%;
	top: 12px;
}

.kabeldatenbank img {
	margin-top: 42%;
	width: 100%;
	max-width: 300px;
	margin-left: 40%;
}

.animation { display: none; }

.footer_content_div { min-height: 150px; }

header .logo {
	background: #ffec00 url("../assets/img/jokari_logo_v2.png") no-repeat scroll left center / 160px auto;
	height: 87px;
	width: 160px;
}


.prod-teaser > .row {
	padding:80px 440px 80px 0;
}
.prod-teaser > .row .prod-teaser-prodimage {
	max-width:400px;
}

.prod_highlight_wrapper > div > div { 
	font-size:22px;
}


}

@media screen and (max-width: 1100px) {


.price_wrapper.show {
		top: 60px;
		background:rgba(250,250,250,0.9);
	}
	
body.content_template .container .wrapper .merk {
	right: 20px;
}

.menu-trigger {
    top: 4px;
		width:50px;
		height:50px;
}

.upperhead .search-trigger { display:none; }

nav.stay-nav {
	display:none;
}

header {
	height: 60px;
	padding: 0 20px;
}

header .logo {
	background: #ffec00 url(../assets/img/jokari_logo_v2.png) no-repeat scroll left center / 120px auto;
	height: 60px;
	width: 120px;
}

nav.responsive { top: -46px; }

.upperhead {
	right: 0;
	top: 15px;
	width:auto;
	background: #fff;
	/*border-bottom: 1px solid #eee;
	padding: 0 20px; */
}

body {
	padding-top: 60px;
}

ul.list-langswitch li { padding: 2px 2px 2px 25px; }

ul.list-langswitch { margin-right: 0; line-height: 24px; }

ul.list-langswitch.list-currencyswitch {
	width: 74px;
	margin-right: 10px;
}
ul.list-langswitch li img {
    margin: 4px 0 0 5px;
}
	
ul.list-langswitch li.init::before {
  top: 3px;
  font-size: 14px;
}

.long_siegel .nominierung_eisen_2016 {
	height: 90px;
	left: 28px;
	top: -100px;
}

.allrounder_bg_first {
	background: url(../../UserFiles/img/allrounder_bg_01_neu_1100px.jpg);
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat !important;
}

body.content_template .slider_produkt .big_img img { margin-top: 150px; }

.kategorie li { width: 125px; }

.option-combo a { width: 125px; }

.prod_info {
	height: 80px;
	width: 125px;
}

#mfs-cat, .hidden-radio { width: 123px; }

body.prod_detail .left_content { width: 100%; }

body.content_template .left_content li.tab_selection a { padding: 0 15px; }

body.prod_detail .left_content { margin-right: 0; }

.recommWrapper { padding: 20px; }

body.prod_detail .container { padding: 0 20px; }

body.prod_detail > .site_scroller > .container { padding: 0; }

body.prod_detail .right_content_prod { padding: 66px 0 10px; }

body.prod_detail .left_content { padding: 0 0; }

body.prod_detail .data-tables > div, #gallery-1.royalSlider { padding: 10px 0 10px; }

ul.thumbs {
	width: 90px;
	float: left;
}

ul.thumbs li {
	display: block;
	margin-bottom: 10px !important;
}

div.slideshow-container, div.loader, div.slideshow a.advance-link {
	width: 100%;
	max-width: 500px;
}

.navigation-container { height: auto; }

.palmImg_aviation {
	-webkit-transform: scale(0.8) !important;
	-moz-transform: scale(0.8) !important;
	transform: scale(0.8) !important;
}

.palmImg_stempel {
	position: absolute;
	top: inherit;
	bottom: 1%;
	right: 1%;
}
 @-webkit-keyframes stempel {
0% {
 -webkit-transform:scale(2);
 -moz-transform:scale(2);
 transform:scale(2);
 opacity:0;
}
 100% {
 opacity:1;
 -webkit-transform:scale(0.6);
 -moz-transform:scale(0.6);
 transform:scale(0.6);
}
}
 @keyframes stempel {
0% {
 -webkit-transform:scale(2);
 -moz-transform:scale(2);
 transform:scale(2);
 opacity:0;
}
100% {
 opacity:1;
 -webkit-transform:scale(0.6);
 -moz-transform:scale(0.6);
 transform:scale(0.6);
}
}

#options { padding: 10px 20px; }

.content-scroller2 .dragdealer {
	width: 100%;
	margin-left: 0;
}

.slide_overlay > .slide_overlay_inner { padding: 35px 20px 0; }

.filter_search {
    margin: 0px auto 25px;
}

.slide_overlay > .slide_overlay_inner h1 {
	font-size: 38px;
	padding-bottom: 25px;
}
#slider-with-blocks-1.royalSlider {
	height: 400px;
	z-index: 0;
}

#slider-with-blocks-1 .big_bg_img {
	max-width:1280px;
}

#slider-with-blocks-1 .palmImg_aviation, #slider-with-blocks-1 .palmImg {
	max-height:400px;
	right:0;
	bottom:0 !important;
}

#slider-with-blocks-1 .palmImg_aviation.kb_palm {
    bottom: -20px;
}

.slider_produkt > div .prod_txtCent { top: 70px; }

.buegel_wrapper .buegel { width: 48%; }

.content-scroller2 .dragdealer { display: none; }


.option-combo .option-set { margin:0;}

#filteransicht {
	position:relative;
	top:-100px;
}

.produkt_filter {
    padding: 20px 0;
}


.option-combo.kabel .option-set { width: 100%; }

.option-combo.kabel { height: auto; }

.option-combo h4 {
	display:none;
}

.categorie_trigger, .cable_trigger {
	display:block;
	text-align:center;
	padding:12px 30px;
	background:#feed01;
	margin:0 0 20px;
	font-size:16px;
}

.option-combo .option-set li, .option-combo.kabel .option-set > li {
	width:100%;
	margin: 0 0 -1px -1px;
}

.option-combo .option-set {
	border-left: 1px solid #ddd;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	max-height:0;
	transition:0.6s all ease-in-out;
}

.option-combo .option-set.kabel {
	transition:0.7s all  ease-in-out;
}

.option-combo .option-set.active {
	opacity:1;
	visibility:visible;
	max-height:500px;
}

.option-combo .option-set li > button, .option-combo .option-set li > a {
	font-size: 11px;
	font-weight: 600;
}

.option-combo .option-set > li > button > img, .option-combo .option-set li > a > img {
	width: 35px;
	height: 35px;
	float: left;
	margin: 3px 15px 3px 5px;
}

.option-combo .option-set > li > button > span, .option-combo .option-set li > a > span {
	display: block;
	padding: 11px 2px 5px;
	text-align: left;
}

.option-combo.kabel .option-set > li > button > span, .option-combo.kabel .option-set li > a > span { padding: 11px 2px 5px; }


.boxes .box {
	width: 48%;
}

.boxes .box.right { width: 100%; margin-top:20px; }


}

@media screen and (max-width: 1023px) {
	
.prod_highlight_wrapper > div > div { 
	padding:38px 20px 38px 50px;
	width:60%;
	overflow:hidden;
	font-size:20px;
	font-weight:600;
}

.prod_highlight_wrapper > div:nth-child(even) > div { 
	padding:38px 70px 38px 0;
}

.sl-slider-wrapper { height: 670px; }

body.content_template .left_content { padding-right: 30px; }

body.prod_detail .left_content { padding-right: 0; }

.kabeltyp { width: 255%; }

.nav-arrows span { top: 12%; }

.jahreszahlen span { margin: 0 2.7%; }

.jahr_1978 { margin-left: 3%; }

.jahr_1990 { margin-left: 5%; }

.headline_content_text {
	left: 0;
	position: absolute;
	top: 130%;
}

.txtCent { font-size: 30px; }

.column.center { padding: 55px 15px 0; }

.cbp-so-side-left3 {
	width: 32%;
	padding-top: 65px;
}

.downloads_list, #accordion { padding-right: 30px; }

.sb-search {
	float: none;
	top: 10px;
	right: 0;
}

footer .column.left { width: 30%; }

footer .column.right {
	padding: 48px 5px;
	width: 70%;
}

.footer_content_div {
	min-height: 100px;
	margin-bottom: 25px;
}

.big_bg_img { right: -490px; }


#image-carousel { display: none; }

#image-carousel_response {
	display: block !important;
	opacity: 1;
	visibility: visible;
}

.response_part1 img {
	width: 100%;
	height: auto;
}

.response_part2 {
	background: url(../../UserFiles/img/allrounder_bg_responsiv.jpg) no-repeat center top;
	padding-bottom: 30px;
	color: #fff;
}

.response_part2 h1 {
	padding: 15px 0;
	text-shadow: 0px 0px 9px #000;
}

.allrounder_products {
	text-align: left;
	margin-bottom: 20px;
}

.allrounder_products ul li {
	display: inline;
	margin: 0 5px 0 0;
}

.kabeldatenbank {
	height: auto;
	position: relative;
}

.cbp-so-side-left6 {
	height: 610px;
	width: 100%;
}

.kabeldatenbank_desktop {
	position: static;
	background-size: 80%, auto;
	background-position: 50% 0%;
}

.cbp-so-side-right6 {
	width: 100%;
	padding-bottom: 50px;
}

.response_part1 { margin-bottom: -5px; }

.animation {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	height: 40px;
	margin: 11% auto;
	position: relative;
	left: 0;
	top: 0;
	width: 50%;
	display: block;
}

body.content_template .left_content { width: 100%; }

body.content_template .right_content {
	width: 100%;
	padding: 0 30px;
}

body.content_template .prod_loes {
	float: left;
	position: static;
	width: 300px;
	margin-right: 20px;
}

body.content_template .quality {
	float: left;
	width: 300px;
	margin-right: 20px;
}

body.content_template .kd {
	float: left;
	width: 300px;
}

body.prod_detail .right_content_prod { width: 100%; }

body.prod_detail .data-tables > div { width: 100%; }

.recommProds .element {
	width: 50%;
	margin-bottom: -1px;
}

.kabeldatenbank img {
	margin-top: 46%;
	width: 100%;
	max-width: 307px;
	margin-left: 56%;
}

body.prod_detail .data-tables table {
	max-width: 100%;
	position: static;
}

body.prod_detail .data-tables .prod_video {
	float: left;
	margin: 10px 40px;
}

.video-spotlight .left-video { float: none; }

.video-spotlight .right-video {
	margin: 0;
	padding: 0;
}

.video-spotlight > div { max-width: 500px; }

.element {
	width: calc(33.3% - 20px);
	margin: 20px 10px 0;
	min-height: 250px;
	overflow: hidden;
	float: left;
	position: relative;
	background: #fff;
	color: #222;
	border: 1px solid #ddd;
	padding: 19px 19px 60px 19px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


.cabel-results .cabel-result {
	width: 100%;
	position:relative;
	min-height:225px;
	padding:20px 20px 20px 225px;
}

.cabel-results .cabel-result .prodimg-wrapper {
	height: 185px;
	width:185px;
	position:absolute;
	left:20px;
	top:20px;
}

.link-wrapper {
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
}

.link-wrapper a, .link-wrapper span {
	margin-right:15px;
}


.prod-teaser > .row {
	padding:80px 380px 80px 0;
}
.prod-teaser > .row .prod-teaser-prodimage {
	max-width:360px;
}


.upperhead .merkzettel_top span { display: none; }

.upperhead .merkzettel_top:before {
	font-family: "jokari_iconset_prod";
	color: #333;
	content: "\e802";
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: -2px;
	font-weight: 400;
}

}


@media screen and (max-width: 768px) {
	
#slider-with-blocks-1 .blockHeadline {
	font-size: 21px!important;
}	

.buegel_wrapper .buegel.full_buegel {
    max-height:inherit;
}
	
.buegel_wrapper .buegel.full_buegel img {
    float: none;
		margin:0 0 20px;
}

.buegel_wrapper .buegel.full_buegel .buegel_prices {
	bottom:inherit;
	top:1px;
	padding:6px 20px 6px 10px;
}

.buegel_wrapper .buegel.full_buegel:hover span {
	margin-bottom:0;
}

.buegel_wrapper .buegel.full_buegel:hover img {
	margin:0 0 20px;
}

.sm-wrapper article {
	width:100%;
}

.sm-wrapper article:after {
	display:none;
}


.prod-teaser > .row {
	padding:80px 0 80px 0;
}

.prod-teaser > .row .prod-teaser-prodimage {
	position:static;
	max-width:100%;
	margin:20px 0;
}

.prod-teaser > .row h2 {
	font-size: 32px;
}

.prod-teaser > .row h3 {
	padding-bottom: 0;
	font-size:20px;
}

.prod-teaser > .row .prod-teaser-prodimage img {
	top: 0%;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}


.cabel-results .cabel-result {
	min-height:155px;
	padding:15px 15px 15px 165px;
}

.cabel-results .cabel-result .prodimg-wrapper {
    height: 125px;
		width:125px;
		position:absolute;
		left:15px;
		top:15px;
}


.cabel-results .cabel-result .prodimg-wrapper span {
    font-size: 12px;
		padding:5px;
		width:100%;
		text-align:center;
}

.link-wrapper a, .link-wrapper span {
    padding: 6px 15px;
}


.cabel-results .cabel-result .cabel-result-info {
	font-size:13px;
}

#filteransicht {
	position:absolute;
	top:-100px;
}

body.prod_detail .right_content_prod h2 {
	padding-bottom: 20px;
	font-size: 22px;
}

.slider_produkt > div .prod_txtCent { top: 40px; }

body.prod_detail .slider_produkt .big_img {
	top: 13px;
	background-size: 900px;
}

.nominierung_eisen_2016 {
	height: 100px;
	left: 28px;
	top: -100px;
}

.long_siegel .nominierung_eisen_2016 { }

.cbp-so-side-left6 { height: 450px; }

.left_content .imac iframe {
	height: 280px;
	top: 4%;
}

.job-offer {
	border: 1px solid #e5e5e5;
	position: relative;
	min-height: 180px;
}

.job-offer-left { padding: 20px 0 0 30px; }

body.prod_detail .right_content_prod ul li {
	width: 100%;
	margin-left: 5px;
	padding-right: 0;
}

.prod_detail.vacancies .job-offer h3 {
	float: none;
	width: 100%;
	font-size: 15px;
	margin-bottom: 5px;
}

.job-offer {
	border: 1px solid #e5e5e5;
	position: relative;
	min-height: 180px;
}

.job-offer-left { padding: 10px 0 0 20px; }

.prod_detail.vacancies .job-offer h3 {
	float: left;
	width: 100%;
	font-size: 15px;
	margin-bottom: 5px;
}

.prod_detail.vacancies .job-offer .job-offer-left a {
	float: none;
	min-width: 241px;
	color: #fff;
	border-bottom: 0;
}

.prod_detail.vacancies .data-tables {
	position: static;
	padding: 10px 0 10px 15px;
}

.prod_detail.vacancies .data-tables .prod_video {
	width: 252px;
	height: 185px;
	padding-bottom: 0;
	margin: 0;
	border: 0;
}

.prod_detail.vacancies .data-tables .prod_video .iframe_produktvideo iframe { width: 241px !important; }

body.prod_detail .slider_produkt .price, .price_wrapper .price { right: 185px; }

.buegel_wrapper .buegel {
	min-height:230px;
	max-height: 230px;
	width: 100%;
}

.buegel_wrapper .buegel:hover span {
	margin-bottom: 20px;
	display: block;
}

.slider_around img {
	position: absolute;
	height: 100%;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}

.buegel_wrapper .buegel.sixth-buegel:hover img {
    margin-top: -205px;
}

.boxes .box {
	width: 100%;
	margin-bottom:20px;
}

.boxes .box.right { width: 100%; margin-top:0; }


.prod_highlight_wrapper > div > div { 
	padding:28px 20px 18px 35px;
	font-size:16px;
}

.prod_highlight_wrapper > div:nth-child(even) > div { 
	padding:28px 50px 18px 0;
}


}




.filter_search::-webkit-input-placeholder {
	font-size:16px;
	color: #555555;
	opacity:1;
}

.filter_search::-moz-placeholder {
	font-size:16px;
	color: #555555;
	opacity:1;
}

.filter_search:-ms-input-placeholder {
	font-size:16px;
	color: #555555;
	opacity:1;
}

.filter_search:-moz-placeholder {
	font-size:16px;
	color: #555555;
	opacity:1;
}



@media screen and (max-width: 640px) {
.embed-container-wrapper {
	padding:20px;
}

.sm-wrapper {
    padding: 50px 20px 20px;
}

#slider-with-blocks-1 .big_bg_img {
	max-width:810px;
}


.cabel-results { margin-top: 0; }

.cabel-results .cabel-result {
	min-height:135px;
	padding:15px 15px 15px 120px;
}

.buegel_wrapper .buegel.sixth-buegel:hover img { margin-top: -175px; }

.cabel-results .cabel-result .cabel-result-info {
	font-size:12px;
}

.cabel-results .cabel-result .prodimg-wrapper {
    height: 85px;
		width:85px;
		position:absolute;
		left:15px;
		top:15px;
}


.cabel-results .cabel-result .prodimg-wrapper span {
    font-size: 11px;
		padding:5px 2px;
}

.link-wrapper a, .link-wrapper span {
    padding: 6px;
		margin-right:5px;
		margin-bottom:12px;
}

.MostWrapper { padding-bottom: 30px; }

#container {
	width: 100%;
	left: 0;
	border-top:1px solid #ddd;
}

.price_wrapper { width: 100%; }

.price_wrapper.show { top: 90px; }

body.content_template .slider_produkt { height: 300px; }

.slider_produkt > div .prod_txtCent {
	top: 0;
	transform: translateY(20px);
}

.rsThumb {
	width: 96px;
	height: 62px;
}



.siegel_wrapper img {
	max-height: 35px;
	margin-right: 15px;
}

.siegel_wrapper img.nominierung_eisen_2016 {
	margin-top: -5px;
	max-height: 45px;
}

body.prod_detail .slider_produkt .big_img {
	top: 13px;
	background-size: 640px;
}

.nominierung_eisen_2016 {
	width: 80px;
	right: 10px;
	left: inherit;
	top: -80px;
}

.prod_intro .merken {
	position: absolute;
	top: -30px;
	left: 15px;
}

.video_playbutton {
	width: 20px;
	height: 20px;
}

.video_playbutton:before {
	font-size: 20px;
	left: -15px;
}

body { font-size: 12px; }

.socialmedia { display: none; }

h1 { font-size: 18px; }

.mobile_buttons {
	display: block;
	position: absolute;
	top: 90px;
	width: 100%;
	padding: 11px 15px;
	z-index: 0;
}

.slider_around_kd > div h1 { margin-top: 10px; }

.inputfield input { font-size: 14px; }

.purchaser_left {
	float: none;
	margin-top: 10px;
	width: 100%;
	padding: 15px;
}

.purchaser_right {
	float: none;
	margin-top: 00px;
	width: 100%;
	padding: 15px;
}


.MostProds .element {
	width: 100%;
	margin-top: -1px;
}

.mobile_button {
	display: block;
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #1E357D;
	font-weight: 700;
	line-height: 35px;
	padding: 0 25px 0 15px;
	margin-bottom: 11px;
}

.mobile_button.call_button {
	background: url(../assets/img/button_call.png) no-repeat #f1f1f1;
	background-position: 95% 9px;
	background-size: 18px 18px;
}

.mobile_button.vcard_button {
	background: url(../assets/img/button_vcard.png) no-repeat #f1f1f1;
	background-position: 95% 8px;
	background-size: 22px 22px;
}

.mobile_button.map_button {
	background: url(../assets/img/button_map.png) no-repeat #f1f1f1;
	background-position: 95% 9px;
	background-size: 21px 21px;
}

.side_head {
	background-size: cover;
	border-bottom: 1px solid #E5E5E5;
}

body.content_template .left_content { padding: 10px 15px; margin-top:10px; }

body.content_template.prod_detail .left_content { padding: 0; }

body.content_template .right_content { padding: 0 15px; }

body.content_template .prod_loes h2, body.content_template .kd h2 { background-size: cover; }

body.content_template .kd { background-size: cover; }

.language_mz_mobile a {
	color: #1E357D;
	margin: 0 20px 0 5px;
	line-height: 5px;
	font-size: 11px;
}

.language_mz_mobile img { margin-bottom: -5px; }

.language_mz { display: none; }

.rsContainer { margin-top: -5px; }

.sb-search {
	margin-top: 62px;
	z-index: 99999999;
	min-width: 28px;
	height: 28x;
	margin-right: 15px;
}

.sb-icon-search, .sb-search-submit {
	height: 28px;
	line-height: 28px;
	width: 28px;
	background: #fff;
}

.sb-search-input {
	width: 98%;
	height: 28px;
}

#slider-with-blocks-1.royalSlider { height: 260px; }

.content_area section {
	padding:20px;
}

#slider-with-blocks-1 .blockHeadline {
	font-size: 24px;
}

#slider-with-blocks-1 .txtcontent {
	font-size: 20px;
}

.content_area section .btn {
	padding: 8px 25px;
	font-size: 14px;
}

.content_area { padding: 0; }

.slide.small { padding: 30px 20px; }

.blockHeadline {
	top: 3px;
	padding: 7px 20px;
}

.big_bg_img {
	right: -380px;
	max-width: 1100px;
	height: auto;
}

.palmImg {
	max-width: 300px;
	height: auto;
}

.palmImg_aviation {
	max-width: 300px;
	height: auto;
}

.allrounder_products img { max-width: 30.7%; }

.response_part2 h1 { font-size: 16px; }

.entmanteler_left {
	float: left;
	margin: 20px 0 0 0;
	max-width: 250px;
}

.cbp-so-section.kabeldatenbank .column.center { padding: 30px 0 !important; }

.kabeldatenbank h1 { font-size: 18px; }

.kabeldatenbank { font-size: 12px; }

.kabeldatenbank p { padding-bottom: 12px; }

.cbp-so-side-left6 { height: 250px; }

.cbp-so-side-right6 {
	padding: 30px 20px;
	width: 100%;
}

.kabeldatenbank_desktop { background-size: 100%, auto; }

.info_wrapper > div > article:first-child {
	border-right: none;
	padding: 20px 0 20px 0;
}

.animation {
	border-radius: 3px;
	height: 30px;
	margin: 11% auto;
	position: relative;
	left: 0;
	top: 0;
	width: 63%;
	display: block;
}

.animation > span {
	font-size: 74%;
	left: 7px;
	top: 10px;
}

.animation:after {
	content: url("../assets/img/lupe_field_small.jpg");
	position: absolute;
	right: 7px;
	top: 6px;
}

.kabeldatenbank img {
	margin-left: 30%;
	margin-top: 46%;
	max-width: 180px;
	width: 100%;
}

.info_wrapper > div > article {
	width: 100%;
	padding: 20px 0 20px 0;
}

.info_wrapper > div > article.twitter { padding: 20px 0 20px 0; }

footer .column.left { width: 90%; }

footer .column.right {
	width: 90%;
	padding: 0;
}

.footer_content_div {
	padding: 0;
	min-height: inherit;
	margin-bottom: 25px;
	width: 90%;
}

.kategorie_start li {
	height: 130px;
	margin: 10px;
	width: 115px;
}

.kategorie_start li .prod_info {
	height: 51px;
	width: 113px;
}

.kategorie_start li:hover .prod_info {
	height: 115px;
	padding-top: 30px;
	width: 113px;
}

.filter li a { font-size: 0.85em; }

.kategorie_start li span {
	font-size: 10px !important;
	padding: 20px 0;
}

#options { padding: 10px 20px; }

.kategorie_start li.no-selection {
	height: 80px;
	width: 112px;
}

.kategorie_start li.no-selection a {
	line-height: 80px;
	height: 80px;
	padding: 25px 10px;
	width: 112px;
}

.left_content .imac {
	background: none;
	height: 400px;
}

.left_content .imac iframe {
	height: 240px;
	top: 4%;
	width: 100%;
}

.kabeltyp_start li {
	height: 130px;
	display: inline-block;
	float: none;
	width: 115px;
}

.kabeltyp_start li .prod_info {
	width: 113px;
	height: 50px;
}

.kabeltyp_start li span {
	font-size: 10px !important;
	padding: 10px 0;
}

.kabeltyp_start li .no-selection { height: 80px; }

body.content_template .prod_loes, body.content_template .quality, body.content_template .kd {
	float: none;
	margin-right: 0;
	width: 100%;
}

.slider_around p { margin-bottom: -5px; }

.sl-slider h2 { font-size: 25px; }

.jahreszahlen { display: none; }

.nav-dots_around { display: none; }

section.content_inner img {
	float: none;
	margin-left: 30%;
	position: static;
	margin-top: 20px;
}

.sl-slider blockquote {
	margin-top: 250px;
	width: 94%;
	position: static;
	margin-top: 0px;
	margin-left: 3%;
	padding: 10px 15px 0;
}

.headline_content_text {
	top: 350%;
	margin-left: 15px;
}

.txtCent {
	padding: 0 !important;
	box-shadow: none !important;
	font-size: 18px;
}

.aktuellesauswahl li {
	font-size: 13px;
	font-weight: 400;
	margin-right: 6px;
}

.aktuellesauswahl li a { padding: 0 7px; }

.result_selection { margin-top: 40px; }

body.content_template .left_content li.tab_selection {
	font-size: 13px;
	margin-right: 6px;
	width: 100%;
}

body.content_template .left_content li.tab_selection.ui-tabs-active.ui-state-active { font-size: 13px; }

body.content_template .left_content li.tab_selection a {
	padding: 0 7px;
	height: 32px;
	line-height: 32px;
}

body.content_template .left_content li.tab_selection.ui-tabs-active.ui-state-active { margin-top: 0; }

body.content_template .left_content li.tab_selection.ui-tabs-active.ui-state-active a {
	height: 32px;
	line-height: 32px !important;
}

.sl-slider-wrapper {
	height: auto;
	min-height: 500px;
	font-size: 11px;
}

.nav-arrows span { z-index: 0; }

.fb_iframe_widget { width: 100% !important; }

.fb_iframe_widget span { width: 100% !important; }

.fb_iframe_widget iframe { width: 100% !important; }

.ansprechpartner { padding: 0; }

.downloads_list, #accordion { padding-right: 0; }

.ansprechpartner img {
	border-right: none;
	position: static;
}

.kontakt_btn {
	margin-top: 10px;
	position: static;
}

.kabeltyp { width: 800%; }

.prod_video .blockHeadline { width: 97%; }

div.slideshow a.advance-link img { max-width: 200px; }

.slider_produkt > div .prod_txtCent {
	font-size: 24px;
	padding: 8px 20px;
}

.produkt_filter { padding: 10px 0; }

.filter.kategorie { padding-left: 0; }

.kabeltyp { padding-left: 0; }

.element {
	width: 70%;
	margin-left: 15%;
}

body.prod_detail .first-data {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.go-top { display: none; }

.broschuere_download img {
	position: static;
	float: left;
	border-right: 0;
}

.broschuere_download {
	font-size: 13px;
	margin-top: 15px;
	padding: 0;
}

.kategorie_start { display: none; }

.kabel_start { display: none; }

.to_productfinder_mobile { display: block; }

.info_wrapper { display: none; }

.anwender_left {
	margin-top: 20px !important;
	width: 91%;
	float: none;
	margin: 0 auto;
}

.anwender_right {
	width: 91%;
	margin: 0 auto;
	float: none;
}

.zielgruppe_auswahl {
	margin-right: 0;
	width: 100%;
}

.vertrieb_left {
	margin-top: 20px !important;
	width: 91%;
	margin: 0 auto;
	float: none;
}

.vertrieb_right {
	float: none;
	width: 91%;
	margin: 0 auto;
}

.vertrieb_left .zielgruppe_auswahl.fullheight {
	float: left;
	width: 100%;
}

/* ------- */

.rsSlide { height: 265px; }

.video-spotlight iframe {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 157px;
}

.kabeldatenbank h1 { margin-top: 10px; }

body.content_template .intro {
	margin-top: 25px;
	border: none;
	padding:15px;
}


body.content_template .intro .responsive-title {
    padding-left: 0;

}

.headline_content_text { display: none; }

.left_content_pics {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.archive_img li {
	width: 120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive-title {
	margin-left: 0;
	padding-left:15px;
	opacity: 1;
	visibility: visible;
	display: block;
}

.result_selection li.tab_selection a { font-size: 14px; }

.element {
	width: 100%;
	margin: -1px 0 0;
}


.recommProds .element { width: 100%; }

.kategorie li { width: 140px; }

#merkzettel-box {
	width: auto;
	right: 10px;
	left: 10px;
	top: 150px;
	height: auto;
	bottom: 10px;
}

.merkzettel li.merkzettel_item ul li { margin-left: 10px; }

.merkzettel li.merkzettel_item { padding: 15px 15px 15px 15px !important }

.merkzettel li img { display: none; }

body.content_template .prod_intro, body.content_template .wrapper, body.prod_detail .first-data, body.prod_detail .container { background: #fff; }

body.content_template .wrapper {
	padding:0;
}

body.content_template.prod_detail .wrapper {
	padding:0 20px;
}


body.prod_detail .slider_produkt .big_img { z-index: -1; }

.video-spotlight .imac {
	width: 280px;
	height: 260px;
}

.video-spotlight .imac iframe {
	margin: 15px;
	width: 250px;
	height: 140px;
}

/* ------------------  ------------------- */

.sl-slider blockquote { margin-top: 60px; }

.sl-slider-wrapper { height: 760px; }

.twitter-share-button, #___plusone_0, .fb_iframe_widget, #___plusone_1, #___plusone_2, #___page_0 {
	display: block !important;
	text-align: center !important;
	margin: 15px auto !important;
	float: none !important;
}


#merkzettel-btns .btn {
	margin-right: 0;
	width: 100%;
}

.bg-img { background: #fff url(../../UserFiles/Slider/4c_historie_small.jpg); }

.kabel_db {
    margin: 0px auto 0 auto;
}

body.content_template .slider_around_kd > div h1.txtCent {
	font-size: 28px;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	background: transparent;
}


body.kabeldatabase .slider_around_kd { min-height: 240px; }

body.kabeldatabase .slider_around_kd .big_img img { height: 240px !important; }

body.kabeldatabase #fe-producttable {
	overflow: auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
}

footer a .footer_logo {
	margin: 10px 0 0 15px;
	max-width: 90px;
}

body { padding-top: 79px; }

.upperhead {
    right: -20px;
    top: 60px;
    width: calc(100% + 40px);
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 0 20px;
}

.slider_around_start { margin-top: 165px; }

.element { min-height: inherit; }

.element > .prod_img_wrapper {
	height: 66px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 0;
}

.MostProds .element > .prod_img_wrapper {
	width: 100%;
	left: 0;
	height: 66px;
	margin-top: 0;
	border-bottom: 0;
}

.element img {
	display: block;
	width: auto;
	height: 120%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.MostWrapper { display:none !important; }


.prod_highlight_wrapper > div > div { 
	padding:20px 0 18px 25px;
	font-size:14px;
}
.imac video, .imac #video_start {
  margin: -20px 0px 10px 10px;
}

.video-spotlight .imac video {
	/*margin: -30px 10px 10px 10px;*/
	width: 260px;
	height: 210px;
}

}

@media (max-width:420px) {
.boxes .box {
	padding: 15px 20px 80px;
}
.boxes .box > .image_holder {
    width: calc(100% + 40px);
    margin: 10px -20px 18px;
}

.boxes .box.right .sub-box {
	padding: 14px 0 24px 20px;
}

.boxes .box.right .sub-box h2 {
    padding-right: 120px;
}

.boxes .box.right .sub-box .more-info { padding-right: 120px; }	

.boxes .box.right .sub-box .image_holder { width: 100px; }

.boxes .box.right .sub-box .image_holder img { margin-left:-20px; }

.cabel-results { margin-top: 0; }

.cabel-results .cabel-result {
	min-height:135px;
	padding:15px 15px 15px 120px;
}


.cabel-results .cabel-result .cabel-result-info {
	font-size:12px;
}

.cabel-results .cabel-result .prodimg-wrapper {
    height: 85px;
		width:85px;
		position:absolute;
		left:15px;
		top:15px;
}


.cabel-results .cabel-result .prodimg-wrapper span {
    font-size: 11px;
		padding:5px 2px;
}

.link-wrapper a, .link-wrapper span {
    padding: 6px 10px;
		margin-right:10px;
}


.slide_overlay > .slide_overlay_inner h1 {
	font-size: 32px;
	padding-bottom: 15px;
}

.data-tables .video_boxes { min-height: 220px; }

body.prod_detail .slider_produkt .price, .price_wrapper .price {
	font-size: 22px;
	line-height: 24px;
}

.price_wrapper .price { margin-top: 3px; }

body.prod_detail .slider_produkt .price i, .price_wrapper .price i {
	font-size: 8px;
	line-height: 13px;
}

body.prod_detail .slider_produkt .buy-btn, .price_wrapper .buy-btn { padding: 8px; }

body.prod_detail .slider_produkt .price, .price_wrapper .price { right: 160px; }

.siegel_wrapper {
	left: inherit;
	right: 20px;
	bottom: 70px;
}

.siegel_wrapper img {
	max-height: 35px;
	margin-right: 0;
	margin-left: 15px;
}

body.prod_detail .slider_produkt .big_img {
	top: 13px;
	background-size: 520px;
}

.slider_produkt > div { padding: 0; }

.slider_produkt > div .prod_txtCent {
	font-size: 21px;
	padding: 8px 16px 8px 20px;
	left: 0;
	box-shadow:0 0 0 0 #fff;
}

body.prod_detail table.prod_table_new td:first-child { width: 120px; }

body.prod_detail table.prod_table_new tr td:first-child img {
	width: 100px;
	height: auto;
}

body.prod_detail table td { font-size: 13px; }

.upperhead .merkzettel_top { margin-right:8px; }

.upperhead .search-trigger {
    font-size: 0;
		padding-right:5px;
}

ul.list-langswitch li.init {
    padding: 2px 2px 2px 20px;
}

ul.list-langswitch {
    width: 82px;
}

ul.list-langswitch.list-currencyswitch {
    width: 70px;
}

}

@media (max-width:350px) {

body.prod_detail table td, body.prod_detail .datatable_01 table td { font-size: 13px; }

.data-tables .video_boxes { min-height: 180px; }

.blockHeadline_small { padding: 10px; }

}

.vorschau {
	color: #444;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	font-size: 14px;
	line-height: 18px;
	position: fixed;
	left: -2px;
	top: 15px;
	z-index: 99999999;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.vorschau.away { left: -230px; }

#vorschauinnen { padding: 12px 30px 12px 15px; }

#vorschauinnen img {
	position: relative;
	left: 20%;
	margin-bottom: 0px;
}

#vorschauinnen span {
	font-size: 12px;
	display: block;
	margin-bottom: -5px;
}

.vorschaubutton {
	background: #fdec1c;
	border: 1px solid #ddd;
	padding: 3px 20px;
	color: #1e357d;
}

.vorschaubutton:hover { background: #ddcd00; }

.ausblenden {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	right: -42px;
	top: 42px;
	width: 111px;
	text-align: center;
	padding: 3px 0 5px 0;
	background: #fdec1c;
	color: #1e357d;
	cursor: pointer;
	opacity: 1;
}

.ausblenden.fadeout { opacity: 0; }

.einblenden {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	right: -42px;
	top: 42px;
	width: 111px;
	text-align: center;
	padding: 3px 0 5px 0;
	background: #fdec1c;
	color: #1e357d;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}

.einblenden.show {
	opacity: 1;
	visibility: visible;
}

/*############actionset############*/
.img-actionset-wrapper {
	width:30%;
	float:left;
	
}
.first-actionset-wrapper, .second-actionset-wrapper {
	width:35%;
	float:left;
	}
body.prod_detail .right_content_prod .first-actionset-wrapper ul li, body.prod_detail .right_content_prod .second-actionset-wrapper ul li {

    width: 100%;
    float: none;

}
.actionset_clear {
	clear:left;}
.actionset_video {
	/*width:32%;*/
	margin-right:1%;
	float:left;
	}
body.prod_detail .data-tables > .actionset_video {
    width: 32%;

}
.data-tables .actionset_video .video_boxes {

    min-height: 242px;

}

@media screen and (max-width: 1023px) {
.img-actionset-wrapper {
	width:100%;
	float:none;
	
}
.first-actionset-wrapper, .second-actionset-wrapper {
	width:100%;
	float:none;
	}
body.prod_detail .data-tables > .actionset_video {
    width: 100%;

}
	}



.lazy-image {

}


.callout {
	font-size: 2rem;
	padding: 1.5rem;
	color: #fff;
	background: #f39c12;
}

#CybotCookiebotDialog {
	box-shadow:none !important;
	border-top:1px solid #dcdcdc !important;
}
a#CybotCookiebotDialogPoweredbyCybot,div#CybotCookiebotDialogPoweredByText {
    display: none;
}
#CybotCookiebotDialogPoweredbyLink {
	display:none;
	}
#CybotCookiebotDialogBodyContentTitle {
	text-transform:uppercase;
	font-weight:400;
}
#CybotCookiebotDialogBodyContent {
	padding: 12px 0 8px 0px !important;
	}
#CybotCookiebotDialogBody {
	max-width:90% !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
	/*background-color:#efefef;*/
	width:100% !important;
	float:none;
	text-align:center;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper [style] {
	width:200px !important;
	padding-top:8px;
	padding-bottom:8px;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color: #ffffff !important;
  border: 1px solid #404040 !important;
  color:#404040 !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: #404040 !important;
  border: 1px solid #404040 !important;
  /*display:none !important;*/
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #404040 !important;
  border: 1px solid #404040 !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #1E357D !important;
  border-color: #1E357D !important;
  color: #ffffff;
}
#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: #1E357D !important;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane, #CybotCookiebotDialogBodyLevelDetailsWrapper {
	border:none !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
	display:none !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #1E357D !important;
  border-color: #1E357D !important;
  color: #FFFFFF;
}
#CookiebotWidget .CookiebotWidget-consent-details button {

  color: #1E357D !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #1E357D !important;
}

/*++++++ Mailchimp CSS +++++++*/
.mc_title h1 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #1E357D;
}

/* Form container */
#mc_embed_signup_scroll {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

/* Form fields */
.mc-field-group {
    margin-bottom: 20px;
}

.mc-field-group label {
    display: block;
    margin-bottom: 5px;
	font-weight: bolder;
}

.mc-field-group input[type="text"],
.mc-field-group input[type="email"],
.mc-field-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
	background-color: #fff;
}

/* Hidden input for Mailchimp tags */
input[name="tags"] {
    display: none;
}

/* Responses */
#mce-responses {
    margin-top: 10px;
}

.response {
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

/* Privacy note and asterisk */
.mc_privacynote,
.mc_asterisk {
    margin-top: 10px;
	font-size: 12px;
  	font-style: italic;
}

/* Subscribe button */
.clear {
    overflow: hidden;
}

#mc_embed_signup .btn {
    float: right;
    padding: 10px 20px;
    background-color: #1E357D;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#mc_embed_signup .btn:hover {
	color: #fdec1c;
}

.mc-error-message {
    color: #ff0000;
    font-size: 14px;
    margin-top: 5px;
}

.nl-mc-footer-wrapper {
    background-color: #1E357D;
}

.nl-mc-footer {
    color: #fff;
    padding: 20px;
	margin-top: -15px;
}

.nl-mc-footer h5 {
    font-size: 24px;
    font-weight: bold;
}

.nl-mc-footer p {
    font-size: 16px;
}

.nl-mc-footer-btt {
    text-align: right;
}

.nl-mc-footer-btt .btn {
    background-color: #fff;
    color: #1E357D;
    display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 11px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.nl-mc-footer-btt .btn:hover {
    background-color: #fceb1b;
    color: #1E357D;