/* Style-Anpassungen RS - MEPHISTO */

@import url('https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer:400,400i');

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.lp-button a{
	border: 1px solid #999999;
	display: inline-block;
	padding: 10px 20px;
	font-size: 16px;
	font-family: "OpenSansBold";
	color: #666666;
	}
.lp-button{
	text-align:center;
}
.cms-page-view .widget-teaser_byCategory .widget-title h2,
.widget-teaser_bySelection .widget-title h2,
.widget-teaser_byCategory .widget-title h2{
	text-align:center;
}


/*-- Remarketing-Tag ausblenden --*/
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/*--- Anpassung Zubehoer Template --*/
.category-schuhpflege .product-view .product-additionals.widget-multicolumn{
	display:none;
}
.category-schuhpflege .product-view .product-description{
	margin-top:40px;
}
.categorypath-schuhpflege .thumbnail-box{
	display:none;
}

/*--- Image Map Area Border abschalten --*/
img[usemap], map area{
    outline: none;
}

/*--- Kategorie-Navigation anpassen
body.catalog-category-view .block-layered-nav .block-content > dl > dd ol.mep-categories>li>a:before{
	border: 2px solid #e5e5e5;
}
body.catalog-category-view .block-layered-nav .block-content > dl > dd ol > li a.cat-current:before{
	background-color: #ffa53d;
}
body.catalog-category-view .block-layered-nav .block-content > dl > dd ol > li>a.cat-lvl1:before {
	margin-left: 18px;
}
 --*/



/*----- Product Flag ----*/
.products-grid .item .product-flags div{
	margin:4% !important;
}
.products-grid .item .product-flags div.sale-product,
.products-grid .item .product-flags div.new-product{
	margin:0 !important;
}
.product-essential .product-flags div.new-product{
	margin-bottom:0 !important;
}

/*------- SLIDER ---------*/
ul.slider-navigation{
	display:none !important;
}
.slider-wrapper .slider-controls .slider-controls-prev span:before, .slider-wrapper .slider-controls .slider-controls-next span:before{
	color:#cccccc !important;
}

/*----- SLIDER CONTROLS Link-Bugfix -----*/
.slider-wrapper .slider-controls{
	position:static;
	/* ausgeblendet 2019-03-19 */
	/* wieder eingeblendet 2019-08-23
	display:none;
	*/
}
.slider-wrapper .slider-controls .slider-controls-prev{
	position: absolute;
	left: 0;
	overflow: hidden;
	z-index: 101;
	top: 43%;
}
.slider-wrapper .slider-controls .slider-controls-next{
	position: absolute;
	right: 0;
	overflow: hidden;
	z-index: 101;
	top: 43%;
}

/*--- LOGIN-FORMULAR SHOP ----*/
.fieldset p.required{
	float:inherit !important;
}

/*---- 404 Fehlerseiten ----*/
.cms-no-route .std p{
	font-style:normal !important;
}
.cms-no-route .std p.icon-search, .cms-no-route .std p.icon-basket, .cms-no-route .std p.icon-mail{
	font-size: 40px !important;
	text-align: center !important;
	margin: 10px !important;
	color: #eee !important;
}
#cms-searchform .search-form #search {
	height: 40px;
	-moz-box-shadow: inset 1px 1px 5px 1px #808080;
	-webkit-box-shadow: inset 1px 1px 5px 1px #808080;
	box-shadow: inset 1px 1px 5px 1px #808080;
	border: none;
}

/*-------- Verfuergbarkeitsbenachrichtigungen
#amstockstatus-stockalert .amxnotif-block label{color:#ff8000;margin-bottom:10px;}
#amstockstatus-stockalert .amxnotif-block button{background-color:#ff8000;font-size: 14px;font-weight: bold;}
#amstockstatus-stockalert .alert-stock a {clear: both;color: #ff8000;margin-top: 10px;text-decoration:underline;display:block;}
 ---*/

/*--- SHOP Kategorie-Beschreibung ---*/
.category-description.std{
	/*--- font-size: 18px !important; ---*/
	margin-bottom: 30px;
}

/*--- SHOP Abstand Breadcrump zu Pagecontent ---*/
.cms-page-view .breadcrumbs,
.catalog-category-view .breadcrumbs{
	margin-bottom:40px !important;
}

/*--- SHOP Kategorie-Titel DEAKTIVIERT 2019-07-02 RS
.catalog-category-view .page-title h1{
	font-size: 36px !important;
	text-transform: uppercase !important;
	font-weight: 200 !important;
}
---*/

/*----- SHOP Abstand Flyout-Produkte nach unten ------*/
.menu-wrapper .widget .widget-products .products-grid li{
	margin-bottom: 0px !important;
}

