.start-section{margin-top: 20px;}

/*.start-box{height: 180px;}*/
.start-box {margin-bottom:10px}
.start-box img,.start-box a{display: block;}
.start-box img {width:100%;max-width:322px}
#start-brands{clear: both; width:100%;margin:30px 0 25px;overflow:hidden}
#start-brands img{display: block;}

@media (min-width: 322px) and (max-width:767px) {
    .start-box img {max-width:100%}
}

@media (min-width: 768px) {
    .start-box {margin-bottom:0}
}

#start-newsletter-form {min-height:251px;border:1px solid #eaeaea; position:relative;}
#start-newsletter-form .address-field input{box-sizing: border-box;height:38px;width:100%;padding: 0 1em;line-height: 18px;font-size: 12px;color:#808080;}
#start-newsletter-form img {max-width:100%;height:auto;margin:0 auto;display:block;}
#start-nlform-damen{ margin-top: -125px;}
#start-nlform-damen .danketext {width:100%;font-size: 11px;text-align:center;color:#808080;display:block; padding:1em 0;}
#start-nlform-damen .address-field {width:300px;margin: 0 auto;position:relative;}
#start-nlform-damen .checkboxes {margin:1em auto 6px; width:300px;position:relative;}
#start-nlform-damen .checkboxes label {font-size:13px;color:#808080;}
#start-nlform-damen label.error {font-size:12px;color:#df280a;}
#start-newsletter-form .balken {position: static; display: block; margin:0;}
/* Meine Größe Banner*/
.start-section .mysize-banner > img, .start-section .mysize-login > img {position: absolute;margin-left:-180px}
.mein-vorteil-banner .mysize-banner > img {margin-left:-200px}
.start-section .mysize-banner object {width:180px;margin:10px 0 0 26px}
.start-section .mein-vorteil-banner object {margin:28px 0 0 30px}
.start-section .mysize-banner {float: left; position: relative; width:100%; height: 250px;z-index:1;border: 1px solid #eaeaea;}
.start-section .mysize-banner .mg-explore{position:absolute; left: 254px; top: 218px;}
.start-section .mysize-banner .mg-register{position:absolute; left: 385px; top: 218px;}

.mysize-banner .mysize-thankyou-badge {position: relative;right: 7px;top:7px;float: right; width:90px; height:90px;padding-top: 12px;font-size: 11px;line-height:1em;font-weight: 400;text-align: center;color: #fff;text-transform: uppercase;background: #e4257f;border-radius: 50%;}
.mysize-banner .mysize-thankyou-badge span {position: relative;font-weight: 600;font-size: 21px;line-height:30px;}
.mein-vorteil-banner .mysize-banner .mysize-thankyou-badge {background: #274196}

.mysize-banner-inner {float: left; position: relative; width:100%; height: 160px;margin-top: -175px;padding-left: 30px;z-index:2}
.mysize-banner-inner .mysize-headline {color:#e4257f;font-size: 16px;font-weight:600;}
.mysize-banner-inner span {display:block;padding-right: 65px;text-align:right;color:#808080}
.mysize-banner-inner ul {margin-left: -7px;margin-bottom:0;color:#808080}
.mysize-banner-inner li {line-height:1.7em}

/*Änderungen für den Mein Vorteil Banner*/
.mein-vorteil-banner {margin-bottom:20px}
.mein-vorteil-banner .mysize-banner-inner .mysize-headline {color:#1e1e1e}
#mysize-brand-row .mein-vorteil-banner .balken-register {left:25px;}

@media (min-width: 768px) {
    #start-newsletter-form .address-field,
    #start-nlform-damen .checkboxes {width:242px;}
    #start-nlform-damen label.error {position:absolute;}
    #start-nlform-damen .address-field label.error{top:37px; left:0;}
    #start-nlform-damen .checkboxes label.error {left: 0;top: 20px;}
    .start-section .mysize-banner object {width:245px;margin:5px 0 0 25px}
    .start-section .mein-vorteil-banner object {margin:28px 0 0 29px}
    .mysize-banner .mysize-thankyou-badge {right: 22px;top:22px;}
    .mysize-banner-inner{margin-top: -170px;}
    .mysize-banner-inner ul {margin-bottom:10px}
    #mysize-brand-row .mein-vorteil-banner .balken-register {left:20px;}
}

@media (min-width: 990px) {
    .start-section .mysize-banner > img, .start-section .mysize-login > img, .mein-vorteil-banner .mysize-banner > img {margin-left:0}
    .start-section .mysize-banner object {margin:5px 0 0 210px;}
    .start-section .mein-vorteil-banner object {margin:28px 0 0 214px}
    .mysize-banner-inner {width:396px;margin-left: 215px;padding-left:0}
}


/*Feed */
/* Category-menu*/
#feed-navbar {width:100%}

#feed-navbar.collapsing, #feed-navbar.in {position: absolute;top:55px;z-index: 2;width:280px;height:190px;background: #fff;border: 1px solid #eaeaea;border-top-color: #fff;}
.feed-categories {margin-top:10px;margin-bottom:20px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.feed-categories .navbar-toggle {float:left;width:100%;text-align:left;text-transform:uppercase;font-size:15px}
.feed-categories .navbar-toggle i {margin:0 6px 0 1px}
.feed-category {color:#7a7a7a;padding:3px 15px;}
.feed-category.active, .feed-category:hover,
.loggedin.meinegroesse .feed-category.active, .loggedin.meinegroesse .feed-category:hover
{cursor:pointer;color:#e4257f;}
.feed-icon {float:left;width:30px;height:30px;font-size:20px}
.feed-icon .icon-recom {display:inline-block;width: 20px;height: 20px;background-image: url(/skin/frontend/default/default/images/mysize/banner/meine-empfehlungen.png);background-size: 22px;}
.feed-category.active .icon-recom , .feed-category:hover .icon-recom,
.loggedin.meinegroesse .feed-category.active .icon-recom , .loggedin.meinegroesse .feed-category:hover .icon-recom
{background-image: url(/skin/frontend/default/default/images/mysize/banner/meine-empfehlungen_active.png);}
.feed-icon .sale-icon {font-weight:bold}
.feed-icon .icon-heart {display:inline-block;width:25px;height:30px;background-size:28px;background-position:-4px -2px;background-image: url(/skin/frontend/default/default/images/svg/feed_herz_grau.svg)}
.feed-category.active .icon-heart , .feed-category:hover .icon-heart, .feed-cat-active .active .icon-heart, 
.loggedin.meinegroesse .feed-category.active .icon-heart , .loggedin.meinegroesse .feed-category:hover .icon-heart, .loggedin.meinegroesse .feed-cat-active .active .icon-heart
{background-image: url(/skin/frontend/default/default/images/svg/feed_herz_pink.svg);}
.feed-category .text {float: left;padding-top: 5px;}

/*alles in blau für mv, .mv erstmal als platzhalter*/
.category-herren .feed-category.active .icon-recom , .category-herren .feed-category:hover .icon-recom,
.loggedin.meinvorteil .feed-category.active .icon-recom , .loggedin.meinvorteil .feed-category:hover .icon-recom 
{background-image: url(/skin/frontend/default/default/images/mysize/banner/meine-empfehlungen_mv_active.png);}
.category-herren .feed-category.active .icon-heart , .category-herren .feed-category:hover .icon-heart, .category-herren .feed-cat-active .active .icon-heart,  
.loggedin.meinvorteil .feed-category.active .icon-heart , .loggedin.meinvorteil .feed-category:hover .icon-heart, .loggedin.meinvorteil .feed-cat-active .active .icon-heart
{background-image: url(/skin/frontend/default/default/images/svg/feed_herz_blau.svg);}

.category-herren .feed-category.active, .category-herren .feed-category:hover,
.loggedin.meinvorteil .feed-category.active, .loggedin.meinvorteil .feed-category:hover
{cursor:pointer;color:#274196}

.feed-cat-active {padding-top:4px;color:#e4257f;font-size:16px}
.feed-cat-active div {display:none}
.feed-cat-active .active {display:block}
.feed-cat-active .text {float:left;padding-top:3px}
.feed-cat-active .feed-icon {padding-top: 10px;}
.feed-cat-active .active .icon-heart {}

@media (min-width: 768px) {
    .feed-categories {padding-top:20px;}
    .feed-category {text-align:center;}
    .feed-icon {width:100%;height:30px;/*background-size:35px;*/font-size:25px}
    .feed-icon .icon-heart {width:35px;height:35px;background-size:35px;background-position:0 0}
    .feed-category .text {display:inline-block;width:100%;padding:10px 20px 20px}
}


/*Topseller aka Favoriten*/
.homepage_favorites_title {display:block;padding-bottom:24px;margin-bottom:20px;text-align:center;font-size:24px;font-weight:300;text-transform: uppercase;border-bottom:2px solid #eaeaea}
.homepage-product-feed div.brand, .homepage-product-feed .product {padding-bottom: 30px; padding-left: 15px;  padding-right: 15px;}
.homepage-product-feed .product {text-align:center; font-size:10px;/*color:#000;*/}
.homepage-product-feed .product .img-spacer{ width: 100%; height: 0; padding-top: 145%; position: relative; margin: 0 auto;}
.homepage-product-feed .product img{width:100%; height: auto; display:block; position: absolute; top:0; left: 0; border: 1px solid #f1f1f1}

.homepage-product-feed div.brand a, .homepage-product-feed .product a {display: block; position: relative;}
.homepage-product-feed div.brand {text-align: center;font-size: 10px; color: #000;background:#fff; position: relative}
.homepage-product-feed div.brand a {font-size:13px;text-decoration:none;display:block;background:#fff;border: 1px solid #f1f1f1}
.homepage-product-feed div.brand a .logo {/*height:63px;*/max-height:63px;max-width:100%;margin:25% auto 0;}
.homepage-product-feed div.brand a .enamora-favorit {display:block;width:46px;height:37px;margin: 15% auto 20%;background:url(/skin/frontend/default/default/images/svg/meine_groesse_icon.svg) 0 0 no-repeat;background-size: 46px;}
.homepage-product-feed div.brand .name {display:block;margin: 10% auto;text-transform:uppercase;}
.homepage-product-feed div.brand img, .homepage-product-feed .product img {display:block}
/*image hover*/
.homepage-product-feed img.hover, .homepage-product-feed img.img2 {position: absolute;top:0;left:0;display:block; opacity: 0; transition:opacity 250ms ease-out;}
.homepage-product-feed a:hover img.hover, .homepage-product-feed a:hover img.img2 {opacity: 1; transition:opacity 250ms ease-out;}

.homepage-product-feed button.close i.fa {color:#a7a7a7; font-size:medium}
.homepage-product-feed button.close {position:absolute; top: 5px; right: 20px; z-index: 1;background:none}

.homepage-product-feed div.brand a .logo {position: relative;margin-top:0;
top: 40%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);}

/*Feed Product Layer*/
.feed-layer {position:fixed;top:50px;left:50%;bottom:inherit;z-index:10002;display:block;width:320px;margin-left:-160px;background:#fff;border:5px solid #eaeaea}
.feed-close, .reminder-close {position: absolute;z-index:1;right: 0;top: 0;float:right;padding:5px 10px;font-weight:normal;color: initial;cursor:pointer}
.feed-layer-spinner {display:block;position:fixed;top:50%;left:50%;width:200px;z-index:10001;height:100px;margin-top:-50px;margin-left:-100px;background: #fff url('/skin/frontend/default/default/images/catalogfilter/ajax-loader.gif') center center no-repeat;border:5px solid #eaeaea}
.feed-layer .more-views {/*float:left;width: 56px;*/height:300px;/*margin-right:25px;*/padding-top:20px;}
.feed-layer .jcarousel-clip.jcarousel-clip-vertical {height:282px}
.feed-layer .more-views ul {float: left;overflow:visible !important;height:auto !important;}
.feed-layer .more-views li {margin-bottom:3px}
.feed-layer .more-views li a {display:block;cursor:pointer}
.feed-layer .jcarousel-prev, .feed-layer .jcarousel-next {display:block !important;font-size:14px;text-align:center;cursor:pointer}
.feed-layer .jcarousel-prev-disabled, .feed-layer .jcarousel-next-disabled {color:#b7b7b7}
.feed-layer .jcarousel-prev {position:absolute;top:-20px;width:100%}
.feed-layer .jcarousel-next {margin-top:5px}

.feed-layer .product-image, .feed-layer .product-details {display:block;float:left;min-height:300px;}
.feed-layer .product-image {/*padding-right:0;*/padding-bottom:20px}
.feed-layer .product-image img {max-width:100%}
.feed-layer .product-details {/*width:345px;*/padding-bottom:20px}
.feed-layer .product-img-box {/*float:left;width:217px;*/height:314px;margin-top:5px;margin-left:0}
.feed-layer .marke-name {font-size:20px;font-weight:normal}
.feed-layer .product-name {font-size:12px;font-weight:normal}

.feed-layer .price-box {margin:15px 0 0}
.feed-layer .product-details .price {font-size:20px;font-weight:600}
.feed-layer .product-details .old-price {font-size:12px;text-decoration: line-through;}
.feed-layer .price-box .mwst {font-size:12px;color:#808080}

.feed-layer .to-product {display:block;margin: 25px 0 20px;font-weight:600;text-decoration:underline}

.feed-layer .size-box {position:relative;display:block;float:left;width:100%}
.feed-layer .size-box .btn {text-transform:capitalize;text-align:left;text-shadow:none;color: #808080; border-radius: 0; border: 1px solid #eaeaea;}
.feed-layer .size-box .btn span {float:left;}
.feed-layer .size-box .btn i {float:right; color:#1f1f1f;margin-top:2px}
.feed-layer .size-box .dropdown-menu{width: 100%;height: auto; max-height:400px;margin-top: -1px;overflow-x: hidden;} /*dropdown-menu mit scrollbar*/
.feed-layer li {padding:6px 15px;text-align: center;width: 100%;font-weight: normal;display: block;white-space: pre; min-height: 1.2em;color: #808080;cursor:pointer}
.feed-layer li:hover {color:#1f1f1f}

.feed-layer .product-attribute {display:block;margin-bottom:5px;font-weight:600;color:#000}
.homepage-product-feed .brand .brand-follow {
    color: #7a7a7a;border:1px solid #eaeaea;
    position: absolute;bottom: 25px;left: 50%;
}


/*.feed-layer .feed-size {float: left;min-width:43px;margin: 0 4px 4px 0;padding: 0;text-align: center;line-height: 1.6;border: 1px solid #c8c8c8;cursor: pointer;}
.feed-layer .feed-size.deactivated {position:relative; background-color: #fdc873;color: #8e8e8e; }*/
/* 'test': don't mark sold out sizes:
.deactivated:before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid #c8c8c8;border-color: inherit;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg);}
*/
.feed-layer .feed-size.deactivated-out {position:relative;color:#808080;cursor: default}
.feed-layer .feed-size.active {background-color:#c8c8c8}
.feed-layer .infotext {float:left;width:100%;margin:.8em 0 0.4em;color:#7a7a7a;}

@media (max-width: 360px) {
    .homepage-product-feed .product a, .homepage-product-feed .brand a {
        padding:0;
    }
    .homepage-product-feed .brand a, .homepage-product-feed .product a {height:188px}
    .homepage-product-feed .brand a .logo { margin-top: 10%;}


}

@media (max-width: 767px) {
    .feed-layer .product-details {padding-left:15px;padding-right:15px}
}

@media (min-width: 768px) {
    .homepage_favorites_title {/*margin-top:-7px;*/font-size:30px;}
    .feed-layer{width:750px;margin-left:-375px;padding:25px 25px;}
    .feed-layer .size-box {width:175px}

    .homepage-product-feed .brand a, .homepage-product-feed .product a {height:316px}

}

@media (min-width: 990px) {
    .feed-layer {margin-left:-400px;padding:35px 50px;width:800px;}
    .homepage-product-feed .brand a, .homepage-product-feed .product a {height:314px}

}

/* Größenerinnerungs-Popup , fast 1:1 von productdetail.css */
#sizereminder {z-index: 10002;}
#sizereminder .coupon-badge {display: none;}

#sizereminder .help-text.with-coupon {margin-bottom:20px}
#sizereminder .terms.help-text {margin-top:10px}
#sizereminder .modal-header {border-bottom:0}

/* similar products */
#sizereminder .upsell-products-item {text-align: center;line-height: 1.5;}
#sizereminder .upsell-products-item a,
#sizereminder .upsell-products-item img,
#sizereminder .upsell-products-item span {display:block;}
#sizereminder .upsell-products-item span {display:block;}

#sizereminder .jcarousel-skin-se-product-similar {width: 300px; margin:0 auto;}
#sizereminder .jcarousel-skin-se-product-similar li{ width: 100px;}
#sizereminder .jcarousel-skin-se-product-similar li img {margin: 0 auto; padding: 0;}
/* nested <span> to make the click/touch sensitive area the full height of the carousel */
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-prev,
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-next{
    display:block; position: absolute; left:-32px; top:0;
    width: 32px; height: 100%;
    cursor: pointer;
    text-align: center;
}
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-prev .icon,
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-next .icon{
    display:block; position: relative; top:50%; margin-top: -16px;
    height: 32px; width: 32px;
    font-size: 24px; line-height: 32px;
}
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-next {
    right:-32px; left: auto;
}
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-prev.jcarousel-prev-disabled,
#sizereminder .jcarousel-skin-se-product-similar .jcarousel-next.jcarousel-next-disabled{cursor: default;opacity: 0.6;}

@media (min-width: 768px){
    #sizereminder .coupon-badge {display: block;position: absolute;top: -40px;right: 50px;}
    #sizereminder .help-text.with-coupon {margin-right: 120px;margin-left:8.33333333%}
    #sizereminder .jcarousel-skin-se-product-similar {width: 400px; }
}

.feed-layer .to-cart {float:left;width:230px;margin-top:.8em;}
.feed-layer button.add-to-cart {float:left;width:230px;height:40px;margin-bottom:5px;padding-bottom:2px;background:#a00000;color:#fff;text-transform:uppercase;font-size:16px;font-family:Open Sans, Arial, Verdana, sans-serif;cursor:pointer}
.feed-layer button.add-to-cart.hover {color:#fff;background:#595959}
#detail-wishlist-link {font-size:14px;padding-left:0;}
#detail-wishlist-link span {vertical-align:bottom; display:inline-block;width:22px;height:20px;background:url(/skin/frontend/default/default/images/product/meine_wunschliste_bt_gr.png) no-repeat 0 0;}

.feed-wishlist-layer {position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-47px;padding:35px 50px;z-index:10002;display:block;width:500px;min-height:95px;text-align:center;background:#fff;border:5px solid #eaeaea}

.feed-product-layer > .ajax-layer-wait {position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(100%,100%,100%,0.8);}
.feed-product-layer > .ajax-layer-wait > span {display:block; width:100%; position:absolute; top:200px; margin-top:-18px; text-align: center;}

.feed-layer .other-products {display:block;clear:left; /*float:left;*/ width:100%;border-top:1px solid #d2d2d2}
.feed-layer .headline-other-products {margin-top:25px;font-size:20px;text-transform:uppercase;text-align:center;font-weight:normal}

#feed_my_brands h2 { padding: 20px; color: #1f1f1f; text-align: center; font-size:22px; font-weight: 300; text-transform: uppercase;}
#feed_my_brands .brand-entry img.brand {padding:0; margin:0 auto;}
#feed_my_brands .brand-entry img.brand {max-height:64px;}


/* wishlist styles from /skin/.../wishlist.css */
.homepage-product-feed .wishlist-item .product,
.homepage-product-feed .wishlist-item a {height: auto;}
.homepage-product-feed .wishlist-item .product {padding-right:5px; padding-left:5px}
.homepage-product-feed .wishlist-item .product a.thumbnail {
    width: 90px;
    height: auto;
    float: left;
    padding: 0; margin: 1px;
    background-color: #fff;
    border: 1px solid #fff;
}
.homepage-product-feed .wishlist-item .product img{width: 90px; position:static;}
.other-products .jcarousel-skin-se-similar_tall{width: 240px;height: 360px;margin:0 auto;}

/* that class will be moved to parent div, after jcarousel-initialisation */
/*.other-products ul.jcarousel-skin-se-similar_tall{background: url('/skin/frontend/default/default/images/catalogfilter/ajax-loader.gif') center center no-repeat;}*/
.other-products .jcarousel-skin-se-similar_tall .jcarousel-prev,
.other-products .jcarousel-skin-se-similar_tall .jcarousel-next{position: absolute;top: 50%;left: -2.5em;width: 2em;height: 3em;margin-top: -1.5em;border: 0;cursor: pointer;}

.other-products .jcarousel-skin-se-similar_tall .jcarousel-prev.jcarousel-prev-disabled,
.other-products .jcarousel-skin-se-similar_tall .jcarousel-next.jcarousel-next-disabled  {cursor: default}
.other-products .jcarousel-skin-se-similar_tall .jcarousel-next {left: auto; right: -2.5em;}
.other-products .jcarousel-skin-se-similar_tall .jcarousel-item,
.other-products .jcarousel-skin-se-similar_tall li {float:left;position: relative;width: 110px;height: 360px;padding: 5px 0; margin: 0 5px;}

.other-products .jcarousel-skin-se-similar_tall a.matching-product {display: block;font-weight:600;}
.other-products .jcarousel-skin-se-similar_tall .matching-product img {display:block;/* margin:0 auto;*/}
.other-products .jcarousel-skin-se-similar_tall a.matching-product,
.other-products .jcarousel-skin-se-similar_tall .name,
.other-products .jcarousel-skin-se-similar_tall .form-label,
.other-products .jcarousel-skin-se-similar_tall .form-control{display: block;margin-bottom: 0.5em;}
.other-products .jcarousel-skin-se-similar_tall .name {padding: 5px 0;line-height: 1.25em; overflow:hidden; text-overflow:ellipsis;}
.other-products .jcarousel-skin-se-similar_tall .price.special{}
.other-products .jcarousel-skin-se-similar_tall .shipping-hint {color: #808080;font-weight:400;display:block;}
.other-products .jcarousel-skin-se-similar_tall .form-group {margin-bottom: 0}
.other-products .jcarousel-skin-se-similar_tall .form-label {width:100%;font-weight:600;}
.other-products .jcarousel-skin-se-similar_tall .btn {display:block; width:100%; padding-left: 0px; padding-right: 0px;}

.jcarousel-skin-se-similar_tall form .ajax-layer-wait {position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.8;background-color: #ffffff; text-align: center;}
.jcarousel-skin-se-similar_tall form .ajax-layer-wait > span {display:block; width:100%; position:absolute; top:50%; margin-top:-18px;}

.reminder-popup {position:absolute;top:100px;left:50%;margin-left:-275px;width:550px;height:200px;padding:20px 25px;background:#fff;border:2px solid #b1b1b1}
.reminder-headline {margin-bottom:20px;font-size:20px}
.reminder-popup button.reminder-button {float:left;width:100px;height:25px;margin-bottom:5px;padding-bottom:2px;background:#a00000;color:#fff;text-transform:uppercase;font-size:12px;font-family:Open Sans, Arial, Verdana, sans-serif;cursor:pointer}
.reminder-popup p {float:left;width:100%}

.feed-cart-layer {position:fixed;top:50%;left:50%;margin-left:-215px;margin-top:-80px;padding:35px 40px;z-index:10002;display:block;width:430px;min-height:140px;text-align:center;background:#fff;border:5px solid #eaeaea}
/*Feed Product Layer ENDE*/

#mysize-brand-row a, #mysize-brand-row img{ display: block;}

#mysize-brand-row a { width: 492px; float: left;}
#mysize-brand-row a + a {margin-left: 6px;}

.start-section.mein-stil {position: relative;margin-top: 0}
.mein-stil a {position: relative;  display:inline-block;}
.mein-stil a img {max-width:100%}
.mein-stil-img {margin-bottom:10px} 

.fa-angle-left {font-size:1.3em}
.fa-angle-right {position: relative;top: 1px;font-size:1.3em}

@media (min-width: 768px) {
    .other-products .jcarousel-skin-se-similar_tall{width: 600px}
    .other-products .jcarousel-skin-se-similar_tall .jcarousel-prev,
    .other-products .jcarousel-skin-se-similar_tall .jcarousel-next {left: -3.5em;width: 3em;}
    .other-products .jcarousel-skin-se-similar_tall .jcarousel-next {left: auto; right: -3.5em;}
    .other-products .jcarousel-skin-se-similar_tall .jcarousel-item,
    .other-products .jcarousel-skin-se-similar_tall li {margin: 0 20px;}
}


@media (max-width: 989px) {
    .mein-stil-title img {float:right;width:29px;}
}

@media (min-width: 990px) {
    .mein-stil a {margin-left:7px}
    .mein-stil-title {width:58px !important}
    .mein-stil-img {width:176px;margin:0 0 0 7px;padding:0;position: relative;display: inline-block;} 
}

/*image hover*/
a img.hover, a img.img2 {position: absolute;top:0;left:0;display:block; opacity: 0; transition:opacity 250ms ease-out;}
a img.img2 {top:23px;left:23px}
a:hover img.hover, a:hover img.img2 {opacity: 1; transition:opacity 250ms ease-out;}

.to-top-fix {display:none;position: fixed;bottom:100px;right:20px;z-index: 10000;width:95px;height:54px;padding: 0;color:#fff;text-align:center;cursor:pointer;background: url(images/transparent-black.png);}
.to-top-fix i {position: absolute;left: 33px;top: 3px;font-size:50px;line-height:1em;}
.to-top-fix span {display:block;margin-top:28px;text-decoration:underline}
.to-bottom-fix {display:none;position: fixed;bottom:40px;right:20px;z-index: 10000;width:95px;height:54px;padding: 0;color:#fff;text-align:center;cursor:pointer;background: url(images/transparent-black.png);}
.to-bottom-fix i {position: absolute;left: 33px;top: 0px;font-size:50px;line-height:1em;}
.to-bottom-fix span {display:block;margin:4px 0 -20px;text-decoration:underline}

.balken {position:relative;/*z-index:1000;*/display: block;height:35px;width:100%;margin-top:-35px;padding-top: 7px;background:url(images/transparent-white.png);font-size: 15px;text-align:center;text-transform: uppercase;color: #1e1e1e;}
.mein-stil .balken {height:32px;margin-top:-31px;padding-top: 5px;font-size: 14px;}

button.balken {cursor:pointer;padding-bottom: 2px;}

.blank-box.balken {padding-top:0;border:0px;background:none;position:absolute;bottom:3px}
#mysize-brand-row {position:relative;z-index:0}
#mysize-brand-row .balken-mysize, #mysize-brand-row .balken-register {position:absolute;bottom:-10px;padding-top:4px;font-size:13px}
#mysize-brand-row .balken-mysize:hover, #mysize-brand-row .balken-register:hover {color: #1e1e1e;}
#mysize-brand-row .balken-mysize {left:30px;float:left;width:auto;/*margin:10px 25px 0 -4px;*/background:none}
#mysize-brand-row .balken-register {left: 130px;width:auto;/*margin-top:10px;*/background:none}

/*gleiche schrift für bilder und carousel etc.*/
.slideshow-menu .slideshow-page a, .balken {font-weight:400} /*300=light,400=normal,600=semi-bold,700=bold*/


@media (min-width: 768px) {
    #mysize-brand-row .balken-mysize, #mysize-brand-row .balken-register {font-size:15px;bottom:-8px;}
    #mysize-brand-row .balken-mysize {left:24px;float:left;width: 125px;/*margin:10px 25px 0 -4px;*/background:none}
    #mysize-brand-row .balken-register {left: 160px;width: 220px;/*margin-top:10px;*/background:none}
}
@media (min-width: 990px) {

    #mysize-brand-row .balken-mysize {left:-4px;}
    #mysize-brand-row .balken-register {left: 140px;}

}


/*Bootstrap carousel*/
.banner .carousel .carousel-indicators { margin-bottom:0; /*reset ol-style*/}
.homepage .carousel  {position: relative;z-index:0}

@media screen and (min-width:768px) {
    /* switch indicators to enamora style tabs */
    .homepage .carousel  {position: relative;}
    .homepage .carousel .carousel-indicators {width: 100%; margin:0; left:0; top: auto; bottom: 0;height: 35px;}
    .homepage .carousel .carousel-indicators li { /*basically resetting all bootstrap css*/
        height:35px;
        margin:0;
        float: left;
        display: block;
        position: relative;
        width: 50%; /* for 2*/
        border-radius: 0;
        border: none;
        color: #1f1f1f;
        text-indent: 0;
        font-size: 14px;
        line-height:35px;
        text-align:center;
    }
    .homepage .carousel .carousel-indicators.pages3 li{width:33%;}
    .homepage .carousel .carousel-indicators.pages3 li:last-child{width:34%;}
    .homepage .carousel .carousel-indicators.pages4 li{width:25%;}
    .homepage .carousel .carousel-indicators.pages5 li{width:20%;}
    .homepage .carousel a {
        display:block;
    }
    .homepage .carousel .carousel-indicators a{    overflow: hidden;
                                                   text-overflow: ellipsis;
                                                   white-space: nowrap;color:#1f1f1f; font-weight:normal;background-color: rgba(100%,100%,100%, 0.8); text-transform: uppercase;}
    .homepage .carousel .carousel-indicators a:hover,
    .homepage .carousel .carousel-indicators li.active a{background-color: #7a7a7a; color:#fff;}
    .homepage .carousel .carousel-indicators a::before {
        /*pure css implementation of the ^-Arrow*/
        display:block;
        content: " ";
        position: absolute;
        top: -8px; left: 50%;
        width: 0; height: 0;
        margin-left: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #7a7a7a;
        /* not display or visibility: opacity is easier to animate */
        opacity: 0;
    }
    .homepage .carousel .carousel-indicators .active a::before { opacity: 1.0; }
}