@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);

/*	basic
	================================= */

	body {
		background-color: #f1f1f1;
	}
     u {
          text-decoration: none;
     }

	html, body,h1,h2,h3,p,a,ul,li {
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.5;
		color: #333;
	}


	h1 {
		font-size: 28px;
		margin: 12px 0 20px 0;
	}

	h2 {
		font-size: 24px;
		margin: 12px 0 20px 0;
	}

	h3 {
		font-size: 20px;
		margin: 12px 0 20px 0;
	}

	form h3 {
		display: none;
	}

	p {
		margin: 0 0 20px 0;
	}

	a {
		text-decoration: none;
		color: #E2001A;
	}

	a:hover {
		color: #E2001A;
	}

	a:hover i.fa-facebook {
		color: #3b5998;
	}

ul {
	padding-bottom: 21px;
}

figure.image {
    margin: -45px 0 0 -20px;
    width: calc( 100% + 40px );
}

.form-container {
    padding: 12px 20px;
}

/*Hack Aimeos Detail Page thumbs display none*/
.catalog-detail-image .image-thumbs {
	display: none;
}

.catalog-session-pinned {
	display: none;
}


/*POPUP*/
#popupModal {
	display: none;
		background: #333;
		color:#fff;
		top:80px;
		position: absolute;
		z-index: 3000;
		left: calc(50% - 400px);
		text-align: center;
}

.modal-headline {
    width: 100%;
    padding: 20px;
    font-size: 24px;
}

.modal-text {
	color:#fff;
    width: 93%;
    padding: 20px;
    font-size: 16px;
}

.modal-text p{
	color: #fff;
}

#popupModal .modal-content {
    max-width: 800px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

#popupModal .modal-content>div {
  width: auto;
  display: block;
  clear: both;
}

#popupModal .image {
  padding-top: 30px;
  background: #333;
}

#popupModal .image>img,
#popupModal .image a>img {
  max-height: 80vh;
}

#popupModal .image-center.image-above {
  width: 100%;
}

#popupModal .modal-header {
  border-bottom: none;
  padding: 15px 0;
}

#popupModal .modal-body {
	color: #fff;
  background: #333;
  padding: 0
}

#popupModal figcaption.caption {
  display: none;
  position: absolute;
  margin-top: 0;
  font-weight: 900;
  color: #333;
  font-size: 2em;
  padding: 15px 150px 15px 15px;
  background: #dddedf;
  box-sizing: border-box;
  width: calc(100% - 30px);
}

#popupModal h1,
#popupModal h2,
#popupModal h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 900;
  color: #333;
  font-size: 2em;
  padding: 15px 150px 15px 15px;
  background: #dddedf;
  box-sizing: border-box;
}

#popupModal .modal-footer {
    background: #dddedf;
    position: relative;
		padding: 0 20px 20px;
}

#popupModal .modal-content .close {
	opacity: 1;
    font-size: 20px;
    right: 0;
    background: none;
    color: #fff;
    margin-top: -15px;
    border: 0;
    position: absolute;
    z-index: 4000;
}

#popupModal .frame,
#popupModal .image {
  margin: 0;
}

#popupModal .modal-content {
  display: inline-block;
}

/*Background SLider*/
	#gallery {
		position: fixed;
		height: 100%;
		right: 0;
		width: calc(100% - 270px);
		z-index: 0;
	}
	#gallery div {
		width: 100%;
		height: 100%;
		background-size:cover;
	}

/* Shop */
	.catalog-list .product a,
	.catalog-list a .media-list,
	.catalog-list a .media-item {
		width: 100% !important;
	}

	.catalog-list a .media-item,
	.aimeos .catalog-detail-image .image-single .item {
		-webkit-background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  background-size: cover !important;
	}

	.aimeos .price-list {
		padding: 0 0 10px 0;
	}



	.catalog-list-items .product .media-list .media-item:nth-child(1),
	 .catalog-list-items .product .media-list .media-item:nth-child(3),
	 .catalog-list-items .product .media-list .media-item:nth-child(4){
		display: none;
	}

	.aimeos.catalog-list .product a {
		position: relative;
		display: block;
		float: left;
		border: 3px solid #ddd;
	}

	.aimeos.catalog-list h1 {
    font-size: 24px;
		font-weight: normal;
		text-transform: capitalize;
	}

	.aimeos.catalog-list .product .text-list h2 {
		line-height: 2em;
		font-weight: bold;
		font-size: 110%;
		text-transform: capitalize;
	}

	.text-list {
    line-height: 1;
    width: 100%;
	}

	.content.shop-detail div[itemprop="offers"] {
		position: relative;
		float: left;
	}

	.catalog-list .catalog-list-items {
		margin: 0;
	}

	.catalog-list .list-items.list-items {
		background: #fff;
		margin: 0 -15px;
		padding-left: 0;
	}

	.basket-top {
    position: absolute;
    right: 0;
	}

	 .catalog-list .catalog-list-items .product {
		border-bottom: none;
	}

	section.aimeos.basket-mini > *,
	.aimeos.catalog-detail a,
	.basket-mini-product .minibutton {
    color: #e2001a !important;
	}

	.aimeos .basket-standard-coupon .coupon-new button.minibutton {
		background-color: transparent;
		border: none;
		padding: 0.3em;
	}

	.basket-standard .button-group {
		padding: 0.5em 0;
	}

	.catalog-actions,
	.catalog-social {
		display: none;
	}

	.aimeos .catalog-detail-basic h1.name {
		color: #333;
		text-transform: capitalize;
		font-weight: bold;
	}

	.catalog-detail-basket form {
    position: relative;
	}

	.addbasket i.fa-chevron-right {
		color: #fff;
    right: 10px;
    position: absolute;
    bottom: 10px;
    font-size: 1.5em;
	}