/*------ SHOP Cookie Hinweis unten platzieren, da sonst die Navigation verdeckt wird -------*/
.global-site-notice.notice-cookie{
	top:inherit !important;
	bottom:0 !important;
}



/*------ ANPASSUNG MOBILE RS 2016-12-02 --------*/
@media only screen and (max-width: 599px) {
.page-splash .mep-map .map {
    display: none;
}}

/*--- CONVERIFY
div#Conv-Close {
	font-size: 16px !important;
	padding-top: 7px !important;
    	top: 120px !important;
    	right: 0 !important;
    	display:block !important;
}
@media only screen and (max-width: 768px) {
	div#Conv-Close {
    		top: 0 !important;
    		right: 0 !important;
    		display:block !important;
    		border-radius:0 !important;
	}
}
----*/

/*-------- ANPASSUNG GROESSEN SOCKEN ------------*/
body.catalog-product-view .product-view .product-shop .product-options ul.mep-size-socks > li a {
    min-height: 40px !important;
    line-height: 40px !important;
    min-width: 50px !important;
}
/*-------- ANPASSUNG HOVER GROESSEN SOCKEN ------------*/
body.catalog-product-view .product-view .product-shop .product-options ul.mep-size-socks > li.selected .swatch-label,
body.catalog-product-view .product-view .product-shop .product-options ul.mep-size-socks > li:hover .swatch-label {
    background-color: #bbb;
}
body.catalog-product-view .product-view .product-shop .product-options ul.mep-size-socks .swatch-label {
	padding:0 10px;
	margin: 3px !important;
}

@media only screen and (max-width: 768px) {
	div#Conv-Close {
    		top: 0 !important;
    		right: 0 !important;
    		display:block !important;
    		border-radius:0 !important;
	}
}

/*-------- ANPASSUNG REPONSIVE SHOW/HIDE CUSTOM CLASS MAGENTO ------------*/
.show-on-mobile{
	display:none !important;
}
@media only screen and (max-width: 479px){
	.hide-on-mobile{
		display:none !important;
	}
	.show-on-mobile{
		display:block !important;
	}
}

/*--------- VIDEO-BLOCK auf Produktseiten ------------*/
.video-block{
	text-align:center;
/*
	margin-top: 40px;
    margin-bottom: 60px;
	padding-bottom: 40px;
*/
}
.video-block h1{
	font-family: "OpenSansRegular" !important;
}


/*----- PRODUCT DETAIL - LINK SHIPPING CSTS ----*/
.shipping-costs a{
	color: #b2b2b2 !important;
	text-decoration: underline !important;
}
.shipping-costs a:hover{
	text-decoration: none !important;
}

/*----- STYLE ANPASSUNGEN 2017 ---*/
.page-header .header-fourth-level .header-child-container{
	 padding: 10px 30px;
}
/*
.cms-home .main-container-mep{
	padding-top:0 !important;
}
*/

/*------ KORREKTUR WEGEN CALC-Bug IE 11 -----*/
.widget-multicolumn .column-16{
width:16.66666666%}
.widget-multicolumn .column-33{
width:33.33333333%}
.widget-multicolumn .column-66,.widget-multicolumn .column-67{
width:66.66666666%}


/*-------- COOKIE NOTICE ------------*/
.global-site-notice.notice-cookie .actions{
	padding-bottom:0;
}
.global-site-notice.notice-cookie .notice-text p{
	padding:0;
	margin:0;
	font-size:13px;
	padding-bottom: 10px;
}
.global-site-notice.notice-cookie .notice-inner{
	padding:15px !important;
}

/*--- CMS Block Listen - Abstand unten geringer --*/
body.cms-page-view .std ul,
body.cms-page-view .std ol,
body.cms-page-view .cms-block ul,
body.cms-page-view .cms-block ol,
body.catalog-category-view .std ul,
body.catalog-category-view .std ol,
body.catalog-category-view .cms-block ul,
body.catalog-category-view .cms-block ol{
	margin:20px 0 20px 20px !important;
}
body.cms-page-view .widget-teaser_byCategory ul{
	margin:0 !important;
}

/*------- UX TEST --------------------*/
/*------- 29.05.2017-02.06.2017 09:30 Warenkorb-Button
body.catalog-product-view .product-view #product-addtocart-button {
    background-color: #ff9933 !important;
    font-size: 18px;
    border: none;
}
 -------*/


/*--------- AKTION VERSANDKOSTENFREI - USP PRODUKTDETAILSEITE ---------------*/
.catalog-product-view .price-additional.aktionsangebot{
	margin: 10px 0 !important;
    border-top: 1px solid #ccc;
    padding: 5px 10px !important;
    border-bottom: 1px solid #ccc;
}

/*----------- VIPSale Flag ------------*/

