@font-face{
	font-family:"Trade Gothic Bold Condensed";
	src:url("/ceemes/Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
	src:url("/ceemes/Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),
		url("/ceemes/Fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),
		url("/ceemes/Fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),
		url("/ceemes/Fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}

.shortcutbar {
	width: 100%;
	height: 39px;
	position: fixed;
	z-index: 10001;
	font-family: "Trade Gothic Bold Condensed";
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
.shortcutbar-dummy {
	width: 100%;
	height: 40px;
	z-index: 1001;
	opacity: 0.3;
	display: none;
}
.shortcutbar.white .inlay{
	background: #FFFFFF;
}
.shortcutbar .ki {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	z-index: 10001;
}
.shortcutbar div.trigger {
	height: 32px;
	display: inline;
	float: left;
	padding-top: 8px;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat no-repeat;
	background-image: url(../svg/svg_pulldown.svg);
	background-size: 26px;
    background-position: calc(100% + 4px) 7px;
	padding-right: 18px;
}
.shortcutbar div.trigger .line {
	height: 5px;
	position: absolute;
	display: none; 
	bottom: 0;
	left: 0;
	width: 100%;
	padding-right: 7px;
}
.shortcutbar.open div.trigger .line ,
.shortcutbar div.trigger:hover .line {
	display: block;
}
.shortcutbar div.lang {
	float: right;
	height: 23px;
	border: 1px solid rgb(128, 128, 128);
	border-width: 0 0 0 1px;
	padding-top: 8px;
	margin-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
}
.shortcutbar div.lang .lang-de,
.shortcutbar div.lang .lang-en {
	cursor: pointer;
}
.shortcutbar .innercontent div.lang {
	display: none;
}

.shortcutbar .overlay {
	position: absolute;
	width: 100%;
	top: 40px;
	z-index: 10001;
	background: rgb(40, 40, 40);
}
.shortcutbar .overlay > div {
	margin: 0 auto;
}
.shortcutbar div.innercontent {
	position: relative;
	height: 0px;
	z-index: 1000;
	display: none;
	opacity: 0;
	overflow: hidden;
	left: 0px;
	margin: 0 10px;
	width: calc(100% - 20px);
}
.shortcutbar.open  div.innercontent {
	display: table;
}
.shortcutbar div.middle{
	position: relative;
	margin: 0 auto;
	height: 227px;
	display: table-row;
}
.shortcutbar .picturebox {
	width: 33.33%;
	display: table-cell;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.shortcutbar .picturebox .mainbg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: -2px;
	left: -2px;
	padding: 2px;
}
.shortcutbar .picturebox .textlogobox {
	position: relative;
}
.shortcutbar .picturebox .label-table {
	display: table;
	min-height: 85px; 
	height: 85px; 
	position: absolute;
	width: 100%;
	bottom: 10px;
}
.shortcutbar .picturebox .label-table .spacer{
	display: table-cell;
	width: 10px;
	height: 100%;
}
.shortcutbar .picturebox .label-table  .label {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: top;
}
.shortcutbar .picturebox .bg {
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
}
.shortcutbar .picturebox:hover .bg {
	opacity: 1;
}
.shortcutbar .picturebox .textlogobox > span {
	display: block;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 20px;
}
.shortcutbar .picturebox .textlogobox span.link {
	font-family: "Droid Serif";
	font-style: italic;
	color: rgb(226, 0, 32);
	font-size: 14px;
	line-height: 20px;
	display: block;
	text-transform: none;
}
.shortcutbar .picturebox:hover .textlogobox span.link  {
	text-decoration: underline;
}
.shortcutbar .picturebox .textlogobox.short img {
	float: left;
	padding: 10px 15px 10px 15px;
	border: 1px solid rgb(128, 128, 128);
	margin-top: 10px;
	border-width: 0 1px 0 0;
	margin-right: 15px;
	width: 50px;
	height: 45px;
	margin-bottom: 10px;
}
.shortcutbar .picturebox .textlogobox img {
	float: left;
	padding: 15px;
	border: 1px solid rgb(128, 128, 128);
	margin: 5px 15px 5px 0px;
	border-width: 0 1px 0 0;
	width: 50px;
	height: 45px;
}
.shortcutbar .picturebox .textlogobox .logo {
	float: left;
	padding: 18px 15px;
	border: 1px solid rgb(128, 128, 128);
	margin-top: 5px;
	border-width: 0 1px 0 0;
	margin-right: 14px;
}


/* relaunch 2018 */
.shortcutbar {
	border-bottom: 1px solid #dedede;
	background: rgb(238, 238, 238);
	position: relative;
}
/*.shortcutbar.fixed {
	position: fixed;
	-webkit-animation: shortcutbarDown 500ms;  Safari, Chrome and Opera > 12.1 
       -moz-animation: shortcutbarDown 500ms;  Firefox < 16 
        -ms-animation: shortcutbarDown 500ms;  Internet Explorer 
         -o-animation: shortcutbarDown 500ms;  Opera < 12.1 
            animation: shortcutbarDown 500ms;
}
.shortcutbar.default {
	position: absolute;
	top: 0px;
	-webkit-animation: shortcutbarUp 500ms;  Safari, Chrome and Opera > 12.1 
       -moz-animation: shortcutbarUp 500ms;  Firefox < 16 
        -ms-animation: shortcutbarUp 500ms;  Internet Explorer 
         -o-animation: shortcutbarUp 500ms;  Opera < 12.1 
            animation: shortcutbarUp 500ms;
}*/
			
@keyframes shortcutbarDown {
	0% {top: -40px;}
	100% {top: 0px;}
}
			
@keyframes shortcutbarUp {
	0% {top: 0px; position: fixed;}
	100% {top: -40px; position: fixed;}
}

.shortcutbar .specifics {
	position: relative;
 }
.shortcutbar .specifics > * {
	float: right;
	position: relative;
}
body.horizon .shortcutbar .specifics > .other_top {
	display:none;
}
.shortcutbar .specifics .asicon {
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	opacity: 0.7;
	transition: all 300ms;
}
.shortcutbar .specifics .asicon:hover {
	opacity: 1;
}
.shortcutbar .specifics .asicon:after {
	top: 0px;
	left: 0px;
}
.lang,
.shortcutbar .specifics .lang {
	float: right;
	height: 40px;
	border: 1px solid rgb(128, 128, 128);
	border-width: 0;
	padding: 0 0 0 5px;
	margin: 0;
	margin-right: -15px;
}
.lang .chooser,
.shortcutbar .specifics .lang .chooser {
	/*display: none;*/
	/*position: absolute;*/
	border: 1px solid transparent;
	text-align: center;
	padding: 0 5px;
	top: -3px;
}
.lang .chooser:hover,
.shortcutbar .specifics .lang .chooser:hover {
	border: 1px solid #dedede;
    background: #f8f8f8;
	top: 1px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.lang .chooser .curent,
.shortcutbar .specifics .lang .chooser .curent {
	line-height: 40px;
	padding: 0 5px;
	top: 0px;
	position: relative;
}
.lang .chooser:hover .curent,
.shortcutbar .specifics .lang .chooser:hover .curent {
	top: -1px;
}
.lang .chooser .other,
.shortcutbar .specifics .lang .chooser .other {
	height:0px;
	overflow: hidden;
	top: -3px;
	margin-bottom: -3px;
	position: relative;	
	transition: height 300ms;
}
.lang .chooser .other a,
.shortcutbar .specifics .lang .chooser .other a {
	border-top: 1px solid #dedede;
	line-height: 39px;
	display: block;
	padding: 0 5px;
}
.lang .chooser:hover .other ,
.shortcutbar .specifics .lang .chooser:hover .other {
	height:auto;
}
.shortcutbar .specifics .cart > a {
	position: relative;
	z-index: 10;
}
.shortcutbar .specifics .cart #basket-add-info {
    background: #f8f8f8;
    border: 1px solid #dedede;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	top: 5px;
	right: -10px;
	margin: 0;
	padding: 0 0 5px 0;
	height: auto;
	width: auto;
	position: absolute;
	z-index: 9;
	display: none;
}
.shortcutbar .specifics .cart #basket-add-info .table {
	table-layout: auto;
}
.shortcutbar .specifics .cart #basket-add-info .image {
	height: 80px;
	width: 110px;
	background: rgb(255, 255, 255);
	position: relative;
	display: inline-block;
	float: left;
	margin: 10px 20px 10px 20px;
}
.shortcutbar .specifics .cart #basket-add-info .info {
	position: relative;
	height: auto;
	min-height: 60px;
	margin-right: 20px;
	text-align: center;
	padding-bottom: 10px;
}
.shortcutbar .specifics .cart #basket-add-info .info > div {
	text-align: left;
	padding-bottom: 10px;
}
.shortcutbar .specifics .cart #basket-count-info {
	position: absolute;
	top: 14px;
	right: -8px;
	z-index: 1000;
	text-align: center;
	width: 20px;
}
.shortcutbar .specifics .cart #basket-add-info .info > a {
	white-space: nowrap;
	border: 1px solid rgb(80, 80, 80);
	height: 40px;
	display: block;
	position: relative;
	line-height: 44px;
	padding: 0 10px;
	min-width: 200px;
	bottom: 0px;
	position: relative;
}
.shortcutbar .specifics .cart #basket-add-info .header {
 	height: 33px;
	border-bottom: 1px solid rgb(238, 238, 238);
	margin: 0 10px;
	line-height: 40px;
	padding: 0 10px;
 }


