@import url('https://fonts.googleapis.com/css?family=Lato'); p, .container, .container-fluid, .row { font-size: 14px; font-family: 'Lato', serif; } .maincontent, .sidebar { margin: 0; padding: 0; } .logo-pos { display: block; margin: 20px 0; padding: 0; text-align: center; } .logo-pos img { max-width: 280px; } .vob { margin: 0; padding: 0 10px; } .img-responsive { display: block; width: 100%; height: auto; } .artdescription img { border: 1px solid #eee; } .sidebarbox { margin: 20px; margin-left: 0; padding: 0; padding-bottom: 10px; background: #fff; text-align: left; font-family: 'Lato', serif; border: 1px solid #eee; } .sidebarbox p { margin: 0; padding: 20px 0 10px; } .main { margin-right: 0 !important; } ul.left_menu { margin: 0; padding: 0; padding-top: 10px; text-align: left; } ul.left_menu li { margin: 0; padding: 0; list-style-type: none; font-family: 'Lato', serif; font-weight: 500; font-size: 14px; } ul.katmenu li a { display: block; margin: 0; padding: 5px 20px; color: #444; text-decoration: none; } ul.katmenu li a:hover { color: #B38728; background: #fffff; } ul.katmenu li a:hover i { color: #fff; } ul.katmenu li.ukat a { padding-left: 35px; } .service { height: 40px; margin: 20px; padding: 0; color: #B38728; text-align: left; font-size: 12px; } .servicepoint { color: #B38728; float: left; font-size: 20px; font-weight: 100; margin: 0 10px 0 0; padding: 0; text-align: center; } .serviceheadline { color: #444; display: inline-block; font-size: 16px; font-weight: 500; line-height: 14px; margin: -2px 0 0; } .artdescription, .artdescription-2 { margin: 0; padding: 0; } .artdetail { margin: 15px 0; padding: 0; } .artdescription-2 { padding: 20px; } .artdescription-3 { padding-right: 20px; } .artdescription h2 { font-family: 'Lato', serif; font-weight: 700; font-size: 18px; color: #B38728; text-align: left; } .artdescription h3 { font-family: 'Lato', serif; font-weight: 100; font-size: 18px; color: #B38728; text-align: left; } .artdescription h4 { color: #B38728; font-family: "Lato", serif; font-size: 16px; font-weight: 100; padding: 10px 0 5px 0; margin-bottom: 0; text-align: left; } .tab { background: none; padding: 0; margin: 0; } .tab input, .tab input [type=radio] { display: none; margin: 0 !important; padding: 0; } .tab .content .tab-content { display: none; } .tab label { background: #e5e5e5 none repeat scroll 0 0; border: medium none; color: #666; display: inline-block; font-family: "Lato", serif; left: 1px; margin: 0 5px 0 -1px; overflow: hidden; padding: 12px 20px 10px; position: relative; } .tab label:hover { cursor: pointer; } .tab input:checked+label { margin: 0; margin-left: -1px; margin-right: 5px; background: #B38728; color: #fff; } #tab1:checked~.content #content1, #tab2:checked~.content #content2, #tab3:checked~.content #content3, #tab4:checked~.content #content4 { display: block; padding: 14px 0; margin: 0; } .content h1 { font-family: 'Lato', serif; font-size: 18px; font-weight: 700; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0.3em 0; } .content { color: #3e454c; text-align: left; margin-top: -5px; padding: 10px 30px 30px 30px; background: #fff; font-family: 'Lato', serif; border: 1px solid #eee; border-top-width: 3px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: solid; border-image: url('https://cdn03.plentymarkets.com/ea1mg3k08t8u/frontend/images/Mittel.png'); border-image-width: 3px 0 0 100%; } @media (min-width:992px) and (max-width:1200px) { .service { font-size: 11px; } .footer p { font-size: 12px; } } @media (min-width:768px) and (max-width:992px) { .logo { font-size: 36px; margin-top: 20px; } .hedaerbgrdn-info { padding-left: 0; } ul.menu li { font-size: 12px; width: 125px; } .suchfeld { width: 700px; } .artdescription h2 { padding-top: 0; } } @media (max-width:768px) { .logo-pos { margin: 0; padding: 0; } .logo { font-size: 32px; margin-top: 20px; } .slogan { font-size: 10px; } .tab label { display: block; float: none; margin-bottom: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tab input:checked+label { margin-bottom: 5px; } .tab .content { border: none; margin: 0; padding: 0 15px; } .footer p { font-size: 12px; } } pre span { white-space: normal !important; } .artdescription-3 pre { display: none !important; } .artdescription-3> table { vertical-align: top !important; width: 100% !important; } .artdescription-3 p { margin-bottom: 15px; padding: 0; } .artdescription-3 td { padding: 5px; vertical-align: top; } .sidebar h1, .sidebarbox h1 { border-top-right-radius: 5px; border-top-left-radius: 5px; background: #333 none repeat scroll 0 0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-style: solid; border-image: url('https://cdn03.plentymarkets.com/ea1mg3k08t8u/frontend/images/Mittel.png'); border-image-width: 0 0 2px 100%; color: #fff; font: 15px/35px Lato; font-weight: normal; margin: 0; padding-left: 19px; text-align: left; text-transform: uppercase; font-weight: 100; } .sidebarbox ul.children { display: none; } .sidebarbox ul { list-style-type: none; padding: 0 0 0 20px; margin: 15px 0; line-height: 2.5rem; } .sidebarbox ul li> a { color: #333; } @media (max-width:768px) { .sidebarbox { margin: 20px 0; } } .contentbgrdn a { color: #B38728; font-size: 13px; } ul.left_menu { margin: 0 15px; padding: 10px 0 0; text-align: left; } .sub_cat { margin: 0; padding: 5px 15px; } #gal1:checked~#gal-img1, #gal2:checked~#gal-img2, #gal3:checked~#gal-img3, #logo img { float: left; max-height: 100px; } .footerbgrdn { background: #444; border-top-width: 5px; border-right-width: 0px; border-bottom-width: 5px; border-left-width: 0px; border-style: solid; border-image: url('https://cdn03.plentymarkets.com/ea1mg3k08t8u/frontend/images/Mittel.png'); border-image-width: 5px 0 0 100%; margin: 0; padding: 0; } .contentbgrdn { background: #f5f5f5; border-top-width: 5px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: solid; border-image: url('https://cdn03.plentymarkets.com/ea1mg3k08t8u/frontend/images/Mittel.png'); border-image-width: 5px 0px 0 100%; margin: 0; padding: 0; } p, .container, .container-fluid, .row { font-size: 14px; font-family: 'Lato', serif; } .maincontent, .sidebar { margin: 0; padding: 0; } .logo-pos { display: inline-block; margin: 21px 0; padding: 0; } .logo-icon { float: left; margin: 0; padding: 0; padding-top: 7px; font-size: 28px; width: 100px; } .logo { float: left; font-family: 'Lato', serif; font-size: 42px; line-height: 28px; font-weight: 700; color: #fff; padding: 0; margin: 0; margin-top: 23px; text-align: left; } .vob { margin: 0; padding: 0 10px; } .img-responsive { display: block; width: 100%; height: auto; } .artdescription img { border: 1px solid #eee; } .sidebarbox { margin: 20px; margin-left: 0; padding: 0; padding-bottom: 10px; background: #fff; text-align: left; font-family: 'Lato', serif; border: 1px solid #eee; } .sidebarbox p { margin: 0; padding: 20px 0 10px; } .main { margin-right: 0 !important; } ul.left_menu { margin: 0; padding: 0; padding-top: 10px; text-align: left; } ul.left_menu li { margin: 0; padding: 0; list-style-type: none; font-family: 'Lato', serif; font-weight: 500; font-size: 14px; } ul.katmenu li a { display: block; margin: 0; padding: 5px 20px; color: #444; text-decoration: none; } ul.katmenu li a:hover { color: #B38728; background: #fffff; } ul.katmenu li a:hover i { color: #fff; } ul.katmenu li.ukat a { padding-left: 35px; } .service { height: 40px; margin: 20px; padding: 0; color: #B38728; text-align: left; font-size: 12px; } .servicepoint { color: #B38728; float: left; font-size: 20px; font-weight: 100; margin: 0 10px 0 0; padding: 0; text-align: center; } .serviceheadline { color: #444; display: inline-block; font-size: 16px; font-weight: 500; line-height: 14px; margin: -2px 0 0; } .artdescription, .artdescription-2 { margin: 0; padding: 0; } .artdetail { margin: 15px 0; padding: 0; } .artdescription-2 { padding: 20px; } .artdescription-3 { padding-right: 20px; } .artdescription h2 { font-family: 'Lato', serif; font-weight: 700; font-size: 18px; color: #B38728; text-align: left; } .artdescription h3 { font-family: 'Lato', serif; font-weight: 100; font-size: 19px; color: #B38728; text-align: left; } ul.artdetail { border: 1px solid #e5e5e5; font-size: 14px; margin: 0; padding: 10px; } ul.artdetail li { list-style-type: none; background: #fcfcfc; margin: 1px 0; padding: 7px 12px; border-bottom: 1px solid #e6e6e6; line-height: 20px; } ul.artdetail li:before { font-family: 'FontAwesome'; content: '\f105'; font-size: 14px; padding-right: 10px; color: #B38728; } .artdescription .mwst { font-size: 12px; color: #B38728; font-weight: 300; } .tab { background: none; padding: 0; margin: 0; } .tab input, .tab input[type=radio] { display: none; margin: 0 !important; padding: 0; } .tab label { background: #e5e5e5 none repeat scroll 0 0; border: medium none; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #666; display: inline-block; font-family: "Lato", serif; left: 1px; margin: 0 5px 0 -1px; overflow: hidden; padding: 12px 20px 10px; position: relative; font-weight: 100; text-transform: uppercase; } .tab label:hover { cursor: pointer; } .tab input:checked+label { margin: 0; color: #fff; margin-left: -1px; background: url('https://cdn03.plentymarkets.com/ea1mg3k08t8u/frontend/images/Abgerundeter-Goldbutton2.png'); background-position-x: 0%; background-position-y: 0%; background-size: auto; background-size: 150% auto; background-position: center top; border-top-right-radius: 5px; border-top-left-radius: 5px; } .content h1 { font-family: 'Lato', serif; font-size: 18px; font-weight: 700; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0.3em 0; } #content1 *, #content2 *, #content3 *, #content4 * { font-size: 14px !important; } @media (min-width:992px) and (max-width:1200px) { .service { font-size: 11px; } .footer p { font-size: 12px; } } @media (min-width:768px) and (max-width:992px) { .hedaerbgrdn-info { padding-left: 0; } ul.menu li { font-size: 12px; width: 125px; } } @media (max-width:768px) { .logo-pos { margin: 0; padding: 0; } .logo { font-size: 32px; margin-top: 20px; } .slogan { font-size: 10px; } .tab label { display: block; float: none; margin-bottom: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tab input:checked+label { margin-bottom: 5px; } .tab .content { border: none; margin: 0; padding: 0 15px; } .footer p { font-size: 12px; } } pre span { white-space: normal !important; } .artdescription-3 pre { display: none !important; } .artdescription-3> table { vertical-align: top !important; width: 100% !important; } .artdescription-3 p { margin-bottom: 15px; padding: 0; } .artdescription-3 td { padding: 5px; vertical-align: top; } @media (max-width:768px) { .sidebarbox { margin: 20px 0; } } .contentbgrdn a { color: #B38728; font-size: 13px; } ul.left_menu { margin: 0 15px; padding: 10px 0 0; text-align: left; } .sub_cat { margin: 0; padding: 5px 15px; } .single_one_image { width: 100%; } .single_one_image img { max-height: 101%; max-width: 101%; } .PreviewImagesContainer li { border: 1px solid #e5e5e5; display: block; float: left; height: 100px; line-height: 100px; margin: 5px; text-align: center; width: 100px; } .tabs.tabs-style-linetriangle label, .PreviewImagesContainer li> label { align-items: center !important; display: flex !important; height: 100%; width: 100%; cursor: pointer; } .thumbnail> img { max-height: 100%; } .serviceheadline { display: inline-block; font-size: 21px; font-weight: 500; line-height: 14px; margin: -2px 0 10px; text-transform: uppercase; } .single_one_image { width: 100%; } .single_one_image img { max-height: 101%; max-width: 101%; } .tabs.tabs-style-linetriangle label, .PreviewImagesContainer li> label { align-items: center !important; display: flex !important; height: 100%; width: 100%; cursor: pointer; } .thumbnail> img { max-height: 100%; } .checkmarks li { clear: both; line-height: 18px; margin-bottom: 10px; } .checkmarks li::before { content: "\f00c"; font-family: FontAwesome; color: #B38728; margin-right: 10px; display: block; height: 30px; float: left; } .serviceheadline { display: inline-block; font-size: 21px; font-weight: 500; line-height: 14px; margin: -2px 0 10px; text-transform: uppercase; } .d-none { display: none; } .product-condition .PlentyArticleCharacterName, .product-amount .PlentyArticleCharacterName { display: none; } .PlentyArticleCharacterName { font-weight: 700; margin-bottom: .25rem; } } .PlentyArticleCharacterValue { margin-bottom: 1.25rem; } .container-inline .PlentyArticleCharacterValue { display: inline !important; } .product-amount-container { margin-top: 1rem; margin-bottom: 1rem; } .PlentyArticleCharacterName { font-weight: 700; margin-bottom: .25rem; } .PlentyArticleCharacterValue { margin-bottom: 1.25rem; }