.aimeos.catalog-detail .product .price-list {
  margin-left: 0;
  font-weight: bold;
}

.aimeos .common-summary .header,
.aimeos .common-summary-detail .header {
	border-bottom: 1px solid #e2001a;
}

.aimeos a.modify.modify {
	color: #E2001A;
}

li.step.active a {
	color: #e2001a;
}

.aimeo .basket-standard-coupon {
    padding: 1em 0 !important;
}

.aimeos .basket-standard-coupon .coupon-new {
	background-color: #e2001a;
	border: 1px solid #e2001a;
	border-radius: 0;
	width: auto;
}

.aimeos .basket-standard-coupon .coupon-new:hover {
	background-color: #e2001a;
}

.aimeos .basket-standard-coupon .coupon-new input {
	border-radius: 0;
	height: 1.5em;
	border: none;
}

#products-wrapper .checkout-standard-summary-option-terms a {
  color: #e2001a;
}

.catalog-detail-additional {
	display: none;
}

.aimeos.basket-mini {
	margin: 20px 50px 0 0;
	background: transparent;
}

.aimeos .basket-mini-main {
	color: inherit;
}

.aimeos.aimeos .product .price-list {
  margin: 0;
}

.catalog-list-items .price-item:first-of-type, .catalog-detail-basket .price-item:first-of-type {
    margin-left: 20px;
}

.catalog-detail-basket .price-actual {
    margin: 0 0 0 -20px;
}

.aimeos.checkout-standard .common-summary-additional .comment {
	height: auto;
	min-height: 8em;
}

.aimeos .common-summary .content {
  width: calc(100% - 3em);
}

#products-wrapper section.aimeos.checkout-standard .item img {
  width: auto;
}

.aimeos.checkout-standard .form-list label {
	width: auto;
}

.aimeos .detail-full ul.selection .select-value {
	width: auto;
	float: left;
	background: none;
}

.aimeos .detail-full ul.selection select {
  font-size: 1em;
  width: auto;
}

.catalog-detail-basket-selection {
	margin-bottom: 1em;
}

.aimeos .catalog-detail-image .thumbs-vertical {
	width: 100%;
	height: 80px;
}

.aimeos .catalog-detail-image .thumbs .item {
	float: left;
	width: 80px !important;
	height: 60px;
	margin-right: 3px;
}

/*
	.content .aimeos.catalog-detail h1 {
		color: #fff;
		font-size: 2em;
		text-shadow: 1px 1px 7px rgba(100, 100, 100, 1);
    float: left;
    width: 100%;
    padding: 0.3em 0;
    transform: translateY(-150%);
		position: absolute;
	}
*/

	.content .catalog-detail-basic {
		float: left;
		width: 100%;
		margin: 0;
	}

	.catalog-detail-basic .short.short {
		display: block;
		margin-bottom: 0;
	}

	.basket-mini {
    float: right;
    margin: 15px 0;
    width: 100%;
    text-align: right;
	}

	.aimeos .catalog-detail-image {
    width: 100%;
	}

	.aimeos .catalog-detail-image .thumbs-horizontal,
	.aimeos .catalog-detail-image .image-single,
	.aimeos .catalog-detail-image .image-single,
	.aimeos .catalog-detail-image .image-single .item {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.aimeos .catalog-detail-image .thumbs-horizontal button {
		display: none;
	}

	.content.shop-detail {
		padding: 0;
	}

	.content.shop-detail.open > div {
    float: left;
    width: 100%;
	}

	.content.shop-detail #closeContent {
		margin-top: 0;
	}

	.content.shop-detail .image-thumbs {
		display: none;
	}

	.content.shop-detail .catalog-detail-basket .group,
	.content.shop-detail .aimeos .btn-action:hover {
		background-color: #E2001A;
	}

	.content .catalog-detail-basic,
	.catalog-detail-actions,
	.catalog-detail-social,
	.catalog-detail-additional {
		padding: 15px 40px;
	}

	.content .catalog-detail-additional .content {
		margin: 0;
    width: calc(100% - 80px);
    padding: 0.5em 40px;
	}

	.content.shop-detail .catalog-detail-actions,
	.content.shop-detail .catalog-detail-social {
		float: left;
		margin: 0;
	}

	.content.shop-detail .catalog-detail-social {
		display: none;
	}

	.content.shop-detail .catalog-detail-actions {
		position: absolute;
    top: 540px;
    right: 0;
	}

	.content.shop-detail .catalog-detail-additional .header,
	.content.shop-detail .catalog-stage-breadcrumb .breadcrumb {
    padding: 0.5em 40px;
	}

	.content .catalog-detail-additional table.attributes,
	.content .catalog-detail-additional table.properties {
		width: 100%;
		margin: 0;
	}

	.catalog-detail-actions > a:last-child {
    padding-right: 0;
	}

	.content .catalog-detail-additional .item,
	.content .catalog-detail-additional .attributes td,
	.content .catalog-detail-additional .properties td {
		padding: 10px 0;
	}

	.content .catalog-stage-navigator {
    margin: 0.5em 40px;
	}

	.content .long.item font {
    font-family: 'Open Sans', sans-serif;
    color: #555;
	}

	.content.shop-detail .long.item font span {
    display: block;
    font-size: 0.9em !important;
    line-height: 1.55;
	}

	.aimeos.basket-standard .content {
		margin: 0;
		padding: 0;
		float: right;
	}

	.content .basket-standard-coupon.container {
		width: 93%;
	}