#loading-indi {
	position: fixed;
	text-align: center;
	bottom: 0;
	height: 40px;
	width: 100%;
	display: none;
}
#loading-indi div {
	position: absolute;
	bottom: 0;
	height: 40px;
	background: rgb(128, 128, 128);
	width: 100%;
	opacity: 0.4;
}
#loading-indi span {
	padding-top: 5px;
	display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.shortcutbar div.middle {
		width: 100%;
	}
	.shortcutbar .picturebox.second {
		width: 33.4%;
	}
	.shortcutbar .picturebox {
		width: 33.3%;
	}
	.shortcutbar .picturebox .textlogobox img {
		display: none;
	}
}
@media only screen and (min-width: 768px){
	.shortcutbar div.trigger .line {
		background: #282828;
	}
	.shortcutbar div.logo,
	.shortcutbar div.menu-toggle {
		display: none;
	}
}
@media only screen and (max-width: 767px){

	.shortcutbar .specifics {
		overflow: hidden;
	}
	.shortcutbar .picturebox ,
	.shortcutbar .picturebox.second {
		width: 100%;
		height: 85px;
		position: relative;
		overflow: hidden;
		border: 1px solid #505050;
		border-width: 0 0 1px 0 ;
		float: none;
	}

	.shortcutbar .inlay {
		height: 39px;
		border: 1px solid #505050;
		border-width: 0 0 1px 0 ;
	}
	.shortcutbar .picturebox .textlogobox img {
		float: left;
		padding: 15px 20px 15px 0;
		border: 1px solid rgb(128, 128, 128);
		margin-top: 5px;
		border-width: 0 1px 0 0;
		margin-right: 19px;
	}
	.shortcutbar .picturebox .textlogobox {
		height: 100%;
	}
	.shortcutbar .picturebox .label-table .spacer {
		width: 20px;
	}
	.shortcutbar div.trigger {
		position: absolute;
		cursor: pointer;
		width: 100%;
		height: 40px;
		margin-left: 0px;
		display: block;
		float: none;
		padding-top: 0px;
		background: none;
	}
	.shortcutbar.open div.trigger > span ,
	.shortcutbar div.trigger > span {
		display: none;
	}

	.shortcutbar div.trigger .line ,
	.shortcutbar div.trigger:hover .line  {
		height: 29px;
		display: inline-block;
		float: right;
		width: 31px;
		cursor: pointer;
		background-repeat: no-repeat no-repeat;
		background-image: url(pfeil_blk.png);
		background-size: 13px;
		background-position: 0px 16px;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
		bottom: 0;
		right: 0;
	}

	.shortcutbar div.lang {
		display: none;
	}
	.shortcutbar .innercontent div.lang {
		display: block;
		border: none;
		margin-top: 1px;
	}
	.shortcutbar .picturebox .mainbg {
		display: none;
	}
	.shortcutbar .picturebox .label-table {
		margin-top: 0px;
		position: relative;
		bottom: 0px;
	}
	.shortcutbar div.innercontent {
		background: rgb(238, 238, 238);
		height: 295px;
	}
	.shortcutbar.white div.innercontent {
		background: white;
		height: 295px;
	}
	.shortcutbar .picturebox .label-table ,
	.shortcutbar div.middle {
		width: 100%;
		height: 100%;
	}
	.shortcutbar .picturebox .bg {
		display: none;
	}
	.shortcutbar .picturebox .textlogobox > span {
		padding-top: 24px;
	}

	.shortcutbar div.logo {
		float: left;
		position: absolute;
		left: 0px;
	}
	.shortcutbar div.logo img.for-menu-closed {
		top: 7px;
		position: relative;
	}
	#mobile_shortcutbar_section:after,
	.shortcutbar div.logo img.for-menu-closed + #mobile_shortcutbar_section:after {
		margin-left: 8px;
		font-family: "HurmeGeometricSans3-Bold", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 16px;
		color: rgb(80, 80, 80);
	}
	.shortcutbar div.logo img.for-menu-open {
		position: relative;
		display: none;
	}
	
	body.menu-open .shortcutbar div.logo img.for-menu-open {
		display: block;
	}
	body.menu-open .shortcutbar div.logo img.for-menu-closed {
		display: none;
	}

	/* hide for open menu */
	body.menu-open .shortcutbar div.other_top,
	body.menu-open .shortcutbar div.cart {
		display: none;
	}
	
	/* hide in mobile */
	.shortcutbar div.overlay,
	.shortcutbar div.trigger {
		display: none;
	}
	.shortcutbar div.inlay,
	.shortcutbar {
		border-bottom: none;
	}	
	
}