/*----------------------------------------------- * Desktop: > 1280px -----------------------------------------------*/ @media only screen and (min-width : 1300px) { body {font-size: 17px;} .Wrap {width: 1280px;} .ContainerLayer {width: 600px;} .ContainerLayer .LogoPayPal {padding-top: 1.8em;} .FilmSize01 {display: none;} .FilmSize02 {display: block;} #Header #Navigation {bottom: 3.15em; height: 50px;} #Header #Navigation ul li a {height: 50px;} #Header #SubNavigation {height: 57px;} #Header #SubNavigation ul li a {height: 57px;} #Header #SubNavigation ul li a:hover {background-position:center -57px;} #Header #SubNavigation ul li a.Active {background-position:center -114px;} #Header #SubNavigation ul li a.Active:hover {background-position:center -114px;} input[type="radio"], input[type="checkbox"] {width: 1.25em; height: 1.25em;} #Sidebar .BoxSpecificRequirements .NoWrap {display: inline-block;} #Sidebar .BoxAdviser {height: 15.185em;} #Content .ProductContainer .Covers .LayerCovers {width: 103%;} #Content .ProductContainer .Covers .LayerCovers .LayerBottom {width: 103%;} #Content .ProductContainer .ColumnRight .CartButton input[type="image"] {width: 17.25em;} #Content .ImgContainer {margin-top: 2.25em; margin-bottom: 2.275em;} #Content .ContentBoxes .ContentBoxAdviser .Break {display: inline-block;} } /*----------------------------------------------- * Tablet Portrait and Desktop < 1010px -----------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 1010px) { body {font-size: 15px; width: 100%; text-align: center;} .Wrap {width: 750px;} .ContainerLayer {width: 450px;} .OptionalResponsive {display: inline-block; padding: 0 0.25em 0 0.25em;} .FilmSize01, .FilmSize02 {display: none;} .FilmSize03 {display: block;} h2, h1.Infoseite {font-size: 210%;} #MetaNavigation {font-size: 75%; text-align: left;} #MetaNavigation a {font-size: 105%; margin-left: 0.55em} #Header {height: 14.75em;} #Header #Logo {width: 22em; height: 9.5em; padding-top: 1em;} #Header #Logo a {background-size: 95% auto; background-position: left 0.15em;} #Header #Search {width: 18.75em; top: 6.25em;} #Header #Search .SearchField {width: 83%;} #Header #ShoppingCart {width:20em; height: 6em; background-size: 100% 99%;} #Header #ShoppingCart p {font-size: 90%; margin-top: 0.75em; margin-left: 7em;} #Header #Claim {right:1.15em !important; top: 12.5em; font-size: 83%;text-align: right;} #Header #Navigation {bottom: 2.35em; width: 72%; height: 35px;} #Header #Navigation ul li a {font-size: 100%; line-height: 2.5em; height: 35px;} #Header #SubNavigation {width: 97.1%;} #Header #SubNavigation {height: 38px; background-size: auto 38px;} #Header #SubNavigation ul li a {height: 38px; background-size: 125% auto;} #Header #SubNavigation ul li a:hover {background-position:center -38px;} #Header #SubNavigation ul li a.Active {background-position:center -76px;} #Header #SubNavigation ul li a.Active:hover {background-position:center -76px;} #Header #SubNavigation ul li.Right a, #Header #SubNavigation ul li.Fix a, #Header #SubNavigation ul li.SubNav06 a {font-size: 60%; line-height: 4.25;} #ImgHome {display: none;} #IntroHome {background-size: 130% auto; background-position: 40% top;} #IntroHome h1 {margin-right:0;} #IntroHome h4 {height: 2em;font-size: 100%;} #IntroHome p.Text {margin-right: 13em; font-size: 100%;} #IntroHome p.Guarantee {width: 30%; height: 3.5em; right: -0.5em;} #TextHome {font-size: 85%; background-size: 67.25% auto;} #TextHome .ColumnLeft {width: 65%;} #TextHome .ColumnRight {width: 33%;} #ContentWrapHome #Content {width: 100%;} #ContentWrapHome #Sidebar {margin-top: 0;} #ContentWrapHome #Sidebar .BoxComparison, #ContentWrapHome #Sidebar .BoxPackaging, #ContentWrapHome #Sidebar .BoxBed {min-height: 11.5em;} .ContentComparison #Sidebar .BoxShowroom, .ContentAboutUs #Sidebar .BoxShowroom, .ContentAdviser #Sidebar .BoxShowroom, .ContentImprint #Sidebar .BoxShowroom {width: 63%; background-size: 100% auto;} .ContentComparison #Sidebar .BoxShowroom .PicTitle, .ContentAboutUs #Sidebar .BoxShowroom .PicTitle, .ContentAdviser #Sidebar .BoxShowroom .PicTitle, .ContentImprint #Sidebar .BoxShowroom .PicTitle {width: 61%;} .ContentPrivacy #Sidebar .BoxSpecificRequirements, .ContentContact #Sidebar .BoxManufacture, .ContentTopper #Sidebar .BoxProducts, .ContentContact #Sidebar .BoxBed, .ContentShowroom #Sidebar .BoxBed, .ContentCart #Sidebar .BoxBed {display: none;} .ContentOrder #Sidebar {display: none;} #ProductOverview .ProductContainer .ProductImg {height: 20em;} #ProductOverview .ProductContainer {width:32.65%;} #ProductOverview .ProductContainer h3 {font-size: 85%; line-height: 1.75;} #ProductOverview .ProductContainer ul {height: 8.5em; font-size: 85%;} #ProductOverview .ProductContainer p.Price {font-size: 160%;} #ContentWrap {width: 97%;} #Content {width: 100%;} #Content .BgContainer {margin-left: -0.5em; width: 107.5%;} #Content .ProductContainer .Covers .LayerCovers {bottom:6.5em;} #Content .ProductContainer .Covers .LayerCovers09{bottom:0.225em;} #Content .ProductContainer .Covers .LayerCovers .LayerBottom {bottom:-1.15em;} #Content .LayerCart {right: 0; left: 11%;} #Content .ProductContainer .LayerInfo {right: 0; left: 16%;} #Content .ContentBoxes .ContentBoxAdviser h3 {font-size: 110%;} #Content .ContentBoxShowroom {background-size: auto 100%; width: 66.25%;} #Content .ContentBoxes .ContentBoxAdviser {width: 32.5%; margin-right: 0.15%;} #Sidebar {clear: both; float: none; width: 105%;} #Sidebar .Box h4 {font-size: 100%;} #Sidebar .Box {float: left; width: 31%; margin-right: 1%; height: auto; min-height: 15.25em;} #Sidebar .BoxBed img {width: 95%; margin-top: 1.5em;} #Sidebar .BoxAdviser {} #Sidebar .BoxShowroom {background-size:auto 100%;} #Sidebar .BoxManufacture {background-size: auto 100%;} #Sidebar .BoxFreecall h4 {font-size: 100%;} #Sidebar .Box p.TextFreecall {font-size: 110%;} #Sidebar .BoxFreecall p.Claim {font-size: 90%;} #Sidebar .BoxFreecall .Icon {width: 5.5em; right: 0.5em;} #Sidebar .Box .LinkMore {position: absolute; right: 0.75em; bottom: 0.25em;} #Sidebar .BoxAdviser h4, #Sidebar .BoxProducts h4 {font-size: 110%;} #Footer {width: 97%;} #Footer #FooterNav {width: 100%;} #Footer #FooterCertifications {clear: both; float: none; width: 100%; padding: 1em 0.75em 0.25em 0.75em; font-size: 85%;} #Footer #FooterCertifications .TextFreecall {float: left; text-align: left; margin-top: 2em; margin-bottom:0;} #Footer #FooterAddress p {font-size: 75%;} .LayerContainerProduct div {width: 45.5em;} } /*----------------------------------------------- * iPhone6+/plump Landscape -----------------------------------------------*/ @media only screen and (min-width: 667px) and (max-width: 736px) and (orientation: landscape) { body {width: 100%; font-size: 12px !important;} #Dim {diplay: none !important;} #ContainerLayerBg {-moz-opacity:0.70; opacity:0.70; filter:Alpha(opacity:70);} .Wrap {width: 100%;} #Sidebar .BoxSpecificRequirements .Img {width: 15%;} } /*----------------------------------------------- * Phone: max 767px -----------------------------------------------*/ @media only screen and (max-width: 767px) { body {font-size: 15px !important;} #Dim {display: none;} #ContainerLayerBg {-moz-opacity:0.70; opacity:0.70; filter:Alpha(opacity:70);} .Wrap {width: 100%;} .FilmSize01 {display: none;} .FilmSize04 {display: block;} #Header #Claim, #Header #Navigation, #Header #SubNavigation, #ImgHome, #TextHome .ColumnLeft, #ContentWrap #Sidebar, #FooterNav, .FilmSize01, .FilmSize02 {display: none;} #MobileTransBg {display: none; position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: 199; background: url("../img/m_bg_trans.png") repeat left top;} .MobileIcon {display: block; position: absolute; top: 1em; right: 1em; width: 5em; height: 5em;} .MobileIcon img {width: 100%; height: auto;} .MobileLink {display: block;} .MobileClose {display: block; position: absolute; top: 0; right: 0; width: 100%; height: 40px; z-index: 201; text-align: right; background: #2B2B2B; border-bottom: 1px solid #fff;} .MobileClose a {display: inline-block; padding: 1em 1em 1em 1em; font-size: 90%; color: #fff; text-decoration: none; background-image: none !important;} #Search {display: none;} #SearchMobile {display: none; text-align: left; position: fixed; width: 100%; height: 160px; top: 0; right: 0; z-index: 200; background: #fff; -webkit-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); -moz-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);} #SearchMobile .Container {display: table; margin: 0 auto; margin-top: 35px; padding: 0; overflow: hidden; width: 100%; height: 125px;} #SearchMobile #SearchFieldMobile {margin: 0px auto; padding: 0; overflow: hidden; display: table-cell; vertical-align: middle; padding: 0; margin: 0 auto; height: 125px; text-align: left;} #SearchMobile #SearchFieldMobile input {margin: 0 0 0 2em; padding: 0.75em 0.75em 0.75em 0.76em; width: 71%; font: 100% arial,helvetica,sans-serif; color: #8A8A8A; background: #fff none repeat scroll 0% 0%; border: 1px solid #E3E2E2; border-radius: 0.75em;} #SearchMobile #SearchFieldMobile input:focus {color:#000000;} #SearchMobile #SearchButtonMobile {position: absolute; top: 45%; right: 0; left: 81%; width: 50px; height: 50px; overflow:hidden; z-index: 1;} #SearchMobile #SearchButtonMobile input[type="image"] {width: 100%;} #MobileButtonSearch {display: block; position: absolute; top: 8px; right: 64px; width: 45px; height: 45px; z-index: 200;} #MobileButtonSearch a {display: block; width: 100%; height: 100%; background: #e2e2e2 url("../img/m_button_search.png") no-repeat center center; background-size: 26px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #MobileButtonSearch a span {display: none;} .WrapTopNav {display: none;} #Header {position: fixed; height: 80px; z-index: 199; overflow: visible; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);} #Header #Logo {position: absolute; top: 7px; left: -8px; width: 170px; height:65px; padding: 0;} #Header #Logo .StandardLogo {display: none;} #Header #Logo .MobileLogo {display: block; background-image: none;} #Header #Logo .MobileLogo h3 {display: none;} #Header #Logo .MobileLogo img {width: 170px; height: auto;} #Header #ShoppingCart {display: none; position: fixed; top: 0; right: 0; padding: 0; width: 100%; background: #F0F0F0; z-index: 201; height: 180px; -webkit-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); -moz-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);} #Header #ShoppingCart .LinkIcon {left: 1em; top: 3.5em;} #Header #ShoppingCart h3 {display: none;} #Header #ShoppingCart p {margin: 60px 1.2em 0 6em; font-size: 110%;} #Header #ShoppingCart p span.Item {color: #fff;} #Header #ShoppingCart .MobileLink {display: block; position: absolute; bottom: 8.5%; right: 11%; color: #fff; text-align: right;} #Header #MobileButtonWarenkorb {display: block; position: absolute; right: 8px; top: 8px; width: 45px; height: 45px; z-index: 100;} #Header #MobileButtonWarenkorb a {display: block; width: 100%; height: 100%; color: #fff; text-align: center; background: #ECECEC url("../img/m_button_wk.png") no-repeat center center; background-size: 25px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #Header #MobileButtonWarenkorb a #DynAnzCartMobile {display: block !important; width: 22px; height: 22px; position: absolute; right: -3px; bottom: -5px; font-size: 85%; font-weight: 700; line-height: 1.75; z-index: 101; background: transparent url("../img/m_button_wk_anz.png") no-repeat scroll center center; background-size: 100% auto;} #Header #ShoppingCart a.Link .TextLink {margin-top: 15px;} #Header #MobileButtonNavigation {display: block; position: absolute; top: 8px; right: 120px; width: 45px; height: 45px; z-index: 100;} #Header #MobileButtonNavigation a {display: block; width: 100%; height: 100%; background: #009FE3 url("../img/m_button_nav.png") no-repeat center center; background-size: 23px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #Header #MobileButtonNavigation a span {display: none;} #Header #MobileNavigation {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;} #Header #MobileNavigation .MobileClose {position: fixed; border-bottom: 0;} #Header #MobileNavigation .MobileHome {position: absolute; display: block; left: 4px; top: 0; z-index:2;} #Header #MobileNavigation .LanguageSelection {position: fixed; display: block; left: 0; top: 0; z-index: 202; height: 30px} #Header #MobileNavigation .LanguageSelection p a {margin: 10px 0 0 15px; padding-left: 30px; height: 20px; background-size: auto 39px;} #Header #MobileNavigation .LanguageSelection p a span {display: none;} #Header #MobileNavigation ul {position: absolute; top: 40px; left: 0; margin: 0; width: 100%; height: 100%; background: #ffb700; overflow: auto; -webkit-overflow-scrolling: touch;} #Header #MobileNavigation ul li {border-bottom: 1px solid #fff;} #Header #MobileNavigation ul li a {display: block; padding: 1em; color: #fff; text-decoration: none; font-weight: 600; font-size: 110%; background: #009FE3 url("../img/icon_arrow2.png") no-repeat scroll 94% center; background-size: 9px auto;} #Header #MobileNavigation ul li a.MobileNavOffer{background-color: #f03762;} #Header #MobileNavigation ul li.MetaNav a {padding: 1em; color: #000; background-color: #f0f0f0; font-weight: 400;} #Header #MobileNavigation ul li.EndList {border-bottom: none; background-color: #f0f0f0; height: 100px;} #Header #MobileFreecall {display: block; position: absolute; bottom: 0.5em; right: 2.15em; font-size: 60%;} #Header #MobileFreecall p {margin: 0;} #IntroHome {margin: 80px 0 20px 0; height: auto; background-size: auto 130px;} #IntroHome h1 {margin: 0.65em 0.65em 0.75em 0.65em; font-size: 120%;} #IntroHome h4 {margin: 10em 0 0 0.5em; height: 1.875em; width: 100%;} #IntroHome p.Text {margin: 0 0.75em 0 0.75em;} #IntroHome p.Guarantee {width: 220px; top: 85px;} #TextHome {background: #fff; padding: 0;} #TextHome .ColumnRight {width: 100%; margin: 0; float: none; text-align: center;} #TextHome .ColumnRight img {width: 50%; margin: 1.5em auto 0 auto;} h2, h1.Infoseite {font-size: 230%; line-height: 1.25;} h3, h2.Infoseite, h4.Infoseite {margin-bottom: 1em;} p.TextFreecall span {} #ContentWrap {margin: 95px 0 0 0; padding: 0 0.75em 0 0.75em; width: 100%; background-image: none;} #ContentWrapHome #Content, #Content, #Sidebar {width: 100%; float: none;} #ProductOverview .ProductContainer {width: 100%; float: none; margin-bottom: 0.75em;} #ProductOverview .ProductContainer .ProductImg {height: auto; padding-bottom: 3em;} #ProductOverview .ProductContainer ul {font-size: 100%;} #Content .ContentBoxes .ContentBox {width: 100% !important; margin: 0 0 0.75em 0 !important;} #Content .ContentBoxes .ContentBoxShowroom {height: auto; background-size: 100% 100%;} #Content .ContentBoxes .ContentBoxShowroom .PicTitle {width: 80%} #Content .ContentBoxes .ContentBoxShowroom p {margin-top: 5em; font-size: 100%;} #Content .ContentBoxes .ContentBoxShowroom .LinkMore {top:55%;} #Content .ContentBoxes .ContentBoxAdviser {height: auto; padding: 0 5em 3em 0.75em; background-size: auto 110%;} #Content .ContentBoxes .ContentBoxAdviser .Break {display: inline-block;} #Content .ColumnLeft, #Content .ColumnRight {float: none !important; width: 94% !important; min-height: 1em !important;} #Content .ProductContainer .ColumnRight {margin: 2em 0.75em 0 0.75em;} #Content .ProductContainer p.Label, #Content .ContainerCart p.Label {width: 100% !important; float: none !important;} #Content .ProductContainer .Field, #Content .ContainerCart .Field {width: 100% !important; float: none !important;} #Content .ProductContainer .ColumnLeft .ProductImg a.LinkImg {pointer-events: none; cursor: default;} #Content .ProductContainer .ColumnLeft .ProductImg a.LinkIcon {display: none;} #Content .ProductContainer .ColumnRight .ProductForms p.LabelPrice{width: auto; float: left; margin: 0.25em 0.75em 0 0;} #Content .ProductContainer .ColumnRight .ProductForms .FieldPrice {width: auto; float: left;} #Content .ProductContainer .ColumnRight .CartButton {width: 100%; text-align: center; margin: 1em 0 2em 0;} #Content .ProductContainer .ColumnRight .CartButton input[type="image"] {width: 60%;} #Content .ProductContainer .Covers .CoverImg {width: 25%;} #Content .ProductContainer .CoversInfo .CoverImg {width: 100%;} #Content .ProductContainer .CoversInfo .CoverImg img {width: 23%;} #Content .ProductContainer .Covers .LayerCovers {bottom: 89%;} #Content .ProductContainer .Covers .LayerCovers05, #Content .ProductContainer .Covers .LayerCovers06, #Content .ProductContainer .Covers .LayerCovers07, #Content .ProductContainer .Covers .LayerCovers08 {bottom: 45%;} #Content .ProductContainer .Covers .LayerCovers09 {bottom: 0%;} #Content .ProductContainer .Covers .LayerCovers .LayerBottom div{display: none;} #Content .ProductContainer p.Guarantee {top: 1em; width: 65%;} #Content .ProductContainer .Details .DetailsContent {padding-top: 5em;} #Content .ProductT01 .Details .DetailsContent {padding-top: 0em;} #Content .ProductContainer .Details .DetailsContent h3 {width: 100%;} #Content .ContainerSearchResult .StopperOffer {width:3.5em; height:3.5em;} #Content .ContainerCart .ColumnRight p.Label {width: 40%;} #Content .ContainerCart .FieldText {margin-bottom: 1.5em;} #Content .ContainerCart h3 {margin-bottom: 1em;} #Content .ContainerCart p.Info, #Content .ContainerCart p.Link {position: static; text-align: left; margin-top: 0; margin-bottom: 2em;} #Content .ProductContainer .LayerInfo, #Content .LayerInfo, #Content .LayerCart {right: 0; left: 0; top: 56em; width: 100%;} #Content .LayerCart {padding: 1.5em 1em 1em 1.5em; height: auto; background-image: none;} #Content .ContainerAdviser {padding-left: 1em;} #Content .ContainerAdviser .ContainerAdviserContent .Tip {background-size: 150% auto;} #Content .ContainerAdviser .ContainerAdviserContent .Tip a.TipLink {width: 44%;} #Content .ContainerComparison .ContainerComparisonContent .Products a {width:98%;} #Content p.Breadcrumb {margin-left: 0;} #Content .TextContainer, #Content .ImgContainer, #Content .FilmContainer {margin-left: 0; width: 100%;} #Content .ContentBoxPanorama {margin: 1.5em 0 1.5em 0; height: 10em; width: 100%; background-size: 120% auto;} #Content .ContentBoxPanorama a {width: 5em; height: 5em;} #Content #GoogleMapsContainer {margin-top: 0;} #Content #GoogleMapsContainer p {float: none; width: 100%; margin: 0.5em;} #Content #GoogleMapsContainer h3 {margin-left: 0;} #Content #GoogleMapsContainer .FrameGoogleMaps {width: 100%;} #Content .FilmContainer .ImgFloatLeft {width: 300px; height: auto; float: none; margin-bottom: 0.5em;} #Content .FilmContainer .ImgFloatLeft img {width: 100%;} #Content .ContentBoxFilm {width: 300px; height: auto; position: static; float: none;} #Content .ContentBoxPanorama {display: none;} #Sidebar .Box {padding-bottom: 0.75em; min-height: 1em !important;} #Sidebar .Box .LinkMore {margin-bottom: 0;} #Sidebar .BoxAdviser {height: 13em;} #Sidebar .BoxShowroom {height: 14em;} #Sidebar .BoxAdviser p span {display: inline-block; width: 80%;} #Sidebar .BoxAdviser p span span {width: auto;} #Sidebar .BoxSpecificRequirements .Img {width: 25%;} #Sidebar .BoxSpecificRequirements .NoWrap {display: inline;} #Sidebar .BoxSpecificRequirements .LinkMore {position: static; float: right;} #Sidebar .BoxAdviser .LinkMore, #Sidebar .BoxShowroom .LinkMore, #Sidebar .BoxManufacture .LinkMore, #Sidebar .BoxProducts .LinkMore {bottom: 0.75em;} #Footer {margin: 0; width: 100%;} #Footer #FooterCertifications {font-size: 80%; float: left;} #Footer #FooterCertifications .TextFreecall {text-align: left; margin-left: 0.65em;} #Footer #FooterCertifications .Icons {float: left; margin-left: 0.25em;} #Footer #FooterAddress {font-size: 80%;} #Footer #FooterAddress div.gPlusShare {top: 2.75em;} } /*----------------------------------------------- * Phone: 580px - 767px -----------------------------------------------*/ @media only screen and (min-width: 580px) and (max-width: 767px) { #Sidebar .BoxSpecificRequirements .Img {width: 15%;} #ProductOverview .ProductContainer {width: 49%; float: left;} #Content .ContainerComparison .ContainerComparisonContent .Products a {width:46%;} #ProductOverview .ProductM03 {margin-right:1%;} .ProductContainer .ColumnRight .CartButton input[type="image"] {width: 40% !important;} } /*----------------------------------------------- * Phone: max 479px -----------------------------------------------*/ @media screen and (max-width: 479px) { body {width: 100%;} .Wrap {max-width: 479px; width: 100%; overflow: hidden;} #Content .ImgContainer div {width: 100% !important; margin-bottom: 0.75em;} #Content .ContentBoxes .ContentBoxShowroom {background-size: auto 100%;} #Content .ContentBoxes .ContentBoxShowroom .LinkMore {top:50%;} #Content .TextContainer {padding-right: 0;} #Content .TextContainer .ImgFloatLeft {float: none; margin-bottom: 1em;} #Content .TextContainer .SizeL {width: 100%;} #TextHome .ColumnRight img {width: 65%;} } /*----------------------------------------------- * Phone: max 374px -----------------------------------------------*/ @media screen and (max-width: 374px) { body {font-size: 12px !important;} .ContainerLayer {width: 90%; background-size: 1.75em auto; background-position: 0.8em 0.85em; padding: 0.5em 3.5em 2em 3.55em; font-size: 85%;} #SearchMobile #SearchButtonMobile {top: 52%;} #Header #Logo {top: 10px;} #Header #Logo .MobileLogo img {width: 110px;} #Header #ShoppingCart .MobileLink {right: 13%;} #Header #ShoppingCart {font-size: 90%;} #Header #MobileButtonWarenkorb a #DynAnzCartMobile {font-size: 100%;} #Header #MobileFreecall p {font-size: 170%;} #Header .LanguageSelection p a {padding-left: 30px; margin-right: 2px;} #Header #ShoppingCart .LinkIcon {top: 4.5em;} #Header #ShoppingCart p {margin: 60px 1.2em 0 5em; font-size: 125%;} #SearchMobile #SearchButtonMobile {top: 45%;} #SearchMobile .Container {background-size: auto 33%;} #IntroHome {background-size: auto 120px;} #IntroHome h4 {margin-top: 12em; height: 1.75em;} #Content .ContainerAdviser .ContainerAdviserContent .Tip {background-size: 180% auto;} #Content .ContainerAdviser .ContainerAdviserContent .Tip a.TipLink {width: 80%; margin-bottom: 1em;} #TextHome .ColumnRight img {width: 85%;} #Footer #FooterCertifications .Icons {font-size: 80%;} } /*----------------------------------------------- * Phone: max 241px -----------------------------------------------*/ @media screen and (max-width: 241px) { body {font-size: 11px !important;} #SearchMobile .Container {background-size: auto 25%;} #Footer #FooterCertifications .Icons {font-size: 70%;} }