.detail-left {
	width: 38%;
	float: left;
}

.detail-right {
	width: 58%;
	float: right;
}

.aimeos .catalog-detail-basic {
	margin: 0;
}

.aimeos .basket-standard-coupon {
	display: none;
}

.aimeos .common-summary-detail td.quantity input {
	height: 27px;
}

.aimeos .catalog-detail-basket {
  padding-left: 0;
  padding-right: 0;
	margin: 0;
}

.detail-back a {
  float: right;
}

.aimeos .catalog-detail-basket .group,
.aimeos.aimeos .standardbutton {
  background-color: #e2001a;
	width: 100%;
  border: none;
	margin-top: 20px;
}

.aimeos.aimeos .standardbutton:hover,
.aimeos .button-group .btn:hover {
	background-color: #c20017;
	border-color: #c20017;
}
.aimeos.aimeos .standardbutton,
.aimeos .button-group .btn {
	color: #fff;
	background-color: #e2001a;
	border-color: #e2001a;
	line-height: 1.2;
	padding: 0.5em 1em;
	font-size: 125%;
	font-weight: bold;
}

.aimeos .detail-full .form-control {
	height: 35px;
}

.aimeos .catalog-detail-basket .group:hover,
.aimeos.aimeos .standardbutton:hover,
.aimeos.aimeos .addbasket .group:hover .standardbutton {
  background-color: #c20017;
}

.aimeos.basket-standard .standardbutton,
.aimeos.checkout-standard .standardbutton {
	width: auto;
	margin: 10px;
	line-height: 1.2;
}

.catalog-detail-basket .addbasket button:hover {
	background: transparent;
}

.checkout-standard-address .item-address {
	float: left;
	width: 100%;
}

.checkout-standard .button-group {
	float: left;
	width: 100%;
}

.detail-full {
  width: 100%;
  float: left;
}



.detail-back {
	margin-top: 30px;
}

.aimeos.aimeos .basket a:link, .aimeos.aimeos .basket a:visited {
  color: #e2001a;
}

.aimeos.basket-mini > a:before {
  content: none;
}

.basket-mini>a:after {
  font: 14px/1 FontAwesome;
  font-size: 125%;
  content: "\f07a";
}

.aimeos.basket-mini .quantity:before,
.aimeos.basket-mini .quantity:after {
	content: none;
}

.price-list {
  width: 100%;
  float: left;
}

.aimeos .product .stock-list {
	display: none!important;
}

.list-arrow {
  width: 56px;
  height: 56px;
  background: #e2001a;
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  position: absolute;
	right: 48px;
  bottom: 0;
}

.list-arrow i {
	margin-top: 16px;
}

.aimeos.catalog-list .offer {
  float: left;
	margin-top: 12px;
	margin-left: 15px;
	bottom: 33px!important;
	width: 100%;
}

.aimeos.aimeos .product .price-list {
    margin: 0;
    width: 100%;
    text-align: left;
}

.aimeos .addbasket input {
     border-right: solid 1px;
    width: 80px;
}

.catalog-detail-basket .price-item:first-of-type .taxrate {
	font-size: 0.6em;
}

.input-group>.form-control, .input-group>.form-control-plaintext, .input-group>.custom-select, .input-group>.custom-file {
	flex:none;
}

.aimeos .input-group .btn {
    width: calc(100% - 4em);
    margin: -36px 0 0 130px;
}

.catalog-detail-basket .addbasket button:hover {
    background: #c20017;
}

.aimeos.catalog-list .price-list {
  font-weight: bold;
}

.aimeos.catalog-list .product .text-list {
	width: calc(100% - 30px);
	padding: 20px 15px;
	max-width: 100%;
	text-align: left;
}

#products-wrapper .checkout-confirm img {
  width: auto;
}

/* Mask elements */

.accItem h2 {
	color: #e2001a;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.accItem .accContent {
  display: none;
	float: left;
	width: 100%;
}

	/* Google Map */

	#map {
		height: 100%;
		width: calc(100% - 270px);
		right: 0;
		position: absolute !important;
	}

/*	loader
	================================= */

	.spinner {
  	width: 30px;
		height: 30px;
		background-color: #E2001A;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 0 auto;
		-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
		animation: sk-rotateplane 1.2s infinite ease-in-out;
	}

	@-webkit-keyframes sk-rotateplane {
  	0% { -webkit-transform: perspective(120px) }
		50% { -webkit-transform: perspective(120px) rotateY(180deg) }
		100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
	}

	@keyframes sk-rotateplane {
  	0% {
    	transform: perspective(120px) rotateX(0deg) rotateY(0deg);
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  	} 50% {
    	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
			-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  	} 100% {
    	transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
			-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
			display: none;
  	}
	}