body.locale-de-de .product-flags div.vipsale-product,
body.locale-en-us .product-flags div.vipsale-product{
    /*---- RS 2019-11-28 Custiomized for BlackFriday
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-vipsale.png);
    ------*/
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-blackfriday.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%;
}
.product-essential .product-flags div.vipsale-product{
    width: 100px;
    height: 100px;
    float:right !important;
    margin: 2em !important;
}
.products-grid .item .product-flags div.vipsale-product{
	width: 70px;
    height: 70px;
}
@media (max-width: 800px){
.product-essential .product-flags div.vipsale-product {
    width: 60px !important;
    margin: 1em !important;
}
}



/*----------- Hydroprotect Flag ------------*/

.product-flags div.hydroprotect-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-hydroprotect.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}
.product-essential .product-flags div.hydroprotect-product{
    height: 55px;
    /*
    width: 180px;
    float: right !important;
    margin-right: 2em !important;
    margin-bottom:0;
    */
}
.products-grid .item .product-flags div.hydroprotect-product{
	width: 100px;
    height: 44px;
}
@media (max-width: 800px){
.product-essential .product-flags div.hydroprotect-product {
    width: 60px !important;
    margin: 1em !important;
}
}

/*----------- Nature is Future Flag ------------*/

.product-flags div.natureisfuture-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-natureisfuture.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%;
}
.product-essential .product-flags div.natureisfuture-product{
    width: 140px;
    height: 100px;
    float: right !important;
    margin-right: 2em !important;
}
.products-grid .item .product-flags div.natureisfuture-product{
	width: 80px;
    height: 80px;
}
@media (max-width: 800px){
.product-essential .product-flags div.natureisfuture-product {
    width: 60px !important;
    margin: 1em !important;
}
}

/*----------- Originals Flag ------------*/

.product-flags div.originals-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-originals.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%;
}
.product-essential .product-flags div.originals-product{
	/* RS 20191127 - ueberfrachtet Layout, daher ausblenden */
	display:none !important;
    width: 120px;
    height: 64px;
    float: right !important;
    margin-right: 2em !important;
}


.products-grid .item .product-flags div.originals-product{
	width: 60px;
    height: 32px;
}
@media (max-width: 800px){
.product-essential .product-flags div.originals-product {
    width: 60px !important;
    margin: 1em !important;
}
}


/*----------- Perfect Piece Flag ------------*/

.product-flags div.perfectpiece-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-perfect-piece.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}
.product-essential .product-flags div.perfectpiece-product{
    height: 120px;
    /*
    width: 180px;
    float: right !important;
    margin-right: 2em !important;
    margin-top:0;
    */
}
.product-essential .product-flags div.new-product + div.perfectpiece-product{
	margin-top:20px !important;
}


.products-grid .item .product-flags div.perfectpiece-product{
	width: 80px;
    height: 80px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    margin: 0 !important;
}
#nav .products-grid .item .product-flags div.perfectpiece-product {
    position: relative !important;
    right: 10px !important;
    top: 10px !important;
}
@media (max-width: 800px){
.product-essential .product-flags div.perfectpiece-product {
    width: 60px !important;
    margin: 1em !important;
}
}

/*----------- Easter Egg Flag ------------*/

.product-flags div.easteregg-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-easter-egg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}
.product-essential .product-flags div.easteregg-product{
    height: 60px;
    /*
    width: 180px;
    float: right !important;
    margin-right: 2em !important;
    margin-top:0;
    */
}
.product-essential .product-flags div.new-product + div.easteregg-product{
	margin-top:20px !important;
}


.products-grid .item .product-flags div.easteregg-product{
	width: 40px;
    height: 40px;
    /*
    position: absolute;
    right: -10px;
    bottom: -10px;
    margin: 0 !important;
	*/
}
#nav .products-grid .item .product-flags div.easteregg-product {
    position: relative !important;
    right: 10px !important;
    top: 10px !important;
}
@media (max-width: 800px){
.product-essential .product-flags div.easteregg-product {
    width: 40px !important;
}
.product-essential .product-flags div.new-product + div.easteregg-product{
	margin-top:0 !important;
}
}



/*----------- US MayEvent Flag ------------*/

