/************************************************************************************* * Allgemeine Definitionen *************************************************************************************/ html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* HTML5 display-role reset fuer alte Browser */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;} ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* RESET & BASICS (Inspired by E. Meyers) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%; } /* PROJECT FONTS, LICENSE: /css/webfonts/OFL.txt */ @font-face { font-family: 'Raleway'; src: url('/css/webfonts/raleway-regular-webfont.woff2') format('woff2'), url('/css/webfonts/raleway-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/css/webfonts/raleway-bold-webfont.woff2') format('woff2'), url('/css/webfonts/raleway-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/css/webfonts/raleway-extrabold-webfont.woff2') format('woff2'), url('/css/webfonts/raleway-extrabold-webfont.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family:"Impact"; src:url("/css/webfonts/0fdb9857-4c8d-4a6b-95d8-9e0243bc4db7.eot?#iefix"); src:url("/css/webfonts/0fdb9857-4c8d-4a6b-95d8-9e0243bc4db7.eot?#iefix") format("eot"),url("/css/webfonts/e30090ff-14b4-4658-abae-40eb569cd626.woff2") format("woff2"),url("/css/webfonts/86bc8dce-e98d-41ba-9796-a466ad6d7590.woff") format("woff"),url("/css/webfonts/fdf7aa17-8b44-40cb-9caf-47809e08588d.ttf") format("truetype"); font-weight: 400; font-style: normal; } /************************************************************************************* * *************************************************************************************/ * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} body { width: 100%; height: 100%; margin: 0; border: 0; padding: 0; font-family: 'Raleway', arial, helvetica, sans-serif; font-size: 18px; line-height: 1; color: #272727; text-align: center; background: #fff; } /* Standards */ strong, b {font-weight: 600; font-family: inherit;} em, i {/*font-family: 'Roboto', sans-serif;*/} sup, sub {line-height: 0px !important; font-size: 50%;} ul.NoBullet {list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;} img {overflow: hidden;} a, input, textarea, select {outline: 0; border: 0;} .Hidden {display: none;} .Clear {margin: 0; width: auto; height: auto; clear: both; display: block;} .Space {margin: 0; width: auto; height: auto; height: 1.125em;} .SpaceXS {margin-bottom: -.75em;} .SpaceS {margin-bottom: 1em;} .SpaceM {margin-bottom: 2em;} .SpaceL {margin-bottom: 3em;} .SpaceXL {margin-bottom: 4em;} .Last {margin-right: 0 !important;} .TextRight {text-align: right;} .InlineBlock {display: inline-block !important;} .NoWrap {white-space: nowrap;} .NoMargin {margin: 0 !important;} .NoMarginLeft {margin-left: 0 !important;} .NoPadding {padding: 0 !important;} .NoPaddingBottom {padding-bottom: 0 !important;} .NoPaddingTop {padding-top: 0 !important;} .NoMarginTop {margin-top: 0 !important;} .NoMarginBottom {margin-bottom: 0 !important;} .NoBorder {border: 0 !important;} .NoBorderRight {border-right: 0 !important;} .NoIcon {background-image: none !important;} .NoDec {text-decoration:none;} .NoDec:hover {text-decoration:none;} .NoLink {pointer-events: none; cursor: default; color: inherit; text-decoration: none;} .Center {text-align: center; margin-left: auto !important; margin-right: auto !important;} .Center img {margin-left: auto; margin-right: auto;} .FloatLeft {float: left !important;} .FloatRight {float: right !important;} .FloatNone {float: none !important;} .Inline {display: inline;} .InlineBlock {display: inline-block;} .Spacing {letter-spacing: -0.15em;} .Spacing01 {display: inline-block; padding-left: 0.1em;} .Spacing02 {display: inline-block; margin-left: -.1em; margin-right: -.1em;} .MarginTopS {margin-top: .75em !important;} .MarginTopM {margin-top: 1.5em !important;} .MarginTopL {margin-top: 2em !important;} .MarginBottomM {margin-bottom: 1.5em !important;} .PaddingBottomM {padding-bottom: 1.5em !important;} .PaddingBottomL {padding-bottom: 3em !important;} .PaddingBottomXL {padding-bottom: 4.25em !important;} .Width10 {width: 10%;} .Width15 {width: 15%;} .Width20 {width: 20%;} .Width25 {width: 25%;} .Width28 {width: 28%;} .Width30 {width: 30%;} .Width33 {width: 33.33333%;} .Width35 {width: 35%;} .Width37 {width: 37%;} .Width38 {width: 38%;} .Width40 {width: 40%;} .Width42 {width: 42%;} .Width43 {width: 43%;} .Width45 {width: 45%;} .Width50 {width: 50%;} .Width55 {width: 55%;} .Width60 {width: 60%;} .Width65 {width: 65%;} .Width66 {width: 66.66666%;} .Width70 {width: 70%;} .Width75 {width: 75%;} .Width80 {width: 80%;} .Width85 {width: 85%;} .Width90 {width: 90%;} .Width100 {width: 100%;} .WidthAuto {width: auto !important;} .Height100 {height: 100% !important} .Clearfix:before, .Clearfix:after {content: " "; display: table;} .Clearfix:after {clear: both;} .Clearfix {*zoom: 1;} .NoTransition {-webkit-transition: none !important; -moz-transition:none !important; -o-transition: none !important; transition: none !important;} input, textarea, select, button {font-family: 'Raleway', sans-serif;} textarea, button, input[type="text"], input[type="email"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; padding: 0; text-overflow: ellipsis;} select {width: 100%; background: url(/img/icon_select.png) right center no-repeat; background-size: 1.625em auto; background-repeat: no-repeat;} select[multiple] {height: auto; background-image: none;} select::-ms-expand {display:none;} button {cursor: pointer;} input[type="submit"] {white-space: normal;} ::-webkit-input-placeholder {opacity: 1; -webkit-opacity: 1; -khtml-opacity: 1; color:rgba(0,0,0,0.5);} ::-moz-placeholder {opacity: 1; color:rgba(0,0,0,0.5);} :-ms-input-placeholder {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; color:rgba(0,0,0,0.5);} /* Links */ a {color: #272727; text-decoration: underline; outline: 0;} .TextLink {color: #be1072 !important; text-decoration: underline;} .TextLink02 {text-transform: uppercase; font-weight: 800; font-size: 110%;} .LinkTop {} .LinkBack {text-decoration: underline;} .LinkBack a span {display: inline-block;} .LinkBack a:before {content: "< "; line-height: 0;} .LinkBox {display: block; color: inherit; text-decoration: none;} .LinkAll {float: right; margin-top: 0.875em !important;} .LinkFixed {position: absolute; display: block;} .LinkFixed span {display: none;} .LinkPhoneText {color: inherit; text-decoration: none;} a.Container {display: block; text-decoration: none;} a.Container p {color: #272727;} a.Container:hover {text-decoration: none;} a.LinkPic, a.LinkPicTransform {display: block; overflow: hidden; height: 100%;} /* Colors: */ .ColorStd {color: #272727 !important;} .Color00 {color: #ffffff !important;} .Color01 {color: #98bfe4 !important;} .Color02 {color: #f58221 !important;} .Color03 {color: #56aa46 !important;} .Color04 {color: #ffd402 !important;} .Color05 {color: #0055a8 !important;} .Color06 {color: #ce161c !important;} .Color07 {color: #bfbfbf !important;} .Color08 {color: #5b5e64 !important;} .Color10 {color: #be1072 !important;} .Color11 {color: #be1072 !important;} .Color12 {color: #5b5e64 !important;} .Color13 {color: #e9e7e8 !important;} .BgColorStd {background-color: #272727; color: #fff !important;} .BgColorStd a {color: #fff !important;} .BgColor00 {background-color: #ffffff;} .BgColor01 {background-color: #98bfe4 !important; color: #fff !important;} .BgColor01 a {color: #fff !important; border-color: #fff !important;} .BgColor02 {background-color: #f58221 !important; color: #fff !important;} .BgColor02 a {color: #fff !important; border-color: #fff !important;} .BgColor03 {background-color: #56aa46 !important; color: #fff !important;} .BgColor03 a {color: #fff !important; border-color: #fff !important;} .BgColor04 {background-color: #ffd402 !important; color: #fff !important;} .BgColor04 a {color: #fff !important; border-color: #fff !important;} .BgColor05 {background-color: #0055a8 !important; color: #fff !important;} .BgColor05 a {color: #fff !important; border-color: #fff !important;} .BgColor06 {background-color: #ce161c !important; color: #fff !important;} .BgColor06 a {color: #fff !important; border-color: #fff !important;} .BgColor07 {background-color: #bfbfbf !important; color: #fff !important;} .BgColor07 a {color: #fff !important; border-color: #fff !important;} .BgColor08 {background-color: #5b5e64 !important; color: #fff !important;} .BgColor08 a {} .BgColor09 {background-color: #ededed !important;} .BgColor09 a {} .BgColor10 {background-color: #be1072 !important; color: #fff !important;} .BgColor10 a {color: #fff !important;} .BgColor12 {background-color: #5b5e64 !important; color: #fff !important;} .BgColor20 {background-color: #f4f3f4 !important;} .BgColor13 {background-color: #e9e7e8 !important;} .BgSlider00 {background-color: rgba(189, 15, 113, 0.8);} .BgSlider01 {background-color: rgba(152, 191, 228, 0.85);} .BgSlider02 {background-color: rgba(245, 130, 33, 0.8);} .BgSlider03 {background-color: rgba(86, 170, 70, 0.75);} .BgSlider04 {background-color: rgba(255, 212, 2, 0.9);} .BgSlider05 {background-color: rgba(0, 85, 186, 0.92);} .BgSlider06 {background-color: rgba(206, 22, 28, 0.8);} .BgSlider07 {background-color: rgba(175, 175, 175, 0.85);} .BgSlider00:hover {background-color: rgba(189, 15, 113, 1);} .BgSlider07:hover {background-color: rgba(175, 175, 175, 1);} /* #MASTER Special */ .BgColor07 .TitleProduct, .BgColor07 .TitleProduct a, .SubCat .BgColor07, .ButtonLinkProduct.BgColor07 {color: #be1072 !important;} .BgColor07 .TitleProduct .Subtitle, .BgColor07 .TitleProduct .Subtext {color: #fff;} /* Border */ .Border {border: 2px solid #e8e8e8;} /* Shadows */ .Shadow {box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -o-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,0.05);} /* Mobile Elemente ausblenden */ #MobileMenue, #MobileNav, .MobileSearch, .MobileCart, .MobileProductTitle {display: none;} /************************************************************************************* * Container *************************************************************************************/ .WrapMax {width: 100%; padding: 0; margin: auto;} .Wrap {width: 100%; max-width: 1650px; margin: 0 auto; padding: 0 1.5em 0 1.5em; position: relative; text-align: left; clear: both;} .WrapMin {width: 100%; max-width: 1280px;} .WidthXL {width: 100% !important; max-width: 100% !important; padding: 0 !important;} header {position: fixed; left: 0; top: 0; width: 100%; height: 8.25em; text-align: center; background: #fff; z-index: 2;} header .Wrap {height: 100%; width: 100%; overflow: visible; max-width: 1630px;} footer {clear: both; position: relative; text-align: center;} footer .Wrap {height: 100%;} #TopMenue {position: relative; height: 1.85em; background: #e9e7e8; overflow: hidden;} #MainMenue {position: relative; background: #ffffff; margin: auto; padding: 0 2em 0 2em; max-width: 1750px;} #SectionMenue {position: relative; overflow: hidden;} .Row {text-align: center; overflow: hidden;} .Flex {display: -ms-flexbox; display: flex; flex-wrap: wrap;} .Flex.Stretch {align-items: stretch;} .Flex.Center {justify-content: center;} .Flex.FlexNoWrap {flex-wrap: nowrap;} .Flex.FlexWrap {flex-wrap: wrap;} .Flex.Order01 {-ms-flex-order: 1; order: 1;} .Flex.Order02 {-ms-flex-order: 2; order: 2;} .Flex.FlexRow {flex-direction: row;} .ContainerPic {position: relative;} .ContainerPic img {position: absolute; margin: auto;} .ContainerButtons {} .ContainerButtons .ButtonLink {min-width: 14.5em; margin-bottom: 1.5em;} .RowAboutUs .ContainerButtons {margin-top: 2em;} .RowShowroom .ContainerButtons {margin-top: .5em;} /************************************************************************************* Header *************************************************************************************/ /* ----------------------------------------------------------------------------------- Logo ----------------------------------------------------------------------------------- */ header .Logo {position: absolute; left: 0.375em; top: .75em; width: 9em; height: 5.25em; overflow: hidden;} header .Logo a {display: block; width: 100%; height: 100%;} header .Logo a img {position: absolute; top: -50%; bottom: -50%; left: 0; margin: auto; width: auto; height: 85%;} /* ----------------------------------------------------------------------------------- Top Menue ----------------------------------------------------------------------------------- */ .NavBarTop {position: static;} .NavBarTop .Wrap {width: 100%; max-width: 100%;} .NavBarTop .ContactLinks {float: right; font-size: 120%; line-height: 1.6; letter-spacing: 0.02em; text-transform: uppercase;} .NavBarTop .ContactLinks a {text-decoration: none;} .NavBarTop .ContactLinks a:hover {} .NavBarTop .ContactLinks .LinkHotline {margin-top: 0; float: right;} /* SocialNav */ .NavBarTop .SocialNav {position: absolute; left: 0.625em;} .NavBarTop .SocialNav li {float: left; margin-right: 4px;} .NavBarTop .SocialNav li a {display: block;} .NavBarTop .SocialNav .Social {height: 1.85em; float: left; display: block; background-repeat: no-repeat; background-position: center center; filter: alpha(opacity = 55); -ms-filter: "alpha(opacity = 55)"; opacity: .5; } .NavBarTop .SocialNav .Social:hover { filter: alpha(opacity = 85); -ms-filter: "alpha(opacity = 85)"; opacity: 1; } .NavBarTop .SocialNav .Social01 {background-image: url(/img/icon_facebook-grey.png); background-size: auto 65%; width: 1.8em;} .NavBarTop .SocialNav .Social02 {background-image: url(/img/icon_twitter-grey.png); background-size: auto 68%; width: 1.6em;} .NavBarTop .SocialNav .Social03 {background-image: url(/img/icon_youtube-grey.png); background-size: auto 80%; width: 2.5em;} .NavBarTop .SocialNav .LinkMail {background-image: url(/img/icon_mail-grey.png); background-position: center center; background-size: auto 52%;} .NavBarTop .SocialNav .LinkAddress {background-image: url(/img/icon_address-grey.png); background-position: center center; background-size: auto 70%;} /* MetaNav */ .NavBarTop .MetaNav {position: absolute; right: 30%; top: 0;} .NavBarTop .MetaNav li {float: left; margin: 0 0 0 1.25em; text-align: left;} .NavBarTop .MetaNav li a {display: block; position: relative; font-size: 70%; line-height: 3.75; color: green; text-decoration: none;} .NavBarTop .MetaNav li a:hover {text-decoration: underline;} /* ----------------------------------------------------------------------------------- Main Menue ----------------------------------------------------------------------------------- */ .NavBar .Wrap { } .NavBar nav { position: absolute; left: -50%; right: -50%; margin: auto; width: 53em; top: 1.875em; z-index: 100; } .NavBar nav > ul { } .NavBar nav .Cat { float: left; position: relative; height: 100%; margin: 0 1em 0 0; } .NavBar nav .Cat a.CatLink { display: block; height: 100%; padding: 0 0.65em 0 0.65em; line-height: 3.1777em; text-decoration: none; text-transform: uppercase; white-space: nowrap; color: #5b5e64; font-weight: 800; } .NavBar nav .Cat a.CatLink:hover, .NavBar nav .Cat.Active a.CatLink:hover { opacity: .3; } .NavBar nav .Cat.Active a.CatLink, .NavBar nav .Cat .mainNavHover { opacity: .5; } .NavBar nav .Cat01 a.CatLink {} .NavBar nav .Cat02 a.CatLink {} .NavBar nav .Cat03 a.CatLink {} .NavBar nav .Cat04 a.CatLink {} .NavBar nav .Cat05 a.CatLink {} .NavBar nav .Cat06 a.CatLink {color: #be1072;} .NavBar nav .Cat05 .CatLink span {display: none;} #MainMenue .NavBar nav .Cat03 .SubCat {display: none !important;} /* Main Menue: SubNav */ .NavBar nav .SubCat { position: absolute; left: 0; top: 3.175em; min-width: 20em; padding: 1em 0 1em 0; background: #fff; z-index: 20; -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); } .NavBar nav .Cat01 .SubCat { left: -5em; width: 1190px; padding: 1.5em 0 1em 0; min-height: 29em; padding-left: 33em; } .NavBar nav .Cat01 .SubCat .ProductsNav { position: absolute; top: 2em; left: 2em; width: 30em; } nav .Cat01 .SubCat .ProductsNav a { display: block; margin-bottom: 0.325em; padding-left: 0.375em; width: 100%; font-size: 170%; font-family: 'Impact', sans-serif; line-height: 1.7777; letter-spacing: 0.03em; text-decoration: none; } .NavBar nav .Cat01 .SubCat .ProductsNav a span { display: inline-block; margin-right: -0.15em; } .NavBar nav .SubCat li { float: none; margin: 0; width: 100%; } .NavBar nav .SubCat li a.SubCatLink { display: inline-block; padding: 0 1em 0 1.25em; font-weight: 800; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 100%; height: auto; line-height: 2.2222; color: #5b5e64; } .NavBar nav .SubCat li a.SubCatLink:hover { filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5; } .NavBar nav .SubCat li.Active a { opacity: .4; } .NavBar nav .SubCat li.Active a:hover { } .NavBar nav .Cat01 .SubCat li a.First { padding-top: .5em; } .NavBar nav .SubCat li.FinderLink { padding: 1.5em 1em 0 1.25em; } .NavBar nav .SubCat li.FinderLink .ButtonLink { margin-top: 1em; display: inline-block; } .NavBar nav .SubCat li.FinderLink .FinderText { display: inline-block; padding-right: .625em; } /* Tag NEU */ .SubCatLink span.LinkTag { display: inline-block; color: #fff; background-color: #be1072; padding: .135em .5em.125em .5em; border-radius: 15px; font-size: 70%; line-height: 1.111; transform: translateY(-.15em); letter-spacing: .05em; margin-left: .25em; } /* ----------------------------------------------------------------------------------- Section Menue ----------------------------------------------------------------------------------- */ .NavBarSection { background: red; overflow: hidden; } .NavBarSection ul { margin: 0; padding: 0; list-style: none outside none; } .NavBarSection li { float: left; margin: 0 2.25em 0 0; padding: 2em 0 2em 0; text-align: left; } .NavBarSection li a { display: block; position: relative; margin: 0; padding: 0; border: 0px none; color: red; font-weight: 600; text-decoration: none; } .NavBarSection li a:hover { color: green; text-decoration: none; } .NavBarSection li a.Active { color: green; text-decoration: none; } .NavBarSection li a.Active:hover { color: green; text-decoration: none; } /* ----------------------------------------------------------------------------------- Icon Trusted Shop ----------------------------------------------------------------------------------- */ .IconTrustedShop { position: absolute; right: 4vw; top: 1.625em; width: 3.25em; height: 3.25em; background: url(/img/icon_trustedshop.png) no-repeat left top; background-size: 100% auto; z-index: 1; } /* ----------------------------------------------------------------------------------- Cart ----------------------------------------------------------------------------------- */ .Cart { position: absolute; right: 0; top: 0.375em; background: url(/img/icon_cart.png) no-repeat left 0.25em; background-size: 1.75em auto; } .Cart a.Link { display: block; padding: 1em 0 2em 3.5em; text-decoration: none; } .Cart a.Link .TextLink { text-decoration: underline; } .Cart a.Link .Title, .Cart a.Link .Text, .Cart a.Link .TextLink { display: none; } .Cart a.Link .DynEurCart { font-weight: 800; white-space: nowrap; } .Cart a.Link .DynAnzCart { display: block; position: absolute; width: 1.75em; height: 1.75em; left: 2.5em; top: 0.375em; text-align: center; color: #fff; font-size: 90%; font-weight: 600; line-height: 1.8555; border-radius: 10.5em; -webkit-border-radius: 10.5em; -moz-border-radius: 10.5em; z-index: 1; } .CartExpanded { position: absolute; left: -7.5em; top: 2.5em; padding: 1.25em 1.25em 1.5em 1.25em; width: 20em; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); z-index: 101; } .CartExpanded p { line-height: 1.45em; } .CartExpanded .DynAnzCart { font-weight: 800; } .CartExpanded .DynEurCart { font-weight: 600; } .CartExpanded .ButtonLink { margin: 0.8em 0 0 0; width: 100%; font-size: 90%; font-weight: 800; } .CartExpanded .ButtonLink:first-of-type { margin-top: 1.5em; } /************************************************************************************* * Minified Scrolling Nav *************************************************************************************/ header.Minified { height: 5.25em; background-position: 0 6em; -webkit-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); -moz-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); } header.Minified #TopMenue { } header.Minified #MainMenue .IconTrustedShop { top: .5em; width: 2.5em; height: 2.75em; } header.Minified #MainMenue .Logo { height: 3.225em; width: 10em; top: .25em; left: .75em; } header.Minified #MainMenue .NavBar nav { top: .725em; height: 100%; } header.Minified #MainMenue .NavBar nav > ul { } header.Minified #MainMenue .NavBar nav li.Cat > a { line-height: 2.255; } header.Minified #SectionMenue { /* -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); */ } header.Minified .LayerNavBarSection { top: 5.95em; border-top: 1px solid #1b1b1b; } header.Minified .NavBarSection { -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); } header.Minified .NavBar nav .SubCat { top: 2.25em; } header.Minified .Cart { top: -.05em; } /* Minified Transition */ .MinifiedTransition { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .Transition { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } header .NavBarSection li { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } /************************************************************************************* * Content Grid *************************************************************************************/ .Content { position: relative; padding: 6em 0 7em 0; width: 100%; } .ContentMain { float: left; position: relative; width: 62%; } .Sidebar { float: right; position: relative; width: 35%; border: 0; overflow: hidden; } /* ----------------------------------------------------------------------------------- Columns ----------------------------------------------------------------------------------- */ /* Column with MarginRight */ .Col { display: block; float: left; margin: 0; color: inherit; text-decoration: none; } .ColSeals { overflow: visible; } .ColBorder { border: 1px solid red; padding: 1.5em 1.75em 0 1.75em; } .ColBg { padding: 1.5em 1.75em 0 1.75em; } .ColPic { margin-bottom: 0; } .ColPic img { width: 100%; height: auto; } .PicList img { width: 95%; margin-right: 5%; margin-bottom: 5%; } .Inner { padding: 1em 1em 0 1em; overflow: hidden; } .Outer { margin: 0 0.8em 0 0.8em; } /************************************************************************************* * Container Cols *************************************************************************************/ .ContainerCols { width: 102%; margin: 0 0 0 -1%; } /************************************************************************************* * Content Rows *************************************************************************************/ /* RowTopNews */ .RowTopNews .Wrap {overflow: visible;} .RowTopNews .Stopper01 {width: 3.25em; height: 3.25em; left: -4em; top: 4em; background-image: url(/img/icon_topnews.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;} .RowTopNews .Stopper02 {width: 9.25em; height: 9.25em; right: 0; top: 19em; background-image: url(/img/stopper_kombi.png); background-position: center center; background-repeat: no-repeat; background-size: 100%;} .RowTopNews .Stopper02 a {display: block; height: 100%;} .RowTopNews .Stopper03 {width: 2.95em; height: 2.95em; left: .75em; 0; top: .675em; background-image: url(/img/icon_kombi-s.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;} .RowTopNews .h2 {margin-top: 0; font-size: 255%;} .RowTopNews .ColPic {height: 19.5em; width: 100%; overflow: hidden; position: relative;} .RowTopNews .ColPic img {position: absolute; left: -71%; right: -50%; width: auto; height: 100%; margin: auto;} /* RowTopHome */ .RowTopHome {background-position: center bottom; background-repeat: no-repeat; background-size: auto 27em;} .RowTopHome .Content {padding-top: 3em; padding-bottom: 7em; position: relative;} .RowTopHome .Content .LinkFixed {right: 0; bottom: 2em; height: 25em; width: 50%;} .RowTopHome .ColPicIntro.OptionalResponsive {display: none;} .RowTopHome .ColPicIntro.OptionalResponsive .LinkFixed {left: 0; top: 0; width: 100%;} .RowTopHome h1 {font-size: 295%; margin: 0 0 .35em 0;} .RowTopHome h2 {font-size: 570%; margin: 0 0 0.25em 0; line-height: 1.02; letter-spacing: 0.025em;} /* RowTopOverview */ .RowTopOverview .Content {} .RowTopOverview .Width50 {position: relative; min-height: 28em;} .RowTopOverview .ColButtonLink {position: relative; overflow: visible;} .RowTopOverview .ColButtonLink .ButtonLink {position: absolute; bottom: 0.15em; right: 4.5em; margin: 0px auto; width: 18em;} /* RowTop */ .RowTop {} .RowTop .Content {padding-top: 3em;} /* RowProductsNav */ .RowProductsNav .OptionalResponsive01 {display: none;} .RowProductsNav .Width66 {overflow: visible;} .RowProductsNav .Width66 .Outer {position: relative; height: 38em; overflow: visible;} .RowProductsNav .Width66 .Outer .ProductsNav {position: absolute; top: 0; width: 100%; height: auto; z-index: 1; background: #fff; overflow: visible; margin-top: 0.425em; border-bottom: 1.5em solid #fff;} .RowProductsNav .Width66 .Outer .ProductsNav .TitleProduct {padding: 0.215em 0.25em 0.2em 0.875em;} .RowProductsNav .Width66 .Outer .ProductsNav .TitleProduct span {left: 0.375em; top: 0.5em; line-height: 1;} .RowProductsNav .Width66 .Outer .ProductsNav ul {font-weight: 600; margin: 0 1.5em 0 0.65em; font-size: 110%;} .RowProductsNav .Width66 .Outer .ProductsNav li {margin: 0; padding-left: 0.15em;} .RowProductsNav .Width66 .Outer .ProductsNav .ContentExpanded {position: relative; padding-bottom: 8em; width: 100%;} .RowProductsNav .Width66 .Outer .ProductsNav .ButtonLink {margin: 0 auto 0 auto; position: absolute; left: -50%; right: -50%; bottom: 2em; width: 19em;} /* RowProductsPicNav */ .RowProductsPicNav {} .RowProductsPicNav a {display: block; width: 24%; margin-right: 1%; margin-bottom: 1%; min-height: 15em;} .RowProductsPicNav a p {margin: 0.15em 0.15em 0.15em 0.5em; font-size: 150%;} /* RowProductsOverview */ .RowProductsOverview .Width50 .Outer .ProductsNav ul {font-weight: 600; margin: 0 1.5em 0 1em; font-size: 110%;} .RowProductsOverview .Width50 .Outer .ProductsNav li {margin: 0; padding-left: 0.15em;} .RowProductsOverview .Width50 .Outer .ProductsNav .ButtonLink {margin: 2em auto 2em auto;} /* RowHomeProductsOverview */ .RowHomeProductsOverview {padding-top: 1.75em; padding-bottom: 1.75em;} .RowHomeProductsOverview .OptionalResponsive {display: none;} .RowHomeProductsOverview .IntroOverview {position: relative;} .RowHomeProductsOverview .IntroOverview .ContainerLogos {position: absolute; bottom: 2em; right: 0; width: 11rem;} .RowHomeProductsOverview .IntroOverview .ContainerLogos img {width: 100%; height: auto;} .RowHomeProductsOverview .IntroOverview .Title {} .RowHomeProductsOverview .IntroOverview .Teaser {margin-bottom: 3rem; padding-right: 13rem; font-size: 115%; font-weight: 400; line-height: 1.4;} .RowHomeProductsOverview .Outer {margin: 0 1em 0 1em;} .RowHomeProductsOverview .h4 {font-size: 115%; margin-bottom: 1em; letter-spacing: 0} .RowHomeProductsOverview a.ContainerProduct {display: block; text-decoration: none; position: relative; height: 11em; padding: 1em; margin-bottom: 2em;} .RowHomeProductsOverview a.ContainerProduct .Icon {position: absolute; bottom: 0.15em; right: -.175em; width: 4em; height: 4em; background: url(/img/icon_arrow01.png) center center no-repeat; background-size: 100% auto;} .RowHomeProductsOverview a.ContainerProduct .TitleProduct {font-size: 225%;} .RowHomeProductsOverview a.ContainerProduct .TitleProduct .Subtitle {font-size: 1rem; font-family: 'Raleway', arial, helvetica, sans-serif; font-weight: 400; position: static; text-transform: none; white-space: nowrap:} .RowHomeProductsOverview a.ContainerProduct .TextProduct {position: absolute; bottom: 1.5em; left: 1em; color: #fff; font-size: 110%; font-weight: 600;} .RowHomeProductsOverview a.ContainerProduct .Stopper {position: absolute; right: .75em; top: -.5em; width: 2.5em; height: 2.5em; border-radius: 50%; color: #fff; text-align: center; font-size: 2em; font-weight: 400; font-family: 'Impact', sans-serif; letter-spacing: .025em;} .RowHomeProductsOverview a.ContainerProduct .Stopper span:nth-of-type(1) {display: block; margin-top: .925em; font-size: 65%;} .RowHomeProductsOverview a.ContainerProduct .Stopper span:nth-of-type(2) {display: block; padding-left: .1em; font-size: 65%;} /* .RowHomeProductsOverview a.ContainerProduct .Stopper span:nth-of-type(1) {display: block; margin-top: 1.075em; font-size: 42%;} .RowHomeProductsOverview a.ContainerProduct .Stopper span:nth-of-type(2) {display: block; padding-left: .1em;} */ .RowHomeProductsOverview a.ContainerProduct.BgColor07 .TitleProduct {width: calc(100% - 3.15em);} /* RowKombi */ .RowKombi {} .RowKombi .Content {padding: 2.425em; overflow: hidden;} .RowKombi .Content h3 {margin-bottom: .45em;} .RowKombi .ContainerPicsAnim {margin-top: 1.5em; position: relative; display: inline-block; width: auto;} .RowKombi .ContainerPicsAnim .Icon {position: absolute; margin: auto; left: -100%; right: -100%; top: -100%; bottom: -100%; width: 1.625em; height: 1.625em; background: url(/img/icon_plus.png) no-repeat center center; background-size: 100% auto;} .RowKombi .ContainerPicsAnim .Col:nth-of-type(1){margin-right: 2em;} .RowKombi .ContainerPicsAnim .Col:nth-of-type(2){margin-left: 2em;} .RowKombi .ContainerPicsAnim .ContainerPic {height: 0; padding-bottom: 80%; width: 9.25em; position: relative;} .RowKombi .ContainerPicsAnim .ContainerPic > img {height: auto; width: 100%; height: 100%; object-fit: cover;} .RowKombi .ContainerText {padding: 3.375em;} .RowKombi .ContainerText p {margin-bottom: 0;} .RowKombi .Stopper {position: absolute; top: .25em; left: .25em; overflow: visible; } .RowKombi .Stopper img {width: 2.375em; height: auto;} /* RowProductsNav */ .RowProductsNav .Content {padding-top: 4em;} .RowProductsNav .Width37 {overflow: auto;} /* RowSimilarities */ .RowSimilarities .Content {padding-top: 1.5em; padding-bottom: 2em;} .RowSimilarities .Content h2 {font-size: 170%;} /* RowMagazine */ .RowMagazine .WrapXL {} .RowMagazine .Content {} .RowMagazine .Content .ContainerText {padding: 1.25em 1.375em 3em 1.375em; position: relative;} .RowMagazine .Content p {margin-top: .5em;} .RowMagazine .Content p a {margin-top: .5em; position: absolute; right: 1.25em; bottom: 1.25em;} .RowMagazine h2 {margin-bottom: 6rem;} .RowMagazine h3 {min-height: 2.625em; position: relative; font-size: 172%; margin: 0; letter-spacing: .025em;} .RowMagazine h3::after {content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 1.75em; height: 2px; background-color: #272727;} .RowMagazine h3 a {display: block; padding-bottom: 0.5em;} .RowMagazine .ButtonLink {margin-top: 3em; width: 45%;} /* RoAccessories */ .RowAccessories .Content {padding-bottom: 4em;} .RowAccessories .ContainerCols .Col {margin-bottom: 2em;} .RowAccessories .Content .ContainerText {padding: 2em 1.375em 2.5em 1.375em; position: relative; height: 100%; display: flex; flex-direction: column;} .RowAccessories h2 {margin-bottom: 5rem;} .RowAccessories h3 {margin-top: 0;} .RowAccessories p {text-align: left; margin-bottom: 2em !important;} .RowAccessories .LinkPicTransform {display: block; text-decoration: none; height: auto;} .RowAccessories .LinkPicTransform .ContainerPic {width: 12.5em; height: 12.5em; overflow: hidden; margin: 1.5em auto 1.5em auto; border-radius: 7em; z-index: 1;} .RowAccessories .LinkPicTransform .ContainerPic img {width: 100%; height: 100%; object-fit: cover;} .RowAccessories .WrapPics {position: relative;} .RowAccessories .WrapPics .ContainerCert {position: absolute !important; left: calc(50% + 5em); bottom: 0em; width: 5em; z-index: 0;} .RowAccessories .WrapPics .ContainerCert img {width: 100%; height: auto; width: 100%;} .RowAccessories .ButtonLink {margin-top: auto;} /* RowSeals */ .RowSeals {overflow: visible;} .RowSeals .Content {padding-top: 4em; padding-bottom: 4em;} /* RowAboutUs */ .RowAboutUs .Content {} /* RowFinder */ .RowFinder .Content {padding-bottom: 3em;} .RowFinder .ColPic img {margin: -1em auto 0 auto; height: 22em; width: auto;} /* RowAboutUs */ .RowBonusContent01 .Content {position: relative; padding-top: 1.5em; padding-bottom: 4em; background-position: right 1em; background-repeat: no-repeat; background-size: auto 22em;} .RowBonusContent01 .Content .ButtonLink {width: 18em;} .RowBonusContent01 .Content .LinkFixed {right: 0; top: 0; width: 40%; height: 100%;} /* Row AddText Products */ .RowAddText {overflow: hidden; padding-top: 1px; max-width: 1780px; margin-left: auto; margin-right: auto;} .RowAddText .Content {padding: 1em 0 2.5em 0;} /************************************************************************************* Content *************************************************************************************/ /* ----------------------------------------------------------------------------------- Content: Title, Text, Lists ----------------------------------------------------------------------------------- */ .Content p, .Content ol, .Content ul, .Sidebar p , footer p {line-height: 1.4444; margin: 0 0 1.4444em 0;} .Content p a, .Content ol a, .Content ul a {color: #be1072;} .Content p a:hover, .Content ol a:hover, .Content ul a:hover {color: #5b5e64;} .Content ul {padding-left: 1.375em; list-style-position: outside; list-style-type: disc;} .Content ul li {margin: 0 0 0.825em 0; line-height: 1.4444;} ul.IconPlus {margin-top: 1.25em; margin-bottom: 1.75em; padding-left: 0; list-style-type: none; font-size: 100%;} ul.IconPlus li {padding: 0 0 0 2.375em; margin-bottom: 0; background: transparent url(/img/icon_plus.png) no-repeat 0.45em 0.35em; background-size: 0.82em auto;} ul.IconPlus li strong {font-weight: 500;} ul.IconPlus li.MarginBottom {margin-bottom: 0.825em;} ul.IconPlus li.NoIcon {padding-top: 0.5em; font-size: 100%; font-weight: 400; margin-left: 0.25em;} ul.IconLayers {margin-top: 1.5em; margin-bottom: 3em; padding-left: 0.1em; padding-right: 11vw; list-style-type: none; font-size: 110%;} ul.IconLayers li {padding: 0 0 0 2.375em; margin-bottom: 0; background: transparent url(/img/icon_layers.png) no-repeat 0.175em 0.38em; background-size: 1.5em auto;} ul.IconLayers li strong {font-weight: 700;} ul.IconCheck {padding-left: 0.1em; list-style-type: none;} ul.IconCheck li {padding: 0px 0px 0px 2em; margin-bottom: 0; background: transparent url(/img/icon_check.png) no-repeat 0.2em 0.15em; background-size: 1.2em auto;} h1, .h1, p.h1 {margin: 0 0 0.4em 0; font-size: 440%; line-height: 1; color: #5b5e64; font-weight: 400; font-family: 'Impact', sans-serif; text-transform: uppercase; letter-spacing: 0.015em;} h2, .h2, p.h2 {margin: 1em 0 0.5em 0; font-size: 320%; line-height: 1.06; color: #5b5e64; font-weight: 400; font-family: 'Impact', sans-serif; text-transform: uppercase; letter-spacing: 0.015em;} h3, .h3, p.h3 {margin: 1.5em 0 0.65em 0; font-size: 220%; line-height: 1.08; color: #5b5e64; font-weight: 400; font-family: 'Impact', sans-serif; text-transform: uppercase; letter-spacing: 0.03em;} h4, .h4, p.h4 {margin: 1em 0 0 0; font-size: 110%; line-height: 1.44444; color: #272727; font-weight: 700; font-family: 'Raleway', arial, helvetica, sans-serif; text-transform: none;} h5, .h5, p.h5 {margin-top: 0; font-size: 100%; line-height: 1.44444; font-weight: 400; font-family: 'Raleway', arial, helvetica, sans-serif; text-transform: none;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a {text-decoration: none !important; color: #5b5e64;} .MinusTop {margin-top: -5px !important;} h2.MinusTop, .h2.MinusTop {margin-top: -1px !important;} h3.h2.MinusTop {margin-top: -7px !important;} h4.MarginBottom, .h4.MarginBottom {margin-bottom: 1.375em;} .Content .Title.BgColorStd {margin-top: 1.75em; padding: 0.85em 1em 0.75em 1.5em; overflow: hidden;} .Content .TitleS {font-size: 144.444%;} .Content .TextStd {font-family: 'Raleway'; font-weight: 400; letter-spacing: 0; text-transform: none;} .Content .TextStdSize {font-size: 100%;} .Content .TextXS {font-size: 85%; line-height: 1.375;} .Content .TextS {font-size: 90%; line-height: 1.375;} .Content .TextL {font-size: 170%; vertical-align: baseline;} .Content .TextPic {margin: 0.625em 0 0 0; font-size: 85%;} .Content .Teaser {font-size: 115%; margin-top: 1em; font-family: 'Raleway', arial, helvetica, sans-serif; text-transform: none; font-weight: 700; line-height: 1.444;} .TitleProduct {position: relative; display: block; margin-top: 0; padding-left: 0.65em; font-family: 'Impact', sans-serif; letter-spacing: 0.03em; line-height: 1.05 !important;} .TitleProduct span {position: absolute; left: 0; top: -1px;} .TextLogo {white-space: nowrap;} .TextLogo .Color08 {display: inline-block; padding-left: 0.1em; padding-right: 0.05em;} .TextLogo .Color10:last-of-type {padding-right: 0em;} .Red {color: red;} /* ----------------------------------------------------------------------------------- Content: Module ----------------------------------------------------------------------------------- */ hr {margin: 0 auto 0 auto; display: block; border: medium none; height: 2px; color: #e8e8e8; background-color: #e8e8e8;} hr.BorderTop {margin: 8.25em 0 0 0; display: block; border: medium none; height: .75em; color: #e8e8e8; background: #e9e7e8;} .Content hr {margin: 2em 0 1em 0; display: block; border: none; height: 1px; color: #fff; background-color: #fff; border-bottom: 3px dotted #272727;} .Content hr.Border {margin: 0 0 1em 0; display: block; border: none; height: 1px; color: #fff; background-color: #fff; border-bottom: 3px solid #272727} .ContentExpanded {display: none;} .Chart {display: block; height: 20em; width: 20em; margin: 0.5em auto 1.75em auto; position: relative; overflow: hidden;} .Chart > img {position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; margin: auto; z-index: 1; width: 40%; height: auto;} .Chart > img {position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; margin: auto; z-index: 1; width: 40%; height: auto;} .Chart .Animation {height: 100%; background: url(/img/pic_chart-01.png) right top no-repeat; background-size: 100% auto; animation: mymove 145s infinite; animation-delay: 0s;} @keyframes mymove { 100% {transform: rotate(360deg);} } .AnimContainer {overflow: hidden;} .AnimContainer .Move {margin-top: 4em; -webkit-transition: opacity 1000ms ease; -moz-transition: opacity 1000ms ease; -o-transition: opacity 1000ms ease; transition: all 1000ms ease;} .AnimContainer .MoveS {margin-top: 2em;} .AnimContainer.Anim .Move {margin-top: 0;} .ContainerBorder {padding: 2em 2em 1em 2em; border: 3px solid #2d2d2d;} .ContainerSeals .Col {overflow: visible;} .ContainerSeals .Outer {margin: 0 0.5em 0 0.5em;} .ContainerSeals .Seal {display: block; padding-top: 9.125em; background-position: center top; background-size: 8em auto; background-repeat: no-repeat; text-align: center; text-decoration: none !important; opacity: 1 !important;} .ContainerSeals .Seal p {margin: 0; font-size: 100%; font-weight: 600; text-transform: uppercase; color: #5a5d63; line-height: 1.4;} .ContainerSeals .Seal01 {background-image: url(/img/seal_01-grey.png);} .ContainerSeals .Seal02 {background-image: url(/img/seal_02-grey.png);} .ContainerSeals .Seal03 {background-image: url(/img/seal_03-grey.png);} .ContainerSeals .Seal04 {background-image: url(/img/seal_04-grey.png);} .ContainerSeals .Seal07 {background-image: url(/img/seal_07-grey.png);} .ContainerPayments {background-image: url(/img/logo_payments.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;} .ContainerPayments span {display: none;} .Payment {width: 12em; height: 2.75em; margin: 0; background-repeat: no-repeat; background-position: left top;} .Payment span {display: none;} .Payment01 {background-image: url(/img/logo_payment_vorkasse.png); background-size: auto 65%;} .Payment02 {background-image: url(/img/logo_payment_sofort.png); background-size: auto 70% !important;} .Payment03 {background-image: url(/img/logo_payment_paypal.png); background-size: auto 57% !important;} .Payment04 {background-image: url(/img/logo_payment_klarna.png); background-size: auto 75% !important;} .PaymentCart04 {background-image: url(/img/logo_payment_klarna02.png); background-size: 100% auto !important;} .ProductMenuePillow .ContainerLogos {margin-top: 0;} .ContainerGoogleMaps {width: 100%; height: 25em; max-width: 1780px; margin-left: auto; margin-right: auto; margin-bottom: -1.25em; overflow: hidden; position: relative; background-color: #f4f3f4;} .ContainerGoogleMaps iframe {width: 100% !important; height: 25em !important; z-index: 1; position: absolute; height: 100%;} .ContainerGoogleMaps::after {position: absolute; display: block; line-height: 1.5; font-size: 90%; padding: 3em 0; z-index: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); text-align: center; content: "Damit Du Google Maps hier sehen kannst, aktiviere bitte die Anwendung unter „Funktionale Cookies“ im Menü „Cookie Einstellungen“ (unten links auf dieser Seite).";} .Stopper {position: absolute; overflow: hidden; z-index: 1;} .Stopper img {width: 100%; height: auto;} .Stopper.OptionalResponsive {display: none;} .PicCircle {position: relative; margin: 0.25em 0 1em 0; width: 10.5em; height: 10.5em; border: 1px solid #d5d5d5; overflow: hidden; border-radius: 10.5em; -webkit-border-radius: 10.5em; -moz-border-radius: 10.5em;} .PicCircle img {position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; height: auto; width: 100%; margin: auto;} .TablePrices {margin-top: 1em; margin-bottom: 2.5em; width: 100%; table-layout: auto; background: #ebebeb;} .TablePrices th, .TablePrices td {padding: 0.65em 1em 0.65em 0.65em; text-align: left; border: 3px solid #fff;} /* ----------------------------------------------------------------------------------- Content: PageNav ----------------------------------------------------------------------------------- */ .PageNav { float: right; overflow: hidden; text-align: center; padding: 0; } .PageNavTop { margin: -1em 0 1.5em 0; } .PageNavBottom { margin: 1.575em 0 0 0; } .PageNav p { margin: 0; line-height: 2; } .PageNav .Status { float: left; white-space: nowrap; } .PageNav .LinkBack, .PageNav .LinkNext { display: block; float: left; padding: 0.25em 0.7em 0 0.7em; font-weight: 600; text-align: left; color: #fff; background: red; text-decoration: none; } .PageNav .LinkBack { margin-right: 1.25em; } .PageNav .LinkNext { margin-left: 1.25em; } .PageNav .LinkBack:before { content: "< "; line-height: 0.85; font-weight: 400; font-size: 150%; } .PageNav .LinkNext:after { content: " >"; line-height: 0.85; font-weight: 400; font-size: 150%; } .PageNav p.LinkBack, .PageNav .LinkBack span { display: none; } .PageNav p.LinkNext, .PageNav .LinkNext span { display: none; } .PageNav .Current { float: left; padding: 0.3em 0 0.2em 0; white-space: nowrap; text-align: center; text-transform: uppercase; } /* ----------------------------------------------------------------------------------- Content: Link Module ----------------------------------------------------------------------------------- */ /* Link-Modul: SocialMedia Links */ .Social { float: left; display: block; background-repeat: no-repeat; background-position: center center; } .Social span { display: none; } .Social01 { background-image: url(/img/icon_facebook-std.png); background-size: auto 66%; } .Social02 { background-image: url(/img/icon_twitter-std.png); background-size: auto 70%; } .Social03 { background-image: url(/img/icon_youtube-std.png); background-size: auto 70%; } /* Link-Modul: AnchorNav */ .AnchorNav { padding: 1em 0 1em 0; border-top: 1px solid red; border-bottom: 1px solid red; overflow: hidden; } .AnchorNav a { display: inline-block; padding: 0.375em 0 0.375em 2.575em; margin-right: 3em; color: #2a2a2a; text-decoration: none; background: url(/img/icon_arrow-bottom01.png) left center no-repeat; background-size: 1.85em auto; font-weight: 600; } .AnchorAim { position: relative; } .AnchorAim a { position: absolute; top: -6em; } .AnchorAim03 a { position: absolute; top: -16em; } .ContentOrder .AnchorAim a { position: absolute; top: -9em; } /* Link-Modul: TabNav */ .TabNav {} .TabNav ul { display: block; margin: 0; padding: 0 1em 0 1em; height: 3.25em; font-size: 122.222%; text-align: left; border-bottom: 1px solid #000; overflow: visible; } .TabNav ul li { display: block; position: relative; margin: 0 0 0 0; height: 98.5%; margin: 0 0.25em 0 0.25em; width: 30%; border: 0; float: left; } .TabNav ul li a { display: block; width: 100%; height: 100%; line-height: 3.25em; text-align: center; border: 1px solid red; border-bottom: 0; border-top-left-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -moz-border-top-right-radius: 0.5em; } .TabNav ul li a.Active { height: 3.29em; font-weight: 600; text-decoration: none; background: #fff; border: 1px solid #000; border-bottom: 0; cursor: default; } .TabNav ul li a.Active:hover { filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1; } /* Link Modul: ButtonLink */ .ButtonLink { display: inline-block; width: auto; margin: 0; padding: 0.2em 1em 0.15em 1em !important; text-align: center; color: #be1072; font-weight: 600; font-size: 100%; line-height: 2.888; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border-radius: 1.25em !important; letter-spacing: .05em; border: .25em solid #be1072 !important; } .ButtonLink.BgColor10 { border: .25em solid transparent; } .ButtonLink.ButtonLinkStd { border: .25em solid #333 !important; color: #333 !important; } .ButtonLink:hover { color: #be1072; opacity: 1; } .ButtonLink.Color10 { color: #be1072; border-color: #be1072; } .ButtonLink.BgColor10:hover { opacity: 1 !important; } .ButtonLink02 { font-size: 90%; width: 25em; } .Center .ButtonLink { margin-left: auto; margin-right: auto; } .ButtonLink.NoMarginTop { margin-top: 0.375em !important; } /* Link Modul: ButtonLinkProduct */ .ButtonLinkProduct {display: inline-block; margin: 3em auto 2em auto; padding: .5em 1.75em; color: #fff; line-height: 1.111; border-radius: 1.25rem; text-decoration: none; } .ButtonLinkProduct:hover {opacity: 1 !important; text-decoration: none;} /* Link Modul: ContainerLink */ .ContainerLink { margin-bottom: 0.625em; text-decoration: none; overflow: hidden; } .ContainerLink p, .ContainerLink h2, .ContainerLink h3, .ContainerLink h4 { color: #000; } .ContainerLink p { margin: 0; } .ContainerLink a { text-decoration: none; display: block; } .ContainerLink .TitleProduct { font-size: 220%; } .ContainerLink .TitleProduct a { display: block; padding: 0.275em 0.35em 0.255em 0.2em; } /* Link Modul: Contact Links */ .LinkHotline { display: inline-block; padding: 0; text-decoration: none; white-space: nowrap; } .LinkHotline:hover { text-decoration: none; } .LinkMail { display: inline-block; padding: 0 0 0 1.85em; text-decoration: none; font-weight: 600; line-height: 2.5; background: url(/img/icon_mail-std.png) left center no-repeat; background-size: 1.4em auto; } .LinkAddress { display: inline-block; padding: 0 0 0 2em; text-decoration: none; background: url(/img/icon_address-std.png) left center no-repeat; background-size: 1.35em auto; } .LinkAddressStd { width: auto !important; background-image: url(/img/icon_address_std.png); background-size: 2em auto; margin: 1.15em 0 0 -0.25em !important; } .LinkAddress span { padding: 0 1em 0 0; white-space: nowrap; } .LinkAddressStd span { padding: 0 0 0 0.25em; display: block !important; line-height: 2; text-decoration: underline; } .LinkIcon { display: block; padding: 0.375em 0 0.375em 1.5em; text-decoration: none; background: url(/img/icon_link.png) left center no-repeat; background-size: 1.95em auto; } .LinkIconRight { padding: 0 2.75em 0 0; text-decoration: none; background-position: right center; } /* Link Modul: Contact Links */ .ContactLinks { font-family: 'Impact', arial, sand-serif; font-weight: 400; letter-spacing: 0.02em; color: #5b5e64; } .ContactLinks a { display:inline-block; margin: 0; text-decoration: none; } .ContactLinks span { display: inline-block; padding-right: 0.5em; } .ContactLinks a span { display: none; } .ContactLinks .LinkHotline { height: 2.5rem; } .ContactLinks .LinkMail { width: 2.5rem; height: 2.5rem; } .ContactLinks .LinkAddress { width: 2.5rem; height: 2.5rem; } /************************************************************************************* Content: Project Contents *************************************************************************************/ /* ----------------------------------------------------------------------------------- Content: News ----------------------------------------------------------------------------------- */ .ContentNews .Container { margin: 0; padding: 1.75em 0 0 0; border-top: 1px solid #A0A0A0; overflow: hidden; } .ContentNews .Container .Width66 { padding: 0 2em 1.5em 0; } .ContentNews .Container .ColPic { margin: 0 0 1.75em 0; } .ContentNews .Container .TitleNews { margin: 0 0 0.5em 0; font-size: 120%; color: #2A2A2A; } .ContentNews .Container p { margin: 0; } .ContentNews .Container .Date { margin: 0; } /* ----------------------------------------------------------------------------------- Content: Store ----------------------------------------------------------------------------------- */ .ContentStore .ContainerBg {padding: 2.75em 2em;} .ContentStore .ColAddress {position: relative;} .ContentStore .ColAddress .Col {overflow: visible;} .ContentStore .ContactLinks .LinkAddress {margin-top: 1em !important;} .ContentStore .ContactLinks .LinkAddress span {line-height: 2.5;} .RowShowroom .LinkPhoneText, .ContentStore .LinkPhoneText, .ContentService .LinkPhoneText {color: #272727;} /* ----------------------------------------------------------------------------------- Content: Similarities ----------------------------------------------------------------------------------- */ .ContentSimilarities h3 {font-size: 170%; margin-top: 0;} /* ----------------------------------------------------------------------------------- Content: Concept ----------------------------------------------------------------------------------- */ .ContentConcept .ContainerLogos img {width: 60%;} /* ----------------------------------------------------------------------------------- Content: Production ----------------------------------------------------------------------------------- */ .ContentProduction .ContainerLogos img {width: 60%; margin-left: 0;} /* ----------------------------------------------------------------------------------- Content: Health ----------------------------------------------------------------------------------- */ .ContentHealth .ContainerLogos img {width: 60%; margin-top: 1.5em; margin-left: 0;} /* ----------------------------------------------------------------------------------- Content: Care ----------------------------------------------------------------------------------- */ .ContentCare .ContainerLogos {margin-top: 0;} .ContentCare .ContainerLogos img {width: 60%;} /************************************************************************************* * Forms *************************************************************************************/ /* ----------------------------------------------------------------------------------- Forms, Basic Styles ----------------------------------------------------------------------------------- */ .ContainerForm { overflow: hidden; } p.FormTitle { font-weight: 600; } p.FormLink { font-weight: 400; } .FormRow { overflow: hidden; } .FormRow:before, .FormRow:after {content: " "; display: table;} .FormRow:after {clear: both;} .FormRow {*zoom: 1;} .FormCol { float: left; white-space: nowrap; position: relative; } .FormCol.Last { margin-right: 0; } .Label { } .Label span { display: inline-block; font-size: 220%; color: #be1072; } .Field { margin: 0.25em 0 1em 0; overflow: hidden; } textarea, select, input[type="text"], input[type="email"], input[type="password"] { margin: 0; padding: 0.8em 0.8em 0.75em 0.75em; width: 100%; font-size: 100%; font-weight: 600; border: 2px solid #272727; } textarea:focus, select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { color: #272727; } select { height: 2.7em; padding-right: 2.5em; } label { line-height: 1.5; } .Field textarea { height: 10.75em; } .birthday_chk { padding: 0 !important; margin: 0 !important; font-size: 1px !important; visibility: hidden; } .ButtonSubmit { background: #be1072; border: 3px solid #be1072 !Important; color: #fff !important; min-width: 14em; transform: scale(1.1); } .ButtonSubmit:hover { opacity: 1 !important; transform: scale(1.1); } .FieldCheckbox { clear: both; float: left; } .FieldCheckbox label { margin: 0 2em 0 0; } .FieldCheckbox input[type="checkbox"] { margin: 0.3em 0.75em 0 0; -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ padding: 7px; } .FieldCheckboxList input, .FieldRadioList input { clear: both; } .ButtonRow { margin: 2em 0 2em 0; text-align: center; } .ButtonRow button, .ButtonRow .ButtonLink { } .Center input { float: none; margin: 0px auto; } .FormMessage { margin-top: 0.85em; padding-bottom: 1.25em; overflow: hidden; } .FormMessage p { margin: 1em 0 0 0; font-size: 120%; font-weight: 600; } .Error { margin: 1em 0 2em 0 !important; padding: 1em 1.25em .85em 1.25em; border: 5px dotted #fd006b; font-size: 110%; color: #fd006b; text-align: center; } .Error ul { font-weight: 500; } .Success { border-top: 2px solid #00b749; border-bottom: 2px solid #00b749; color: #00b749; } p.Success, span.Success { border-top: 0; border-bottom: 0; } .FieldCoupon input { width: 58.75%; margin-right: 2%; } .FieldCoupon .FieldLink { display: inline-block; margin: .825em 0 0 0; padding-bottom: .5em; } .FieldCoupon .Error { padding: .25em 0 .5em 2.75em; margin-bottom: 0 !important; border: 0; font-weight: 600; font-size: 90%; line-height: 1.3; background: url(/img/icon_error.png) .25em top no-repeat; background-size: 1.75em auto; font-style: italic; } .FieldCoupon .Success { padding: .25em 0 .5em 2.75em; margin-top: .75em; margin-bottom: 0 !important; border: 0; font-weight: 600; font-size: 100%; line-height: 1.3; background: url(/img/icon_success.png) .25em top no-repeat; background-size: 1.75em auto; } .FieldCoupon .Success p { padding: .25em 0 .5em 2.75em; margin-top: .75em; margin-bottom: 0 !important; border: 0; font-weight: 600; font-size: 100%; line-height: 1.3; background: url(/img/icon_success.png) .25em top no-repeat; background-size: 1.25em auto; } .FieldCoupon .GtcFeedback p.TextInfo { margin-top: -.25em; padding: 0 0 0 2.75em; margin-bottom: 0; } /* ----------------------------------------------------------------------------------- Checkboxes + Radiobuttons Style ----------------------------------------------------------------------------------- */ .TextCheckmark { float: left; width: 90%; display: inline-block; line-height: 1.444; vertical-align: baseline; } /* Checkbox */ .LabelCheckbox { display: block; float: left; position: relative; min-height: 1em; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .LabelCheckbox input { position: absolute; opacity: 0; height: 0; width: 0; } .Checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; background-color: #e0e0e0; border: 1px solid #6c6c6c; } .LabelCheckbox:hover input ~ .Checkmark { border: 1px solid #be1072; } .LabelCheckbox input:checked ~ .Checkmark { border: 1px solid #be1072; background-color: #be1072; } .LabelCheckbox input:disabled ~ .Checkmark { /* opacity: .35; */ } .LabelCheckbox:hover input:disabled ~ .Checkmark { border: 1px solid transparent; } .Checkmark:after { content: ""; position: absolute; display: none; } .LabelCheckbox input:checked ~ .Checkmark:after { display: block; } .LabelCheckbox .Checkmark:after { left: 6px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .LabelCheckbox.Center { padding-left:0; padding-bottom: 1.85em; position: relative; } .LabelCheckbox.Center .Checkmark { position: absolute; top: auto; bottom: 0; left: -100%; right: -100%; margin: auto; background-color: #fff; border: 1px solid #6c6c6c; } .LabelCheckbox.Center:hover input ~ .Checkmark { border: 1px solid #be1072; } .LabelCheckbox.Center input:checked ~ .Checkmark { border: 1px solid #be1072; } .LabelCheckbox.Center:hover input:disabled ~ .Checkmark { border: 1px solid #6c6c6c; } /* Radio */ .LabelRadio { display: block; position: relative; padding-left: 32px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .LabelRadio input { position: absolute; opacity: 0; height: 0; width: 0; } .LabelRadio input:disabled ~ .Checkmark { /* opacity: .35; */ } .LabelRadio:hover input:disabled ~ .Checkmark { border: 1px solid transparent; } .LabelRadio .Checkmark { position: absolute; top: 3px; left: 0; height: 20px; width: 20px; background-color: #f0f0f0; border-radius: 50%; border: 1px solid #6c6c6c; } .LabelRadio:hover input ~ .Checkmark { border: 1px solid #be1072; background-color: #e0e0e0; } .LabelRadio input:checked ~ .Checkmark { background-color: #be1072; } .LabelRadio .Checkmark:after { content: ""; position: absolute; display: none; } .LabelRadio input:checked ~ .Checkmark:after { display: block; } .LabelRadio .Checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white; } .LabelRadio.Center { padding-left:0; padding-bottom: 1.85em; position: relative; } .LabelRadio.Center .Checkmark { position: absolute; top: auto; bottom: 0; left: -100%; right: -100%; margin: auto; height: 22px; width: 22px; background-color: #fff; border: 1px solid #6c6c6c; } .LabelRadio.Center .Checkmark:after { top: 6px; left: 6px; } .LabelRadio.Center:hover input:disabled ~ .Checkmark { border: 1px solid #6c6c6c; } .LabelRadio.Center:hover input ~ .Checkmark { border: 1px solid #be1072; } .LabelRadio input:checked ~ .Checkmark { border: 1px solid #be1072; } /* ----------------------------------------------------------------------------------- Form, Variante 01 ----------------------------------------------------------------------------------- */ .FormVar01 { margin: 0; padding: 1.25em .25em 1.5em .25em; overflow: hidden; border-top: 3px dotted #272727; } .FormVar01 .FormRow { width: 75%; padding: 0.75em 0 0.75em 0; overflow: hidden; border-top: 3px dotted #272727; position: relative; } .FormVar01 .Label { float: left; width: 24%; padding: 0.875em 0 0 0; } .FormVar01 .Label span { position: absolute; left: 22.3%; top: 0.25em; display: inline-block; font-size: 220%; line-height: 1; color: #be1072; font-weight: 600; z-index: 1; } .FormVar01 .Field { float: right; width: 75.25%; margin: 0; } .FormVar01 .FieldRadio { margin: 0 0 0.5em 0; float: left; } .FormVar01 .FieldCheckbox { margin: 0.05em 0.5em 1.52em 0; } .FormVar01 .LabelCheckbox { float: left; width: 90%; } .FormVar01 .LabelRadio label { float: left; } .FormVar01 .LabelRadio .LabelInfo { display: inline-block; margin-left: 12px; width: 1.375em; height: 1.375em; background: url(/img/icon_info.png) center center no-repeat; background-size: auto 80%; } .FormVar01 .Payment { margin: 0 0 0 29px; } .FormVar01 .ButtonRow input { float: right; width: 74.5%; } .FormVar01 textarea, .FormVar01 select, .FormVar01 input[type="text"], .FormVar01 input[type="email"], .FormVar01 input[type="password"] { background-color: #e0e0e0; border: 0; } .FormVar01 select { background-position: 98.5% center; } .FormVar01.FormKombi { border: none; padding: 0; margin-top: 1.5em; } .FormVar01.FormKombi .ColContainer { padding: .875em 0 .875em 0; border: 7px solid #b9036a; overflow: hidden; border-radius: 10px; } .FormVar01.FormKombi .ButtonRow .ButtonSubmit { float: none; padding-left: 2em; padding-right: 2em; } /* ----------------------------------------------------------------------------------- Form, Variante 02 ----------------------------------------------------------------------------------- */ .FormVar02 { margin: 0; padding: .25em 0 !important; border-bottom: 3px dotted #272727; overflow: hidden; } .FormVar02 .FormRow { width: 100%; padding: 0; overflow: hidden; position: relative; } .FormVar02 .FormCol {margin-right: 1.25%;} .FormVar02 .ColWidthS {width: 18.75%;} .FormVar02 .ColWidthM {width: 38.75%;} .FormVar02 .ColWidthL {width: 58.75%;} .FormVar02 .ColWidthXL {width: 98.75%;} .ContentOrder .FormVar02 p.h3 { color: #fff; } .FormVar02 .Label { padding: .75em 0 .25em 0; } .FormVar02 .Label span { position: absolute; left: .075em; top: 1.15em; display: inline-block; font-size: 220%; line-height: 1; color: #be1072; font-weight: 400; z-index: 1; } .FormVar02 .Field { margin: 0; } .FormVar02 .FieldRadio { margin: 0 0 0.5em 0; float: left; } .FormVar02 .FieldCheckbox { margin: 0.05em 0.5em 0 0; } .FormVar02 .LabelRadio .LabelInfo { display: inline-block; margin-left: 12px; width: 1.375em; height: 1.375em; background: url(/img/icon_info.png) center center no-repeat; background-size: auto 80%; } .FormVar02 .Payment { margin: .75em 0 0 0; } .FormVar02 .ButtonRow input { float: right; width: 74.5%; } .FormVar02 textarea, .FormVar02 select, .FormVar02 input[type="text"], .FormVar02 input[type="email"], .FormVar02 input[type="password"] { background-color: #e0e0e0; border: 0; } .FormVar02 select { background-position: 98.5% center; } .FormVar02.FormKombi { border: none; padding: 0; margin-top: 1.5em; } .FormVar02.FormKombi .ColContainer { padding: .875em 0 .875em 0; border: 7px solid #b9036a; overflow: hidden; border-radius: 10px; } .FormVar02.FormKombi .ButtonRow .ButtonSubmit { float: none; padding-left: 2em; padding-right: 2em; } /* ----------------------------------------------------------------------------------- Form, Check Data ----------------------------------------------------------------------------------- */ .FormCheck { } .FormCheck p.FormTitle { float: left; } .FormCheck p.FormLink { float: right; } .FormCheck .Label { width: 20%; padding-top: 0; line-height: 1.4; } .FormCheck .Field { float: left; margin: 0px !important; padding: 0 2em 0.25em 0px; font-weight: 600; line-height: 1.4; } /************************************************************************************* * Sitemap *************************************************************************************/ .ContentSitemap .Title { margin-top: 0; padding-bottom: 0.75em; border-bottom: 1px solid black; color: #000; } .ContentSitemap .Title a { text-decoration: none; color: #000; } .ContentSitemap a {} /************************************************************************************* * Intro Home *************************************************************************************/ .IntroHome { position: relative; margin-top: 8.25em; } .IntroHome .Wrap { width: 100%; max-width: 1680px; padding: 0; } .IntroHome .Pic { position: relative; height: 48.5em; overflow: hidden; } .IntroHome .Pic div { position: absolute; right: -50%; left: -50%; margin: auto; top: 0; height: 100%; width: 100%; max-width: 1680px; } .IntroHome .Pic div img { position: absolute; right: -50%; left: -50%; top: 0; margin: auto; height: 100%; width: 100%; object-fit: cover; object-position: 100% 0; transform: scale(1.05); /* mozilla stop flickering */ -moz-transform: scale(1.05) rotate(0.02deg); backface-visibility: hidden; -webkit-transition: all 9.5s ease; -moz-transition: all 9.5s ease; -moz-transition: all 9.5s ease; -o-transition: all 9.5s ease; transition: all 9.5s ease; } .IntroHome .Pic div img.Scale100 { transform: scale(1); /* mozilla stop flickering */ -moz-transform: scale(1) rotate(0.02deg); backface-visibility: hidden; } .IntroHome .Claim { position: absolute; right: 0; top: 0; background: rgba(1255,255,255,0.8); width: 34.75em; padding: 1em 3em 2.25em 3em; z-index: 1; overflow: hidden; } .IntroHome .Claim h1, .IntroHome .Claim .h1 { font-size: 475%; margin-bottom: 0; } .IntroHome .Claim .h1 .Color10 { font-size: 60%; white-space: nowrap; } .IntroHome .Claim h2, .IntroHome .Claim .h2 { margin-top: .75em; font-family: 'Raleway', arial, helvetica, sans-serif; font-size: 110%; text-transform: none; line-height: 1.4; font-weight: 500; } .IntroHome .Claim .ButtonLink { margin-top: 1em; margin-bottom: 1em; } .IntroHome .Claim .Border { position: absolute; bottom: 0; left: 0; width: 100%; height: .65em; z-index: 1; overflow: hidden; border: 0; } .IntroHome .Claim .Border div { display: block; float: left; width: 14.28571428%; height: 100%; } .IntroHome .RowSeals { position: absolute; bottom: 2.25em; left: -50%; right: -50%; width: 95%; z-index: 1; margin: auto; } .IntroHome .RowSeals .Content { padding-top: 1.5em; padding-bottom: 2em; } .IntroHome .RowSeals .AnimContainer { display: none; } /************************************************************************************* * Slider + PagePic *************************************************************************************/ .Slider { position: relative; height: 750px; text-align: center; overflow: hidden; } .Slider > .Wrap { height: 100%; } .Slider .Slide { height: 750px; overflow: hidden; } .Slider .Slide .Wrap { width: 1225px; } .Slider a { text-decoration: none; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: all 300ms ease; } .Slider a:hover { text-decoration: none; /* filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .8; */ } .Slider .TitleProduct { font-family: 'Impact', sans-serif; font-size: 305%; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; } .Slider .TitleProduct .Subtitle { line-height: 1.5; } .Slider .SubtitleProduct { margin: .75em 0 0 0; font-size: 125%; font-weight: 600; line-height: 1.333; } .Slider .Text { position: absolute; bottom: 5.25em; left: 1.75em; margin: 1.25em 0 0 0; font-size: 130%; font-weight: 600; line-height: 1.333; } .TextContainerRight .Text { bottom: 3.25em; } .Slider .TextLink { font-weight: 400; padding-left: 0.25em; } .Slider .Price { position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #fff; width: 2.75em; height: 2.75em; text-align: center; font-family: "Impact"; font-size: 3.5em; line-height: 2.75em; overflow: hidden; position: absolute; right: .65em; bottom: .65em; } .Slider .Price span.Info { display: block; position: absolute; top: .875em; width: 100%; font-size: 40%; text-align: center; line-height: 1; } .Slider .Price span.Space { display: inline-block; padding-left: .15em; } .Slider .WrapSliderNav { position: absolute; right: 3em; bottom: 1em; width: auto; z-index: 1; overflow: hidden; padding-top: 0 !important; display: none; } .Slider .WrapSliderNav a.LinkNav { display: block; float: left; padding: 0.5em 0 0.5em 0; margin: 0; width: 1.5em; font-weight: 300; text-decoration: none; text-align: center; overflow: hidden; } .Slider .WrapSliderNav a.Active { font-weight: 600; text-decoration: underline; } .Slider .Link { display: block; position: absolute; top: 43%; z-index: 1; width: 3.5em; height: 3.5em; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: all 500ms; } .Slider .Link a { display: block; width: 100%; height: 100%; text-decoration: none; } .Slider .LinkBack { left: -12em; background: #be1072 url(/img/icon_slider-left.png) no-repeat center top; background-size: 100% auto; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)"; opacity: .40; } .Slider:hover .LinkBack { left: 1.5rem; } .Slider .LinkBack a { opacity: 0; } .Slider .LinkNext { right: -12em; background: #be1072 url(/img/icon_slider-right.png) no-repeat center top; background-size: 100% auto; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)"; opacity: .40; } .Slider:hover .LinkNext { right: 1.5rem; } .Slider .LinkNext a { opacity: 0 } .Slider .Link a span { display: none; } /************************************************************************************* * Slider Quotes *************************************************************************************/ .SliderQuotes, .SliderQuotes .Slide {background-color: #e9e7e8; height: 23em;} .SliderQuotes {margin-top: 0 !important; max-width: 1780px; margin-left: auto; margin-right: auto;} .SliderQuotes .Wrap {text-align: center; padding-top: 3rem;} .SliderQuotes .Wrap h3 {padding-top: 2.75em; font-size: 1.15rem; font-weight: 600; background: url(/img/icon_quote.png) center top no-repeat; background-size: 2.325em auto;} .SliderQuotes .Slide {padding: 1.25rem 6em 0 6em; background-color: #e9e7e8;} .SliderQuotes .Slide p {color: #1d1d1d; line-height: 1.5;} .SliderQuotes .Slide p:first-of-type {font-size: 140%; margin-bottom: 0.775em;} .SliderQuotes .Link {top: 47.5%;} .SliderQuotes .Link {width: 2.75em; height: 2.75em; filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1; border-radius: 50%;} /************************************************************************************* * Lightbox *************************************************************************************/ #Dim, #DimMobile { display: none; left: 0px; top: 0px; height: auto !important; width: 100%; margin: auto; min-height: 100%; background: #5a5d63; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; overflow: hidden !important; position: fixed; z-index: 200; } #DimMobile { z-index: 104; } .Lightbox { display: none; position: fixed; left: 0; right: 0; height: 0; text-align: center; z-index: 1002; } .Lightbox .Wrap { position: absolute; left: -100%; right: -100%; margin: auto; text-align: center; background: none repeat scroll 0% 0% #FFF; } .Lightbox .Wrap .Link a { display: block; width: 100%; height: 100%; } .Lightbox .Wrap .Link span { display: none; } .Lightbox .Wrap .Close { display: block; position: absolute; right: -0.5em; top: -3em; width: 2.75em; height: 2.75em; text-decoration: none; z-index: 1; color: #fff; font-weight: 800; background: url(/img/icon_close.png) center center no-repeat; background-size: 55% auto; } .Lightbox .Wrap .Close:hover{ filter: alpha(opacity = 65); -ms-filter: "alpha(opacity = 65)"; opacity: .65; } .Lightbox .Wrap .Close span { display: none; } .Lightbox .Wrap p { line-height: 1.35; } .Lightbox .Content { padding: 3.5em 0 2em 0; } /* ----------------------------------------------------------------------------------- Lightbox: Gallery ----------------------------------------------------------------------------------- */ .LightboxGallery { top: 7%; } .LightboxGallery .Wrap { display: block; padding: 0; width: 1050px; max-width: 95%; height: 700px; text-align: center; z-index: 101; } .LightboxGallery .Wrap .Link { position: absolute; top: 48%; z-index: 1; width: 2.25em; height: 2.25em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border: 2px solid red; } .LightboxGallery .Wrap .Link a:hover { opacity: 0; } .LightboxGallery .Wrap .LinkBack { left: 1em; background: transparent url(/img/icon_slider-left.png) no-repeat center top; background-size: 100% auto; } .LightboxGallery .Wrap .LinkBack a { background: transparent url(/img/icon_slider-left.png) no-repeat center bottom; background-size: 100% auto; opacity: 0; } .LightboxGallery .Wrap .LinkBack:hover { background-position: center bottom; } .LightboxGallery .Wrap .LinkNext { right: 1em; background: transparent url(/img/icon_slider-right.png) no-repeat center top; background-size: 100% auto; } .LightboxGallery .Wrap .LinkNext a { background: transparent url(/img/icon_slider-right.png) no-repeat center bottom; background-size: 100% auto; opacity: 0 } .LightboxGallery .Wrap .LinkNext:hover { background-position: center bottom; } .LightboxGallery .Wrap .Text .player_title { position: absolute; top: 4%; left: 0; right: 0; width: 100%; height: 1.75em; padding: 0 6% 0 6%; text-align: center; font-size: 100%; color: #e5342c; overflow: hidden; } .LightboxGallery .Wrap .Text .player_subtitle { position: absolute; top: 7.5%; width: 100%; height: 1.75em; padding: 0 6% 0 6%; text-align: center; font-size: 100%; overflow: hidden; } .LightboxGallery .Wrap .Text .player_text { position: absolute; bottom: 4%; width: 100%; height: 3.5em; padding: 0 6% 0 6%; } .LightboxGallery .Wrap .Text .player_info { padding: 0 6% 0 6%; } .LightboxGallery .Wrap .Img { margin: 0; width: 100%; height: auto; overflow: hidden; text-align: center; border: 20px solid #fff; } .LightboxGallery .Wrap .Img img { width: 100%; height: auto; } /* ----------------------------------------------------------------------------------- Lightbox: Feedback ----------------------------------------------------------------------------------- */ .LightboxFeedback { top: 15%; } .LightboxFeedback .Wrap { width: 90%; max-width: 1100px; padding: 2.75em 2em .5em 2em; text-align: center; z-index: 102; } .LightboxFeedback .Wrap .ContainerCols { padding: .75em 0; margin: 2.25em auto 2.25em auto; max-width: 42em; border-top: 3px dotted #272727; border-bottom: 3px dotted #272727; text-align: left; } .LightboxFeedback .Wrap .ContainerCols .ColPic { width: 28%; margin-right: 1em; } .LightboxFeedback .Wrap .ContainerCols .ColPic.OptionalResponsive02 { display: none; } .LightboxFeedback .Wrap .ContainerCols .ColPic img { width: 100%; } .LightboxFeedback .Wrap .ContainerCols .ColProductInfo .Col { margin-right: 2em; font-weight: 700; } .LightboxFeedback .Wrap .ContainerCols .Col .Col.Quantity { margin-right: 0; text-align: center; } .LightboxFeedback .Wrap .ContainerCols label { display: block; line-height: 2; font-weight: 400; } .LightboxFeedback .Wrap .TitleProduct { margin-top: .15em; margin-bottom: .15em; } .LightboxFeedback .Wrap .TextL { font-size: 115%; } .LightboxFeedback .Wrap .TextInfo { font-weight: 400; color: black; padding: 1em 0 0 0; } .LightboxFeedback .Wrap .ButtonLink { } .LightboxFeedback .Wrap .ButtonRow { text-align: center; margin: 1.25em 0 2em 0; } .LightboxFeedback .Wrap .ButtonRow .ButtonLink { display: block; width: 32%; float: left; margin: 0.8em 2% 0 0; } .LightboxFeedback .ContainerPillow { margin: 2.15em 0 2em 0; padding: 1em 0 1em 0; text-align: left; border-top: 3px dotted #272727; border-bottom: 3px dotted #272727; overflow: hidden; } .LightboxFeedback .ContainerPillow .ColPic img { width: 98%; } .LightboxFeedback .ContainerPillow .ButtonLink { margin-left: auto; margin-right: auto; } .LightboxFeedback .TextL { font-size: 110%; } .LightboxFeedback .TextS { font-size: 90%; margin-bottom: 2.5em; } .LightboxFeedback .CartMessageAccessories { margin-top: -1em; margin-bottom: 3em; } .LightboxFeedback .CartMessageAccessories a { text-decoration: none; } .LightboxFeedback .CartMessageAccessories a:hover { opacity: .7; } /* ----------------------------------------------------------------------------------- Lightbox: Info ----------------------------------------------------------------------------------- */ .LightboxInfo { position: absolute; top: 4.25em; } .LightboxInfo .Wrap { width: 85%; max-width: 900px; } .LightboxInfo .Content { padding: 1.5em 1.5em 1em 1.5em; text-align: left; } .LightboxInfo .LogoPayment { width: 100%; height: 9em; margin-bottom: 0.25em; } .LightboxInfo .FeedbackFinder h2 { margin-top: 1rem; } .LightboxInfo .FeedbackFinder .h3 { margin-top: 0; font-size: 185%; color: #272727; } .LightboxInfo .FeedbackFinder a { text-decoration: none; } .LightboxInfo .FeedbackFinder p { margin-bottom: 1em; } .LightboxInfo .FeedbackFinder ul { margin-bottom: .75em; } .LightboxInfo .FeedbackFinder .TextS { font-size: 75%; } .LightboxInfo .FeedbackFinder .Price { font-size: 180%; font-weight: 800; line-height: 1.2; } .LightboxInfo .FeedbackFinder .ContainerCols .Col { text-align: center; margin-bottom: 2.5em; } .LightboxInfo .FeedbackFinder .ContainerCols .Col p { margin-bottom: .75em; } .LightboxInfo .FeedbackFinder hr:first-of-type { margin-bottom: .5em; } .LightboxInfo .FeedbackFinder .ProductMenue { border: none; } .LightboxInfo .FeedbackFinder .FormVar01 { border: none; } .LightboxInfo .FeedbackFinder .ButtonLink { min-width: 16em; } .LightboxInfo .FeedbackFinder .CartButton { float: none; margin: 0.375em auto 0 auto !important; display: inline-block; } .LightboxKombi { position: absolute; top: 4.25em; } .LightboxKombi .Wrap { width: 95.2%; max-width: 1186px; padding: 2.5em 2.5em 0.25em 2.5em; text-align: center; z-index: 102; } .LightboxKombi .ContentKombi { padding-bottom: 0rem; } .LightboxKombi .ContentKombi h2 { margin-top: 0; } .LightboxKombi .ContentKombi p.Center { padding: 0 1em 0 1em; } .LightboxKombi .StopperKombi { left: -100%; right: -100%; top: -.5em; margin: auto; width: 3.5rem; height: 3.5rem; } .LightboxKombi .ContentKombi .ButtonLink { float: none !important; padding: .75em 1.75em .7em 1.75em; } .LightboxKombi .ContentKombi .Error { border: 0; margin-bottom: 0 !important; padding-top: 4em; padding-bottom: 0; background: url(/img/icon_error.png) center top no-repeat; background-size: 3.5em; } /************************************************************************************* * jquery boxslider Styles *************************************************************************************/ .bx-wrapper .bx-viewport { border: 0 !important; left: 0 !important; box-shadow: none !important; } .SliderQuotes .bx-wrapper .bx-viewport { background: #e9e7e8; } .bx-wrapper img { max-width: none !important; } /************************************************************************************* SHOP SITES / PRODUCT SITES *************************************************************************************/ /* ----------------------------------------------------------------------------------- Finder ----------------------------------------------------------------------------------- */ .ContentFinder .ContainerForm {position: relative; min-height: 21em; padding: 1.5em 0 5.5em 0; border-radius: 0; border: 2px solid #e8e8e8;} .ContentFinder .ContainerColsForm .Outer {padding-bottom: 2.5em;} .ContentFinder .ProductMenue {margin-top: 0; padding-top: 0; border: none; overflow: visible;} .ContentFinder .ProductMenue input[type=checkbox] {-ms-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); zoom: 1.25; padding: 10px;} .ContentFinder .ProductMenue input[type=radio] {-ms-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); zoom: 1.25; padding: 10px;} .ContentFinder .BgColor09 {padding: 1.25em 1em .75em 1em; text-align: center; margin-top: auto; position: absolute; bottom: 0; width: 100%;} .ContentFinder .BgColor09.MinHeightXL {min-height: 7em;} .ContentFinder .Number {position: absolute; left: 1.5rem; top: 1rem; margin: 0; font-size: 180%;} .ContentFinder .Icon {width: 5.5em; height: 5.5em; margin: 0 auto 0 auto;} .ContentFinder h4 {margin-top: 1.5em; margin-bottom: 1rem; padding-left: 1.25em; padding-right: 1.25em; font-size: 110%; text-align: center; min-height: 3em; font-weight: 400;} .ContentFinder h4.MinHeightXL {min-height: 4.5em;} .ContentFinder label {font-size: 90%;} .ContentFinder .ContainerFormSize label {padding: 0 !important;} .ContentFinder .ContainerFormSize .BgColor09{padding: .5em 0 .5em 0;} .ContentFinder .Size {width: 100% !important; padding: .75em 1em 1em 1em;} .ContentFinder .Size select {height: auto; background-color: #fff; border: 2px solid #6c6c6c; font-size: 115%;} .ContentFinder .ButtonSubmit {margin-bottom: 3rem; min-width: 20em;} .ContentFinder .ContentExpanded.BgColor10 {padding: 1em 1em .05em 1em; font-size: 90%;} .ContentFinder .ContainerForm:hover {border-color: #dbdbdb; -webkit-box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px .1em 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.15);} .ContentFinder .ContainerForm:hover .BgColor09 {background-color: #e9e7e8 !important;} .PriceList {padding: 3em 3em 1em 3em;} .PriceList .h3 {margin-top: 0; margin-left: 0.8rem;} /* ----------------------------------------------------------------------------------- Overview + Details ----------------------------------------------------------------------------------- */ /* Products Overview */ .ContentProductsOverview {padding-bottom: 3em;} .ContentProductsOverview .ContainerCols.Flex .Outer {padding-bottom: 1.75em;} .ContentProductsOverview .ContainerProduct {padding: 1.25em 1em 8.5em 1.15em; position: relative;} .ContentProductsOverview .ContainerProduct .TitleProduct {margin-top: 0; font-size: 260%; display: inline-block;} .ContentProductsOverview .ContainerProduct .TitleProduct a {display: block;} .ContentProductsOverview .ContainerProduct .TitleProduct a:hover {opacity: 1;} .ContentProductsOverview .ContainerProduct .TitleProduct .Subtitle {display: block; margin-top: .95em; margin-bottom: .25em; font-size: 1rem; font-family: 'Raleway', arial, helvetica, sans-serif; font-weight: 400; position: static; text-transform: none;} .ContentProductsOverview .ContainerProduct ul {font-weight: 600; margin: 0 1.5em 0 0.2em; font-size: 110%;} .ContentProductsOverview .ContainerProduct ul li {margin-bottom: 0em;} .ContentProductsOverview .ContainerProduct .ButtonLink {position: absolute; margin: auto; width: 17em; bottom: 2.25em; left: -50%; right: -50%;} .ContentProductsOverview .ContainerProduct .ButtonLink span {display: inline-block; margin-top: .4em; margin-bottom: 0; font-size: 175%;} .ContentProductsOverview .ContainerProduct .ButtonLink:hover{opacity: 1;} .ContentProductsOverview .ContainerLogos {width: 100%; margin: -1em 0 0 0;} .ContentProductsOverview .ContainerLogos img {width: 65%; height: auto; margin-left: auto;} .ContentProductsOverview .ContainerProduct.ContainerFinder {padding-top: 0;} .ContentProductsOverview .ContainerProduct.ContainerFinder .h2 {font-size: 350%;} .ContentProductsOverview .ContainerProduct.ContainerFinder p {font-size: 110%;} /* Product Details */ .ContentProducts {padding-top: 1em;} .ContentProducts .Content {padding-bottom: 0;} .ContentProducts .TitleProductSmall {width: 63%; font-size: 100%; margin: 0 0 2.5em .8em; font-weight: 600; line-height: 1.4;} .ContentProducts .ColLeft {} .ContentProducts .TitleDetails {min-height: 4.15em; padding: .55em .65em 0 .65em; margin-bottom: .65em;} .ContentProducts .TitleDetails .TitleProduct {margin-bottom: 0.5em; font-size: 300%; color: #fff;} .ContentProducts .TitleDetails .TitleProduct .Subtitle {position: static; display: inline-block; vertical-align: bottom; line-height: 1.5; margin-bottom: .15em; font-size: 1.175rem; font-family: 'Raleway', arial, helvetica, sans-serif; text-transform: none; letter-spacing: 0;} .ContentProducts .TitleDetails .TitleProduct .Subtext {position: static; display: inline-block; vertical-align: middle; line-height: 1.5; margin-bottom: .15em; margin-left: .75em; font-size: 1.25rem; font-family: 'Raleway', arial, helvetica, sans-serif; font-weight: 600; text-transform: none; letter-spacing: 0;} .ContentProducts .TitleForm {margin-top: 0; display: block; overflow: hidden; min-height: 4.15em; padding: .95em .65em 0 1em; margin-bottom: .65em;} .ContentProducts .TitleForm .h3 {color: #fff; margin-top: 0; margin-bottom: .45em; font-size: 210%;} .ContentProducts .ContainerDetails {min-height: 18em; padding: 1.375em 1em 2em 1.15em;} .ContentProducts .ContainerDetails ul {margin: 0 .5em 0 0; font-weight: 600; font-size: 105%; letter-spacing: 0.02em;} .ContentProducts .ContainerDetails li {margin-bottom: 0em; padding-left: 0.5em;} .ContentProducts .ColLeft .ColPic {width: 38%;} .ContentProducts .ColPicProduct {overflow: hidden; position: relative;} .ContentProducts .ColPicProduct img {position: absolute; display: block; left: -69%; right: -50%; width: auto; height: 100%; margin: auto;} .ContentProducts .ColLeft .ColDescription {width: 62%;} .ContentProducts .ColRight {} .ContentProducts .ColRight .TextInfo {position: absolute; top: 1.25rem; right: 0; font-size: 75%;} .ContentProducts .ProductMenue {margin: 0 0 1.5em 0; padding: 1em 0 .375em 0;} .ContentProducts .ProductMenue .Size {float: none; width: 100%; padding-bottom: .75em;} .ContentProducts .ProductMenue .SizeHeight {width: 8em;} .ContentProducts .ProductMenue .Quantity {width: 3.5em;} .ContentProducts .ProductMenue .Price {float: right; width: auto; white-space: nowrap; line-height: 1.111; padding-right: .15em;} .ContentProducts .ProductMenue .Price span.PriceInfo {line-height: 1.2;} .ContentProducts .ProductMenue .Price span.ShippingInfo {display: block; font-size: .75rem; font-weight: 400; text-align: center; padding-left: 1rem; white-space: nowrap;} .ContentProducts .ProductMenue .ContainerButtons {text-align: center; display: block;} .ContentProducts .ProductMenue .ContainerButtons .CartButton {float: none; margin: 1.75em auto 1.75em auto;} .ContentProducts .ProductMenue .TextXS {font-size: 90%; margin-bottom: .75em;} .ContentProducts .ProductFeatures {margin-top: 3em; font-size: 100%; position: relative;} .ContentProducts .ProductFeatures .h4 {font-size: 110%;} .ContentProducts .ProductFeatures .ContainerLogos {position: absolute; width: 17%; right: 0; bottom: 0;} .ContentProducts .ProductFeatures .ContainerLogos img {width: 100%; height: auto;} .ContentProducts .ProductFeatures.Border {padding: 2.425em 4em;} .ContentProducts .MasterSpecial {font-size: 100%; margin-bottom: -1em;} .ContentProducts .MasterSpecial h3 {margin-top: 1.25em; padding-right: .75em;} .ContentProducts .ContainerTeaser {margin-top: 4em;} .ContainerTeaser .Col {margin-top: 1.25em;} .ContainerTeaser .LinkBox {border: 2px solid #e9e7e8; padding: 1.5em 1.5em 3.5em 1.5em; position: relative;} .ContainerTeaser .LinkBox h4 {margin-top: 0; margin-bottom: .5rem; font-size: 110%; font-weight: 600;} .ContainerTeaser .LinkBox p {margin-bottom: 0;} .ContainerTeaser .LinkBox .TextLink {position: absolute; bottom: 1em; right: 1em; display: block; text-align: right;} .ContainerTeaser .LinkBox:hover {opacity: 1;} .ContentProducts .TextS.OptionalResponsive02 {display: none;} .ContentProducts .Title.BgColorStd {margin-top: 0.75em;} .ContentProducts .MasterExlusive .ColPic { height: 25.5em; margin-bottom: 2em; } .ContentProducts .ContainerBorder { margin-bottom: 0em; padding-left: 0.5em; } .ContentProducts .BgColorStd .h3 { float: left; margin: 0; } .ContentProducts .BgColorStd .TextLink02 { float: right; margin: 0 .25em 0 0; line-height: 2.111; font-weight: 400; font-size: 100%; } .ContentProducts .ColAddContent.OptionalResponsive02 { display: none; } /* Product: Pillows */ .ContentProductsPillows {padding-top: 4em; padding-bottom: 2.5em;} .ContentProductsPillows .Col.Flex {display: flex;} .ContentProductsPillows .ContainerPic {position: relative; display: block; width: 100%; height: 0; padding-bottom: 30%; overflow: hidden;} .ContentProductsPillows .ContainerPic > img {width: 75%; margin: auto;} .ContentProductsPillows .ContainerLogos {position: absolute; right: 5%; bottom: 3em; width: 17%;} .ContentProductsPillows .ContainerLogos img {position: static; width: 100%; height: auto;} .ContentProductsPillows .ContainerTip {padding: 3.5em;} .ContentProductsPillows .LinkPic {position: relative; display: block; height: 0; padding-bottom: 45%; overflow: hidden;} .ContentProductsPillows .LinkPic img {position: absolute; top: -25%; width: 100%; margin: auto;} .ContentProductsPillows .ProductMenue {margin-bottom: 3em;} .ContentProductsPillows .ProductMenue .TextXS {margin-top: 1em; margin-bottom: 2.5em; font-size: 85%;} .ContentProductsPillows .ProductMenuePillow .Size {display: inline-block; width: auto; white-space: nowrap; float: left; padding-bottom: 0;} .ContentProductsPillows .ProductMenuePillow .Quantity {width: 7.5em; margin-left: 4%;} .ContentProductsPillows .ProductMenuePillow .Quantity label {float: left; margin-right: .75em; padding-top: .75em; font-weight: 400;} .ContentProductsPillows .ProductMenuePillow .Quantity input[type="text"] {float: left; width: 2.5em;} .ContentProductsPillows .ProductMenuePillow .Price {margin: 0; padding: 0 1rem 0 0;} .ContentProductsPillows .ProductMenuePillow .Price span {padding-left: 0; line-height: 1.444;} .ContentProductsPillows .ProductMenuePillow .ContainerButtons {text-align: center; margin-top: .75rem; margin-bottom: 1.5em;} .ContentProductsPillows .ProductMenuePillow .ContainerButtons .CartButton {margin: 0 auto 1.75em auto;} .ContentProductsPillows .ProductMenuePillow p.NoMarginBottom {min-height: 158px;} /* Product: Topper */ .ContentProductsTopper {padding-top: 4em; padding-bottom: 2.5em;} .ContentProductsTopper .ContainerPic {width: 100%; padding-bottom: 122%; overflow: hidden;} .ContentProductsTopper .ContainerPic img {width: 100%; height: auto; margin-left: 0;} .ContentProductsTopper .ContainerLogos {width: 32%;} .ContentProductsTopper .ContainerLogos img {position: static; width: 100%; height: auto;} .ContentProductsTopper .ContainerText {padding-left: 1em; padding-right: 2.5em;} .ContentProductsTopper .ContainerTip {padding: 3.5em;} .ContentProductsTopper .ProductMenue .Size {float: left; width: 100%;} .ContentProductsTopper .ProductMenue .SizeHeight{float: left; white-space: nowrap; width: auto;} .ContentProductsTopper .ProductMenue .Quantity {float: left;} /* Product: Folding mattress */ .ContentProductsFoldingMattress {padding-top: 4em; padding-bottom: 2.5em;} .ContentProductsFoldingMattress .ContainerPic {width: 100%; padding-bottom: 103%; overflow: hidden; } .ContentProductsFoldingMattress .ContainerPic img {width: 100%; height: auto; margin-left: 0;} .ContentProductsFoldingMattress .ContainerLogos {width: 32%;} .ContentProductsFoldingMattress .ContainerLogos img {position: static; width: 100%; height: auto;} .ContentProductsFoldingMattress .ContainerText {padding-left: 1em; padding-right: 2.5em;} .ContentProductsFoldingMattress .ContainerTip {padding: 3.5em;} .ContentProductsFoldingMattress .ProductMenue .Size {float: left; width: calc(100% - 90px); padding-bottom: 0;} .ContentProductsFoldingMattress .ProductMenue .Size p {margin-top: .25em; margin-bottom: .5em;} .ContentProductsFoldingMattress .ProductMenue .Size p strong {} .ContentProductsFoldingMattress .ProductMenue .Size label {padding-bottom: 0;} .ContentProductsFoldingMattress .ProductMenue .Price {float: right; margin: .5em 0 0 0; text-align: right; white-space: nowrap;} .ContentProductsFoldingMattress .ProductMenue .Quantity {float: right;} /* ----------------------------------------------------------------------------------- Product Menue ----------------------------------------------------------------------------------- */ .ProductMenue { margin: 1em 0 0 0; padding: 1em 0 .375em 0; border-top: 3px dotted #272727; border-bottom: 3px dotted #272727; overflow: hidden; } .ProductMenue label { display: block; padding-bottom: 0.25em; font-weight: 600; } .ProductMenue select, .ProductMenue input[type="text"] { padding: .5em .3em .5em .3em; height: 2.25em; font-weight: 700; font-size: 130%; color: #272727; background-color: #e0e0e0; border: 0; } .ProductMenue input[type="text"] { text-align: center; } .ProductMenue .Size { float: left; width: 32%; margin-right: 0.75em; overflow: hidden; } .ProductMenue .Size .TextS { margin: 1em 0 0 0; } .ProductMenue .SizeHeight { float: left; width: 11.5%; margin-right: 0.75em; overflow: hidden; } .ProductMenue .SizeHeight .TextS { margin: 1em 0 0 0; } .ProductMenue .Quantity { float: left; width: 6%; overflow: hidden; } .ProductMenue .Price { float: left; width: 22%; margin: 1.375em 0 0.25em 0; text-align: center; } .ProductMenue .Price span { display: inline-block; padding-left: .5em; font-size: 210%; font-weight: 800; line-height: 1.777; } .ProductMenue .Price span.Vat { font-size: 60%; } .ProductMenue .TextBackground { display: block; padding: .5em .5em .5em .5em; height: 2.25em; font-weight: 700; font-size: 130%; line-height: 1.4; color: #272727; background-color: #e0e0e0; opacity: .4; } .ProductMenue .ReadOnly { display: block; padding: .5em .5em .5em 0; height: 2.25em; font-weight: 700; font-size: 130%; line-height: 1.4; color: #272727; background-color: #fff; } .Content .LinkKombi { margin-top: 1em; display: inline-block; padding: .15em 0 1em 3.5em; font-size: 110%; text-decoration: none; color: #272727; background: url(/img/icon_kombi-s.png) left .25em no-repeat; background-size: 2.25em auto; background-repeat: no-repeat; } .Content .LinkSonder { margin-top: 1em; display: inline-block; padding: .15em 1.65em 1em 3.5em; text-decoration: none; font-size: 110%; color: #272727; background: url(/img/icon_sonder-s.png) left .25em no-repeat; background-size: 2.25em auto; background-repeat: no-repeat; } .Content .LinkKombi .h3, .Content .LinkSonder .h3 { display: block; margin: 0 0 .15em 0; font-size: 165%; } .ProductMenuePillow { padding-top: 1.5em; } .ProductMenuePillow .Quantity { float: left; width: 10%; overflow: hidden; } .ProductMenuePillow .Price { float: left; width: 35%; margin: 1.15em 0 0.25em 0; text-align: right; white-space: nowrap; } .ProductMenuePillow .Description { float: left; width: 40%; overflow: hidden; margin-right: 10%; } .ProductMenuePillow .ColPic img { width: 92%; } .ProductMenueFoldingMattress .ColPic img { width: 92%; } .ProductMenue button { width: auto; font-weight: 800; font-weight: 800; font-size: 105%; text-align: center; text-transform: uppercase; color: #be1072; background-color: #fff; } .ProductMenue .CartButton { display: block; float: right; position: relative; margin-top: 1.45em; padding-top: 0.1em; padding-left: 3.5em; padding-right: 1.5em; background: url(/img/icon_cart.png) 1.175em 50% no-repeat; background-size: auto 1.625em; line-height: 2.95; border-radius: 1.25rem; border: .25em solid #be1072; color: #be1072; font-size: 105%; text-align: center; text-transform: uppercase; font-weight: 800; white-space: nowrap; cursor: pointer; } .ProductMenue .CartButton:hover { opacity: 1; } .ContentExpanded.TextSizeInfo { padding: 2em 2em 1em 2em; margin-bottom: 1em; } /* ----------------------------------------------------------------------------------- Shop: ContentNav ----------------------------------------------------------------------------------- */ .ContentShopNav { margin-bottom: 2em; } .ContentShopNav p a { color: #272727; } /* ----------------------------------------------------------------------------------- Shop: Cart Content ----------------------------------------------------------------------------------- */ .RowTop .ContentCart { padding-top: 1.5em; } .ContentCart .Subtitle { float: left; } .ContentCart .CartEmpty { padding: 1em 0 0.25em 4em; background: url(/img/icon_cart.png) no-repeat 0.75em 0.9em; background-size: 1.75em auto; } .ContentCart .ContainerProduct { margin: 1.5em 0 0 0; padding: 1.75em 1.75em 1em 1.75em; /* border: 3px dotted #272727; */ border: 1.5em solid #e9e7e8; overflow: hidden; } .ContentCart .ContainerProduct:first-of-type { margin-top: 0; } .ContentCart .ContainerProduct .Width66 { padding-right: 1.25em; } .ContentCart .ContainerProduct .ColPic { margin: 0 0 1.75em 0; } .ContentCart .ContainerProduct .ColPic img { width: 75%; margin-left: auto; } .ContentCart .ContainerProduct h3 { margin-top: 0; } .ContentCart .ProductMenue { margin: 0; padding: 0.75em 0 0 0; border: 0; border-top: 3px dotted #272727; } .ContentCart .ProductMenue label { line-height: 1.555; font-weight: 400; } .ContentCart .ProductMenue .Size { width: 32%; } .ContentCart .ProductMenue .Size span, .ContentCart .ProductMenue .Quantity span { display: inline-block; margin-right: 0.5em; font-size: 115%; line-height: 2.4; font-weight: 800; } .ContentCart .ProductMenue .Quantity { width: 33%; } .ContentCart .ProductMenue .Quantity input[type="text"] { font-size: 120%; float: left; width: 20%; } .ContentCart .ProductMenue .CartButtonRefresh { text-transform: uppercase; font-size: 85%; line-height: 3.5; padding: 0 0.75em 0 0.75em; border-right: 1px solid #bebebe; } .ContentCart .ProductMenue .CartButtonRefresh:hover { text-decoration: underline; transform: none; } .ContentCart .ProductMenue .CartButtonDelete { margin-left: .5em; margin-top: -.65em; width: 1.825em; height: 1.825em; vertical-align: middle; } .ContentCart .ProductMenue .PriceItem { float: left; width: 15%; text-align: left; } .ContentCart .ProductMenue .PriceItem span { font-size: 120%; line-height: 2.4; font-weight: 800; } .ContentCart .ProductMenue .Price { margin-top: 0; width: 18%; } .ContentCart .ProductMenue .Price label { text-align: right; } .ContentCart .ProductMenue .Price span { float: right; font-size: 120%; line-height: 2.4; } .ContentCart .PriceTotal { margin: 1.5em 0 0 0; padding: 1.575em 1.75em 0.5em 1.75em; overflow: hidden; background-color: #e9e7e8; } .ContentCart .PriceTotal .SubTotal { text-align: right; font-size: 100%; margin-bottom: 0; } .ContentCart .PriceTotal .SubTotal strong { font-size: 115%; } .ContentCart .PriceTotal .SubTotal strong { font-weight: 800; } .ContentCart .PriceTotal .Shipping { margin-bottom: .5em; } .ContentCart .PriceTotal .Shipping, .ContentCart .PriceTotal .GtcSuccess { text-align: right; font-size: 100%; } .ContentCart .PriceTotal .Total { margin-bottom: .5em; border-top: 3px dotted #272727; border-bottom: 3px dotted #272727; padding: .5em 0 .5em 0; text-align: right; font-weight: 800; font-size: 100%; } .ContentCart .PriceTotal .Total span { font-size: 160%; white-space: nowrap; } .ContentCart .PriceTotal .Total span.Vat { font-weight: 400; font-size: 100%; } .ContentCart .PriceTotal .VatInfo { text-align: right; } .ContentCart .ContainerPayments { float: right; height: 2.5em; width: 45%; margin-right: -0.25em; background-position: right top; } .ContentCart .ContainerPaymentsBottom .ContainerPayments { float: none; margin-left: -0.75em; width: 35em; height: 5.5em; } .ContentCart .LinkKombi { margin-top: 0; margin-bottom: 1em; background-size: 2.25em auto; padding: .825em 1.65em 1em 3em; text-decoration: underline; } .ContentCart .ContainerKombi { padding: .5em 1.5em 1.5em 1.25em; background: #be1072; background-image: url(/img/icon_kombi-s.png); background-position: 1.15em 1.15em; background-size: 3.375em auto; background-repeat: no-repeat; } .ContentCart .ContainerKombi h2 { margin: .15em 0 -.2em 1.375em; } .ContentCart .ContainerKombi .Overline { margin: 0 0 .95em 0; } .ContentCart .ContainerKombi .ContainerProduct { margin: 1.5em 0 0 0; border: 0; background: #fff; } .ContentCart .ContainerKombi .ProductMenue .CartButtonDelete { margin-top: 1em; } .ContentCart .ContainerKombi .ProductMenue .Price { float: right; margin-right: .5em; } /* ----------------------------------------------------------------------------------- Shop: Check + Order ----------------------------------------------------------------------------------- */ .RowTop .ContentOrder { padding-top: 1.5em; } .ContentOrder .LineDotted { height:1px; border-top: 3px dotted #272727; } .ContentOrder .ContentNav p { margin-bottom: 0.5em; } .ContentOrder h1 { font-size: 320%; } .ContentOrder .TextFormInfo { margin-top: 1em; } .ContentOrder .ContainerForm .ColTitle { width: 23%; padding: 1em .825em 1em .825em; } .ContentOrder .ContainerForm .ColForm { padding: 1.15em 0 .825em 1.5em; width: 77%; } .ContentOrder .ContainerForm.Flex { flex-wrap: wrap; } .ContentOrder .ContainerForm.FormPayment .FormCol:nth-of-type(1) { width: 28.5%; } .ContentOrder .FormPayment { border-top: 3px dotted #272727; } .ContentOrder .ContainerForm.FormPayment .FormCol:nth-of-type(2) { width: 47.5%; overflow: hidden; } .ContentOrder .ContainerForm.FormPayment .FormCol:nth-of-type(3) { width: 21%; margin-right: 0 !important; overflow: visible; } .ContentOrder .ContainerForm.FormCoupon { border-top: 3px dotted #272727; } .ContentOrder .ContainerForm.FormCoupon .ColForm { padding-top: .5em; padding-bottom: .5em; } .ContentOrder .ContainerForm.FormBillingAddress .ColForm, .ContentOrder .ContainerForm.FormDeliveryAddress .ColForm .Expanded { padding-top: .6em; padding-bottom: 2em; } .ContentOrder .ContainerForm p.h3 { margin: 0; text-transform: none; font-size: 155%; } .ContentOrder .PaymentCart03 { width: 80%; } .ContentOrder .PaymentCart04 { margin-left: 35px !important; width: 80%; height: 4em; } .ContentCheck { padding-bottom: 0; } .ContentCartCheck.ContentCart { border-top: 3px dotted #272727; } .ContentCartCheck .h3 { font-size: 155%; margin-bottom: 1.5em; text-transform: none; } .ContentOrder .ContainerBorder { display: inline-block; } .ContainerBankData .ContainerBorder { display: inline-block; width: auto; padding-top: 1.5em; padding-bottom: 1.5em; } .ContentOrder .ContainerMeldungError { margin-top: 2em; margin-bottom: 4em; border: 4px solid #be1072; padding: 1.5em 1.5em .5em 1.5em; } .ContentOrder .ButtonRow { margin-top: 3em; } .ContentOrder .OrderSteps { margin-top: 3em; margin-bottom: 3.5em; text-align: center; height: 4em; } .ContentOrder .OrderSteps .Step { position: relative; width: 33.333%; float: left; border-top: 3px solid #5b5e64; } .ContentOrder .OrderSteps .Step .Number { position: absolute; top: calc(-1.06em - 3px); left: -100%; right: -100%; margin: auto; width: 2.12em; height: 2.12em; border-radius: 50%; color: #be1072; border: 2px solid #5b5e64; background: #fff; font-size: 1em; } .ContentOrder .OrderSteps .Step .Number span { display: inline-block; padding-right: .05em; font-size: 115%; line-height: 1.6; font-family: 'Impact', sans-serif; font-weight: 400; } .ContentOrder .OrderSteps .Step .Number span.Padding { padding-right: .15em; } .ContentOrder .OrderSteps .Step p { margin-top: 1.5rem; font-size: 75%; text-transform: uppercase; color: #5b5e64; font-weight: 600; } .ContentOrder .OrderSteps .Step br.OptionalResponsive { display: none; } .ContentOrder .OrderSteps .Step.Deact { opacity: .25; } .ContentOrder .OrderSteps .Step.Deact .Number { color: #5b5e64; } /************************************************************************************* * Footer *************************************************************************************/ footer {} footer .FooterRow {overflow: hidden;} footer .FooterRow .Col {overflow: visible;} footer .FooterRow .Wrap {position: relative; overflow: visible;} footer .FooterRow01 {padding: 2.25em 0 0.5em 0; border-top: .75em solid #e9e7e8;} footer .FooterRow02 {padding: 3.75em 0 2.5em 0; margin-top: 1.5em; background-color: #e9e7e8; text-align: center;} footer .FooterRow02 .Width50:nth-of-type(1) {text-align: right; padding: 0 1.5em;} footer .FooterRow02 .Width50:nth-of-type(2) {text-align: left; padding: 0 1.5em;} footer .FooterRow02 p {color: #5b5e64;} footer .FooterRow02 .Width50:nth-of-type(1) p {text-transform: uppercase;} footer .FooterRow02 .Width50:nth-of-type(2) p {float: left;} footer .FooterRow03 {background: #5b5e64;} footer .FooterRow03 .Wrap {width: 100%; max-width: 100%;} footer .FooterRow03 p {color: #fff;} footer a {text-decoration: none !important;} footer a:hover, footer a:hover p {opacity: 0.7 !important;} footer p, footer ul {line-height: 1.4444;} footer .CatLink {margin-bottom: .25em; font-size: 150%; font-family: 'Impact', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .025em; color: #5b5e64;} footer .CatLink:hover {opacity: .65 !important;} footer .SubCatLink {font-size: 100%;} footer .SubCatLink .LinkTag {display: none;} footer .ProductsNav {display: none;} footer .FooterNav .Col {float: left; margin: 0;} footer .FooterNav .Col ul {margin-bottom: 2em;} footer .FooterNav .Col .SubCat {display: block !important; margin-top: 0.5em;} footer .FooterNav .Col .SubCatNav {display: none;} footer .FooterNav .Col .FinderLink {position: absolute; left: 1em; bottom: -4.5em; margin-top: 0; width: 23%; font-size: 100%; border-width: 3px;} footer .FooterNav .Col .FinderLink .ButtonLink {padding: 0.4em 1em 0.35em 1em; text-align: center; font-size: 100%; font-weight: 600; line-height: 2.888; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border-radius: 1.25em; letter-spacing: .05em; background-color: #be1072; color: #fff !important;} footer .FooterNav .Col .FinderLink .ButtonLink:hover {opacity: 1 !important;} footer .FooterNav .Col .FinderLink .FinderText {display: none;} footer .FooterNav .Col01 {width: 28%;} footer .FooterNav .Col02 {width: 19%;} footer .FooterNav .Col03 {width: 24%;} footer .FooterNav .Col04 {width: 21%;} footer .FooterNav .Col05 {width: 8%; text-align: right;} footer .Copyright {margin: .15em 0 0 0; font-size: 100%; opacity: 0.75; line-height: 2.2; text-align: right;} footer .ContactLinks {letter-spacing: 0.05em;} footer .ContactLinks p {margin: 0; font-size: 155%; line-height: 1;} footer .ContainerPayments {float: right; width: 35%; margin-right: 1.5vw; height: 5em; background-color: #fff; background-position: left; background-size: 100% auto;} footer .ContainerPayments .Payment {} footer .IconTrustedShop {position: static; float: right; right: 0; margin: .65em 0 0 0;} /* Footer Logo */ footer .FooterLogo {display: block; DIsplay: none; height: 3.5em; width: 100%; background: url(/img/6plus1_w.png) left center no-repeat; background-size: 85% auto;} footer .FooterLogo span {display: none;} /* Footer Social Media Links */ footer .SocialNav {display: inline-block;} footer .SocialNav li {display: inline-block;} footer .SocialNav .Social {height: 2.415em; margin-top: -.5em;} footer .SocialNav .Social01 {width: 1.75em;} footer .SocialNav .Social02 {width: 1.8em;} footer .SocialNav .Social03 {width: 2.625em;} footer .SocialNav .LinkMail, footer .SocialNav .LinkAddress {display: none;}