/*	logo
	================================= */

	.logo {
		width: 270px;
    height: auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
	}

	.logo img {
		width: 200px;
		height: auto;
		margin: 0;
	}

/*	navigation main
	================================= */

	#mobile-overlay {
		position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
		opacity: 0;
		transition: opacity 400ms ease;
		background: rgba(0,0,0,0.7);
	}

	#mobile-overlay.open {
		opacity: 1;
	}

	#mobile-btn {
		cursor: pointer;
		display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
		padding: 0;
    margin-right: 2%;
		z-index: 1000;
	}

	#mobile-btn .icon-bar {
    width: 34px;
    height: 2px;
    background: #E2001A;
    position: absolute;
    left: 0;
    transition: all 400ms ease;
	}

	.icon-bar1 {
    top: 4px;
    transform-origin: left top;
	}

	#mobile-btn.open .icon-bar1 {
    transform: rotate(45deg);
    left: 5px;
	}

	.icon-bar2 {
    top: 16px;
    opacity: 1;
	}

	.open .icon-bar2 {
    opacity: 0;
	}

	.icon-bar3 {
    bottom: 4px;
    transform-origin: left bottom;
	}

	#mobile-btn.open .icon-bar3 {
    transform: rotate(-45deg);
    left: 5px;
	}

	.main-navigation ul,
	.sub-nav-1, .sub-nav-2 {
		list-style: none;
	}

	.main-navigation {
		position: fixed;
		width: 270px;
		height: 100%;
		background: rgba(255, 255, 255, 1);
		z-index: 1000;
		transition: all 400ms ease;
	}

	.main-navigation ul ul {
    display: none;
	}

	.main-nav {
		position: relative;
		z-index: 1000;
		padding: 10px 0;
		margin: 0px 0 0 35px;
	}

	ul.main-nav ul li {
    border-top: 1px solid #ccc;
	}

	.main-nav li {
		padding: 5px 0;
	}

	.main-navigation > .main-nav > li:first-child {
		border-bottom: 1px solid #ccc;
		margin-left: -35px;
		padding: 0 0 10px 35px;
		margin-bottom: 10px;
	}

	li.aktuelles {
		border-bottom: 1px solid #ccc;
		margin-left: -35px;
		padding: 0 0 10px 35px;
		margin-bottom: 10px;
	}

	.main-nav li a{
		font-weight: 700;
		color: #333;
	}

	.main-nav li.current-active > a,
	.main-nav li.active a{
		font-weight: 700;
		color: #E2001A;
	}

	.main-nav li a:hover,
	.main-nav .sub-nav-1 li a:hover,
	.main-nav .sub-nav-1 .sub-nav-2 li a:hover {
		color: #E2001A;
	}

	.main-nav li.active li a {
		color: #333;
	}


	/*	navigation sub
		================================= */
		#closeSubNav {
			position: absolute;
			cursor: pointer;
			width: 30px;
			height: 30px;
			line-height: 20px;
			padding:5px 5px 5px 9px;
			top:25px;
			left: 240px;
			background: #333;
			color: white;
			opacity: 1;
			-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
			transition: all 1.2s ease;
			z-index: 1400;
		}

			#closeSubNav.closeSub {
				left: 538px;
				-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
				transition: all 1.2s ease;
			}


	.sub-nav-1 {
		position: fixed;
		width: 297px;
		height: 100%;
		/*max-height: calc(100% - 60px);*/
		background: rgba(255, 255, 255, 1);
		z-index: 2;
		margin-left: -27px;
		top: 0;
		padding: 60px 0 0 30px;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
	  transition: all 1.2s ease;
	}

		.sub-nav-1.open {
			margin-left: 271px;
			-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		  transition: all 1.2s ease;
		}



	.sub-nav-1 li a{
		font-weight: 700;
		color: #333;
	}

	.sub-nav-1 li.current-active a{
		font-weight: 700;
		color: #E2001A;
	}

	.sub-nav-1 li a:hover,
	.sub-nav-1 .sub-nav-2 li a:hover,
	.sub-nav-1 li.current-active .sub-nav-2 li a:hover  {
		color: #E2001A;
	}

	.sub-nav-1 li {
		margin-bottom: 20px;
	}

	.sub-nav-2 {
		margin: 10px 0 0 0;
		padding: 0;
	}

	.sub-nav-2 li {
		margin: 0;
		padding: 0;
	}

	.sub-nav-2 li a,
	.sub-nav-1 li.current-active .sub-nav-2 li a{
		font-weight: 400;
		color: #333;
	}

	.sub-nav-2 li.current-active a{
		font-weight: 400;
		color: #E2001A;
	}

	ul.login-nav li.title {
    font-weight: bold;
	}

