@media all {
	
	
	
	/* general overwritings */

	:target:before {
      content: "";
      display: block;
      height: 200px;
      margin: -200px 0 0;
	} 
	
	a.modalLink {
		cursor: pointer;
	}
	
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	
	.searchResult .breadcrumb-label {
		font-size: 1.5rem;
	}
	
	body .webkit {
		font-size: 1.5rem;
	}
	
	.side-nav li a {
		padding-left: 2rem;
	}
	
	[class^="icon-"], 
	[class*=" icon-"] {
		font-style: normal !important;
	}
	

	.salesRep_background {
		background: url(../../../layout_wl2/images_wl2/salesRep_background.png);
		overflow: hidden;
		max-width: 170px;
		width: 100%;
		max-height: 134px;
		height: auto;
		float: left;
		/* margin-right: 14px; */
	}

	.salesRep_picture.mobile {
		max-width: 100% !important;
		height: auto;
	}


	/* MARGIN-COLUMN */
	
	figure figcaption {
		background-color: #ececec;
		border-top: 2px solid #cc0000;
		padding: 0.5rem 1rem;
		font-size: 1.3rem;
	}
	
	figure figcaption p {
		margin-bottom: 0;
	}
	
	
	/* MARGIN-COLUMN */
	
	.sidebar {
		padding: 1.2rem 0;
		font-size: 1.3rem;
	}
	
	.sidebar img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.sidebar a {
		color: #000;
	}
	
	.sidebar ul {
		list-style-type: none;
		margin-bottom: 0;
		padding-left: 0;
	}
	
	.sidebar ul li {
		position: relative;
		background-color: #dedede;
		margin-bottom: 2px;
		padding: 0.5rem 0.8rem 0.4rem 2.8rem;
	}
	
	.sidebar ul li a {
		text-decoration: none !important;
	}
	
	.sidebar ul li .icon {
		top: 0.9rem;
		left: 0.8rem;
	}
	
	.sidebar a:not(.boxlink),
	.sidebar a:not(.boxlink):hover	{
		text-decoration: underline;
	}
	
	.sidebar.redbox a {
		color: #fff
	}
	
	.sidebar a:hover {
		text-decoration: none;
		cursor: pointer;
	}
	
	.sidebar .icon {
		position: absolute;
		top: 1.4rem;
		left: 0.8rem;
	}
	
	.sidebar a.boxlink {
		padding-left: 2rem;
		display: inline-block;
	}
	
	.sidebar.redbox {
		background-color: #cc0000;
		color: #fff;
	}
	
	.sidebar.greybox {
		background-color: #ececec;
	}
	
	
	
	.sidebar.transparentbox {
		background-color: transparent;
		color: #000;
		border: 1px solid #dedede;
	}
	
	
	/* END MARGIN-COLUMN */
	
	/* CONTENT COLUMN */


	#col3 {
		outline: none;
	}
	
	.webkit .card .card-body {
		padding: 1.2rem;
	}
	
	.webkit #col3_content.frontpage.searchResult {
		margin-top: 30px;
	}
	
	.slide-link {
		color: #000;
		position: relative;
		padding-right: 2rem;
		display: block;
	}
	
	.slide-link:hover,
	.slide-link:visited,
	.slide-link:focus	{
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	
	.slide-link .icon {
		position: absolute;
		right: 0.5rem;
		top: 0.4rem;
		-webkit-transition: all 0.5s ease;
		transition:  all 0.5s ease;
	}
	
	.slide-link.collapsed .icon {
		transform: rotate(180deg);
	}
	
	/* GALLERY */
	
	.gallery a {
		display: block;
	}
	
	.gallery .card:hover {
		text-decoration: none;
		cursor: pointer;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	}
	
	.gallery .img-container {
		overflow: hidden;
	}
	
	.gallery .card .card-img-overlay {
		bottom: 0;
		padding: 0;
		top: auto;
		margin: 0;
		height: 2px;
		-webkit-transition: max-height 0.5s ease-in;
		transition: max-height 0.5s ease-in;
		overflow:hidden;
		max-height: 2px;
	}
	
	.gallery .card:hover .card-img-overlay {
		max-height: 50%;
		height: auto;
		-webkit-transition: max-height 0.5s ease-out;
		transition: max-height 0.5s ease-out;
	}
	
	/*.gallery .img-container img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}*/
	
	.gallery .img-container.vertical img {
		width: auto;
		height: 100%;
		max-height: 100%;
	}
	
	.gallery .card-deck .card .card-footer {
		background-color: #ECECEC;
		border-top: 0.2rem solid #c00;
		padding: 1.2rem;
		overflow: hidden;
		font-size: 1.3rem;
	}

	.gallery .img-container.original img {
		width: auto;
		height: auto;
		margin: auto auto;
	}
	
	
	/* 2-spaltiger Teaser / Story Section left */
	
	.teaser2col .card {
		overflow: hidden;
	}
	
	.teaser2col	.card-img {
		width: 100%;
		height: auto;
		display: block;
	}

	.teaser2col	.card .card-img {	
		-webkit-transition: all 1.5s ease;
		transition: all 1.5s ease;
	}

	.teaser2col .card:hover	.card-img {	
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	
	.teaser2col .card-header {
		background-color: rgba(0,0,0,.3);
		padding: 15px 30px;
		font-family: wuerthextra_bold_cond;
		font-size: 30px;
		line-height: 1.2;
		font-weight: normal;
		text-transform: uppercase;
		color: #fff;
		border: none;
	}
	
	.teaser2col .card-footer {
		background-color: transparent;
		padding: 30px;
		display: block;
		position: absolute;
		width: calc(100% - 20px);
		bottom: 0;
		border: none;
	}
	
	.teaser2col .routeplannerForm .form-control {
		width: 49%;
		float: left;
		margin-right: 2%
	}
	
	.teaser2col .routeplannerForm .btn-info {
		width: 49%;
		-webkit-appearance: button;
	}
	
	.teaser4col .teaser-img {
		width: 100%;
		height: auto;
	}
	
	.teaser {
		background-color: #ececec;
		display: block;
		height: 100%;
	}
	
	.teaser:hover {
		background-color: #dedede;
	}
	
	.teaser-footer {
		border-top: 2px solid #cc0000;
		background-color: transparent;
		color: #000;
		padding: 1.7rem 2rem 2.4rem 2rem;
		font-size: 1.3rem;
	}
	
	.teaser4col a:hover {
		display: block;
		height: 100%;
		text-decoration: none;
		cursor: pointer;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	}
	
	/* Productslider / Story Section right */
	
	.story .teaser2col .story-teaser {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0 1.2rem;
		background-color: transparent;
		border: none;
	}
	
	.productteaser a:hover {
		text-decoration: none;
		cursor: pointer;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	}
	
	
	.story .slick-slider .card-link,
	.productteaser .card-link	{
		color: #000;
		display: block;
		height: 100%;
		background-color: #ececec;
		margin: 0;
	}
	
	.slick-slider .card-block,
	.productteaser .card-block	{
		height: auto;
		background-color: #ECECEC;
		border-top: 0.2rem solid #c00;
		padding: 1.2rem;
		overflow: hidden;
		font-size: 1.3rem;
	}
	
	.productteaser a:hover,
	.productteaser a:hover .card-block {
		background-color: #dedede;
	}
	
	.productteaser .card-image {
		background-color: #fff;
		width: 100%;
	}
	
	.productteaser .card-img {
		width: 100%;
		height: auto;
	}
	
	.productteaser .card-footer {
		border-top: 2px solid #cc0000;
		background-color: transparent;
		color: #000;
		padding: 1.7rem 2rem 2.4rem 2rem;
	}
	
	.slick-slider .card-footer {
		background-color: #dedede;
	}
	
	.productteaser .price {
		color: #cc0000;
		font-family: wuerthextra_bold_cond,Arial,Helvetica,sans-serif;
		font-size: 32px;
		font-weight: normal;
	}
	
	.teaserslider .card-link {
		color: #000;
		margin-left: 0;
	}
	
	.teaserslider .slick-prev:before,
	.teaserslider .slick-next:before,
	.contentslider .slick-prev:before,
	.contentslider .slick-next:before,
	.homeslider .slick-prev:before,
	.homeslider .slick-next:before	{	
		height: 52px;
		width: 53px;
		top: 0%;
		position: relative;
		margin-top: 0;
		background: none;
		background-color: rgba(0,0,0,.3);
		z-index: 8;
		font-size: 3.5rem;
		padding: 10px;
		color: #fff;
	}
	
	.teaserslider .slick-prev:before {
		left: 5px;
	}
	
	.teaserslider .slick-next:before {
		right: 5px;
	}
	
	.teaserslider .slick-prev:hover:before,
	.teaserslider .slick-next:hover:before,
	.contentslider .slick-prev:hover:before,
	.contentslider .slick-next:hover:before,
	.homeslider .slick-prev:hover:before,
	.homeslider .slick-next:hover:before	{
		color: #cc0000;
	}	

	.contentslider.slick-dotted {
		margin-bottom: 0;
	}
	
	
	.slick-slider .slick-dots {
		position: absolute;
		bottom: 10px;
	}
	
	.slick-slider .slick-dots li {
		margin: 0;
	}
	
	.slick-slider .slick-dots li button:before {
		font-size: 35px;
		color: #000;
		opacity: 0.2;
	}
	
	.slick-slider .slick-dots li.slick-active button:before {
		color: #cc0000;
		opacity: 1;
	}

	
	/* Add to favorites */

	.ui-dialog {
		padding: 14px !important;
		text-align: left !important;
		background-color: #ececec !important;
	}

	.ui-dialog .ui-dialog-titlebar {
		padding: 0 !important;
		border-color: #ececec !important;
		background-color: #ececec !important;
		margin: -6px 0 0 0 !important;
	}
	
	.ui-dialog .ui-dialog-titlebar-close {
		display: none;
	}

	.ui-dialog .ui-dialog-title {
		padding: 0 0 7px 0 !important;
		background-color: #ececec !important;
		display: block !important;
		width: 100%;
		float: left !important;
		font-family: wuerthextra_bold_cond,Arial,Helvetica,sans-serif !important;
		font-weight: normal !important;
		text-transform: uppercase !important;
		color: #959595 !important;
		font-size: 19px !important;
		white-space: normal !important;
	}

	.ui-dialog .ui-dialog-content {
		margin-top: -1px !important;
		padding: 11px 14px !important;
		height: auto!important;
		border: 1px solid #dedede !important;
		background-color: #fff !important;
		float: left;
	}

	.ui-dialog .ui-dialog-buttonpane {
		margin: 14px 0 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background-color: #ececec !important;
		text-align: right;
	}
	
	.ui-dialog .ui-dialog-buttonpane button {
		background-color: #cc0000;
		border: none;
		margin-top: 10px;
		min-width: 100px;
		color: #fff;
	}
	
	
	
	
}

@media screen and (max-width: 991px) {
	.story .teaser2col .story-teaser {
		position: relative;
		margin: 0;
	}
	
}

@media screen and (max-width: 768px) {
	.mobile-mega-menu.search-mobile input {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 576px) {
	.teaser2col .card-header {
		font-size: 20px;
	}
	
	.teaser2col .routeplannerForm .form-control {
		width: 100%;
	}
	
	.teaser2col .routeplannerForm .btn-info {
		width: 100%;
	}
	
	.product-slider .container {
		max-width: 100%;
	}
	
}