/**************** iPhone landscape and portrait mode *****************/ @media screen and (min-width: 320px) and (max-width: 767px){ body {font-size:24px;overflow-x:hidden;} body.sidr-open {overflow-y:hidden;} .hidden-desktop {display:block !important;} .hidden-mobile {display:none !important;} .img-scaleup-xs {width:100%;height:auto;} .page-wrapper {overflow:hidden;} p {font-size:24px;} .btn-sr {height:90px;font-size:28px;padding:0 45px;line-height:3;} #mainContent a.btn, #mainContent a.btn:link, #mainContent a.btn:visited {font-size:22px;} #socialbar {display:none;} header {background-image:url(../img/header-bg-xs.png);background-repeat:repeat-x;background-position:0 0;} header #logo:hover {height:170px;} header #bannerMueller {background:transparent url(../img/mueller-xs.png) no-repeat 0 0;width:279px;height:80px;left:134px;z-index:20;} body.en header #bannerMueller {display: none;} body.hr header #bannerMueller {background-position: 0px -82px; height: 86px;} body.hu header #bannerMueller {background-position: 0px -168px; height: 86px;} body.sl header #bannerMueller {background-position: 0px -255px; height: 86px;} .carousel-inner > .item {height:auto;background:transparent !important;} .carousel-inner > .item .img-responsive {max-width:none;width:100%;height:auto;} .carousel-control.left:after {top:77%;margin-top:-30px;} .carousel-control.right:after {top:77%;margin-top:-30px;} .carousel-caption {position:static;top:auto;right:auto;bottom:auto;left:auto;width:460px;height:auto;margin:0 auto 40px;text-align:center;} .carousel-caption h3 {font-size:36px;} .carousel-caption p {font-size:24px;} .carousel-caption p.bgtext {font-size:42px;text-align:center;right:0;top:-17px;} .carousel-caption.dark h3 { color: #fff; } .carousel-caption.dark p { color: #fff; } #mainContent h2 {font-size:36px;text-align:center;font-weight:300;} #mainContent h3 {font-size:46px;text-align:center;font-weight:300;} #mainContent h5 {font-size:28px;} #mainContent p.subline {font-size:28px;font-weight:300;line-height:1.2;} #mainContent ul li {display:inline-block;width:49%;font-size:24px;} #mainContent ul li:after {width:20px;height:17px;background-position:-137px -318px;top:10px;} .product-teaser a > p {font-size:30px;font-weight:300;} #homeCategoryTeaser .container {padding:0;} #homeCategoryTeaser h4 {font-size:36px;text-align:center;font-weight:500;} .small-category-teaser {height:auto;} #homeCategoryTeaser .small-category-teaser {height:450px;} #homeCategoryTeaser .padding-top-middle .text-center img {width:46%;} .small-category-teaser .small-category-teaser-item p {font-size:30px;} .small-category-teaser .small-category-teaser-item img.img-scaleup-xs {width:90%;} .page-home #storefinder {padding-top:30px !important;} form.storefinder .form-group {height:68px;width:100%;} form.storefinder input[type="text"] {height:68px !important;font-size:30px !important;width:100%;background-size:auto 132px;} form.storefinder input[type="text"]:focus {background-position:right -66px;} form.storefinder input[type="submit"] {width:68px;height:68px;background-position:-33px -274px;top:-1px;float:right;} #bannerFooter {padding:25px 0 !important;overflow:visible;height: auto !important;} #bannerFooter p {font-size:20px;} #mainContent .product-category {padding:40px 0 0;} #mainContent .product-category .btn-primary {float:right;} #mainContent .product-overview {} #mainContent .product-overview h2 {padding:40px 0 0;} #mainContent .product-overview .product-container {padding:40px 0 0;} #mainContent .mobile-subnav {display:block;} footer {height:auto;} footer ul {margin:10px 0 20px;} footer ul li {margin:0 5px;} footer ul li a {font-size:24px;} .xs-responsive {width:100%;height:auto;} .no-padding-top-xs {padding-top:0 !important;} #mainContent a.btn-third, #mainContent a.btn-third:link, #mainContent a.btn-third:visited {width:auto;display:block;height:80px;text-align:center;position:relative;font-size:32px;color:#fff;border:0;background:#1c1c1c;line-height:1.8;} #mainContent a.btn-third:after {content:" ";text-indent:-9999em;width:20px;height:40px;background:transparent url(../img/sprite.png) no-repeat -48px -147px;position:absolute;top:24px;left:40px;} #mainContent a.btn-third.active, #mainContent a.btn-third:focus, #mainContent a.btn-third:hover, #mainContent a.btn-third:active {text-decoration:none;color:#fff;font-weight:700;} .carousel-indicators {display:none;} #newProducts h2 {padding-bottom:30px;} #newProducts .product-teaser {padding-bottom:50px;} #newProducts .link-all {display:block;text-align:center;} #newProducts .image-wrapper {display:inline-block;position:relative;} #lageTextTeaser {padding-bottom:50px !important;} #lageTextTeaser .btn {margin-top:20px;} .new-banner {width:80px;height:100px;background:transparent url(../img/mobile-new-banner.png) no-repeat 0 0;left:0;} #mainContent ul.listing-default li:after {width:20px;height:17px;background:transparent url(../img/mobile-check-list.png) no-repeat 0 0;top:11px;} #mainContent ul.listing-default li {padding-bottom:20px;} .border-middle {background:transparent url("../img/border-bottom.png") no-repeat 50% 50%;} .with-bgimage {background-image:none !important;} #mainContent .product-container .image-wrapper {max-height:none;height:380px;} #mainContent .product-container .image-wrapper img {width:auto;height:100%;} #mainContent .product-container .image-wrapper .icons {display:none;} #mainContent .product-container {padding-top:30px;} #mainContent .product-container:hover {} #mainContent .product-container:hover > a{display:block;} #mainContent .product-container:hover .image-wrapper {background:transparent;} #mainContent .product-container:hover > p {color:#fff;text-indent:0;height:auto;font-weight:700;} #mainContent .product-container:hover .product-container-bottom {display:none;} #mainContent .mobile-no-margin-sides {margin-left:-30px;margin-right:-30px;} #mainContent .mobile-color-filter ul li {margin:0 6px 0 0;padding:0;list-style:none;display:inline-block;width:90px;height:90px;} #mainContent .mobile-color-filter ul li a.color-link {display:block;width:90px;height:90px;border:5px solid #191919;-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;position:relative;} #mainContent .mobile-color-filter ul li a.color-link.active, .color-filter ul li a.color-link:hover {border:5px solid #2c2c2c;} #mainContent .mobile-color-filter ul li a.color-link.active:after {position:absolute;top:0;right:0;bottom:0;left:0;content:" ";background:transparent url(../img/color-link-active.png) no-repeat 50% 50%;background-size:48px auto;} #mainContent .newslist-wrapper .newslist {} #mainContent .newslist-wrapper .newslist li {width:100%;display:block;} #mainContent .newslist-wrapper .newslist li h3 {padding-left:40px;font-size:36px;text-align:left;} #mainContent .newslist-wrapper .newslist li abbr {padding-left:40px;font-size:18px;color:#8e8e8e;} #mainContent .newslist-wrapper .newslist li p {display:none;} .page-promotion {} .page-promotion #mainContent abbr {font-size:18px;color:#8e8e8e;} #mainContent .text-wrapper .left-col h2 {font-size:50px;text-align:left;margin-bottom:0;} #mainContent .text-wrapper .right-col p {font-size:24px;} .bordered-list {border-bottom:3px dotted #403f42;border-top:3px dotted #403f42;} .bordered-list li {width:100% !important;display:block !important;} .ico.ico-paraben-free {background:transparent url(../img/icons-01.png) no-repeat 0 0;height:40px;width:31px;} .ico.ico-dermatologically-tested {background:transparent url(../img/icons-01.png) no-repeat 0 -40px;height:40px;width:31px;margin-right:24px;} #mainContent .video-wrapper h2 {text-align:left;} #mainContent .text-wrapper .right-col h5 {font-size:20px;} #mainContent .text-wrapper .right-col .image-wrapper figcaption {padding:20px 0;color:#8e8e8e;font-size:18px;} .form-wrapper .bg-danger {height:auto;} form .form-group .error-msg {font-size:24px;} form .form-group input[type="text"] {height:78px;padding:0 20px;font-size:28px;position:relative;} form .form-group input[type="email"] {height:78px;padding:0 20px;font-size:28px;position:relative;} form .form-group input[required="required"]:after {content:"";position:absolute;top:0;right:0;bottom:0;font-size:28px;color:#fff;} form .form-group textarea {height:78px;padding:0 20px;font-size:28px;position:relative;} #contactForm .btn.btn-secondary {margin-right:30px;} #storefinder {margin-bottom:0;} #storefinder h2 {margin-bottom:0;padding-bottom:30px;text-align:left;width:500px;} #storefinder button {display:none;} form.storefinder-large .form-group {display:block;} form.storefinder-large input[type="text"] {width:100%;} form.storefinder-large .form-group:after {background-position:-33px -274px;height:78px;width:78px;} form.storefinder-large input[type="text"] {background-size:76px auto;} form.form-search {padding:30px;} form.form-search label {margin-bottom:20px;} form.form-search .field-wrapper {height:auto;} form.form-search .field-wrapper:after {display:none;} form.form-search .field-wrapper input {margin:0;width:100%;} #mainContent .content-container {width:auto;} #mainContent .product-detail .product-images .image-wrapper.text-center {margin-bottom:40px;} #mainContent .product-detail em.subline {font-size:24px;} #mainContent .product-detail .color-title {font-size:16px;} #mainContent .product-detail .color-number {font-size:16px;} #mainContent .product-detail .color-selection ul li {width:90px;height:90px;} #mainContent .product-detail .color-selection ul li a.color-link {width:90px;height:90px;border:5px solid #191919;background-size:100% auto;} #mainContent .product-detail .color-selection ul li a.color-link.active:after {position:absolute;top:0;right:0;bottom:0;left:0;content:" ";background:transparent url(../img/color-link-active.png) no-repeat 50% 50%;background-size:48px auto;} #mainContent .product-detail .btn-share {width:auto;} #mainContent .product-detail .btn-share .share-box li {width:auto;} #mainContent .product-detail .preview-images {padding: 0 0 50px 0;} #mainContent .content-container {float:none;width:auto;} #mainContent .product-container p {font-size:20px;} #mainContent .product-category .btn {height:45px;line-height:0.9;} #mainContent .product-category .content-row > div {display:none;} #mainContent .product-category .content-row > div:first-child {display:block;} #slideshow .btn-arrow-down {display:none;} .carousel-inner {background-image:url(../img/product-colors-bg.png);background-repeat:repeat-x;background-position:left bottom;} .margin-left-xs-minus {margin-left:-10px;} #homeBottomContainer {padding-left:40px !important;padding-right:40px !important;padding-bottom:40px !important;} #mainContent {padding-bottom:0;} #bannerFooter {position:static;} .page-category {} .page-category .product-category {padding-left:20px !important;padding-right:20px !important;} .page-category .product-category .btn {height:58px !important;line-height:1.3 !important;} .page-category #mainContent .product-container p {font-size:30px;font-weight:300;} .page-product-overview #mainContent .product-overview {padding-left:20px !important;padding-right:20px !important;} .page-product-overview .row.content-row {padding-top:0;} .page-product-overview #mainContent .product-container p {font-size:30px;font-weight:300;} #mainContent .mobile-subnav {padding-bottom:0;} .page-product {} .page-product #mainContent > .padding-half-top {padding-top:0 !important;} .page-product #mainContent .row.mobile-no-margin-sides {padding-bottom:80px !important;} .page-product #mainContent h1 {padding-bottom:30px !important;} .page-product #mainContent .product-detail .visible-xs {background:transparent url(../img/proudct-color-bg.png) repeat-x left top;padding-top:40px;padding-bottom:60px;position:relative;margin-left:-35px;width:640px;} .page-product #mainContent .product-detail .visible-xs:after {content:" ";position:absolute;left:50%;bottom:38px;margin-left:-22px;width:45px;height:23px;background:transparent url(../img/proudct-color-arrow.png) no-repeat 0 0;} .page-product #mainContent .product-detail .visible-xs .color-selection .left {float:left;padding-left:20px;width:19%;overflow:hidden;} .page-product #mainContent .product-detail .visible-xs .color-selection .right {float:right;padding-bottom:24px;width:80%;overflow:hidden;} .page-product #mainContent .product-detail .color-title {font-size:18px;} .page-product #mainContent .product-detail .color-number {font-size:18px;} .page-product #mainContent .product-detail .color-selection {background:transparent url(../img/proudct-color-bg-bottom.png) repeat-x left bottom;} .page-product #mainContent .product-detail .btn-share {height:60px;line-height:2.5;font-size:24px;} .page-product #mainContent .product-detail .btn-share > span {padding-right:20px;} .page-product #mainContent .product-detail .btn-share .share-box {top:19px;right:13px;} .page-product #mainContent .product-detail .btn-mueller-shop {width:100%;height:70px;background:transparent url(../img/btn-mueller-shop-mobile.png) no-repeat 0 0;margin-top:10px;margin-bottom:40px;} .page-product #mainContent .product-detail .btn-mueller-location {width:100%;height:70px;background:transparent url(../img/btn-mueller-filiale-mobile.png) no-repeat 0 0;margin-top:10px;margin-bottom:40px;} .page-product #mainContent .product-detail {padding-left:20px !important;padding-right:20px !important;} .page-product #mainContent .product-detail .bordered-list {margin-top:30px;margin-bottom:30px;} .ico.ico-dermatologically-tested {top:6px;} .page-product #mainContent .product-detail .bordered-list li {line-height:2;} .bordered-list li {line-height:2;} #mainContent .product-container p {font-size:30px;} .page-promotion #mainContent abbr {font-size:30px;} #mainContent .text-wrapper .content-col h3 {font-size:30px;} #mainContent .video-wrapper {padding-left:20px !important;padding-right:20px !important;} #mainContent .text-wrapper {padding-left:20px !important;padding-right:20px !important;} #mainContent .btn, #mainContent .btn:link, #mainContent .btn:visited {height:70px;line-height:1.8} form .dropdown-container {width:100%;height:78px;} form .dropdown-container:after {content:" ";position:absolute;top:31px;right:33px;width:28px;height:14px;background:transparent url(../img/dropdown-select.png) no-repeat 0 0;} form .dropdown-container select {height:78px;font-size:28px;} form .dropdown-container a {height:78px;color:#fff !important;font-size:28px;line-height:2.7;padding:0 20px;} #mainContent .product-detail .product-images .image-wrapper.text-center:after {display:none;} } /**************** iPhone portrait mode *****************/ @media screen and (min-width: 320px) and (max-width: 479px){ } /**************** iPhone landscape mode *****************/ @media screen and (min-width: 480px) and (max-width: 767px) { } /**************** iPad portrait mode *****************/ @media screen and (min-width: 768px) and (max-width: 991px) { body {min-width:768px;} .carousel-caption {left:auto;width:auto;right:0;} .carousel-caption .container {width:360px;} .carousel-caption .row > div {margin-left:0;width:auto;} header .topmenu {position:relative;height:35px;min-width:200px} header .btn-mobile-nav {display:block;width:23px;height:15px;position:absolute;top:16px;right:0;padding:0;} header .btn-mobile-nav span {display:block;background:#fff;height:3px;margin-bottom:3px;} header .topmenu ul {display:none;} header #mainmenu > ul > li .submenu.productsmenu .row .changeDesc .productsmenu-inner {margin-left:-36px;margin-right:32px;} #mainContent .newslist-wrapper .newslist li h3 {padding-left:20px;} #mainContent .newslist-wrapper .newslist li abbr {padding-left:20px;} #mainContent .newslist-wrapper .newslist li p {padding-left:20px;} header .top-search-container {display:none;} #homeBottomContainer .row.cols-same-height {height:450px;} #homeBottomContainer .form-group {width:100%;} #homeBottomContainer .form-group input[type="text"] {width:100%;} } /**************** iPad landscape mode *****************/ @media screen and (min-width: 992px) and (max-width: 1199px) { } @media (max-width:1200px){ .carousel-caption .col-md-offset-7 {margin-left:40%;} } @media (max-width:990px){ #mainContent .newslist-wrapper .newslist img {margin-right:10px;} } @media (max-width:770px){ .carousel-caption .col-md-offset-7 {margin-left:0;} }