/*	nav social
	================================= */

	.navSocial {
		border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1px 0 0 0;
    padding: 8px 0 0 36px;
    width: 270px;
    height: 50px;
	}

	.navSocial i {
		border:1px solid #ccc;
    width: 18px;
    padding: 6px 22px 6px 8px;
    font-size: 16px;
    text-align: center;
		color: #333;
	}

	.navSocial i:hover {
		color: #E2001A;
	}

	.navSocial i.fa-search:hover, .fa-times:hover {
          cursor: pointer;
	}

	#form_kesearch_searchfield {
		position: relative;
		z-index: 1000;
	}

	#kesearch_num_results {
		color: #fff!important;
	}

	.search-field-wrapper {
		visibility: hidden;
		position: fixed;
    width: 100%;
    height: 100%;
		background: rgba(50, 50, 50, 0);
		transition: background 300ms ease-in;
    z-index: 10000;
		overflow-y: auto;
	}

	.search-field-wrapper i.fa.fa-times {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 100000;
    color: #fff;
    font-size: 1.5em;
		}

	.search-field-wrapper .inner {
		width: 96%;
		max-width: 1000px;
		margin: 50px auto 0 auto;
	}

		.inner #kesearch_results {
			margin-top: 50px;
		}

	.search-field-wrapper input#ke_search_searchfield_sword {
		font-size: 3em;
		width: calc(100% - 2.3em);
		font-family: 'Open Sans',sans-serif;
		text-align: center;
		border-radius: 0;
		border: none;
		box-sizing: border-box;
		padding: 15px;
    height: 2em;
		float: left;
	}

	button#ke_search_searchfield_submit.btn {
		font-size: 3em;
    width: calc(2em - 2px);
    box-sizing: content-box;
    height: calc(2em - 2px);
    padding: 0;
		float: right;
		margin-top: 0;
	}

	.inner #kesearch_results .result-list-item {
		background: #fff;
		padding: 15px;
		opacity: 0;
		transform: translateX(-30px);
		transition: all 300ms ease;
	}

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

	.tx-felogin-pi1 label {
	  width: 100%;
	  float: left;
	}


	.tx-felogin-pi1 input {
		max-width: 300px;
    height: 30px;
    font-size: 0.9em;
    padding: 3px;
	}

	.tx-felogin-pi1 legend {
	 color: #fff;
	}

		.tx-felogin-pi1 input[type=submit] {
			padding: 5px 15px;
	    background: #fff;
	    border: 1px solid #ccc;
	    cursor: pointer;
	    width: 150px;
	    margin-top: 20px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
}

	.content {
		float: left;
		position: relative;
		padding: 0;
		opacity: 0;
		background-color: rgba(255, 255, 255, 0.9);
		width: 35%;
		margin: 110px 0 0 -569px;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
		z-index: 1;
	}

	.content.open {
		opacity: 1;
		margin-left: 569px;
	}

	.content.close {
		opacity: 1;
		margin-left: -495px;
		background: none;
	}

	.content.closepos {
		opacity: 1;
		margin-left: 271px;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
	}

	.content.closepos.close {
		opacity: 1;
		margin-left: -793px;
		background: none;
	}

	.content.colLeft {
		float: left;
		margin: 150px 0 0 0;
	}

	.content.contentClose {
		float: left;
		background: none;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
	}

	.content.close p,
	.content.close h1 {
		opacity: 0;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
	}

	.content .image img {
    max-width: 100%;
    height: auto;
	}

	#closeContent {
		position: absolute;
		cursor: pointer;
		width: 30px;
		height: 30px;
		line-height: 20px;
		padding:5px 5px 5px 9px;
		float: right;
		right: 0;
		z-index: 100;
		margin-top:30px;
		background: #333;
		color: white;
		font-weight: normal;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
	}

	#closeContent.open {
		position: absolute;
		left: 1063px;
		z-index: 3000;
		cursor: pointer;
		font-size: 20px;
		width: 30px;
		height: 30px;
		line-height: 20px;
		padding:5px 5px 5px 9px;
		-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
		transition: all 1.2s ease;
	}

	/*	gallery
	================================= */

.btnShowGallery {
	opacity: 1;
	cursor: pointer;
	position: absolute;
	right:30px;
	bottom: 0;
	background-color: #333;
	color:#fff;
	min-width: 117px;
	padding: 5px;
}