.product-flags div.mayevent-product{
    background-image: url(https://www.mephisto.com/media/wysiwyg/cms/layout/dynamic-product-flags/flag-mayevent.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}
.product-essential .product-flags div.mayevent-product{
    height: 80px;
    width: 120px;
    float: right !important;
    margin: 2em !important;
}
.products-grid .item .product-flags div.mayevent-product{
	width: 60px;
    height: 50px;
}
@media (max-width: 800px){
.product-essential .product-flags div.mayevent-product {
    width: 60px !important;
    margin: 1em !important;
}
.products-grid .item .product-flags div.mayevent-product{
	width: 70px;
    height: 70px;
}
}

/*------ Flag aus Filternavigation verbergen -----*/
.block-layered-nav #dt-Flags,
.block-layered-nav #dt-Flags{
	display:none !important;
}

/*-------- BUTTON Unterhalb der Produktslider Home -----------*/
.block.home-highlights-men .widget.widget-link_category.widget-link,
.block.home-highlights-women .widget.widget-link_category.widget-link{
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 80px;
}
.block.home-highlights-men .widget.widget-link_category.widget-link span,
.block.home-highlights-women .widget.widget-link_category.widget-link span{
    border: 1px solid #666666;
    padding: 8px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    color: #666666;
}
.block.home-highlights-men .widget.widget-link_category.widget-link:hover span,
.block.home-highlights-women .widget.widget-link_category.widget-link:hover span{
    border: 1px solid #b3120c;
    border: none;
    color: #ffffff;
    padding: 8px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    background-color:#b3120c;
}
.block.home-highlights-women .widget-teaser_byCategory li.item,
.block.home-highlights-men .widget-teaser_byCategory li.item {
    margin-bottom: 40px !important;
}


/*----- REPONSIVE SLIDER HEAD AUSBLENDEN -----*/
.widget .cycle-slideshow .slider-header-responsive{
	display:none;
}

/*----- DEBUG SEARCH BOX LUPE EINBLENDEN ---*/
#search_mini_form .search-button:before{
	background-image: url(https://www.mephisto.com/skin/frontend/mephisto/default/images/icon_sprite.png) !important;
	margin: 0 !important;
	top: 0 !important;
    left: 0 !important;
}
#search_mini_form .search-button{
	width:30px !important;
}

/*----- MAIN NAV > ALLE ANZEIGEN - VERBERGEN ---*/
.page .page-header .header-third-level #header-nav li.level1.view-all{
	display:none !important;
}

/*---- LINIE ZWISCHEN ARTIKELNAME und LOGO ---*/
body.cms-page-view .products-grid li .product-info hr,
body.catalog-category-view .products-grid li .product-info hr,
body.catalogsearch-result-index .products-grid li .product-info hr,
.widget .widget-products .products-grid li hr {
	background-color: #cccccc !important;
}

/*---- 2017-09-18 HEADER TECHNOLOGIE AUF PRODUKTDETAIL AUSBLENDEN ---*/
.product-additionals.widget-multicolumn .mephisto-technologies .title{
	display:none;
}

/*---- MOBILE DISPLAY ---*/
@media only screen and (max-width: 479px){

	body.cms-page-view .products-grid, body.catalog-category-view .products-grid, body.catalogsearch-result-index .products-grid {
   		margin-top: 10px !important;
	}
	body.cms-page-view .products-grid li, body.catalog-category-view .products-grid li, body.catalogsearch-result-index .products-grid li {
    	margin-bottom: 30px !important;
	}

	body.catalog-product-view .main-container-mep,
	body.catalog-product-view .main-mep {
	    padding: 0 !important;
	}

	.cms-home .main-container-mep{
		padding-top:20px !important;
	}

	body.catalog-product-view .product-essential.widget-multicolumn {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}

	body.catalog-product-view .small-container-mep {
	    padding: 0 25px !important;
	}

	body.catalog-product-view .product-view.manufacturer-mephisto {
	    margin-top: 0 !important;
	}

	body.catalog-product-view .product-view .product-img-box .product-image
	img {
	    border: none !important;
	}

	body.catalog-product-view .thumbnail-box {
	    padding: 0 !important;
	}

	body.catalog-product-view a.thumb-link {
	    border: none !important;
	}
	body.catalog-product-view .product-view .thumbnail-box .inner-container{
		overflow:unset;
	}
	body.catalog-product-view .product-image {
	    border: none !important;
	}

	body.catalog-product-view .product-view .thumbnail-box .inner-container
	li {
	    width: 16% !important;
	    margin-right: 0.8% !important;
	}
	body.catalog-product-view .product-view .thumbnail-box .inner-container
	li:last-child {
	    margin-right: 0 !important;
	}

	body.catalog-product-view .product-image-thumbs a {
	    border: none !important;
	}

	body.catalog-product-view.thumbnail-box .inner-container {
	    overflow: unset;
	}

	body.catalog-product-view a.product-placeholder {
	    display: none !important;
	}

}

/*---- ATTRIBUTE MEHR ABSTAND NACH UNTEN ---*/
body.catalog-product-view .product-view .product-additionals .product-facts{
	padding:0 0 20px 20px !important;
}


/*--- TEMP - Hide all Descriptions RS 2019-03-19
body.catalog-product-view .product-view .description {
	display:none !important;
}
---*/


/*-------- PICTOS SCHUHKENNZEICHNUNG 2019-05-27 -----*/
.product-additionals.widget-multicolumn .product-facts.column-33 .picto{
	width:240px;
}