/********************************************
* *
* CustomStyle *
* *
********************************************/
/* ----------------------------------------
icons
---------------------------------------- */
/* --------- Expert pages ----------------*/
/* ----------------------------------------
HTML elements
---------------------------------------- */
body, label, blockquote { color: #000000; }
/* ----------------------------------------
carousel
---------------------------------------- */
.carousel { position: relative; height: 420px;}
@media (min-width: 300px) and (max-width: 767px) {
.carousel { position: relative; height: 200px;}
}
.carousel-inner { height: auto; }
.carousel-inner, .carousel-inner .item, .carousel-inner .item .carousel-item-image { max-height: 389px;}
.carousel-inner, .carousel-inner .item, .carousel-inner .item .carousel-item-image { max-height: 410px;}
.carousel-control { width: 90px; }
.carousel-indicators li { border-color: #82a900; top: 10px;}
.carousel-indicators li.active { background-color: #82a900; top: 10px; }
.carousel-item-image { margin-left: 90px; }
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {FONT-VARIANT: JIS90;position: absolute;top: 90%;z-index: 5;display: inline-block;margin-top: 10px;}
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x;}
.carousel-control.right {right: 0;left: auto; background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
/*.carousel-indicators {top: 10px;}*/
general design---------------------------------------- */.titelrow-container { background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; }
.titelrow-container-header { padding-top: 0px; padding-bottom: 0px; text-align:right; }
.titelrow-container-header div { background-color: #3c3c3c; }
.titelrow-container-header ul { list-style-type: none; display: inline; margin-top:5px; }
.titelrow-container-header li { display: inline-block; }
.titelrow-container-header li a { color:#ffffff; padding-left: 20px; font-size: 11px!important; line-height: 13py!important; letter-spacing: 1px; }
.titelrow-container .logo-col { text-align: center; padding-bottom: 15px; }
@media only screen and (min-width: 768px) {
.titelrow-container .logo-col { text-align: left; padding-bottom: 0px; }
}
.website-container { background-color: #FFFFFF; padding-top: 1px;}
.top-navigation .container, .navigation .container, .content-container, .footer .container, .footer-navigation .container, .bottom-navigation .container { max-width: 100%; margin-left: auto; margin-right: auto; }
/* ----------------------------------------
top navigation
---------------------------------------- */
@media (min-width: 992px) {
.menu-icon-container > div .menu-icon { height: 25px; width: auto; }
.top-navigation, .carousel-container, .website-container, .titelrow-container { width: 980px; max-width: 100%; }
.titelrow-container-header div { height:30px; padding-top:5px; }
}
@media (min-width: 1200px) {
.top-navigation, .carousel-container, .website-container, .titelrow-container { width: 1180px; max-width: 100%; }
.titelrow-container-header div { height:30px; padding-top:5px; }
}
.top-navigation { top: 0; left: 0; right: 0; z-index: 1000; background-color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; white-space: nowrap; padding-top: 15px; padding-bottom: 15px; }
/* ----------------------------------------
icon styles
---------------------------------------- */
.icon { height: 30px; width: 30px; border: 0px; background-size: 20px auto !important; }
text { font-family: "Archivo Regular", sans-serif; !important;}
/* ----------------------------------------
texts
---------------------------------------- */
/* -----------------------------------------
formular elements
----------------------------------------- */
/*select, select[size], select[multiple] {width: 100%;font-size: 18px;}*/
/*auskommentiert am 20.01.2021*/
select, select[size], select[multiple] {width: 100%;}
input, select { border: 1px solid #bf362e; line-height: 40px; }
@media(min-width: 768px) {
input, select { line-height: inherit; }
/*select, select[size], select[multiple] {height: 40px;} */
/*auskommentiert am 20.01.2021*/
}
/* -----------------------------------------
buttons
----------------------------------------- */
.buttonbuy {font-weight: bold;font-size: 15px;color: #ffffff;padding-top: 2px;padding-bottom: 2px;width:100%;border: solid 2px;border-color: #408fff;background-color: #408fff;display: block;}
.buttonprime {font-weight: 700;font-size: 14px;color: #ffffff;padding-top: 2px;padding-bottom: 2px;width:100%;border: solid 2px;border-color: #f2f2f2;background-color: #000000;display: block;}
.actionbuttonprime {border-color: #000000;color: #000000;font-size: 14px;line-height: 18px;}
/* -----------------------------------------
banner
----------------------------------------- */
.trianglecontainer.isonsale {right: 0px;}
.isonsale .triangle { border-color: transparent transparent #ba2d2c transparent; transform: rotate(-45deg) perspective(1px); right: -60px; }
.new .triangle { border-color: transparent transparent #ba2d2c transparent; transform: rotate(-315deg) perspective(1px); right: -60px; }
/*.triangle .text { left: -30px; }*/
/*On Sale rechts BEGINN*/
.trianglecontainer.isonsale { right:0px; left:auto;}
.gutter-4 .isonsale .triangle { right: -58px; left:auto; }
.bullet-item.image .isonsale .triangle { right: -60px; }
.isonsale .triangle { border-color: transparent transparent #ba2d2c transparent; transform: rotate(-315deg) perspective(1px); right: -60px; left:auto;}
/*On Sale rechts ENDE*/
/*-----------------------------------------
pricing tables
---------------------------------------- */
.pricing-table .bullet-item {background-color: #ffffff;padding: 10px;text-align: center;color: #000000;font-weight: 300; letter-spacing: 1px;/* border-bottom: dotted 0px #ddd0c5; */}
/* ----------------------------------------
productdetail picture
---------------------------------------- */
.productdetail-preview { border: 1px solid #f2f2f2; }
.pdfline { margin-left: 0px; }
/* ----------------------------------------
filter
---------------------------------------- */
/* ----------------------------------------
file upload
---------------------------------------- */
/* ----------------------------------------
Drop Down Menu
---------------------------------------- */
@media only screen and (max-width: 767px) {
button.button, input[type="submit"].button { padding: 4px 4px 4px; width: 100%; margin: 0px 0px; }
}
/* ----------------------------------------
misc
---------------------------------------- */
.bg-container {background: #ffffff;padding-top: 0px; padding-bottom: 5px;padding-left: 10px;padding-right: 10px;}
/* ----------------------------------------
history / historydetail
---------------------------------------- */
/* ----------------------------------------
style depending on screen size
and device type
---------------------------------------- */
@media only screen and (max-width: 767px) {
input[type="checkbox"] { width: 30px; height: 20px; }
input[type="radio"] {FONT-WEIGHT: 200;width: 30px;height: 20px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
input[type="checkbox"] { width: 20px; height: 20px; }
}
/* --------------
scmm
-----------------*/
/* ----------------------------------------
Fonts
---------------------------------------- */
/*h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: "Lora Bold", sans-serif; font-weight: 700;}*/
/* Input koller.team*/
h1{ color: black; font-family: "Lora Bold"; font-size: 104px; text-transform: uppercase; width: 650px; position: relative; padding-bottom: 55px; z-index: 1;}
/*h1::after{ content: " "; position: absolute; /*left: 100px;*/
left: 0px; bottom: 0px; height: 5px; width: 515px; background: black;}*/h2{ font-size: 38px; font-family: "Lora Bold"; text-transform: uppercase; letter-spacing: 0.76px; box-sizing: content-box; padding-top: 40px; width: 525px; margin-left: 100px;}
h2.has-large-font-size{ color: black; font-family: "Lora Bold"; font-size: 104px; text-transform: uppercase; letter-spacing: 0.76px; width: 515px; margin-left: 100px;}
/*h3{ color: black; font-family: "Lora Bold"; font-size: 38px; text-transform: uppercase; letter-spacing: 0.76px; width: 515px; margin-left: 100px;}*/
h3{ color: black; font-family: "Lora Bold"; font-size: 38px; text-transform: uppercase; letter-spacing: 0.76px;}
h4{ font-family: "Gothic Bold"; color: black;}
p{ padding-top: 10px; padding-bottom: 10px; font-size: 18px; font-family: "Archivo Regular",sans-serif; color: black;}
p > b,p > strong{ font-family: "Gothic Bold";}
p > a{ color: black;}
p { margin: 0 0 0 0;}
p { padding: 25px 0px;}
@media (min-width: 300px) and (max-width: 767px){
h1{ font-size: 31px; letter-spacing: 1px; width: 50%; padding-bottom: 20px; margin-top: -55%; padding-top: 10px; }
h1::after{ width: 80%; left: 20%; }
h2{ width: 50%; margin-left: 0px; font-size: 20px; }
h2.has-large-font-size{ font-size: 31px; letter-spacing: 1px; width: 70%; }
h3{ width: 50%; margin-left: 0px; font-size: 20px; }
/*p{ font-size: 14px; line-height: 22px; width: 50%; margin-left: 0px; }*/
p{ font-size: 14px; line-height: 22px; width: 100%; margin-left: 0px; }
}
@media (min-width: 768px) and (max-width: 1080px){
h1{ font-size: 60px; padding-bottom: 45px; width: 400px; margin-top: 80px; position: relative; }
h1::after{ width: calc(100% - 100px); }
h2{ width: 395px; margin-left: 0px; height: auto; display: inline-block; float: left; clear: both; }
h2.has-large-font-size{ font-size: 60px; width: 400px; }
/*p{ font-size: 14px; line-height: 20px; width: 395px; float: left; display: block; margin-left: 0px; position: relative; }*/
p{ font-size: 14px; line-height: 20px; float: left; display: block; margin-left: 0px; position: relative; }
}
@media (min-width: 1081px) and (max-width: 1340px){
h1{ font-size: 86px; width: 520px; line-height: 95px; }
h1::after{ width: 420px; }
h2{ width: 430px; }
h2.has-large-font-size{ font-size: 86px; width: 520px; line-height: 95px; }
/*p{ width: 420px; }*/
}
.font-mainnav { font-family: "Gothic Bold", sans-serif; font-weight:700; color:#000000; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
.font-mainnav a { color:#000000; text-decoration: none; }
.font-mainnav a:hover, .font-servicenav a:active { color: #82a900; }
.font-subnav-one { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 24px; text-transform: none; }
.font-servicenav { font-family: "Archivo Regular", sans-serif; font-weight: 400; color: #000000; font-size: 20px; line-height: 18; }
.font-servicenav a { color: #000000; }
.font-servicenav a:hover { color: #82a900; }
.nav-menu.font-servicenav a:hover { color: #82a900; }
/*h2*/
.font-title { /*font-size: 38px;*/font-size: 32px; font-family: "Lora Bold"; text-transform: uppercase; letter-spacing: 0.76px; box-sizing: content-box; padding-top: 40px; width: 525px; /*margin-left: 100px;*/line-height: 1.0}
/*h3*/
/*.font-subtitle { color: black; font-family: "Lora Bold"; font-size: 38px; text-transform: uppercase; letter-spacing: 0.76px; width: 515px; margin-left: 100px;}*/
.font-subtitle { color: black; font-family: "Lora Bold"; font-size: 38px; text-transform: uppercase; letter-spacing: 0.76px;}
.font-carousel { font-size: 29px; line-height: 32px; }
/*h3*/
.font-text-title { color: black; font-family: "Lora Bold"; /*font-size: 38px;*/ font-size: 28px; text-transform: uppercase; letter-spacing: 0.76px; width: 515px; /*margin-left: 100px;*/}
.font-text-title-red { font-family: "Lora Bold", sans-serif; font-weight:700; color: #be362e; font-size: 16px; line-height: 20px; }
.font-text-title a { color: #000000; text-decoration: none; }
.font-text-title a:hover, .font-login a:active { text-decoration: underline; }
/*p */
.font-text { line-height: 28px; padding-bottom: 10px; font-size: 18px; font-family: "Archivo Regular", sans-serif; color: black; }
.font-text a { color: #82a900; text-decoration: none; font-weight: 700;}
.font-text-help { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: none; }
.font-text-more { font-family: "Archivo Regular", sans-serif; font-weight:300; color:#000000; font-size: 12px; line-height: 14px; letter-spacing: 1px }
.font-quantity { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 11px; line-height: 14px; text-transform: none; }
.font-button { font-family: "Archivo Regular",sans-serif; font-weight: 300; font-size: 15px; line-height: 18px; }
.font-loginform-heading { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 20px; }
.font-loginform { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 14px; line-height: 16px; }
.font-loginform a { color: #000000; text-decoration: none; }
.font-loginform a:hover, .font-login a:active { text-decoration: underline; }
.font-loginform a.button { font-size: 15px; line-height: 20px; }
.font-loginform a.button { color: #000000; font-weight: bold; }
.font-loginform a.button:hover { color: #ffffff; text-decoration: none; }
.font-basket-heading { font-family: "Archivo Regular", sans-serif; font-weight: 700; color: #000000; font-size: 18px; letter-spacing: 1px; line-height: 24px; text-transform: none; }
.font-errortext { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: red; font-size: 11px; line-height: 18px; text-transform: none; }
.font-basket-heading-small { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 18px; line-height: 24px; }
.font-basket-small { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 24px; }
.font-basket-product { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 18px; letter-spacing: 1px; line-height: 24px; }
.font-basket-product a { color: #000000; text-decoration: none; }
.font-basket-amount { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 18px; letter-spacing: 1px; line-height: 24px; }
.font-basket-unit { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 18px; letter-spacing: 1px; line-height: 24px; text-transform: none; }
.font-nra { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #B9B9B9; font-size: 20px; line-height: 18px; letter-spacing: 1px; text-transform: none; }
.font-nra { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 18px; line-height: 20px; letter-spacing: 1px; text-transform: none; }
/* ----------------------------------------
Misc
---------------------------------------- */
body, html { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 16px; }
/* ----------------------------------------
social media
---------------------------------------- */
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {padding-right: 20px;padding-left: 5px;}
.top-navigation .glyphicon-input input, .mobile-navigation .glyphicon-input input { border-radius: 0px; width: 100%; max-width: 100%; border: 1px solid #f2f2f2}
.hierarchyelement .submenu, .mobile-hierarchyelement .submenu { display: none; }
.hierarchyelement:hover .submenu { display: block; position: absolute; left: 0; right: 0; background-color: #ffffff; border: 0px solid #b1b1b1; z-index: 500; margin-top: 5px; }
.hierarchyelement .submenu ul { width: 100%; height: 100%; list-style-type: none; margin:0; padding: 0; }
.hierarchyelement .submenu a { display: block; height: 100%; width: 100%; padding: 6px 20px; }
.hierarchyelement .submenu a:hover { background-color: #d9d9d9; }
/*beige Fusszeile*/
/*
wird unten noch verwendet - Input koller.team
.footer { background-color: #ffffff; padding-top: 5px; margin-top: 0px; padding-bottom: 25px; }
*/
@media (max-width: 991px) {
.footer { padding-top: 40px; }
.footer .element { padding-top: 20px; }
}
.footer .element-content { padding-top: 10px; }
.footer-navigation { padding-top: 40px; padding-bottom: 30px; }
.footer-navigation .item { padding-top: 25px; padding-bottom: 25px; }
.footer-navigation .item, .footer-navigation .item a { font-size: 16px; line-height: 20px; color: #000000; }
.footer-navigation a { font-size: 16px; color: #000000; }
.bottom-navigation { background-color: #3c3c3c; height: auto;}
.content-container { margin-top: 20px; margin-bottom: 20px; }
/* ----------------------------------------bis 20190816
.bottom-navigation .text, .bottom-navigation a { color: #ffffff; font-size: 14px; line-height: 32px; letter-spacing: 1px }
---------------------------------------- */
/* ----------------------------------------bis 20190817
.bottom-navigation .text, .bottom-navigation a { color: #000000; font-size: 14px; line-height: 32px; letter-spacing: 1px }
---------------------------------------- */
.bottom-navigation .text, .bottom-navigation a { color: #ffffff; font-size: 14px; line-height: 32px; letter-spacing: 1px }
.bottom-navigation .text, .bottom-navigation .item { padding-top: 48px; padding-bottom: 48px; }
.bottom-navigation .item { text-align: center; padding-left: 3px; padding-right: 3px; white-space: nowrap; }
.bottom-navigation .item, .bottom-navigation .item a { color: #ffffff; font-weight: bold; }
/* ----------------------------------------
loginoutline
---------------------------------------- */
.title { margin-top: 0px; margin-bottom: 20px; text-align: left; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word; }
/* ----------------------------------------
home
---------------------------------------- */
.gutter-4.row {margin-right: -17px;margin-left: -17px;}
/* ----------------------------------------
basket
---------------------------------------- */
.productheader { border-bottom: 0px solid #f2f2f2; }
.productheader { border-top: 2px solid #f2f2f2; }
.productheader2 { border-bottom: 10px solid #ffffff; }
/*.product input { max-width: 100%; width: 100%; line-height: 30px; padding-top: 0; padding-left: 5px; }*/
@media(min-width: 768px) {
.product { min-height: 80px; border-bottom: 1px solid #b1b1b1; }
.product input { max-width: 100%; width: 100%; line-height: 20px; padding-top: 0; padding-left: 5px; }
}
.product .productimage {max-width: 100%;max-height: 100%; position: inherit; width: auto;height: auto;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
/* ----------------------------------------
checkoutsteps
---------------------------------------- */
/* ----------------------------------------
productblock
---------------------------------------- */
/*.panel-description-container { height: 40px; overflow-y: hidden; padding-top: 1em; text-align: center;}*/
.panel-description-container { height: 36px; overflow-y: hidden; text-align: center;}
/*.panel { padding: 20px 20px 20px 20px; background-color: #ffffff; color: #000000; margin: 0; border-radius: 0px; }
/*.panel-help { padding: 20px 20px 20px 20px; background-color: #ddd0c5; color: #000000; margin: 0; border-radius: 0px; text-align: center; height: 100% } */
.panel { padding: 0.6em; background-color: #ffffff; color: #000000; margin: 0; border-radius: 0px; }
.panel-help { padding: 20px 20px 20px 20px; background-color: #f2f2f2; color: #000000; margin: 0; border-radius: 0px; text-align: center; height: 100% }
/*.panel-image { height: 0px; padding-bottom: 100%; background-size: 75%; background-repeat: no-repeat; background-position: 50% 50%; background-color: #f2f2f2; }*/
.panel-image { height: 0px; padding-bottom: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: #ffffff; }
.panel-price-container {overflow-y: hidden;padding-top: 14px;text-align: right;}
.panel-container { background: #ffffff; opacity: 1; }
.product-nra { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 15px; line-height: 26px; color: #B9B9B9; text-align: center; }
.product-price { font-size: 16px; color: #000000; line-height: 26px; }
.product-unit { font-size: 16px; color: #000000; text-transform: none; line-height: 18px; }
.quantity-container, .quantity-container input { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; }
.quantity-container { background-color: #ffffff; height: 50px; max-width: 150px; }
.quantity-container > div { padding-left: 4px; padding-right: 4px; height: 46px; }
.quantity-container input { height: 28px; border: none; margin-top: 7.5px; padding-left: 7px; width: 100%; text-align: right; background-Color: #f2f2f2;}
.quantity-container, .quantity-container input { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; color: #000000; }
.productblock .quantity-container, .productblock .quantity-container input { line-height: 24px; }
.productblock .panel-container .panel-title {color: #000000;font-size: 20px;line-height:24px;height:10px;}
.basket .noproducts { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; }
/*h3*/
.productblock .panel-container .panel-title { color: black; font-family: "Lora Bold"; font-size: 24px; text-align: center; text-transform: uppercase; letter-spacing: 0.76px; }
.productblock .panel-container .panel-title.double-panel-title-height {height: 10px;}
@media (max-width: 767px) {
.productblock .panel-container .panel-title {text-align: center; display: block;}
}
@media (min-width : 768px) {
.productblock .panel-container .panel-title { overflow: visible; text-Overflow: ellipsis; white-space: normal;}
}
.productblock .panel-container { margin: 0px 0px 0px 0px; }
.panel-title2 { color: #000000; font-family: "Lora Bold", sans-serif; font-weight: 700; font-size: 16px; line-height:0px; margin-top:16px; margin-bottom:1px;}
/* ----------------------------------------
productblock
---------------------------------------- */
.panel { padding: 0.6em; background-color: #ffffff; color: #000000; margin: 0; border-radius: 0px; }
/* ----------------------------------------
hierarchyblock
---------------------------------------- */
.hierarchyblock-container { margin-top: 1.25em; background: #ffffff; opacity: 1; }
.hierarchyblock-container:hover { background-color: #d9d9d9; }
.hierarchyblock .panel { border-style: solid; border-width: 1px; border-color: #b1b1b1; padding: 1.25em; color: #000000; }
.hierarchyblock .panel-image { height: 0px; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.hierarchyblock .panel-description { border-style: solid; border-width: 1px; border-color: #b1b1b1; padding: 1em; padding-bottom:0px; color: #000000; border-top-style: none; }
.hierarchyblock .panel-hierarchy-description { height: 90px; word-wrap: break-word; overflow: auto; }
.hierarchyblock .panel-hierarchy-title { word-wrap: break-word; height: 48px; text-align: center; display: table-cell; width: 100%; vertical-align: middle; padding-top: 0px; padding-bottom: 0px; line-height: 1.0 }
.hierarchyblock { float: left !important; height: 100%; margin-bottom: 4px; }
.hierarchyblock a { display: block; height: 100%; color: #82a900; }
.hierarchyblock a:hover { text-decoration: none; }
.hierarchyblock-panel { height: 50px; border: none; display: table; width: 100%; table-layout: fixed; padding:0; color: #000000; }
.noimage + .hierarchyblock-panel { height: 100%; }
.hierarchyblock-panel-container { margin: 0; background: #f2f2f2; height: 100%; opacity: 1; }
.hierarchyblock-panel-container:hover { background: #d9d9d9; opacity: 0.8; }
.hierarchyblock-panel-container:hover .panel { border-color: #b1b1b1; }
.panel-hierarchy-image { height: 100%; }
.panel-hierarchy-image.noimage { display: none; height:100%; }
.panel-hierarchy-image img { display: block; margin: 0 auto; }
/* ----------------------------------------
productdetail
---------------------------------------- */
.productdetail { font-family: "Archivo Regular", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 24px; text-transform: none; letter-spacing: 1px; }
.productdetail .price { font-family: "Lora Bold", serif; font-weight: 300; font-size: 28px; line-height: 36px; color: #000000; }
.productdetail .data { color: #777; font-size: 12px; line-height: 24px; letter-spacing: 1px; }
.productdetail .unit { font-family: "Archivo Regular", sans-serif; font-weight: 300; font-size: 12px; line-height: 24px; color: #777; display: inline; letter-spacing: 1px; }
.productdetail .product-purchaselist { font-size: 16px; font-family: "Archivo Regular", sans-serif; font-weight: 300; }
.mobile-nav-tabs { cursor: pointer; background-color: #ffffff; line-height: 40px; border-bottom: 1px solid #F0F0F0; color: #82a900; font-size: 16px; font-family: "Archivo Regular", sans-serif; }
/* ----------------------------------------
ordersummary
---------------------------------------- */
/* ----------------------------------------
navigation
---------------------------------------- */
.navigation .hierarchy { padding-left: 0px; padding-right: 0px; display: table; background-Color: #f2f2f2; padding-top: 10px; padding-bottom: 10px; }
.navigation .hierarchyelement { width: auto; display: none; padding: 10px 2px; }
/* ----------------------------------------
quickentry
---------------------------------------- */
/* ----------------------------------------
autocomplete
---------------------------------------- */
.list-icons .list-icon-item {margin-bottom: 15px;}
.list-icons .list-icon-item::before, .list-icons .list-icon-item::after {content: " ";display: table;}
.list-icons .list-icon-item::after {clear: both;}
.list-icons .list-icon-item::before, .list-icons .list-icon-item::after {content: " ";display: table;}
.list-icons .list-icon-item::after {clear: both;}
.productdetails-content .list-icons .list-icon-item {background-color: #f3f3f1;color: #6f6d68;padding: 13px 13px 15px 13px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.list-icons .list-icon-icon {width: 32px;height: 32px;float: left;background-color: #c8c4bb;color: #fff;font-size: 20px;line-height: 34px;text-align: center;border-radius: 5px;margin-top: 5px;clear: both;}
.productdetails-content .list-icons .list-icon-icon {width: 50px;height: 50px;font-size: 34px;line-height: 56px;color: #6f6d68;background: #fff;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px rgba(0,0,0,0.2);}
.list-icons .list-icon-content {margin-left: 50px;}
.productdetails-content .list-icons .list-icon-content {margin-left: 70px;padding-top: 15px;font-family: "Alegreya",serif;font-style: italic;font-weight: 300;font-size: 20px;}
img {vertical-align: middle;}
.productdetails-content .list-icons .swiss-icon {margin-top: -10px;margin-left: -1px;display: inline-block;}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}
[class^='icon-'], [class*=' icon-'] {font-family: "icomoon";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-lifebuoy::before {content: "\e63b";}
.icon-gauge::before {content: "\e647";}
/* ----------------------------------------
footer
---------------------------------------- */
/*.footer { width: 100%; box-sizing: border-box; background-color: white; display: inline-block; position: relative; margin-top: 150px; margin-bottom: -5px; }*/
.footer { width: 100%; box-sizing: border-box; background-color: white; display: inline-block; position: relative; margin-top: 200px; margin-bottom: -5px; padding-bottom: 0px; }
.footer .logo-collection { padding-top: 10px; padding-bottom: 10px; padding-left: calc(50% - 645px); padding-right: calc(50% - 645px); width: 100%; box-sizing: border-box; border-top: 1.5px solid black; border-bottom: 1.5px solid black;}
.footer .logo-collection li { list-style: none; width: 25%; float: left; display: block; border-right: 1.5px solid black; box-sizing: border-box; height: 100px; position: relative;}
.footer .logo-collection li:last-of-type { border-right: 0px;}
.footer .logo-collection li img { max-width: 150px; width: auto; min-width: 100px; position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.footer .service-footer-navigation { padding-left: calc(50% - 645px); padding-right: calc(50% - 645px); width: 100%; box-sizing: border-box; background: black;}
.footer .contact-and-adresses { padding-left: calc(50% - 645px); padding-right: calc(50% - 645px); width: 100%; box-sizing: border-box;}
.footer .contact-and-adresses .textwidget > p { text-align: center; /* margin-bottom: 15px !important; */}
.footer .contact-and-adresses .textwidget > p a { color: black;}
li.widget_text { list-style: none;}
h2.widgettitle { color: black; font-size: 1.25rem; font-family: "Lora Bold"; font-weight: 700; text-transform: uppercase;}
.textwidget > p { color: black; font-family: "Archivo Regular"; font-size: 1.12rem;}
.menu-footer-menu-container > ul.menu { padding-left: 0; margin-top: 5px; margin-bottom: 5px;}
.menu-footer-menu-container > ul.menu > li { list-style: none; float: left; margin-right: 20px;}
.menu-footer-menu-container > ul.menu > li:last-of-type { float: right;}
.menu-footer-menu-container > ul.menu > li:nth-last-of-type(2) { float: right;}
.menu-footer-menu-container > ul.menu > li > a { color: white; font-family: "Archivo Regular"; font-size: 1.12rem; text-decoration: none;}
.menu-footer-menu-container > ul.menu > li > a:hover { color: white; text-decoration: underline;}
.menu-footer-menu-container > ul.menu > li.current-menu-item { background-color: transparent;}
@media (min-width: 300px) and (max-width: 500px) {
.footer { margin-top: 20px; }
.footer .logo-collection li { width: 50%; border-bottom: 1.5px solid black; height: 100px; padding: 20px; }
.footer .logo-collection li:nth-of-type(2) { border-right: none; }
.footer .logo-collection li:nth-of-type(3) { border-bottom: none; }
.footer .logo-collection li:nth-of-type(4) { border-bottom: none; }
.footer .logo-collection li img { max-width: 100px !important; }
.textwidget > p { font-size: 0.875rem; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.menu-footer-menu-container > ul.menu > li { margin-right: 0px; width: 100%; text-align: center; }
.menu-footer-menu-container > ul.menu > li > a { font-size: 0.875rem; }
.menu-footer-menu-container > ul.menu > li:nth-last-of-type(2) { margin-top: 20px; }
.footer .service-footer-navigation { padding-left: 10px; padding-right: 10px; padding-bottom: 160px; }
}
@media (min-width: 501px) and (max-width: 767px) {
.footer { margin-top: 20px; }
.footer .logo-collection li { height: 100px; padding: 20px; }
.footer .logo-collection li img { max-width: 100px !important; }
.textwidget > p { font-size: 0.875rem; padding-left: 25px; padding-right: 25px; box-sizing: border-box; }
.menu-footer-menu-container > ul.menu > li { margin-right: 0px; width: 100%; text-align: center; }
.menu-footer-menu-container > ul.menu > li > a { font-size: 0.875rem; }
.menu-footer-menu-container > ul.menu > li:nth-last-of-type(2) { margin-top: 20px; }
.footer .service-footer-navigation { padding-left: 10px; padding-right: 10px; padding-bottom: 160px; }
}
@media (min-width: 768px) and (max-width: 1080px) {
.textwidget > p { font-size: 1rem; padding-left: 50px; padding-right: 50px; box-sizing: border-box; }
.footer .service-footer-navigation { padding-left: 50px; padding-right: 50px; }
.menu-footer-menu-container > ul.menu > li > a { font-size: 0.875rem; }
}
@media (min-width: 1081px) and (max-width: 1340px) {
.footer .logo-collection, .footer .service-footer-navigation, .footer .contact-and-adresses { padding-left: calc(50% - 500px); padding-right: calc(50% - 500px); }
}