.btnShowGallery.close {
	opacity: 0;
	-webkit-transition: all 1.2s ease; /* For Safari 3.1 to 6.0 */
	transition: all 1.2s ease;
}

	.scroller {
		margin: 0 auto;
		top:85%;
		left: 55%;
		color: #E2001A;
		position: absolute;
	}



	.scroller{
		font-size: 15px;
	}

	.scroller .fa-angle-down {
		font-size: 150px;
		padding: 0;
		margin:-30px;
	}

	.scroller br {
		margin: 0;
		padding: 0;
	}

	.section{
		background-size: cover;
	}


	/* News */

	.ib-container{
		position: absolute;
		max-width: 1200px;
		margin: 0;
		left: 273px;
		top:135px;
		display: block;
		z-index: 5;
	}
	.ib-container:before,
	.ib-container:after {
	    content:"";
	    display:table;
	}
	.ib-container:after {
	    clear:both;
	}
	.ib-container article{
		padding: 0;
		display: none;
		width: 300px;
		min-height: 400px;
		background-color: rgba(255, 255, 255, 0.9);
		cursor: pointer;
		float: left;
		text-align: left;
		text-transform: none;
		margin: 15px;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		-webkit-transition:
			opacity 0.4s linear,
			-webkit-transform 0.4s ease-in-out,
			box-shadow 0.4s ease-in-out;
		-moz-transition:
			opacity 0.4s linear,
			-moz-transform 0.4s ease-in-out,
			box-shadow 0.4s ease-in-out;
		-o-transition:
			opacity 0.4s linear,
			-o-transform 0.4s ease-in-out,
			box-shadow 0.4s ease-in-out;
		-ms-transition:
			opacity 0.4s linear,
			-ms-transform 0.4s ease-in-out,
			box-shadow 0.4s ease-in-out;
		transition:
			opacity 0.4s linear,
			transform 0.4s ease-in-out,
			box-shadow 0.4s ease-in-out;
	}

	.ib-container article img {
		width: 100%;
		height: auto;
		opacity: 1;
	}
	.ib-container article.blur img {
		width: 100%;
		height: auto;
		opacity: 0.7;
	}

	.ib-container h3 {
		margin-top:40px;
	}

	.ib-container h3 a{
		font-size: 18px;
		font-weight: 400;
		color: #333;
		color: rgba(0, 0, 0, 1);
		text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
		opacity: 1;
		padding: 20px;
	}
	.ib-container article header span{
		font-size: 15px;
		padding: 10px 0;
		display: block;
		color: #FFD252;
		color: rgba(255, 210, 82, 1);
		text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
		text-transform: uppercase;
		opacity: 1;
	}
.ib-container article a p {
     text-decoration: none;
}

	.ib-container article p{
		padding: 0 20px;
		font-weight: 100;
		font-size: 15px;
		line-height: 1.5;
		color: #333;
		color: rgba(51, 51, 51, 1);
		text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
		opacity: 1;
	}
	.ib-container h3 a,
	.ib-container article header span,
	.ib-container article p{
		-webkit-transition:
			opacity 0.2s linear,
			text-shadow 0.5s ease-in-out,
			color 0.5s ease-in-out;
		-moz-transition:
			opacity 0.2s linear,
			text-shadow 0.5s ease-in-out,
			color 0.5s ease-in-out;
		-o-transition:
			opacity 0.2s linear,
			text-shadow 0.5s ease-in-out,
			color 0.5s ease-in-out;
		-ms-transition:
			opacity 0.2s linear,
			text-shadow 0.5s ease-in-out,
			color 0.5s ease-in-out;
		transition:
			opacity 0.2s linear,
			text-shadow 0.5s ease-in-out,
			color 0.5s ease-in-out;
	}
	/* Hover Style for all the items: blur, scale down*/
	.ib-container article.blur{
		-webkit-transform: scale(0.99);
		-moz-transform: scale(0.99);
		-o-transform: scale(0.99);
		-ms-transform: scale(0.99);
		transform: scale(0.99);
		opacity: 0.7;
	}
	.ib-container article.blur h3 a{
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
		color: rgba(0, 0, 0, 0);
		opacity: 0.5;
	}
	.ib-container article.blur header span{
		text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
		color: rgba(255, 210, 82, 0);
		opacity: 0.5;
	}
	.ib-container article.blur  p{
		text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
		color: rgba(51, 51, 51, 0);
		opacity: 0.5;
	}

	/* Hover Style for single item: scale up */
	.ib-container article.active{
		-webkit-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
		z-index: 100;
		opacity: 1;
	}
	.ib-container article.active h3 a,
	.ib-container article.active header span,
	.ib-container article.active p{
		opacity; 1;
	}



	.datum {
		display: none;
		text-transform: uppercase;
		font-size: 12px;
		margin: -38px 0 0 18px;
		line-height: 30px;
		height: 30px;
		text-align: center;
		width: 60px;
		color: #e2001a;
	}

	.datum span {
		margin: 0 0 10px 0;
		padding: 8px;
		background-color: #e2001a;
		color: #fff;
		font-size: 15px;
	}

	.ib-container article.blur .datum {
		opacity: 0.5;
	}

	/*	products
	================================= */

	@media (min-width: 1200px) {
		.frame-container {
		    max-width: 100%;
		}

		.frame {
    	padding-top: 2.5rem;
    	padding-bottom: 2.5rem;
		}

	}

	.btnProducts {
		width: 160px;
	}

	.aimeos .product .rating {
		display: none;
	}



	.catalog-list .product {
    width: calc(100% / 3 - 0px)!important;
	}

	.aimeos.catalog-list .offer {
		max-width: 100%!important;
    float: left;
    margin-top: 12px;
    margin-left: 15px;
    position: absolute;
    bottom: 22px;
}

.aimeos.aimeos .product .price-list {
    margin: 0;
    width: 100%;
    text-align: left;
}

	#products-wrapper {
		width: calc(100% - 570px);
		padding: 0 50px 50px 50px;
		position: absolute;
		right: 0;
		top: 120px;
		background: #fff;
	}

	#products-wrapper > div {
		width: 100%;
	}

	#products-wrapper .catalog-list .product {
		width: calc(100% / 3 - 30px);
		padding: 0 15px 30px 15px;
		float: left;
		cursor: pointer;
		margin: 0;
	}

	#products-wrapper img {
		width: 100%;
    height: auto;
		cursor: pointer;
	}

	#products-wrapper table {
    width: calc(100% + 1px);
	}

	#products-wrapper .csc-textpic-image {
		margin-bottom: 0;
	}

	#products-wrapper .csc-textpic-caption {
		position: absolute;
		bottom: 0;
    color: #333;
    width: calc(100% - 20px);
    padding: 16px 10px;
    background: rgba(255,255,255,0.7);
	}

	#products-wrapper .csc-textpic-text {
    display: none;
	}

	.more {
    position: absolute;
    top: 50%;
    height: 52px;
    margin-top: -60px;
    width: 200px;
		padding: 10px 0;
    left: 50%;
    margin-left: -100px;
    text-align: center;
		background: #fff;
		transition: all 300ms ease;
		transform: scale(0.6);
		opacity: 0;
	}

	.more i {
		font-size: 1.5em;
	}

	#products-wrapper .csc-default:hover .more {
		transform: scale(1);
		opacity: 1
	}

	#products-overlay {
    position: fixed;
    width: calc(100% - 100px);
		height: calc(100% - 100px) !important;
    height: 100%;
    z-index: -1;
		opacity: 0;
    background: #fff;
    padding: 50px;
		transition: all 0.4s ease;
		overflow-y: scroll;
	}

	#products-overlay.open {
		z-index: 10000;
		opacity: 1;
	}

	#products-inner {
		width: 50%;
	}

	#products-inner img {
		width: 100%;
		height: auto;
	}

	#exit {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #333;
    color: #fff;
    font-size: 2em;
    text-align: center;
		cursor: pointer;
}

	/*	background setup
	================================= */

	.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	}

	/*	Kontaktformular
	================================= */

	.form-control {
    display: block;
		box-sizing: content-box;
    width: calc(100% - 24px);
    height: 30px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.25;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.powermail_legend {
    display: none;
}

.tx-powermail {
	margin-bottom: 40px;
}

.tx-powermail h3 {
    margin: 50px 0 0 0;
}

.btn {
		color: #E2001A;
		border: 1px solid #E2001A;
		background: transparent;
    display: inline-block;
    margin-bottom: 0;
		margin-top: 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
		transition: all 300ms ease;
}

.btn:hover {
	background: #E2001A;
	color: #fff;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

textarea {
	min-height: 100px;
}

.form-group {
    margin-top: 15px;
}

	/*	fullscreen setup
	================================= */

	html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
	}

	.fullscreen,
	.content-a {
    width:100%;
    min-height:100%;
	}

	.not-fullscreen,
	.not-fullscreen .content-a,
	.fullscreen.not-overflow,
	.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
	}

	#fullpage {
		position: fixed;
    height: 100%;
    width: 100%;
		background-size: cover;

	}

	#fullpage div {
		height: 100%!important;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.contact > div:nth-child(2) {
		position: relative;
    margin-left: -40px;
		margin-top: -58px;
		width: calc(100% + 80px);
    margin-bottom: 20px;
	}

	.contact > div:nth-child(2) * {
    width: auto;
    height: auto;
		margin-top: -8px;
	}

	.contact .image-caption {
    position: absolute;
    bottom: 32px;
    left: 40px;
    font-size: 2em;
    color: #fff;
    text-shadow: 1px 1px 7px rgba(100, 100, 100, 1);
	}

	.contact .btnShowGallery {
		width: 140px;
		right: 40px;
	}

	.contact .image {
    margin: 0;
	}

	div.csc-textpic .csc-textpic-imagewrap img {
		width: 100%;
		height: auto;
	}


	/*sidebar spenden button */


	.gdbtn {
		margin: 15px;
		float: left;
	}

	.gdbtn a {
		float: left;
		width: 100%;
		margin: 1px 0;
	}

	.gdbtn div {
		float: left;
    font-size: 13px;
    width: 200px;
    border: 1px solid #E10027;
		background: #E10027;
    padding: 4px;
    margin: 0 0 0 3px;
		color: #fff;
		font-weight: bold;
	}

	.gdbtn div:hover {
		background: #fff;
		color: #E10027
	}

	.gdbtn .fa-heart,
	.gdbtn .fa-home {
		float: left;
    background: #E10027;
    color: #fff;
    padding: 7px;
		width: 33px;
		height: 30px;
	}

@media screen and (max-width: 1600px) {

	#products-wrapper .catalog-list .product {
	    width: calc(100% - 30px);
			padding: 0 15px 15px 15px;
	}

}

@media screen and (max-width: 1350px) {

	.content {
		width: calc(100% - 700px);
	}

}

@media screen and (max-width: 1030px) {

	body > .wrap {
		display: none;
	}

	li.current-active ul,
	li.active ul {
    display: block;
	}

	.main-nav li li {
    padding: 0 !important;
		margin-left: 0 !important;
	}

	.main-nav .main-nav {
    margin: 0px 0 0 20px;
	}

	.main-nav li li a {
    font-size: 14px;
	}

	.ib-container {
		left: 0;
		top: 65px;
	}

	.content {
		padding: 2%;
    width: 92%;
	}

	.content.open {
    margin-left: 2%;
	}

	#mobile-btn {
		display: block;
	}

	.inner {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.main-navigation {
		transform: translate3d(-270px, 0, 0);
	}

	.main-navigation.open {
		transform: translate3d(0, 0, 0);
	}

	#products-wrapper {
		width: 100%;
	}

	.content.closepos {
		margin-left: 2%;
	}

	.content.closepos.close {
		margin-left: calc(-100% + 40px);
	}

	#closeContent.open {
		left: 100%;
	}

	.content.close {
    margin-left: calc(-100% + 40px);
	}

	#gallery {
		position: fixed;
		height: 100%;
		right: 0;
		width: 100%;
		z-index: 0;
	}
	#closeContent {
		margin-top: -20px;
	}

	#products-wrapper {
    width: 100%;
    padding: 100px 30px 30px 30px;
	}

	.basket-top {
		right: auto;
		left: 0;
	}
}

@media screen and (max-width: 769px) {

	button#ke_search_searchfield_submit.btn {
		font-size: 2em;
	}

	.search-field-wrapper input#ke_search_searchfield_sword {
		font-size: 2em;
	}

}

@media screen and (max-width: 700px) {
	.main-navigation {
		overflow-y: scroll;
	}
	#closeContent {
		margin-top: -13px;
	}
}

@media screen and (max-width: 900px) {

	.catalog-list .product {
    width: 100%!important;
	}

	.main-navigation {
		overflow-y: scroll;
	}

	#closeContent {
		margin-top: -15px;
	}

	#gallery {
		position: fixed;
		height: 100%;
		right: 0;
		width: 100%;
		z-index: 0;
	}


}

@media screen and (max-width: 660px) {
	.main-navigation {
		overflow-y: scroll;
	}
	.ib-container article {
		width: 48%;
		margin: 15px 1%;
	}

	.ib-container article p {
    padding: 0 15px;
	}

	.ib-container h3 a {
		padding: 15px;
    width: calc(100% - 30px);
    display: block;
	}

	.datum {
    margin: -40px 0 0 13px;
	}

	#products-inner {
		width: 100%;
	}

	#closeContent {
		margin-top: -8px;
	}

}

@media screen and (max-width: 450px) {
	.main-navigation {
		overflow-y: scroll;
	}
	#products-wrapper > div {
	    width: 100%;
	}

	.search-field-wrapper input#ke_search_searchfield_sword {
    font-size: 1.5em;
	}

	button#ke_search_searchfield_submit.btn {
		font-size: 1.5em;
	}

	.inner #kesearch_results {
    margin-top: 30px;
	}

	.inner #kesearch_results .result-list-item {
		margin-bottom: 15px;
	}

	.aimeos .detail-left,
	.aimeos .detail-right {
    width: 100%;
	}

}

@media screen and (max-width: 400px) {

	.catalog-list .media-list .media-item {
    height: 200px;
	}

	.main-navigation,
	.logo {
		width: 240px;
	}

	.main-navigation {
		overflow-y: scroll;
	}

	.navSocial {
		width: 215px;
	}

	.logo {
		height: 110px;
	}

	.logo img {
		margin: 40px 0 0 0;
	}

	.ib-container article {
		width: 96%;
		margin: 15px 2%;
	}

	#products-overlay {
		width: calc(100% - 64px);
		padding: 32px;
	}

	#exit {
		width: 32px;
		height: 32px;
		font-size: 1em;
	}

	.gdbtn div {
    font-size: 11px;
    width: 170px;
	}

	.gdbtn .fa-heart, .gdbtn .fa-home {
    padding: 4px;
    width: 26px;
    height: 27px;
	}

}
.news a,
.jobs a {
     font-size: 14px;
     color: #333;
     text-decoration: none!important;
}
.ib-container.jobs{
	max-width: 900px;
}
/* bootstrap_package >= 12: Links in Inhaltselementen nutzen --frame-link-color (Theme-Grün).
   Auf die Gehörlosendorf-Linkfarbe zurücksetzen (wie live unter v10). */
:root,
.frame-background-light,
.frame-background-dark {
	--frame-link-color: #E2001A;
	--frame-link-hover-color: #E2001A;
	--bs-link-color: #E2001A;
	--bs-link-color-rgb: 226, 0, 26;
	--bs-link-hover-color: #E2001A;
	--bs-link-hover-color-rgb: 226, 0, 26;
}
.frame a[class=""],
.frame a:not([class]) {
	text-decoration: none;
}

/* Kontaktseiten: Bild oben randlos in der weissen Fläche.
   bootstrap_package >= 12 hat keine Container-Innenabstände mehr (-40px/+80px liefen über den Rand)
   und verschachtelt Shortcut -> Bild-Frame mit eigenem Padding/Galerie-Breiten. */
.contact > div:nth-child(2) {
	margin-left: 0;
	width: 100%;
}
.contact > div:nth-child(2) .frame-container,
.contact > div:nth-child(2) .frame-inner,
.contact > div:nth-child(2) .gallery-row,
.contact > div:nth-child(2) .gallery-item,
.contact > div:nth-child(2) .image,
.contact > div:nth-child(2) picture,
.contact > div:nth-child(2) img {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.contact > div:nth-child(2) .frame .frame {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}
.contact > div:nth-child(2) img {
	height: auto;
}