* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, .wrapper, content{display: block;position:relative;}
ul {list-style: none;}
img, iframe{max-width:100%;color: transparent;vertical-align: bottom;border:0;}
button, .wpcf7-submit{border: 0; cursor: pointer;font-family: 'Montserrat', sans-serif;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input, textarea{font-family: 'Montserrat', sans-serif;font-weight:500;}
b, strong, h1, h2, h3, h4, h5, h6{font-weight: 600;}
a{text-decoration: none;color: #2A3440;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;}
a:hover, a:focus {color: #FF4F04;}
*:focus{outline:0;}input::-webkit-input-placeholder {color: #000;}input::-moz-placeholder {color: #000;}input:-ms-input-placeholder {color: #000;}input:-moz-placeholder {color: #000;}textarea::-webkit-input-placeholder {color: #000;}textarea::-moz-placeholder {color: #000;}textarea:-ms-input-placeholder {color: #000;}textarea:-moz-placeholder {color: #000;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;max-width: 100%;}
body {
margin: 0 auto;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
min-width: 320px;
}
body::-webkit-scrollbar-button{width:10px;height:10px;background:#FF4F04;cursor: pointer;}
body::-webkit-scrollbar-track{background-color:#2a3440;}
body::-webkit-scrollbar-thumb{background:#FF4F04;cursor: pointer;}
body::-webkit-resizer{width:0px;height:0px}
body::-webkit-scrollbar{width:10px;height:0;cursor: pointer;}
body.active {overflow: hidden;}
.row:after {
content: '';
clear: both;
display: block;
}
.wrap{
width: 1220px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width:1219px){
.wrap{
width: 768px;
}
}
@media screen and (max-width:767px){
.wrap{
width: 480px;
}
}
@media screen and (max-width:480px){
.wrap{
width: 320px;
}
}
.btn-orange {
color: #FFFFFF;
border: 1px solid #FF4F04;
background: #FF4F04;
}
.btn-orange:hover, .btn-orange:focus {
color: #FF4F04;
background: #fff;
border: 1px solid #FF4F04;
}
.btn-blue {
color: #FFFFFF;
border: 1px solid #2A3440;
background: #2A3440;
}
.btn-blue:hover, .btn-blue:focus {
color: #2A3440;
background: #fff;
border: 1px solid #2A3440;
}
.btn-grey {
color: #FFFFFF;
border: 1px solid #CDCDCD;
background: #CDCDCD;
}
.btn-grey:hover, .btn-grey:focus {
background: #2A3440;
border: 1px solid #2A3440;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.head-close, .head-open, .head-search-open {
display: none;
}
.head-top {
height: 30px;
line-height: 30px;
background: #303a46;
}
.head-top .wrap {
display: flex;
flex-wrap: wrap;
}
.head-menu {
padding-left: 120px;
z-index: 2;
}
.head-menu li {
float: left;
padding-right: 10px;
}
.head-menu li a {
font-weight: 600;
font-size: 12px;
color: #CDCDCD;
}
.head-menu li.active a, .head-menu li a:hover {
color: #FF4F04;
}
.head-phone {
padding-right: 40px;
font-weight: bold;
font-size: 14px;
margin-left: auto;
}
.head-phone a {
color: #FFFFFF;
}
.head-phone a:hover {
color: #FF4F04;
}
.head-phone i {
opacity: .5;
margin-right: 8px;
}
.head-phone a:hover i {
opacity: 1;
}
.head-form button {
font-weight: 600;
font-size: 14px;
width: 152px;
height: 30px;
}
.head-form button i {
margin-right: 10px;
}
.head-lang {
padding-left: 40px;
}
.head-lang a {
display: none;
}
.head-lang a.wpml-ls-item {
display: initial;
}
.head-lang img {
vertical-align: middle;
}
.head-bott {
height: 96px;
padding-top: 35px;
line-height: 33px;
background: #2a3440;
}
.head-bott .wrap {
display: flex;
flex-wrap: wrap;
}
.head-bott a {
font-weight: 600;
font-size: 11px;
line-height: 13px;
color: #CDCDCD;
border-bottom: 2px solid transparent;
padding-bottom: 3px;
}
.head-bott a:hover {
border-bottom: 2px solid #FF4F04;
}
.head-bott i {
font-size: 25px;
color: #fff;
margin-right: 5px;
position: relative;
}
.head-logo {
width: 235px;
margin-top: -40px;
}
.head-logo a {
padding: 0;
border: 0;
}
.head-logo a:hover {
border-bottom: 0;
}
.head-search {
width: 388px;
margin-top: -3px;
margin-left: auto;
}
.head-search button {
width: 150px;
height: 32px;
float: left;
font-weight: 600;
font-size: 14px;
color: #2A3440;
border: 1px solid #fff;
border-left: 0;
background: #fff;
}
.head-search button:hover {
color: #fff;
background: #FF4F04;
}
.head-search .head-search-input {
width: 238px;
height: 32px;
float: left;
border: 0;
padding: 0 10px 0 52px;
font-weight: 600;
font-size: 14px;
color: #fff;
border: 1px solid #CDCDCD;
background: url(../image/head/search.svg) no-repeat center left 20px;
}
.head-wishlist {
padding: 0 16px;
}
.head-login {
padding: 0 10px;
}
.head-cart .count {
position: absolute;
right: -2px;
top: -4px;
width: 15px;
height: 15px;
background: #FF4F04;
line-height: 16px;
border-radius: 50%;
text-align: center;
font-weight: 600;
font-size: 10px;
font-family: 'Montserrat', sans-serif;
}
.head-catalog {
height: 45px;
line-height: 45px;
}
.head-catalog .menu-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.head-catalog .menu-wrapper li {
position: relative;
}
.head-catalog .menu-wrapper li.hide {
display: none;
}
.head-catalog .menu-wrapper>li>a {
font-weight: 500;
font-size: 15px;
color: #2A3440;
}
.head-catalog .menu-wrapper>li>a:hover {
color: #FF4F04;
}
.head-catalog .menu-wrapper>li.parent>a {
display: block;
padding: 0 30px;
}
.head-catalog .menu-wrapper>li.parent:hover>a {
color: #fff;
background: #2A3440;
}
.head-catalog .menu-wrapper>li.active>a {
font-weight: 600;
color: #FF4F04;
}
.head-catalog .menu-wrapper ul {
position: absolute;
padding: 10px 0;
z-index: 9999;
background: #2A3440;
display: none;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.head-catalog .menu-wrapper li:hover>ul {
display: block;
}
.head-catalog .menu-wrapper ul li {
position: initial;
}
.head-catalog .menu-wrapper ul li a {
font-weight: 600;
font-size: 15px;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.head-catalog .menu-wrapper ul li.menu-item-has-children>a:after {
position: absolute;
right: 20px;
top: 50%;
transform: translate(0%, -50%);
font-family: 'Font Awesome 5 Free';
content:"\f054";
font-size: 20px;
color: #EEEEEE;
opacity: 0.1;
}
.head-catalog .menu-wrapper ul li.menu-item-has-children:hover>a:after {
color: #FF4F04;
opacity: 1;
}
.head-catalog .menu-wrapper ul li img {
max-width: 120px;
height: initial;
}
.head-catalog .menu-wrapper .children-open {
display: none;
}
.head-catalog .menu-wrapper ul li:hover .children-open:before, .head-catalog .menu-wrapper ul li.active .children-open:before {
color: #FF4F04;
opacity: 1;
}
/*2 level*/
.head-catalog .menu-wrapper>li>ul {
padding-top: 20px;
}
.head-catalog .menu-wrapper>li>ul:before {
content: '';
width: 100%;
height: 20px;
display: block;
position: absolute;
top: -10px;
}
.head-catalog .menu-wrapper>li#menu-item-311>ul {
right: 0;
}
.head-catalog .menu-wrapper>li>ul>li {
margin-bottom: 20px;
}
.head-catalog .menu-wrapper>li>ul>li>a {
width: 338px;
height: 60px;
border-left: 6px solid rgb(238 238 238 / 10%);
padding: 0 54px 0 20px;
}
.head-catalog .menu-wrapper>li>ul li.active>a, .head-catalog .menu-wrapper>li>ul li:hover>a {
color: #FF4F04;
border-color: #FF4F04;
}
/*3 level*/
.head-catalog .menu-wrapper>li>ul li>ul {
right: -345px;
top: 0;
width: 345px;
}
.head-catalog .menu-wrapper>li>ul li#menu-item-406>ul {
right: -690px;
width: 690px;
}
.head-catalog .menu-wrapper>li>ul li#menu-item-406>ul>li {
width: 50%;
float: left;
}
.head-catalog .menu-wrapper>li>ul li>ul:before {
content: '';
position: absolute;
top: 10px;
left: 0;
bottom: 10px;
width: 1px;
background: #CDCDCD;
opacity: 0.1;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li {
margin: .5px 0;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>a {
padding: 0 30px 0 40px;
height: 56px;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>a:before {
content: '';
position: absolute;
top: 5px;
right: 3px;
bottom: 5px;
width: 6px;
background: rgb(238 238 238 / 10%);
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>a:hover:before {
background: #FF4F04;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li.menu-item-has-children>a {
padding-right: 62px;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li.menu-item-has-children>a:before {
right: 10px;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li.menu-item-has-children>a:after {
right: 32px;
}
/*4 level*/
.head-catalog .menu-wrapper>li>ul>li>ul>li>ul {
padding: 15px 0;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li {
margin: 5px 0;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li>a {
padding: 0 18px 0 40px;
height: 45px;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li>a:before {
content: '';
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 6px;
background: rgb(238 238 238 / 10%);
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li>a:hover:before {
background: #FF4F04;
}
.head-catalog-bg {
display: none;
position: absolute;
top: 176px;
right: 0;
left: 0;
height: 100vh;
background: #2A3440;
opacity: 0.3;
z-index: 999;
}
.header.fixed {
position: fixed;
height: 98px;
top: 0;
right: 0;
left: 0;
background: #fff;
z-index: 9999;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
}
.header.fixed .head-top {
display: none;
}
.header.fixed .head-bott {
height: 58px;
padding-top: 15px;
}
.header.fixed .head-logo {
width: 106px;
margin-top: -12px;
}
.header.fixed .head-catalog {
height: 40px;
line-height: 40px;
}
.header.fixed .head-catalog-bg {
top: 98px;
}
@media screen and (max-width:1600px){
.head-logo {
width: 220px;
}
.head-bott {
height: 84px;
padding-top: 28px;
}
}
@media screen and (max-width:1219px){
.header {
height: 126px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
.head-logo {
width: 190px;
margin-right: auto;
}
.head-bott a:hover, .head-bott a {
font-size: 0;
border-bottom: 0;
padding-bottom: 0;
}
.head-open{display:inline-block;width:22px;height:22px;float: left;margin-right: 30px;cursor:pointer;}
.head-open span{position:absolute;left:0;top:10px;}
.head-open span,
.head-open span:before,
.head-open span:after{position:absolute;display:block;content:'';height:2px;width:22px;background:#fff;border-radius:1px;}
.head-open span:before{top:-7px;}
.head-open span:after{bottom:-7px;}
.head-open span, .head-open span:before, .head-open span:after{transition:all 500ms ease-in-out;}
.head-open.active span{background-color:transparent;}
.head-open.active span:before, .head-open.active span:after{top:0;}
.head-open.active span:before{transform:rotate(45deg);}
.head-open.active span:after{transform:rotate(-45deg);}
.head-search-open {
display: block;
cursor: pointer;
}
.head-search {
display: none;
order: 2;
width: 100%;
height: 50px;
padding: 10px 10px 8px;
background: #303a46;
}
.head-search #searchform {
width: 100%;
max-width: 768px;
margin: auto;
}
.head-search .head-search-input {
width: calc(100% - 150px);
}
.head-wishlist, .head-login {
padding: 0 30px;
}
.head-catalog {
position: fixed;
top: 126px;
bottom: 0px;
left: -100%;
width: 100%;
height: auto;
padding-bottom: 20px;
line-height: initial;
background: #fff;
z-index: 9999;
overflow-y: auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.head-catalog.active {
left: 0;
}
.head-catalog .menu-wrapper li, .head-catalog .menu-wrapper>li>ul>li, .head-catalog .menu-wrapper>li>ul>li>ul>li, .head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li, .head-catalog .menu-wrapper>li>ul li#menu-item-406>ul>li {
margin: 0;
width: 100%;
}
.head-catalog .menu-wrapper>li>a {
display: block;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.head-catalog .menu-wrapper ul, .head-catalog .menu-wrapper li:hover>ul, .head-catalog .menu-wrapper>li>ul li#menu-item-406>ul, .head-catalog .menu-wrapper>li>ul>li>ul>li>ul, .head-catalog .menu-wrapper>li>ul, .head-catalog .menu-wrapper>li>ul li>ul {
position: relative;
padding: 0 0 0 10px;
z-index: initial;
background: transparent;
display: block;
right: initial;
top: initial;
width: initial;
}
.head-catalog .menu-wrapper ul.sub-menu {
display: none !important;
}
.head-catalog .menu-wrapper ul li a, .head-catalog .menu-wrapper>li>ul>li>a, .head-catalog .menu-wrapper>li>ul>li>ul>li>a, .head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li>a {
font-size: 14px;
color: #2A3440;
display: block;
width: 100%;
height: initial;
border-left: 0;
border-bottom: 1px solid #eee;
padding: 10px 0;
}
.head-catalog .menu-wrapper>li>ul li.active>a, .head-catalog .menu-wrapper>li>ul li:hover>a {
border-bottom: 1px solid #eee;
}
.head-catalog .menu-wrapper>li>ul>li>ul>li>a:before, .head-catalog .menu-wrapper>li>ul>li>ul>li>ul>li>a:before {
display: none;
}
}
@media screen and (max-width:767px){
.header {
height: 150px;
}
.head-top {
height: 150px;
line-height: initial;
background: #2A3440;
position: absolute;
width: 100%;
top: -100%;
left: 0;
z-index: 99;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.head-top.active {
top: 0;
}
.head-top .wrap {
width: 100%;
padding: 12px 10px 0;
flex-direction: column;
}
.head-menu {
padding-left: 0;
}
.head-phone {
padding: 15px 0;
margin-left: 0;
}
.head-lang {
padding: 10px 0 0;
}
.head-close {
display: block;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: #fff;
font-size: 24px;
z-index: 9;
}
.head-bott {
height: 150px;
padding-top: 0;
line-height: 45px;
}
.head-bott .wrap {
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 0;
}
.head-logo {
width: 100%;
height: 100px;
margin: 0 0 5px;
display: flex;
align-items: center;
justify-content: center;
background: #313a46;
}
.head-logo img {
height: 70px;
}
.head-open {
margin: 9.4px 0 0 10px;
}
.head-search {
padding: 10px 0 8px;
margin: 0;
}
.head-search #searchform {
padding: 0 15px;
}
.head-cart {
margin-right: 10px;
}
.head-catalog {
top: 150px;
}
}
@media screen and (max-width:480px){
.head-bott i {
font-size: 20px;
margin-right: 0;
}
.head-wishlist, .head-login {
padding: 0;
}
.head-cart {
margin-right: 15px;
}
.head-search .head-search-input {
width: calc(100% - 80px);
}
.head-search button {
width: 80px;
}
}
.home-slaid .home-slaid-item {
min-height: 450px !important;
padding-bottom: 28%;
}
.home-text .partner_logo {
border-top: 1px solid rgb(255 255 255 / 10%);
border-bottom: 1px solid rgb(255 255 255 / 10%);
margin: 45px 0 0;
padding: 15px 10px;
display: flex;
align-items: center;
justify-content: center;
}
.home-text .partner_logo .logo_img img {
max-width: 280px;
margin-right: 30px;
}
.home-text .partner_logo .label {
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
color: #b1b1b1;
}
/* Middle
-----------------------------------------------------------------------------*/
.content.grey-page {
background: #f3f3f3;
}
.content.blue-wave {
background: #2a3440 url(../image/icon/blue-wave.svg) no-repeat left top 35px;
background-size: 100% auto;
}
.content.fixed {
padding-top: 176px;
}
@media screen and (max-width:1219px){
.content {
padding-top: 126px;
}
}
@media screen and (max-width:767px){
.content {
padding-top: 150px;
}
.home-text .partner_logo .logo_img img {
/* max-width: 180px; */
/* margin-right: 20px; */
width: 135px;
max-width: 100%;
object-fit: contain;
}
.home-text .partner_logo .label {
font-size: 18px;
}
}
@media screen and (max-width:480px){
}
.breadcrumb {
font-weight: 500;
font-size: 12px;
line-height: 15px;
padding: 15px 0;
color: #2A3440;
background: rgb(238 238 238 / 70%);
}
.content.default-page .breadcrumb, .content.default-page.grey-page .breadcrumb {
color: #CDCDCD;
background: #2A3440;
}
.content.blue-wave .breadcrumb, .content.blue-wave .breadcrumb a, .content.default-page .breadcrumb a {
color: #CDCDCD;
background: transparent;
}
.content.grey-page .breadcrumb {
background: transparent;
}
.breadcrumb ul li {
float: left;
padding-right: 6px;
}
.breadcrumb ul li:after {
content: '\203A';
margin-left: 6px;
}
.breadcrumb ul li:last-child:after {
display: none;
}
.breadcrumb li a {
color: #2A3440;
}
.breadcrumb li a:hover {
color: #FF4F04;
text-decoration: underline;
}
.content.default-page .breadcrumb li a, .content.blue-wave .breadcrumb li a {
color: #CDCDCD;
}
@media screen and (max-width:1219px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
.breadcrumb .wrap {
width: 100%;
}
.breadcrumb {
font-size: 8px;
line-height: 10px;
padding: 10px 0;
}
}
.header-title-1 {
font-weight: 600;
font-size: 42px;
line-height: 51px;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
.header-title-1:before, .header-title-1:after {
content: '';
height: 3px;
width: 50%;
background: rgb(255 255 255 / 10%);
}
.header-title-1:before {
margin-right: 40px;
}
.header-title-1:after {
margin-left: 40px;
}
.header-title-2 {
font-weight: 600;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
.header-title-2:before, .header-title-2:after {
content: '';
height: 3px;
width: 50%;
background: #FF4F04;
}
.header-title-2:before {
margin-right: 23px;
}
.header-title-2:after {
margin-left: 23px;
}
@media screen and (max-width:1219px){
.header-title-1 {
white-space: initial;
}
}
@media screen and (max-width:767px){
.header-title-1 {
font-size: 24px;
line-height: 30px;
justify-content: center;
}
}
@media screen and (max-width:480px){
.header-title-2 {
display: block;
white-space: initial;
font-weight: 600;
font-size: 15px;
line-height: initial;
}
.header-title-1:before, .header-title-1:after, .header-title-2:before, .header-title-2:after {
display: none;
}
}
/*default-page*/
.default-page-title {
padding: 26px 0 70px;
background: #2A3440;
}
.default-page-title .header-title-1:before, .default-page-title .header-title-1:after {
background: #FF4F04;
}
.default-page-content {
padding-top: 90px;
padding-bottom: 80px;
}
.default-page-content h2, .default-page-content h3, .default-page-content h4, .default-page-content h5 {
font-weight: 600;
font-size: 22px;
line-height: 27px;
color: #2A3440;
padding: 10px 0 20px;
}
.default-page-content p {
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #2A3440;
padding-bottom: 30px;
}
.default-page-content ul, .default-page-content ol {
padding-bottom: 15px;
list-style-position: inside;
}
.default-page-content ul {
list-style-type: disc;
}
.default-page-content ol {
list-style-type: decimal;
}
.default-page-content li {
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #2A3440;
padding-bottom: 15px;
}
.default-page-content a {
color: #FF4F04;
font-weight: 500;
word-wrap: break-word;
}
.default-page-content a:hover {
text-decoration: underline;
}
.default-page-content button[class^=btn-], .default-page-content .wpcf7-submit, .action-print {
line-height: 36px;
padding: 0 30px;
font-weight: 600;
font-size: 17px;
}
.page-id-83 .default-page-content img {
margin-right: 5px;
vertical-align: middle;
}
@media screen and (max-width:1219px){
}
@media screen and (max-width:767px){
.default-page-title {
padding: 26px 0 50px;
}
}
@media screen and (max-width:480px){
.default-page-content {
padding-top: 30px;
padding-bottom: 10px;
width: 100%;
}
.default-page-title {
padding: 26px 0 30px;
}
.default-page-title .wrap {
width: 100%;
}
.default-page-content p {
font-size: 15px;
line-height: 18px;
}
.page-id-83 .default-page-content img {
margin: 0 0 5px;
min-width: 100%;
max-width: 100%;
height: initial !important;
}
}
/*default-page-end*/
/*home*/
.home-slaid {
overflow: hidden;
}
.home-slaid.owl-carousel * { transition: none; -o-transition:none; -moz-transition:none; -webkit-transition:none; }
.home-slaid-item {
float: left;
width: 100%;
min-height: 458px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home-slaid-item.home-slaid-item-0 {
background-position: center bottom;
}
.home-slaid-item img {
width: 100%;
}
.home-slaid-info {
position: absolute;
top: 23.255%;
left: 50%;
transform: translate(-50%, 0);
max-width: calc(100% - 200px);
}
.home-slaid-desc {
font-weight: 600;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: 4px 5px 4px #1b2c3f;
padding-bottom: 30px;
}
.home-slaid-desc span {
display: none;
}
.home-slaid-link {
font-weight: 600;
font-size: 17px;
line-height: 44px;
height: 44px;
padding: 0 36px;
display: inline-block;
box-shadow: 0px 5.11565px 5.11565px rgb(0 0 0 / 25%);
display: none;
}
.home-slaid-link i {
font-size: 12px;
margin-left: 6px;
}
.home-slaid .active .home-slaid-desc-1 {
animation: 1s 1s fadeInUp both;
display: block;
}
.home-slaid .active .home-slaid-desc-2 {
animation: 1s 1.6s fadeInLeft both;
display: block;
}
.home-slaid .active .home-slaid-desc-3 {
animation: 1s 1.5s fadeInUp both;
display: block;
}
.home-slaid .active .home-slaid-link {
animation: 1s 2.5s fadeInUp both;
display: inline-block;
}
.home-slaid .owl-nav {
opacity: 0;
position: absolute;
width: 100%;
top: 50%;
transform: translate(0%, -50%);
z-index: 2;
}
.home-slaid:hover .owl-nav {
opacity: 1;
}
.home-slaid .owl-nav button {
position: absolute;
width: 44px;
height: 66px;
background: rgb(255 255 255 / 5%);
color: #fff;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-out 0s;
}
.home-slaid .owl-prev {
left: -150px;
}
.home-slaid .owl-next {
right: -150px;
}
.home-slaid:hover .owl-prev {
left: 50px;
}
.home-slaid:hover .owl-next {
right: 50px;
}
.home-slaid .owl-nav button:before {
font-family: 'Font Awesome 5 Free';
font-size: 20px;
}
.home-slaid .owl-prev:before {
content:"\f053";
}
.home-slaid .owl-next:before {
content:"\f054";
}
.home-slaid .owl-nav button:hover {
background: #fff;
color: #FF4F04;
}
.home-slaid .owl-dots {
position: absolute;
display: flex;
width: 1200px;
left: 50%;
bottom: 7.267%;
transform: translate(-50%, 0%);
}
.home-slaid .owl-dots button {
margin: 0 5px;
font-size: 0;
width: 57px;
height: 3px;
background: rgb(255 255 255 / 15%);
position: relative;
}
@keyframes scale-x-zero-to-max {
0% {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
}
.home-slaid .owl-dots button:after {
content: "";
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 99;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left 50%;
-ms-transform-origin: left 50%;
transform-origin: left 50%;
background: #fff;
}
.home-slaid .owl-dots button.active:after {
-webkit-animation: scale-x-zero-to-max 4.5s linear 0s 1 forwards;
animation: scale-x-zero-to-max 4.5s linear 0s 1 forwards;
}
@media screen and (max-width:1219px){
.home-slaid-item {
min-height: 400px;
}
.home-slaid-info {
max-width: calc(100% - 140px);
}
.home-slaid-desc {
font-size: 30px;
line-height: 46px;
}
.home-slaid:hover .owl-prev {
left: 15px;
}
.home-slaid:hover .owl-next {
right: 15px;
}
.home-slaid .owl-dots {
width: initial;
}
}
@media screen and (max-width:767px){
.home-slaid-info {
max-width: initial;
}
}
@media screen and (max-width:480px){
.home-slaid-info {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.home-slaid-link {
font-size: 14px;
line-height: 34px;
height: 34px;
padding: 0 22px;
}
.home-slaid .owl-nav button {
width: 25px;
height: 40px;
background: #fff;
color: #FF4F04;
}
.home-slaid .owl-nav button:before {
font-size: 10px;
}
.home-slaid .owl-dots button {
width: 30px;
height: 2px;
}
}
.home-text {
padding: 15px 0 70px;
margin: 0 auto;
max-width: 996px;
}
.home-text-logo {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -10px;
}
.home-text-logo li {
width: 25%;
padding: 12px;
}
.home-text-logo li:first-child {
padding-left: 0;
}
.home-text-logo li:last-child {
padding-right: 0;
}
.home-text-logo li a {
padding: 10px;
background: #2A3440;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
display: flex;
border-bottom: 2px solid transparent;
height: 100%;
}
.home-text-logo li a:hover {
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
border-bottom: 2px solid #FF4F04;
}
.home-text-logo li a img {
width: 100%;
object-fit: contain;
object-position: center;
}
.home-text-desc {
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding-top: 50px;
}
@media screen and (max-width:1219px){
.home-text {
padding: 50px 10px;
max-width: 768px;
}
.home-text-logo li:nth-child(2) {
margin: 0 10px;
}
}
@media screen and (max-width:767px){
.home-text-desc {
font-size: 15px;
line-height: 18px;
}
.home-text-logo li {
width: 33.33%;
}
.home-text-logo li a {
padding: 20px 10px 10px;
}
}
@media screen and (max-width:480px){
.home-text-logo li, .home-text-logo li:nth-child(2) {
width: 50%;
text-align: center;
padding: 10px;
margin: 0;
}
}
.home-boats-title {
padding-bottom: 60px;
}
.home-boats-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-boats-item {
width: 588px;
overflow: hidden;
}
.home-boats-item img {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-boats-item:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.home-boats-link {
height: 38px;
line-height: 38px;
position: absolute;
left: 0;
top: 0;
padding: 0 34px;
font-weight: 600;
font-size: 17px;
box-shadow: 0px 2px 1px rgb(65 57 81 / 25%);
}
.home-boats-link i {
font-size: 12px;
margin-left: 5px;
}
@media screen and (max-width:1600px){
.home-slaid .home-slaid-item {
min-height: 400px !important;
}
.home-text-logo li a img {
max-height: 45px;
}
}
@media screen and (max-width:1219px){
.home-boats-item {
width: 365px;
}
}
@media screen and (max-width:767px){
.home-boats {
width: initial;
}
.home-boats-wrap {
justify-content: center;
}
.home-boats-item {
width: initial;
margin: 10px 0;
}
.home-boats-title {
padding-bottom: 30px;
}
.home-boats-link {
width: 196px;
height: 35px;
line-height: 35px;
padding: 0;
text-align: center;
font-size: 15px;
}
}
.home-zar {
padding-top: 100px;
background-repeat: no-repeat;
background-position: left bottom -8px;
}
.home-zar.home-invictus-komplettangebote, .home-zar.home-zar-grand {
background-position: right bottom -8px;
}
.home-zar-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-zar-left {
width: 468px;
}
.home-zar-grand .home-zar-left, .home-invictus-komplettangebote .home-zar-left {
order: 2;
}
.home-zar-desc {
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding-top: 42px;
}
.home-zar-link {
position: absolute;
height: 38px;
bottom: 42px;
left: 0;
padding: 0 68px;
line-height: 38px;
font-weight: 600;
font-size: 17px;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.home-zar-grand .home-zar-link, .home-invictus-komplettangebote .home-zar-link {
right: 0;
left: initial;
}
.home-zar-right {
width: 670px;
padding-top: 40px;
background-repeat: no-repeat;
background-position: left 40px top;
background-size: cover;
}
.home-zar-grand .home-zar-right, .home-invictus-komplettangebote .home-zar-right {
background-position: right 100px top;
}
.home-zar-right .slick-track {display: flex;}
.home-zar-slaid {
width: 468px;
margin-bottom: 20px;
overflow: hidden;
}
.home-zar-grand .home-zar-slaid, .home-invictus-komplettangebote .home-zar-slaid {
float: right;
}
.home-zar-slaid-item {
float: left;
}
.home-zar-slaid-item iframe, .home-zar-slaid-item img {
height: 263px;
min-height: 100%;
max-height: 100%;
}
.home-zar-nav {
width: 468px;
overflow: hidden;
}
.home-zar-grand .home-zar-nav, .home-invictus-komplettangebote .home-zar-nav {
float: right;
}
.home-zar-nav .slick-list {
margin: 0 23px;
overflow: hidden;
}
.home-zar-nav .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
width: 23px;
font-size: 0;
background: transparent;
}
.home-zar-nav .slick-prev {
left: 0;
text-align: left;
}
.home-zar-nav .slick-next {
right: 0;
text-align: right;
}
.home-zar-nav .slick-arrow:before {
font-family: 'Font Awesome 5 Free';
font-size: 20px;
color: #fff;
}
.home-zar-nav .slick-prev:before {
content:"\f053";
}
.home-zar-nav .slick-next:before {
content:"\f054";
}
.home-zar-nav-item {
float: left;
margin: 0 5px;
cursor: pointer;
}
.home-zar-nav-item.slick-current {
cursor: default;
}
.home-zar-nav-item.video:after {
content: '';
width: 27px;
height: 27px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../image/icon/play.png) no-repeat center;
background-size: cover;
}
.home-zar-nav-item img {
min-height: 100%;
}
@media screen and (max-width:1219px){
.home-zar-left {
width: 100%;
padding-bottom: 0;
margin-bottom: -18px;
order: 1;
text-align: right;
z-index: 2;
}
.home-zar-grand .home-zar-left, .home-invictus-komplettangebote .home-zar-left {
text-align: left;
}
.home-zar-right {
order: 2;
}
.home-zar-grand .home-zar-right, .home-invictus-komplettangebote .home-zar-right {
margin-left: auto;
}
.home-zar-link {
position: relative;
bottom: initial;
left: initial;
display: inline-block;
margin-top: 20px;
}
}
@media screen and (max-width:767px){
.home-zar {
padding-top: 50px;
}
.home-zar-desc {
font-size: 15px;
line-height: 18px;
}
.home-zar-left, .home-zar-grand .home-zar-left, .home-invictus-komplettangebote .home-zar-left {
text-align: center;
margin-bottom: 0;
}
.home-zar-link {
margin-top: 50px;
font-size: 16px;
}
.home-zar-right {
width: 100%;
padding-top: 50px;
background: none !important;
}
.home-zar-slaid, .home-zar-nav {
width: 100%;
}
}
@media screen and (max-width:480px){
.home-zar-wrap {
width: 100%;
}
}
.home-gebraucht {
padding: 100px 0;
background-position: right top 135px;
background-repeat: no-repeat;
}
.home-gebraucht-title {
padding-bottom: 100px;
}
.home-gebraucht-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-gebraucht-left {
width: 605px;
overflow: hidden;
}
.home-gebraucht-product {
float: left;
}
.home-gebraucht-image {
margin-bottom: 30px;
overflow: hidden;
}
.home-gebraucht-image img {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.home-gebraucht-image:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.home-gebraucht-name {
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #CDCDCD;
max-width: 355px;
}
.home-gebraucht-price {
width: 100%;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FF4F04;
padding-top: 30px;
}
.home-gebraucht-price .olds {
font-weight: normal;
font-size: 17px;
text-decoration-line: line-through;
color: #CDCDCD;
padding-right: 25px;
}
.home-gebraucht-left .slick-arrow {
display: none !important;
}
.home-gebraucht-left .slick-arrow {
background: none;
font-size: 0;
position: absolute;
bottom: 0;
}
.home-gebraucht-left .slick-prev.slick-arrow {
right: calc(50% + 12px);
}
.home-gebraucht-left .slick-next.slick-arrow {
left: calc(50% + 12px);
}
.home-gebraucht-left .slick-arrow::before {
font-size: 16px;
font-family: 'Font Awesome 5 Free';
color: #ffffff;
}
.home-gebraucht-left .slick-prev::before {
content: "\f053";
}
.home-gebraucht-left .slick-next::before {
content: "\f054";
}
.home-gebraucht-right {
width: 556px;
padding-left: 38px;
border-left: 3px dashed rgb(255 255 255 / 10%);
}
.home-gebraucht-nav {
overflow: hidden;
margin-bottom: 18px;
}
.home-gebraucht-nav .slick-list {
overflow: hidden;
}
.home-gebraucht-nav .slick-track {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.home-gebraucht-item {
position: relative;
background: transparent;
display: flex;
flex-wrap: wrap;
padding: 15px;
opacity: 0.5;
margin-left: 11px;
}
.item.slick-current .home-gebraucht-item {
background: rgba(255, 255, 255, 0.15);
cursor: default;
opacity: 1;
}
.item.slick-current .home-gebraucht-item::before {
position: absolute;
content: "";
left: -10px;
top: 50%;
border-right: 10px solid rgba(255, 255, 255, 0.15);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
transform: translateY(-50%);
}
.home-gebraucht-nav-image {
width: 42%;
}
.home-gebraucht-nav_detail {
width: 58%;
padding-left: 15px
}
.home-gebraucht-nav-name {
font-size: 14px;
color: #ffffff;
margin-bottom: 12px;
}
.home-gebraucht-nav-price {
font-size: 18px;
font-weight: 700;
color: #FF4F04;
}
.home-gebraucht-nav-price .olds {
display: block;
font-weight: normal;
font-size: 0.9em;
text-decoration-line: line-through;
color: #CDCDCD;
}
.home-gebraucht-right .btnBox {
padding-left: 26px;
}
.home-gebraucht-link {
font-weight: 600;
font-size: 17px;
line-height: 38px;
height: 38px;
padding: 0 34px;
display: inline-block;
box-shadow: 0px 2px 1px rgb(65 57 81 / 25%);
}
.home-gebraucht-link i {
font-size: 12px;
margin-left: 5px;
}
@media screen and (max-width:1219px){
.home-gebraucht-left {
width: 100%;
padding-bottom: 30px;
margin-bottom: 20px;
}
.home-gebraucht-image {
margin-bottom: 10px;
width: 100%;
}
.home-gebraucht-image img, .home-gebraucht-nav-image img {
width: 100%;
}
.home-gebraucht-name {
font-size: 15px;
line-height: initial;
max-width: initial;
}
.home-gebraucht-price {
padding-top: 10px;
}
.home-gebraucht-right {
width: 100%;
padding: 20px 0 0;
border-left: 0;
}
.home-gebraucht-right .home-gebraucht-nav {
display: none;
}
.home-gebraucht-left .slick-arrow {
display: block !important;
}
.home-gebraucht-nav {
margin-bottom: 10px;
}
.home-gebraucht-nav-image {
padding: 0 5px;
width: initial;
}
.home-gebraucht-nav-name {
width: 100%;
font-size: 14px;
line-height: initial;
padding: 10px 5px;
}
.home-gebraucht-nav-price {
width: 100%;
padding: 0 5px;
font-size: 16px;
line-height: initial;
}
.home-gebraucht-nav-price .olds {
font-size: 14px;
line-height: initial;
padding-top: 0;
}
.home-gebraucht-link {
display: table;
margin: auto;
}
}
@media screen and (max-width:480px){
.home-gebraucht {
padding: 50px 0;
}
.home-gebraucht-title {
padding-bottom: 50px;
}
.home-gebraucht-wrap {
width: 100%;
}
.home-gebraucht-item {
padding-bottom: 10px;
}
.home-gebraucht-nav-image {
padding: 0 2.5px;
}
.home-gebraucht-nav-name {
font-size: 12px;
padding: 10px 2.5px;
}
.home-gebraucht-nav-price {
padding: 0 2.5px;
font-size: 15px;
}
.home-gebraucht-nav-price .olds {
font-size: 12px;
}
.home-gebraucht-link {
font-size: 15px;
line-height: 30px;
height: 30px;
padding: 0 20px;
}
}
.home-blog {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 100px;
}
.home-blog-article {
background: #303a46;
width: 390px;
padding: 30px 0 36px;
margin-left: 15px;
}
.home-blog-article:first-child {
margin-left: 0;
}
.home-blog-article:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .1;
background: url(https://staging.seaside-boote.de/wp-content/uploads/2021/12/article.jp2) no-repeat;
background-size: cover;
}
.home-blog-article:hover:before {
opacity: .3;
}
.home-blog-name {
font-weight: 600;
font-size: 16px;
line-height: 21px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
padding-bottom: 30px;
}
.home-blog-desc {
font-size: 15px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding: 0 20px;
}
.home-blog-link {
font-weight: 600;
font-size: 17px;
line-height: 38px;
height: 38px;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
padding: 0 30px;
display: table;
margin: 0 auto;
position: relative;
}
@media screen and (max-width:1219px){
.home-blog-article, .home-blog-article:first-child {
width: 100%;
margin: 0 0 15px;
}
}
@media screen and (max-width:480px){
.home-blog {
padding-bottom: 0;
width: 100%;
}
.home-blog-article, .home-blog-article:first-child {
padding: 30px 10px;
margin: 0 0 50px;
}
.home-blog-name {
font-size: 15px;
line-height: initial;
}
.home-blog-desc {
font-size: 15px;
line-height: 18px;
padding: 0 0 30px;
}
.home-blog-link {
font-size: 14px;
line-height: 34px;
height: 34px;
}
}
.home-property {
padding: 100px 0 50px;
background-color: #CDCDCD;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 461px;
}
.home-property-title {
padding-bottom: 100px;
}
.home-property .woocommerce .slick-track {
display: flex;
}
.home-property .woocommerce .oneproduct, .recommend-products-slider .oneproduct {
display: flex;
flex-direction: column;
float: left;
margin: 0 10px;
}
.home-property .woocommerce .oneproduct .oneproduct-params {
display: none;
}
.home-property .woocommerce .oneproduct .oneproduct-price {
font-size: 18px;
line-height: 22px;
}
.home-property .woocommerce .slick-list {
margin: 0 50px;
overflow: hidden;
}
.home-property .woocommerce .slick-arrow {
position: absolute;
width: 44px;
height: 66px;
top: 50%;
margin-top: -67px;
background: rgb(31 31 31 / 15%);
font-size: 0;
}
.home-property .woocommerce .slick-prev {
left: 0;
}
.home-property .woocommerce .slick-next {
right: 0;
}
.home-property .woocommerce .slick-arrow:before {
font-family: 'Font Awesome 5 Free';
font-size: 20px;
color: #fff;
}
.home-property .woocommerce .slick-prev:before {
content:"\f053";
}
.home-property .woocommerce .slick-next:before {
content:"\f054";
}
.home-property .woocommerce .slick-dots {
display: flex;
justify-content: center;
padding-top: 45px;
}
.home-property .woocommerce .slick-dots li {
margin: 0 2.5px;
}
.home-property .woocommerce .slick-dots li button {
font-size: 0;
width: 30px;
height: 3px;
float: left;
background: rgb(255 255 255 / 40%);
}
.home-property .woocommerce .slick-dots li.slick-active button, .home-property .woocommerce .slick-dots li button:hover {
background: #FF4F04;
}
@media screen and (max-width:1219px){
.home-property {
background-size: auto 461px;
}
.home-property-slide .slick-list {
margin: 0;
}
}
@media screen and (max-width:767px){
.home-property .woocommerce .oneproduct {
margin: 0;
}
}
@media screen and (max-width:480px){
.home-property {
padding: 45px 0;
background-size: auto 270px;
}
.home-property-wrap {
width: 100%;
}
.home-property-title {
padding-bottom: 45px;
}
.home-property .woocommerce .slick-list {
margin: 0;
}
}
.home-brands-logo {
padding: 40px 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.home-brands-logo li {
text-align: center;
min-width: 12%;
padding: 10px;
}
.home-brands-logo li img {
max-width: 145px;
width: 100%;
}
.home-brands-desc {
padding: 40px 0 90px;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
max-width: 996px;
margin: auto;
}
@media screen and (max-width: 768px){
.home-brands-logo li {
width: 25%;
}
}
@media screen and (max-width:480px){
.home-brands {
width: 100%;
}
.home-brands-logo {
padding-top: 50px;
justify-content: space-between;
}
.home-brands-desc {
padding: 50px 0;
font-size: 15px;
line-height: 19px;
}
}
/*home end*/
/*aussenborder-page*/
.aussenborder-page {
padding-top: 30px;
padding-bottom: 50px;
}
.aussenborder-title {
padding-bottom: 50px;
}
.aussenborder-description {
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding-bottom: 50px;
margin: auto;
max-width: 996px;
}
.aussenborder-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.aussenborder-item {
width: 588px;
height: 374px;
margin-bottom: 20px;
}
.aussenborder-3d {
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;
-o-transition: transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.aussenborder-item.active .aussenborder-3d, .aussenborder-item:hover .aussenborder-3d {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.aussenborder-show {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.aussenborder-show img {
width: 100%;
height: 100%;
max-height: 100%;
}
.aussenborder-brand {
font-weight: 600;
font-size: 17px;
line-height: 38px;
color: #FFFFFF;
text-align: center;
position: absolute;
width: 155px;
height: 38px;
left: 0;
top: 0;
background: #FF4F04;
box-shadow: 0px 2px 1px rgb(65 57 81 / 25%);
}
.aussenborder-hidden {
position: absolute;
top: 0;
right: 0;
left: 0;
min-height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #F5F5F5;
}
.aussenborder-hidden h2 {
font-size: 17px;
line-height: 70px;
color: #2A3440;
padding: 0 30px;
height: 70px;
background: rgb(238 238 238 / 50%);
border-bottom: 1px solid #CDCDCD;
margin-bottom: 30px;
text-align: left;
background-repeat: no-repeat;
background-position: center right 30px;
background-size: auto 40px;
}
.aussenborder-hidden p {
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
padding: 0 30px 20px;
}
.aussenborder-hidden p a {
font-weight: 600;
text-decoration-line: underline;
color: #FF4F04;
}
.aussenborder-hidden p a:hover {
text-decoration-line: none;
}
.aussenborder-link {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
display: flex;
}
.aussenborder-link a, .aussenborder-link button {
font-weight: 600;
font-size: 17px;
line-height: 50px;
text-align: center;
color: #FFFFFF;
}
.aussenborder-page .aussenborder-link {
flex-direction: column;
row-gap: 15px;
}
.aussenborder-page .aussenborder-link br {
display: none;
}
.aussenborder-link .aussenborder-models {
min-width: 265px;
padding: 0 48px;
margin: auto;
}
.aussenborder-link .aussenborder-price {
padding: 0 25px;
}
.aussenborder-link .aussenborder-catalog {
padding: 0 72px;
margin-left: auto;
}
.aussenborder-popup {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 10px 0;
background: rgb(42 52 64 / 50%);
z-index: 9999;
-webkit-animation: 1s .3s fadeIn both;
animation: 1s .3s fadeIn both;
}
.aussenborder-item.active .aussenborder-popup {
display: flex;
}
.aussenborder-popup-wrap {
background: #f3f3f3;
border: 1px solid #CDCDCD;
width: 660px;
max-width: 98vw;
margin: auto;
padding: 0 40px 20px;
}
.aussenborder-popup-close {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 23px;
font-size: 16px;
text-align: center;
color: #2A3440;
border: 2px solid;
border-radius: 50%;
cursor: pointer;
z-index: 2;
}
.aussenborder-popup-title {
color: #FF4F04;
line-height: 50px;
font-weight: 600;
font-size: 22px;
padding-bottom: 20px;
}
.aussenborder-popup li {
padding-bottom: 20px;
}
.aussenborder-popup li a {
font-weight: 600;
position: relative;
padding-left: 32px;
display: inline-block;
}
.aussenborder-popup li a:before {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
color: #FF4F04;
position: absolute;
left: 0;
}
@media screen and (max-width:1219px){
.aussenborder-item {
width: 365px;
height: 234px;
}
.aussenborder-brand {
font-size: 15px;
line-height: 30px;
width: initial;
height: initial;
padding: 0 20px;
}
.aussenborder-hidden h2 {
font-size: 12px;
line-height: 30px;
padding: 0 10px;
height: 30px;
margin-bottom: 10px;
background-position: center right 10px;
background-size: auto 15px;
}
.aussenborder-hidden p {
font-size: 12px;
line-height: 16px;
padding: 0 10px 10px;
}
.aussenborder-link {
right: 10px;
bottom: 10px;
left: 10px;
}
.aussenborder-link a, .aussenborder-link button {
font-size: 13px;
line-height: 30px;
}
.aussenborder-link .aussenborder-price, .aussenborder-link .aussenborder-catalog, .aussenborder-link .aussenborder-models {
padding: 0;
}
}
@media screen and (max-width:767px){
.aussenborder-link .aussenborder-models {
min-width: 220px;
}
.aussenborder-item {
width: 100%;
height: 290px;
}
.aussenborder-hidden h2 {
font-size: 17px;
line-height: 70px;
padding: 0 30px;
height: 70px;
margin-bottom: 30px;
}
.aussenborder-hidden p {
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width:480px){
.aussenborder-page {
padding-top: 50px;
padding-bottom: 30px;
width: 100%;
}
.aussenborder-title {
padding-bottom: 50px;
}
.aussenborder-description {
font-size: 15px;
line-height: 20px;
padding-bottom: 50px;
}
.aussenborder-item {
height: initial;
}
.aussenborder-item:hover .aussenborder-3d {
-webkit-transform: initial;
transform: initial;
}
.aussenborder-show {
position: relative;
top: initial;
right: initial;
bottom: initial;
left: initial;
}
.aussenborder-show img {
height: initial;
}
.aussenborder-hidden {
position: relative;
top: initial;
right: initial;
left: initial;
min-height: initial;
-webkit-backface-visibility: initial;
backface-visibility: initial;
-webkit-transform: initial;
transform: initial;
}
.aussenborder-hidden h2 {
font-size: 12px;
line-height: 30px;
padding: 0 10px;
height: 30px;
margin-bottom: 10px;
}
.aussenborder-hidden p {
font-size: 12px;
line-height: 16px;
}
.aussenborder-link {
right: initial;
bottom: initial;
left: initial;
position: relative;
padding: 0 10px 10px;
}
.aussenborder-popup {
padding: 0;
}
.aussenborder-popup-wrap {
width: 100%;
max-width: 100%;
padding: 0 10px 10px;
}
.aussenborder-popup-title {
font-size: 18px;
padding-bottom: 10px;
}
.aussenborder-popup li {
padding-bottom: 10px;
}
.aussenborder-popup li a {
padding-left: 20px;
font-size: 14px;
}
}
/*aussenborder-page-end*/
/*anfahrt-page*/
.anfahrt-page {
padding-top: 50px;
padding-bottom: 100px;
}
.anfahrt-title {
padding-bottom: 100px;
}
.anfahrt-description {
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding-bottom: 100px;
margin: auto;
max-width: 996px;
}
.anfahrt-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 544px;
overflow: hidden;
}
.anfahrt-gallery {
width: 977px;
overflow: hidden;
}
.anfahrt-image {
float: left;
}
.anfahrt-nav {
width: 207px;
overflow: hidden;
}
.anfahrt-item {
width: 100%;
height: 121px;
margin-bottom: 20px;
cursor: pointer;
}
.anfahrt-item.slick-current {
cursor: default;
}
.anfahrt-item.slick-current:before {
content: '';
position: absolute;
width: 3px;
left: 0;
top: 0;
bottom: 0;
background: #FF4F04;
}
.anfahrt-item img {
width: 100%;
height: 100%;
}
.anfahrt-bottom {
background-repeat: no-repeat;
background-position: left bottom -8px;
}
.anfahrt-bottom-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 100px;
}
.anfahrt-info {
width: 458px;
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding-bottom: 120px;
}
.anfahrt-info p {
padding-top: 50px;
}
.anfahrt-info li {
padding-top: 10px;
}
.anfahrt-info li i {
font-size: 12px;
margin-right: 10px;
}
.anfahrt-info li a {
color: #CDCDCD;
}
.anfahrt-info li a:hover {
color: #FF4F04;
}
.anfahrt-info .anfahrt-info-link {
font-weight: 600;
font-size: 17px;
line-height: 44px;
padding: 0 38px;
display: inline-block;
position: absolute;
left: 0;
bottom: 5px;
box-shadow: 0px 5.11565px 5.11565px rgb(0 0 0 / 25%);
}
.anfahrt-maps {
width: 692px;
}
.anfahrt-maps iframe {
width: 100%;
height: 100%;
border: 0;
}
@media screen and (max-width:1219px){
.anfahrt-wrap {
height: initial;
}
.anfahrt-gallery {
width: 100%;
}
.anfahrt-gallery .slick-dots {
display: table;
margin: auto;
padding-top: 20px;
}
.anfahrt-gallery .slick-dots li {
float: left;
padding: 0 2.5px;
}
.anfahrt-gallery .slick-dots li button {
width: 30px;
height: 3px;
background: #FFFFFF;
opacity: 0.15;
font-size: 0;
float: left;
}
.anfahrt-gallery .slick-dots li.slick-active button, .anfahrt-gallery .slick-dots li button:hover {
opacity: 1;
}
.anfahrt-nav {
display: none;
}
.anfahrt-info {
width: 260px;
}
.anfahrt-maps {
width: 450px;
}
}
@media screen and (max-width:767px){
.anfahrt-page {
padding-bottom: 50px;
}
.anfahrt-title {
padding-bottom: 50px;
}
.anfahrt-description {
padding-bottom: 50px;
}
.anfahrt-bottom-wrap {
padding-bottom: 50px;
}
.anfahrt-info {
width: 100%;
padding-bottom: 50px;
}
.anfahrt-info .header-title-2 {
padding-bottom: 30px;
}
.anfahrt-info p {
padding-top: 20px;
}
.anfahrt-info li {
padding-top: 20px;
}
.anfahrt-info .anfahrt-info-link {
position: relative;
left: initial;
bottom: initial;
margin-top: 50px;
}
.anfahrt-maps {
width: 100%;
height: 300px;
}
}
@media screen and (max-width:480px){
.anfahrt-page, .anfahrt-bottom-wrap {
width: 100%;
}
.anfahrt-description, .anfahrt-info {
font-size: 15px;
line-height: 18px;
}
.anfahrt-info .header-title-2 {
display: flex;
white-space: nowrap;
}
.anfahrt-info .header-title-2:before, .anfahrt-info .header-title-2:after {
display: block;
}
.anfahrt-info .anfahrt-info-link {
font-size: 14px;
line-height: 34px;
display: block;
text-align: center;
}
}
/*anfahrt-page-end*/
/*kontakt-page*/
.kontakt-page .default-page-content {
max-width: 1020px;
padding-top: 50px;
}
.kontakt-formular {
width: 790px;
margin: auto;
padding-top: 20px;
}
.kontakt-page .form-textarea {
height: 176px;
}
.kontakt-formular-bottom {
display: flex;
justify-content: space-between;
}
.kontakt-formular-bottom .form-item-checkbox {
padding-bottom: 8px;
}
.kontakt-formular-bottom .custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label {
font-size: 10px;
}
.kontakt-formular-bottom .custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label::before {
width: 18px;
height: 15px;
margin-right: 12px;
}
.kontakt-formular-bottom .wpcf7-submit {
line-height: 44px;
padding: 0 40px;
float: right;
}
.kontakt-page .anfahrt-bottom {
background-position: left bottom 92px;
padding: 100px 0;
background-color: #2A3440;
}
.kontakt-page .anfahrt-bottom-wrap {
margin-bottom: 0;
}
@media screen and (max-width:1219px){
.kontakt-formular {
width: 100%;
}
}
@media screen and (max-width:767px){
.kontakt-page .default-page-content {
padding-bottom: 30px;
}
.kontakt-page .anfahrt-bottom {
padding: 50px 0 0;
}
.kontakt-formular-bottom {
flex-wrap: wrap;
}
.kontakt-formular-bottom .left, .kontakt-formular-bottom .right {
width: 100%;
}
.kontakt-formular-bottom .right {
text-align: center;
}
.kontakt-formular-bottom .right .form-item-submit {
padding-top: 42px;
}
.kontakt-formular-bottom .right .wpcf7-submit {
float: none;
}
.kontakt-formular-bottom .right .ajax-loader {
margin: 0;
position: absolute;
}
}
@media screen and (max-width:480px){
.kontakt-page .default-page-content {
width: 100%;
}
}
/*kontakt-page-end*/
/*bootsverkauf-page*/
.bootsverkauf-banner {
height: calc(100vh - 176px);
min-height: 168px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bootsverkauf-banner h1 {
font-weight: 600;
font-size: 46px;
color: #FFFFFF;
text-shadow: 4px 5px 1px rgb(27 44 63 / 50%);
text-align: center;
text-transform: uppercase;
padding-top: 56px;
}
.bootsverkauf-formular {
padding-bottom: 50px;
}
.bootsverkauf-description {
font-weight: 500;
font-size: 17px;
line-height: 21px;
text-align: center;
color: #2A3440;
padding: 30px 0 20px;
}
.bootsverkauf-formular .form-row {
padding: 50px 0 30px;
width: 100%;
border-bottom: 2px solid rgb(205 205 205 / 10%);
}
.bootsverkauf-title {
font-weight: 600;
font-size: 22px;
line-height: 27px;
color: #2A3440;
padding-bottom: 35px;
width: 100%;
}
.bootsverkauf-formular .form-row .bootsverkauf-100 {
width: 100%;
}
.bootsverkauf-formular .form-row .bootsverkauf-50 {
width: 590px;
}
.bootsverkauf-formular .form-row .bootsverkauf-25 {
width: 285px;
}
.bootsverkauf-formular .form-row .form-textarea {
height: 182px;
}
.bootsverkauf-formular .form-row .bootsverkauf-100 .form-textarea {
height: 170px;
}
.bootsverkauf-fails #download {
display: none;
}
.bootsverkauf-fails .form-label {
display: inline;
cursor: pointer;
}
.bootsverkauf-fails .form-label:after {
content:"\f302";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 17px;
color: #FF4F04;
margin-left: 10px;
}
.bootsverkauf-textarea .form-label {
min-height: 37px;
}
.bootsverkauf-formular .form-radio {
display: flex;
justify-content: flex-start;
align-items: center;
}
.bootsverkauf-formular .form-radio .form-label, .bootsverkauf-formular .form-radio .wpcf7-list-item-label {
font-size: 13px;
line-height: 20px;
padding: 0;
width: initial;
}
.bootsverkauf-formular .form-radio .wpcf7-list-item {
text-transform: uppercase;
margin-left: 30px;
font-weight: 500;
}
.bootsverkauf-formular .form-radio .custom-radio input[type="radio"]+.wpcf7-list-item-label::before {
margin-top: -1px;
}
.bootsverkauf-formular .bootsverkauf-datenverarbeitung .form-checkbox .wpcf7-list-item-label {
line-height: 23px;
font-size: 13px;
align-items: flex-start;
max-width: 950px;
}
.bootsverkauf-formular .form-item-submit {
padding-top: 30px;
}
@media screen and (max-width:1219px){
.bootsverkauf-banner {
height: 300px;
}
.bootsverkauf-banner h1 {
font-size: 30px;
padding-top: 36px;
}
.bootsverkauf-formular .form-row .bootsverkauf-25 {
width: 364px;
}
.bootsverkauf-formular .form-row .bootsverkauf-50 {
width: 100%;
}
}
@media screen and (max-width:767px){
.bootsverkauf-formular .form-row .bootsverkauf-25 {
width: 220px;
}
.bootsverkauf-formular .form-radio .form-label {
max-width: 250px;
}
}
@media screen and (max-width:480px){
.bootsverkauf-banner {
height: 200px;
}
.bootsverkauf-banner h1 {
font-size: 16px;
padding-top: 20px;
}
.bootsverkauf-description {
font-size: 15px;
line-height: 18px;
text-align: justify;
}
.bootsverkauf-formular .form-row {
padding: 15px 0 5px;
}
.bootsverkauf-title {
font-size: 20px;
line-height: 24px;
padding-bottom: 25px;
}
.bootsverkauf-formular .form-row .bootsverkauf-25 {
width: 100%;
}
.bootsverkauf-formular .form-radio {
flex-wrap: wrap;
}
.bootsverkauf-formular .form-radio .form-label {
max-width: 100%;
padding-bottom: 25px;
}
.bootsverkauf-formular .form-radio .wpcf7-form-control-wrap {
display: table;
margin: auto;
}
.bootsverkauf-formular .form-radio .wpcf7-list-item.first {
margin-left: 0;
}
.bootsverkauf-formular .form-item-submit {
text-align: center;
}
.bootsverkauf-formular .form-item-submit .wpcf7-submit {
line-height: 34px;
padding: 0 40px;
font-size: 14px;
}
.bootsverkauf-formular .form-item-submit .ajax-loader {
margin: 0;
position: absolute;
}
}
/*bootsverkauf-page-end*/
/*Artikelseite-3*/
.artikelseite-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 50px;
}
.artikelseite-image {
width: calc(50% - 15px);
}
.artikelseite-gallery {
margin-bottom: 12px;
}
.artikelseite-gallery, .artikelseite-slide {
overflow: hidden;
}
.artikelseite-gallery-item, .artikelseite-slide-item {
float: left;
}
.artikelseite-gallery .slick-list {
z-index: 1;
}
.artikelseite-gallery .slick-dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%, 0%);
z-index: 999;
}
.artikelseite-gallery .slick-dots li {
display: inline-block;
margin: 0 2.5px;
}
.artikelseite-gallery .slick-dots li button {
font-size: 0;
width: 30px;
height: 3px;
background: rgb(255 255 255 / 70%);
}
.artikelseite-gallery .slick-dots li.slick-active button, .artikelseite-gallery .slick-dots li button:hover {
background: #FF4F04;
}
.artikelseite-slide .slick-list {
margin: 0 -3.65px;
}
.artikelseite-slide .slick-arrow {
width: 28px;
position: absolute;
top: 0;
bottom: 0;
font-size: 0;
z-index: 9;
background: rgb(42 52 64 / 40%);
font-weight: 900;
color: #FFFFFF;
text-shadow: 0px 2px 2px rgb(0 0 0 / 25%);
}
.artikelseite-slide .slick-arrow:hover {
background: rgb(255 255 255 / 40%);
color: #FF4F04;
}
.artikelseite-slide .slick-prev {
left: 0;
}
.artikelseite-slide .slick-next {
right: 0;
}
.artikelseite-slide .slick-arrow:before {
font-family: 'Font Awesome 5 Free';
font-size: 15px;
}
.artikelseite-slide .slick-prev:before {
content: "\f053";
}
.artikelseite-slide .slick-next:before {
content: "\f054";
}
.artikelseite-slide-item {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 3.65px;
cursor: pointer;
opacity: .5;
}
.artikelseite-slide .artikelseite-slide-item.slick-current, .artikelseite-slide .artikelseite-slide-item:hover {
opacity: 1;
}
.artikelseite-slide-item img {
max-width: initial;
width: 100%;
max-height: 100%;
}
@media screen and (max-width:1219px){
.artikelseite-gallery .slick-dots {
bottom: 10px;
text-align: center;
width: 100%;
}
}
@media screen and (max-width:767px){
.artikelseite-page .breadcrumb {
display: none;
}
.artikelseite-top {
padding-top: 10px;
}
.artikelseite-image {
width: 100% !important;
}
.artikelseite-gallery .slick-dots {
position: relative;
bottom: initial;
left: initial;
transform: initial;
z-index: initial;
width: 100%;
text-align: center;
padding-top: 10px;
overflow: hidden;
}
.artikelseite-gallery .slick-dots li button {
float: left;
background: #eee;
}
.artikelseite-slide {
display: none;
}
}
@media screen and (max-width:480px){
.artikelseite-top {
width: 100%;
}
}
.artikelseite-info {
width: calc(50% - 15px);
}
.artikelseite-info h1 {
font-weight: bold;
font-size: 22px;
line-height: 27px;
color: #2A3440;
padding-bottom: 30px;
}
.artikelseite-util {
padding-bottom: 30px;
}
.artikelseite-util button {
font-size: 22px;
line-height: 25px;
color: #2A3440;
margin-right: 24px;
background: transparent;
}
.artikelseite-util button.active, .artikelseite-util button:hover {
color: #FF4F04;
}
.artikelseite-util .br_compare_button {
color: #2A3440;
padding: 0;
margin: 0 24px 0 0!important;
display: inline-block;
width: initial;
}
.artikelseite-util .br_compare_button.br_compare_added, .artikelseite-util .br_compare_button:hover {
background-color: transparent;
}
.artikelseite-util .br_compare_button i:before {
content: "\f080";
font-size: 22px;
line-height: 25px;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.artikelseite-util .br_compare_button .fa-check-square-o {
color: #FF4F04;
}
.artikelseite-util .br_compare_button .br_compare_button_text {
display: none;
}
.artikelseite-util .yith-wcwl-add-to-wishlist {
font-size: 0;
display: inline-block;
}
/* .artikelseite-util .yith-wcwl-add-to-wishlist a:first-child:before {
content: "\f004";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 22px;
line-height: 25px;
} */
.artikelseite-util .yith-wcwl-add-to-wishlist a:first-child:hover:before, .artikelseite-util .yith-wcwl-add-to-wishlist.exists a:first-child:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #FF4F04;
}
.artikelseite-price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 30px;
padding-bottom: 40px;
}
.artikelseite-price-default {
font-weight: bold;
font-size: 22px;
color: #FF4F04;
}
.artikelseite-price-default .single_variation {
line-height: 30px;
padding-bottom: 20px;
}
.artikelseite-price-info {
font-size: 15px;
color: #000000;
}
.artikelseite-price-info .artikelseite-price-sale {
font-weight: 500;
}
.artikelseite-price-info .artikelseite-price-old {
text-decoration: line-through;
}
.artikelseite-addcart .in-stock, .artikelseite-addcart .stock.out-of-stock {
display: none;
}
.artikelseite-addcart .single-cart, .artikelseite-addcart .variation-cart .woocommerce-variation-add-to-cart {
padding-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.artikelseite-addcart .variation-cart .woocommerce-variation-add-to-cart {
padding-bottom: 20px;
}
.artikelseite-addcart .variations-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
line-height: 40px;
padding-bottom: 20px;
}
.artikelseite-addcart .variations-item .label {
line-height: 1;
padding-bottom: 5px;
width: 100%;
font-size: 14px;
font-weight: 500;
}
.artikelseite-addcart .variations-item .value {
width: 100%;
}
.artikelseite-addcart .variations-item .value select {
height: 40px;
padding: 0 10px;
background: #FFF;
border: 1px solid #CDCDCD;
cursor: pointer;
font-weight: 500;
font-size: 14px;
width: 100%;
}
.artikelseite-addcart .variations-item .price {
padding-left: 12px;
}
.artikelseite-addcart-button {
font-weight: bold;
font-size: 12px;
height: 29px;
padding: 0 16px;
}
.artikelseite-reviews {
padding-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 20px;
font-size: 15px;
}
.artikelseite-reviews .woocommerce-product-rating .star-rating {
float: left;
}
.artikelseite-reviews-count {
margin-left: 5px;
}
.artikelseite-reviews-button button {
font-weight: 600;
font-size: 15px;
text-decoration: underline;
color: #2A3440;
background: transparent;
}
.artikelseite-reviews-button button:hover {
color: #FF4F04;
}
.artikelseite-delivery-item {
font-size: 15px;
line-height: 18px;
color: #000000;
padding-bottom: 7px;
}
.artikelseite-delivery-item.payment {
padding-top: 10px;
}
.artikelseite-delivery-item.payment img {
max-height: 15px;
}
.artikelseite-delivery-item.auflager:before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
margin: 6px 7px 0 0;
background: #FF4F04;
display: inline-block;
float: left;
}
.artikelseite-delivery-item span {
font-weight: 500;
}
.artikelseite-delivery-item .deliveris-link {
font-weight: 500;
color: #FF4F04;
font-size: 12px;
text-decoration: underline;
}
.artikelseite-delivery-item .deliveris-link:hover {
text-decoration: none;
}
@media screen and (max-width:1219px){
.artikelseite-info h1 {
font-size: 20px;
line-height: 1;
}
.artikelseite-util, .artikelseite-price, .artikelseite-addcart .single-cart, .artikelseite-addcart .variation-cart .woocommerce-variation-add-to-cart, .artikelseite-reviews {
padding-bottom: 20px;
}
}
@media screen and (max-width:767px){
.artikelseite-info {
width: 100% !important;
padding-top: 20px;
}
}
@media screen and (max-width:480px){
.artikelseite-util {
padding-bottom: 20px;
}
.artikelseite-price-default {
width: 100%;
}
.artikelseite-price, .artikelseite-addcart .single-cart, .artikelseite-addcart .variation-cart .woocommerce-variation-add-to-cart {
padding-bottom: 30px;
}
.artikelseite-price-default {
font-size: 20px;
}
.quantity_inner .quantity {
width: 90px;
font-size: 14px;
}
.artikelseite-delivery-item {
padding-bottom: 10px;
}
}
.artikelseite-reviews-popup {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 50px 0;
background: rgb(42 52 64 / 50%);
z-index: 9999;
-webkit-animation: 1s .3s fadeIn both;
animation: 1s .3s fadeIn both;
}
.artikelseite-reviews-popup.active {
display: flex;
}
.artikelseite-reviews-popup::-webkit-scrollbar-button{width:10px;height:10px;background:#FF4F04;cursor: pointer;}
.artikelseite-reviews-popup::-webkit-scrollbar-track{background-color:#2a3440;}
.artikelseite-reviews-popup::-webkit-scrollbar-thumb{background:#FF4F04;cursor: pointer;}
.artikelseite-reviews-popup::-webkit-resizer{width:0px;height:0px}
.artikelseite-reviews-popup::-webkit-scrollbar{width:10px;height:0;cursor: pointer;}
.artikelseite-reviews-wrap {
background: #FFFFFF;
border: 1px solid #CDCDCD;
width: 1200px;
max-width: 98vw;
margin: auto;
padding: 70px 50px 50px;
}
.artikelseite-reviews-clos {
position: absolute;
top: 18px;
right: 18px;
width: 25px;
height: 25px;
line-height: 23px;
font-size: 16px;
text-align: center;
color: #2A3440;
border: 2px solid;
border-radius: 50%;
cursor: pointer;
}
.artikelseite-reviews-clos:hover {
color: #FF4F04;
}
.artikelseite-reviews-wrap .header-title-2 {
font-size: 42px;
line-height: 51px;
text-transform: uppercase;
color: #2A3440;
padding-bottom: 50px;
}
.artikelseite-reviews-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 2px solid #EEEEEE;
padding-bottom: 50px;
margin-bottom: 50px;
font-size: 20px;
line-height: 24px;
color: #2A3440;
}
.artikelseite-reviews-name, .artikelseite-reviews-data {
font-weight: 600;
padding-bottom: 10px;
}
.artikelseite-reviews-value {
font-size: 15px;
line-height: 18px;
text-align: justify;
padding-top: 30px;
width: 100%;
}
.artikelseite-reviews-rating .star-rating {
height: 18px;
line-height: 18px;
}
.artikelseite-reviews-list .woocommerce-noreviews {
padding-bottom: 20px;
}
.artikelseite-reviews-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.artikelseite-reviews-form #commentform .comment-notes, .artikelseite-reviews-form #commentform .comment-form-cookies-consent, .artikelseite-reviews-form .custom-radio {
display: none;
}
.artikelseite-reviews-form .form-item {
width: 522px;
float: left;
padding-bottom: 15px;
}
.artikelseite-reviews-form .comment-form-comment {
float: right;
}
.artikelseite-reviews-form.users-yes .form-item, .artikelseite-reviews-form.users-yes .comment-form-comment {
float: none;
}
.artikelseite-reviews-form .form-item-submit {
width: 100%;
padding: 35px 0 0;
text-align: center;
}
.artikelseite-reviews-form .form-item-submit #submit {
font-weight: 600;
font-size: 17px;
line-height: 44px;
padding: 0 42px;
cursor: pointer;
}
.artikelseite-reviews-form .form-textarea {
height: 192px;
}
.artikelseite-reviews-form .custom-radio+.custom-label {
font-size: 0;
margin-right: 7px;
cursor: pointer;
}
.artikelseite-reviews-form .custom-radio+.custom-label:before {
content: "\f005";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #CDCDCD;
width: 18px;
height: 18px;
margin-right: 0;
border-radius: 0;
border: 0;
font-size: 15px;
}
.artikelseite-reviews-form .custom-radio:not(:disabled):active+.custom-label::before, .artikelseite-reviews-form .custom-radio:not(:disabled):not(:checked)+.custom-label:hover::before {
background-color: transparent;
border-color: transparent;
}
.artikelseite-reviews-form .custom-radio:checked+.custom-label::before, .artikelseite-reviews-form .custom-radio.active+.custom-label::before {
background-image: none;
color: #FF4F04;
}
.artikelseite-nav {
display: flex;
justify-content: space-between;
border-bottom: 4px solid #f6f6f6;
margin-bottom: 67px;
}
.artikelseite-nav a {
width: 100%;
margin-left: 5px;
text-align: center;
white-space: nowrap;
font-weight: bold;
font-size: 13px;
line-height: 37px;
height: 37px;
padding: 0 35px;
box-shadow: 0px 0.868571px 0.868571px rgb(0 0 0 / 25%);
}
.artikelseite-nav a:first-child {
margin-left: 0;
}
@media screen and (max-width:1219px){
.artikelseite-nav {
border-bottom: 0;
margin-bottom: 40px;
flex-wrap: wrap;
}
.artikelseite-nav a {
margin: 0 0 10px;
}
}
@media screen and (max-width:480px){
.artikelseite-nav {
width: 100%;
}
}
.artikelseite-row {
padding-bottom: 70px;
}
.artikelseite-row .header-title-2 {
font-weight: bold;
font-size: 26px;
line-height: 32px;
color: #2A3440;
padding-bottom: 70px;
}
.artikelseite-row .header-title-2:before {
margin-right: 40px;
}
.artikelseite-row .header-title-2:after {
margin-left: 40px;
}
.artikelseite-specifications .artikelseite-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item {
width: 589px;
border: 1px solid #EEEEEE;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #000000;
height: 56px;
display: flex;
align-items: center;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item:nth-child(4n+1), .artikelseite-specifications .artikelseite-wrap .specifications-item:nth-child(4n+2) {
background: #f6f6f6;
border-top: 0;
border-bottom: 0;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .label {
font-weight: 600;
width: 220px;
padding-left: 15px;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .value {
width: 369px;
padding-right: 15px;
}
.artikelseite-row p {
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #2A3440;
padding-bottom: 14px;
}
.artikelseite-row p strong {
font-weight: 600;
}
.artikelseite-row ul {
list-style-type: disc;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 14px 18px;
}
.artikelseite-row ul li {
font-size: 15px;
line-height: 21px;
color: #2A3440;
padding: 5px 0;
width: 100%;
}
.artikelseite-defaultinstal ul li, .artikelseite-specialinstal ul li {
padding-left: 10px;
width: 565px;
}
.artikelseite-row table td {
border: 1px solid #eee;
padding: 5px 10px;
}
.artikelseite-kontakt .artikelseite-flex {
gap: 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.text-block{
background: #f3f3f3;
padding: 3rem;
font-size: 1.5rem;
margin-bottom: 30px;
}
.text-block span.space{
margin-left: 2rem;
}
.text-block a{
font-weight: unset;
}
.finanzierung-versicherung{
margin-top: 30px;
color: #2A3440;
}
.finanzierung-versicherung .banner{
margin-bottom: 20px;
}
.finanzierung-versicherung .banner img{
margin: 0 auto;
display: block;
max-width: 100%;
}
.finanzierung-versicherung .orange{
color: #FF4F04;
}
.finanzierung-versicherung .phone{
display: flex;
}
.finanzierung-versicherung .phone-icon{
margin-right: 10px;
width: 20px;
}
.finanzierung-versicherung p{
margin-bottom: 1.3rem;
}
.artikelseite-calculator {
width: 589px;
margin-right: auto;
}
.artikelseite-formular {
padding: 35px 38px;
border: 1px solid #d4d3d3;
background: #f3f3f3;
align-self: stretch;
}
@media screen and (max-width: 1300px) {
.artikelseite-kontakt .artikelseite-flex {
flex-direction: column;
}
.artikelseite-kontakt.artikelseite-formular{
flex: 1;
}
}
.artikelseite-formular.form {
flex: 0.6;
}
.artikelseite-formular.parken {
flex: 0.4;
}
.artikelseite-formular.parken .title {
color: #FF4F04;
font-size: 18px;
font-weight: 600;
text-align: left;
}
.artikelseite-formular.parken .notice {
color: #FF4F04;
margin-top: 5px;
}
.artikelseite-formular h3 {
font-weight: bold;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #000000;
padding-bottom: 35px;
}
.artikelseite-formular .formular-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.artikelseite-formular .formular-row-checkbox {
align-items: initial;
}
.artikelseite-formular .label-name {
width: 140px;
padding-right: 15px;
font-weight: 500;
font-size: 12px;
line-height: 15px;
text-align: right;
color: #000000;
}
.artikelseite-formular .formular-text {
width: 370px;
height: 32px;
border: 1px solid #e6e6e6;
padding: 0 10px;
}
.artikelseite-formular .formular-textarea {
width: 370px;
height: 40px;
border: 1px solid #e6e6e6;
padding: 10px;
}
.artikelseite-formular .formular-checkbox {
width: 370px;
}
.artikelseite-formular .custom-label, .artikelseite-formular .formular-checkbox .wpcf7-list-item-label {
font-size: 10px;
line-height: 12px;
color: #3D3C3C;
}
.artikelseite-formular .custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label::before {
width: 14px;
height: 14px;
margin-right: 10px;
background-size: 11px;
}
.artikelseite-formular .formular-submit {
font-weight: bold;
font-size: 12px;
line-height: 29px;
padding: 0 26px;
margin: 14px auto 0;
}
.artikelseite-formular .wpcf7 .ajax-loader {
position: absolute;
right: 0;
}
.artikelseite-formular .wpcf7 .betreff-checkboxes .wpcf7-list-item{
display: block;
}
@media screen and (max-width:1219px){
.artikelseite-specifications .artikelseite-wrap .specifications-item:nth-child(4n+1), .artikelseite-specifications .artikelseite-wrap .specifications-item:nth-child(4n+2), .artikelseite-specifications .artikelseite-wrap .specifications-item {
width: 100%;
border: 1px solid #EEEEEE;
border-bottom: 0;
background: #fff;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item:first-child {
border-top: 1px solid #EEEEEE;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item:nth-child(2n+1) {
background: #f6f6f6;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item, .artikelseite-defaultinstal ul li, .artikelseite-specialinstal ul li, .artikelseite-formular {
width: 100%;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .label {
width: 40%;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .value {
width: 60%;
}
.artikelseite-row ul {
padding-bottom: 0;
}
.artikelseite-calculator {
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width:767px){
.artikelseite-row .header-title-2 {
font-size: 20px;
line-height: initial;
}
.artikelseite-kontakt .header-title-2 {
white-space: initial;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item {
padding: 5px 0;
min-height: 56px;
height: initial;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .value, .artikelseite-specifications .artikelseite-wrap .specifications-item .label {
width: 100%;
padding: 0 10px;
}
.artikelseite-specifications .artikelseite-wrap .specifications-item .value {
text-align: right;
}
.artikelseite-formular .label-name {
width: 100%;
padding: 0 0 5px;
text-align: left;
}
}
@media screen and (max-width:480px){
.artikelseite-row {
padding-bottom: 50px;
}
.artikelseite-row.wrap {
width: 100%;
}
.artikelseite-row .header-title-2 {
padding-bottom: 50px;
}
.artikelseite-row ul li {
text-align: left;
}
.artikelseite-formular {
width: 100%;
padding: 30px 10px 20px;
border: 0;
border-top: 1px solid #f6f6f6;
}
.artikelseite-formular h3 {
font-size: 15px;
line-height: 18px;
padding-bottom: 30px;
}
.artikelseite-formular .formular-text, .artikelseite-formular .formular-textarea, .artikelseite-formular .wpcf7-form-control-wrap {
width: 100%;
}
.artikelseite-formular .formular-text {
height: 40px;
}
}
/*Artikelseite-3-end*/
/*category-product*/
.category-page {
padding-bottom: 70px;
}
.category-bott-mobil {
display: none;
}
@media screen and (max-width:1219px){
.category-bott-mobil {
display: flex;
justify-content: space-between;
}
.category-bott-mobil .btn-orange {
line-height: 38px;
width: 49%;
text-align: center;
font-weight: 600;
font-size: 18px;
cursor: pointer;
}
.category-bott-mobil .btn-orange i {
margin-right: 10px;
}
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
.category-page {
padding-bottom: 50px;
width: 100%;
}
.category-bott-mobil .btn-orange {
line-height: 31px;
width: 48%;
font-weight: 500;
font-size: 15px;
}
}
.category-left {
width: 300px;
padding: 8px;
float: left;
border: 1px solid rgb(205 205 205 / 50%);
}
.category-menu, .accessories-menu {
padding: 15px 0;
background: #fff;
}
.category-menu-title {
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #CDCDCD;
padding: 0 14px 10px;
}
.category-menu .menu li {
position: relative;
}
.category-menu .menu>li:nth-child(1n+2) {
border-top: 2px solid rgb(205 205 205 / 70%);
}
.category-menu .menu>li>a, .category-menu .sub-menu>li>a {
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
color: #2A3440;
padding: 16px 118px 16px 10px;
height: 70px;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
@media screen and (max-width:480px){
.category-menu .menu>li>a .desc {
display: block;
}
}
.category-menu .sub-menu>li>a {
padding: 0 118px 0 14px;
text-transform: initial;
height: 56px;
}
.category-menu .menu a:hover, .category-menu .menu .active>a, .category-menu .menu .current-menu-ancestor>a {
color: #FF4F04 !important;
}
.category-menu .menu>li>a>.desc {
width: 100%;
font-weight: 500;
font-size: 13px;
text-transform: initial;
}
/*
.category-menu .menu>li>a>img, .category-menu .sub-menu>li>a>img {
position: absolute;
top: 50%;
right: 28px;
transform: translate(0%, -50%);
max-width: 98px;
height: initial;
}
*/
.category-menu .menu>li>a>img, .category-menu .sub-menu>li>a>img {
position: absolute;
top: 50%;
right: 28px;
transform: translate(0%, -50%);
max-width: 98px;
max-height: 45px;
height: initial;
object-fit: contain;
}
.category-menu .menu>li.parent>a>img, .category-menu .sub-menu>li.parent>a>img {
right: 28px;
}
.category-menu .menu .children-open+.children-open {
display: none;
}
.category-menu .sub-menu {
padding-bottom: 20px;
display: none;
}
.category-menu .sub-menu>li>.sub-menu {
padding-bottom: 15px;
display: none;
}
.category-menu .sub-menu>li>.sub-menu>li {
padding-bottom: 15px;
}
.category-menu .sub-menu>li>.sub-menu>li>a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #2A3440;
padding: 0 14px;
height: initial;
}
.category-menu .current-menu-ancestor>.sub-menu, .category-menu .sub-menu>.current-menu-ancestor>.sub-menu {
display: block;
}
.category-menu .children-open {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
height: 70px;
width: 30px;
justify-content: center;
cursor: pointer;
}
.category-menu .children-open:before {
content:"\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 15px;
line-height: 17px;
color: #2A3440;
}
.category-menu li:hover>.children-open:before {
color: #FF4F04;
}
.category-menu .children-open.active:before {
content:"\f077";
color: #FF4F04;
}
.accessories-menu li {
position: relative;
border-top: 1px solid rgb(238 238 238 / 70%);
}
.accessories-menu li:first-child {
border-top: 0;
}
.accessories-menu li.hide {
display: none;
}
.accessories-menu li a {
font-weight: 500;
font-size: 13px;
line-height: 15px;
color: #2A3440;
padding: 8.8px 10px;
display: block;
}
.accessories-menu li.parent>a {
padding-right: 25px;
}
.accessories-menu li#menu-item-5573 a {
font-weight: 600;
}
.accessories-menu li#menu-item-5573 a:before {
content: '\0025';
color: #FF4F04;
margin-right: 6px;
font-weight: bold;
}
.accessories-menu li.active>a, .accessories-menu li a:hover {
color: #FF4F04;
}
.accessories-menu .sub-menu {
padding: 0 15px;
display: none;
}
.accessories-menu .current-menu-ancestor>.sub-menu {
display: block;
}
.accessories-menu .children-open {
position: absolute;
right: 0;
top: 0;
padding: 0 10px;
cursor: pointer;
}
.accessories-menu .children-open:before {
content:"\f078";
color: #2A3440;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
line-height: 32px;
}
.accessories-menu li:hover .children-open:before {
color: #FF4F04;
}
.accessories-menu .current-menu-ancestor>.children-open:before, .accessories-menu .children-open.active:before {
content:"\f077";
color: #FF4F04;
}
.category-filter {
margin-top: 25px;
background: #fff;
}
.search-results .category-filter, .woocommerce-shop .category-filter {
margin-top: 0;
}
.category-filter-title {
font-weight: 600;
font-size: 15px;
line-height: 52px;
color: #CDCDCD;
padding: 0 16px;
}
.category-filter.category-ordering .woocommerce-ordering {
display: none;
}
.category-filter .filter__item {
padding: 30px 15px;
border-top: 1px solid #f7f4f4;
}
.category-filter .filter__item.filter__item--type-checkbox {
padding-bottom: 15px;
}
.category-filter .filter__header {
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #2A3440;
padding-bottom: 18px;
}
.category-filter .filter__checkgroup-aside, .category-filter .filter__checkgroup-link input[type="checkbox"] {
display: none;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]+.filter__checkgroup-title {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
font-size: 13px;
margin-bottom: 15px;
width: 100%;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]+.filter__checkgroup-title {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
font-size: 13px;
margin-bottom: 15px;
width: 100%;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]+.filter__checkgroup-title::before {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
width: 13px;
height: 13px;
margin-right: 10px;
background-size: 11px;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]:not(:disabled):not(:checked)+.filter__checkgroup-title:hover::before {
border-color: #FF4F04;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]:not(:disabled):active+.filter__checkgroup-title::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]:focus+.filter__checkgroup-title::before {
box-shadow: 0 0 0 0.2rem rgba(255, 79, 4, 0.25);
}
.category-filter .filter__checkgroup-link input[type="checkbox"]:focus:not(:checked)+.filter__checkgroup-title::before {
border-color: #FF4F04;
}
.category-filter .filter__checkgroup-link input[type="checkbox"]:checked+.filter__checkgroup-title::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF4F04' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.category-filter .filter__checkgroup-link input[type="checkbox"]disabled+.filter__checkgroup-title::before {
background-color: #e9ecef;
}
.category-filter .filter__slider-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category-filter .filter__slider-form .filter__slider-control-group {
width: 100%;
order: 2;
display: flex;
justify-content: space-between;
}
.category-filter .filter__slider-form .filter__range-slider {
width: 100%;
order: 1;
}
.category-filter .filter__slider-form .pc-range-slider__control {
width: 100%;
height: 3px;
background: #f7f7f7;
cursor: pointer;
margin: 10px 0 20px;
}
.category-filter .filter__slider-form .pc-range-slider__control .ui-slider-range {
height: 3px;
background: #2A3440;
}
.category-filter .filter__slider-form .pc-range-slider__control .ui-slider-handle {
position: absolute;
border: 6px solid transparent;
border-top: 12px solid #FF4F04;
top: -9px;
margin-left: -6px;
}
.category-filter .category-filter .filter__slider-control-group {
width: 100%;
display: flex;
justify-content: space-between;
}
.category-filter .filter__slider-control {
width: 60px;
height: 26px;
border: 2px solid #f7f7f7;
font-weight: 500;
font-size: 12px;
color: #000000;
text-align: center;
}
.category-filter-slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category-filter-slider #slider {
width: 100%;
height: 3px;
background: #f7f7f7;
cursor: pointer;
margin: 10px 0 20px;
}
.category-filter-slider #slider .ui-slider-range {
height: 3px;
background: #2A3440;
}
.category-filter-slider #slider .ui-slider-handle {
position: absolute;
border: 6px solid transparent;
border-top: 12px solid #FF4F04;
top: -9px;
margin-left: -6px;
}
.category-filter-slider .slider-value {
width: 60px;
height: 26px;
border: 2px solid #f7f7f7;
font-weight: 500;
font-size: 12px;
color: #000000;
text-align: center;
}
.category-left-banner {
padding-top: 25px;
}
@media screen and (max-width:1219px){
.category-left {
width: 100%;
padding: 0;
float: left;
border: 0;
}
.category-menu, .accessories-menu, .category-filter {
display: none;
margin: 20px 0 0;
border: 1px solid rgb(205 205 205 / 50%);
}
.category-filter.category-ordering {
margin-bottom: -20px;
}
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
}
.category-right {
width: 880px;
float: right;
}
.category-title.header-title-2 {
font-weight: bold;
font-size: 26px;
line-height: 32px;
color: #2A3440;
padding-bottom: 40px;
}
.category-description-mini {
padding-bottom: 40px;
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #2A3440;
}
.category-description-mini strong {
font-weight: 500;
}
.category-description-mini a {
font-weight: 600;
text-decoration: underline;
color: #FF4F04;
}
.category-description-mini a:hover {
text-decoration: none;
}
.filter-active {
padding: 12px 0 40px;
display: flex;
flex-wrap: wrap;
}
.filter-active-title {
font-weight: 600;
font-size: 15px;
color: #2A3440;
padding-right: 20px;
}
.filter-active li {
display: inline-block;
padding-right: 15px;
}
.filter-active li a {
font-weight: 500;
font-size: 13px;
position: relative;
padding-right: 18px;
}
.filter-active li a:after {
content: '\00D7';
color: #CDCDCD;
font-weight: bold;
font-size: 24px;
position: absolute;
top: -6px;
right: 0;
}
.category-slider {
overflow: hidden;
margin-bottom: 20px;
}
.category-slider-item {
float: left;
}
.category-slider .slick-arrow {
position: absolute;
width: 38px;
height: 54px;
top: 50%;
transform: translate(0%, -50%);
background: rgb(255 255 255 / 30%);
z-index: 2;
color: #fff;
font-size: 0;
}
.category-slider .slick-arrow:hover {
background: #fff;
}
.category-slider .slick-prev {
left: 0;
}
.category-slider .slick-next {
right: 0;
}
.category-slider .slick-arrow:before {
font-family: 'Font Awesome 5 Free';
font-size: 20px;
}
.category-slider .slick-arrow:hover:before {
color: #FF4F04;
}
.category-slider .slick-prev:before {
content:"\f053";
}
.category-slider .slick-next:before {
content:"\f054";
}
.category-children {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 54px;
}
.category-children-item {
width: 282px;
margin-bottom: 16px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
a.category-children-item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.category-children-item.category-children-banner {
max-width: 580px;
width: auto;
}
.category-children-item span {
font-weight: 600;
font-size: 17px;
line-height: 36px;
color: #FFFFFF;
text-align: center;
display: block;
position: relative;
z-index: 2;
background: #2A3440;
-webkit-box-shadow: 0px 2px 1px rgb(65 57 81 / 25%);
box-shadow: 0px 2px 1px rgb(65 57 81 / 25%);
}
.category-children-item:hover span {
background: #FF4F04;
}
@media screen and (max-width:1219px){
.category-right {
width: 100%;
}
.category-title.header-title-2 {
padding: 50px 0;
}
.category-children-item {
width: 238px;
}
.category-children-item span {
font-size: 15px;
}
.category-children-item.category-children-banner {
max-width: 493px;
}
}
@media screen and (max-width:767px){
.category-slider {
margin-bottom: 10px;
}
.category-slider .slick-arrow:before {
font-size: 15px;
}
.category-slider .slick-arrow {
width: 25px;
height: 40px;
}
}
@media screen and (max-width:480px){
.category-title.header-title-2 {
font-size: 24px;
line-height: 30px;
}
.category-description-mini {
font-size: 15px;
line-height: 18px;
}
.category-children-item, .category-children-item img {
width: 100%;
}
}
.category-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 30px;
}
.category-info-item {
width: 430px;
min-height: 240px;
}
.category-info-item iframe {
height: 100%;
}
.category-pdf a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #fff;
border: 1px solid #CDCDCD;
position: relative;
}
.category-pdf a span {
font-weight: 600;
font-size: 17px;
line-height: 36px;
color: #FFFFFF;
padding: 0 30px;
background: #2A3440;
box-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
position: absolute;
top: 0;
left: 0;
}
.category-pagnation {
text-align: right;
}
.category-pagnation li {
display: inline;
padding-left: 15px;
}
.category-pagnation li a, .category-pagnation li .current {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #2A3440;
}
.category-pagnation li .separation {
color: #CDCDCD;
letter-spacing: 5px;
font-size: 30px;
}
.category-pagnation li a i {
color: #CDCDCD;
font-size: 18px;
}
.category-pagnation li a:hover, .category-pagnation li a:hover i {
color: #FF4F04;
}
.category-pagnation li .current {
font-weight: bold;
color: #FF4F04;
}
.category-description {
width: 100%;
overflow: hidden;
padding: 100px 0 80px;
background: #2A3440;
}
.category-description h2 {
padding-bottom: 50px;
}
.category-description p {
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding: 0 100px 20px;
}
.category-description ul {
font-size: 17px;
line-height: 21px;
text-align: justify;
color: #CDCDCD;
padding: 0 100px 0 118px;
list-style-type: disc;
}
.category-description ul li {
padding-bottom: 20px;
}
.category-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category-content .woocommerce-info {
padding-bottom: 20px;
}
.category-content .oneproduct {
width: 430px;
margin-bottom: 25px;
}
#accessories-products-slider .oneproduct-availability {
float: right;
}
#accessories-products-slider .oneproduct-price {
font-size: 15px;
line-height: initial;
}
#accessories-products-slider .oneproduct-price .olds {
font-size: 13px;
line-height: initial;
}
#accessories-products-slider .oneproduct-addcart {
font-size: 12px;
padding: 0 15px;
}
@media screen and (max-width:1219px){
.category-content .oneproduct {
width: 366px;
margin-bottom: 18px;
}
.category-description p {
padding: 0 0 20px;
}
}
@media screen and (max-width:767px){
.category-content .oneproduct {
width: 100%;
margin-bottom: 10px;
}
}
@media screen and (max-width:480px){
.category-pagnation .page-numbers {
padding-top: 20px;
}
.category-pagnation li a, .category-pagnation li .current, .category-pagnation li a i {
font-size: 15px;
line-height: 18px;
}
.category-description {
padding: 50px 0 30px;
}
.category-description .wrap {
width: 100%;
}
.category-description p {
font-size: 15px;
}
}
/*category-product-end*/
/*category-file*/
.category-file {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category-file .category-file-item {
width: 430px;
height: 245px;
display: block;
position: relative;
overflow: hidden;
margin-bottom: 25px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.category-file .category-file-item.video iframe {
height: 100%;
}
.category-file .category-file-item.pdf {
background-color: #fff;
}
.category-file .category-file-item.pdf span {
opacity: 0;
background: #2A3440;
box-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
font-weight: 600;
font-size: 17px;
line-height: 36px;
text-align: center;
color: #FFFFFF;
position: absolute;
z-index: 2;
top: 0;
left: 0;
padding: 0 48px;
}
@media screen and (max-width:1219px){
.category-file .category-file-item {
width: 366px;
height: 210px;
margin-bottom: 15px;
}
}
@media screen and (max-width:767px){
.category-file .category-file-item {
width: 100%;
height: 250px;
margin-bottom: 10px;
}
}
@media screen and (max-width:480px){
.category-file .category-file-item {
height: 194px;
}
}
/*category-file end*/
/*sonderproduct*/
.sonderproduct {
background: #FFFFFF;
box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
margin-bottom: 20px;
width: 100%;
}
.sonderproduct-top {
background: #f3f3f3;
border: 1px solid #CDCDCD;
height: 64px;
padding: 0 30px 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.sonderproduct-name {
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #FF4F04;
max-width: 636px;
}
.sonderproduct-name a {
color: #FF4F04;
}
.sonderproduct-price {
font-weight: 600;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
color: #FF4F04;
}
.sonderproduct-price .old {
font-weight: normal;
font-size: 15px;
text-decoration-line: line-through;
color: #2A3440;
padding-right: 10px;
}
.sonderproduct-price .desc {
font-weight: 500;
font-size: 15px;
color: #2A3440;
padding-left: 10px;
}
.sonderproduct-bottom {
padding: 25px 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sonderproduct-image {
width: 362px;
}
.sonderproduct-image a {
background: #f7f7f7;
border: 7px solid #f7f7f7;
display: block;
overflow: hidden;
-webkit-box-shadow: 0px 0px 1px 0px rgb(181 179 179);
-moz-box-shadow: 0px 0px 1px 0px rgb(181 179 179);
box-shadow: 0px 0px 1px 0px rgb(181 179 179);
}
.sonderproduct-image a img {
width: 100%;
}
.sonderproduct-image a:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.sonderproduct-right {
width: 468px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.sonderproduct-params {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.sonderproduct-params .specifications-item {
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #000000;
padding-bottom: 10px;
width: 296px;
}
.sonderproduct-params .specifications-item:nth-child(2n) {
width: 172px;
}
.sonderproduct-params .specifications-item .label {
font-weight: 600;
}
.sonderproduct-user {
padding: 20px 0;
display: flex;
align-items: center;
margin-top: auto;
}
.sonderproduct-user button {
font-size: 20px;
color: #2A3440;
float: left;
margin-right: 25px;
background: transparent;
}
.sonderproduct-user button:hover, .sonderproduct-user button.active {
color: #FF4F04;
}
.sonderproduct-user .br_compare_button {
color: #2A3440;
padding: 0;
margin: 0 25px 0 0!important;
float: left;
width: initial;
}
.sonderproduct-user .br_compare_button:hover {
background-color: transparent;
}
.sonderproduct-user .br_compare_button i:before {
content: "\f080";
font-size: 20px;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.sonderproduct-user .br_compare_button .fa-check-square-o {
color: #FF4F04;
}
.sonderproduct-user .br_compare_button .br_compare_button_text {
display: none;
}
.sonderproduct-user .yith-wcwl-add-to-wishlist {
font-size: 0;
float: left;
margin-right: 20px;
}
/*.sonderproduct-user .yith-wcwl-add-to-wishlist a:first-child:before {*/
/* content: "\f004";*/
/* font-family: 'Font Awesome 5 Pro';*/
/* font-weight: 300;*/
/* font-size: 20px;*/
/* float: left;*/
/*}*/
.sonderproduct-availability {
font-weight: 500;
font-size: 14px;
color: #2A3440;
}
.sonderproduct-availability.default {
font-weight: 700;
color: #FF4F04;
}
.sonderproduct-availability:before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
margin: 6px 7px 0 0;
background: #FF4F04;
display: inline-block;
float: left;
}
.sonderproduct-buttons {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
.sonderproduct-link, .sonderproduct-order {
padding: 0 20px;
line-height: 33px;
font-weight: 600;
font-size: 14px;
}
.sonderproduct-link i {
font-size: 10px;
margin-left: 5px;
}
.gebrauchtproduct-bott {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: auto;
padding-bottom: 10px;
}
.gebrauchtproduct-bott .sonderproduct-user {
padding: 0;
width: initial;
margin: 0;
}
.gebrauchtproduct-bott .sonderproduct-buttons {
width: initial;
padding: 0;
}
@media screen and (max-width:1219px){
.sonderproduct-image {
width: 340px;
}
.sonderproduct-right {
width: 370px;
}
.sonderproduct-params .specifications-item {
width: 198px;
}
}
@media screen and (max-width:767px){
.sonderproduct-top {
height: initial;
padding: 20px 10px;
}
.sonderproduct-bottom {
padding: 0;
}
.sonderproduct-image {
width: 100%;
}
.sonderproduct-right {
width: 100%;
padding: 20px 10px;
}
.sonderproduct-params .specifications-item:nth-child(2n), .sonderproduct-params .specifications-item {
width: 50%;
}
.sonderproduct-price .oneproduct-price {
align-items: initial;
flex-wrap: wrap;
justify-content: flex-end;
}
.sonderproduct-price .oneproduct-price .woocommerce-Price-amount {
order: 2;
}
.sonderproduct-price .oneproduct-price .olds {
order: 1;
padding-left: 0;
}
}
@media screen and (max-width:480px){
.sonderproduct-top {
flex-direction: column;
justify-content: flex-start;
align-items: initial;
}
.sonderproduct-right {
padding: 20px 10px;
}
.sonderproduct-price {
padding-top: 10px;
}
.sonderproduct-price .oneproduct-price .olds {
padding: 0 5px 0 0;
}
.sonderproduct-params {
padding-bottom: 10px;
}
.sonderproduct-bottom {
padding: 0;
}
.sonderproduct-image a {
background: transparent;
border: 0;
box-shadow: none;
}
.sonderproduct-params .specifications-item:nth-child(2n), .sonderproduct-params .specifications-item {
width: 100%;
}
.sonderproduct-buttons {
flex-direction: column;
}
.sonderproduct-buttons a {
text-align: center;
width: 100%;
}
.sonderproduct-link {
margin-bottom: 10px;
}
.gebrauchtproduct-bott {
padding: 15px 0 0;
flex-direction: column;
}
.gebrauchtproduct-bott .sonderproduct-buttons {
padding-top: 15px;
}
}
/*sonderproduct-end*/
/*gorizontalproduct*/
.gorizontalproduct {
width: 100%;
padding: 4px;
margin-bottom: 20px;
display: flex;
background: #fff;
border: 1px solid #dbdbdb;
transition: all .4s;
}
.gorizontalproduct:hover {
border-color: #FF4F04;
}
.gorizontalproduct-left {
width: 34%;
}
.gorizontalproduct-image a {
background: #f7f7f7;
border: 7px solid #f7f7f7;
display: block;
overflow: hidden;
-webkit-box-shadow: 0px 0px 1px 0px rgb(181 179 179);
-moz-box-shadow: 0px 0px 1px 0px rgb(181 179 179);
box-shadow: 0px 0px 1px 0px rgb(181 179 179);
}
.gorizontalproduct-image a img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
.filter__checkgroup-aside {
display: none;
}
.gorizontalproduct:hover .gorizontalproduct-image a img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.gorizontalproduct-right {
width: 66%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-left: 22px;
padding-right: 8px;
}
.gorizontalproduct-title {
padding: 15px 0 10px;
border-bottom: 2px dashed #eee;
}
.gorizontalproduct-price {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.gorizontalproduct-price .oneproduct-price {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 50%;
font-size: 18px;
}
.gorizontalproduct-price .oneproduct-price .olds {
padding-right: 10px;
font-size: 15px;
}
.gorizontalproduct-kategory {
font-size: 14px;
font-weight: 600;
color: #575656;
width: 50%;
}
.gorizontalproduct-params {
display: flex;
flex-wrap: wrap;
}
.gorizontalproduct-params .specifications-item {
width: 50%;
padding-bottom: 6px;
}
.gorizontalproduct-params .specifications-item .label {
font-weight: 600;
}
.oneproduct-price-tax {
display: block;
font-size: 10px;
font-weight: 500;
line-height: 1;
color: #333;
width: 100%;
}
@media screen and (max-width:1219px){
.gorizontalproduct-price {
padding: 10px 0 15px;
}
.gorizontalproduct-kategory {
width: initial;
max-width: 50%;
}
.sonderproduct-user {
padding: 15px 0;
}
.sonderproduct-buttons {
padding-bottom: 0;
}
}
@media screen and (max-width:767px){
.gorizontalproduct {
flex-direction: column;
}
.gorizontalproduct-left, .gorizontalproduct-right {
width: 100%;
}
.gorizontalproduct-title {
padding: 15px 0 10px;
}
}
@media screen and (max-width:480px){
.gorizontalproduct-price {
flex-wrap: wrap;
padding: 15px 0;
}
.gorizontalproduct-price .oneproduct-price {
width: 100%;
}
.gorizontalproduct-kategory {
max-width: 100%;
padding-top: 15px;
}
.gorizontalproduct-params .specifications-item {
width: 100%;
}
}
/*gorizontalproduct-end*/
/*cart*/
/*cart-start*/
.cart-page>.woocommerce>.woocommerce-notices-wrapper {
display: none;
}
.cart-orders {
padding-top: 70px;
padding-bottom: 100px;
}
.cart-orders .header-title-1 {
color: #2A3440;
padding-bottom: 70px;
}
.cart-orders .header-title-1:before, .cart-orders .header-title-1:after {
background: #FF4F04;
}
.cart-orders-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cart-orders-left {
width: 848px;
}
.cart-product-list .item-produkt {
width: 450px;
}
.cart-product-list .item-price {
width: 120px;
}
.cart-product-list .item-count {
width: 109px;
}
.cart-product-list .item-sum {
padding-left: 20px;
max-width: 145px;
}
.cart-product-item .item-sum .tax_label, .cart-data .cart-data-item .tax_label {
display: none;
}
.cart-product-head {
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #CDCDCD;
padding: 0 16px 10px;
display: flex;
flex-wrap: wrap;
height: 27px;
}
.cart-product-head .item-count {
text-align: center;
}
.cart-product-item {
padding: 6px;
border: 1px solid #e7e7e7;
margin-bottom: 15px;
}
.cart-product-item .wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px;
background: #fff;
}
.cart-product-item .cart-mobil-title {
display: none;
}
.cart-product-item .item-produkt {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-right: 10px;
}
.cart-product-item .item-produkt .item-image {
width: 160px;
background: #f3f3f3;
border: 1px solid #e3e3e3;
}
.cart-product-item .item-produkt .item-image img {
width: 100%;
height: initial;
}
.cart-product-item .item-produkt .item-name {
padding-left: 6px;
width: 278px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
}
.cart-product-item .item-price, .cart-product-item .item-sum {
font-weight: 600;
font-size: 17px;
color: #FF4F04;
}
.cart-product-item .item-price del {
display: block;
font-weight: normal;
font-size: 15px;
line-height: 18px;
text-decoration: line-through;
color: #2A3440;
}
.cart-product-item .quantity_inner .quantity {
width: 77px;
margin: 0 6px;
}
.cart-product-item .item-remove {
position: absolute;
top: 10px;
right: 10px;
}
.cart-product-item .item-remove button {
font-weight: 900;
font-size: 12px;
line-height: 14px;
color: #2A3440;
cursor: pointer;
}
.cart-product-item .item-remove button:hover {
color: #FF4F04;
}
.cart-product-item .item-delivery {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
position: absolute;
right: 10px;
bottom: 8px;
}
.cart-coupon {
padding: 6px;
border: 1px solid #e7e7e7;
margin-bottom: 15px;
}
.cart-coupon .wrapper {
padding: 25px;
text-align: center;
background: #fff;
}
.cart-coupon-open {
font-size: 14px;
line-height: 42px;
color: #2A3440;
padding: 0 20px;
background: #EEEEEE;
display: inline-block;
cursor: pointer;
}
.cart-coupon-open.active {
display: none;
}
.cart-coupon-open:hover {
color: #FF4F04;
}
.cart-coupon-form {
display: none;
}
.cart-coupon-form.active {
display: flex;
justify-content: center;
}
.cart-coupon-form label {
display: none;
}
.cart-coupon-form input {
width: 206px;
height: 42px;
background: #EEEEEE;
border: 0;
padding: 0 20px;
font-size: 14px;
color: #2A3440;
}
.cart-coupon-form button {
width: 56px;
height: 42px;
line-height: 42px;
font-size: 20px;
}
.cart-coupon-text {
font-size: 14px;
line-height: 42px;
text-align: center;
color: #2A3440;
display: none;
}
.cart-coupon-text.active {
display: block;
}
.cart-comment {
padding: 6px 6px 3px;
border: 1px solid #e7e7e7;
margin-bottom: 30px;
}
.cart-comment textarea {
width: 100%;
height: 83px;
padding: 10px;
font-size: 14px;
line-height: 17px;
border: 0;
background: #FFFFFF;
box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.cart-comment textarea::-webkit-input-placeholder {color: #CDCDCD;}
.cart-comment textarea::-moz-placeholder {color: #CDCDCD;}
.cart-comment textarea:-ms-input-placeholder {color: #CDCDCD;}
.cart-comment textarea:-moz-placeholder {color: #CDCDCD;}
.cart-info-text p {
font-size: 14px;
line-height: 17px;
color: #2A3440;
padding-bottom: 30px;
}
.cart-info-text p a {
font-weight: 600;
}
.cart-orders-right {
width: 335px;
padding: 6px;
display: flex;
margin-top: 27px;
border: 1px solid #e7e7e7;
box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.cart-orders-right .wrapper {
width: 100%;
padding: 25px 0 45px;
background: #fff;
}
.cart-orders-right .title {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #2A3440;
padding: 0 15px 30px;
}
.cart-orders-right .cart-custom-radio+.cart-custom-label {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
display: flex;
justify-content: space-between;
position: relative;
}
.cart-delivery-item input[type="hidden"]+.cart-custom-label, .cart-orders-right .cart-custom-radio+.cart-custom-label {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
display: flex;
justify-content: space-between;
position: relative;
}
.cart-orders-right .cart-custom-radio+.cart-custom-label::before {
width: 10px;
height: 10px;
margin-right: 0;
border-width: 1px;
position: absolute;
background-position: center top 3px;
background-size: 4px;
}
.cart-delivery-wrap {
padding: 0 15px 20px;
}
.cart-delivery-item {
padding-bottom: 10px;
}
.cart-delivery .cart-custom-radio+.cart-custom-label {
padding-left: 20px;
}
.cart-delivery .cart-custom-radio:checked+.cart-custom-label {
color: #FF4F04;
}
.cart-delivery .cart-custom-radio:checked+.cart-custom-label span {
color: #2A3440;
}
.cart-delivery .cart-custom-radio+.cart-custom-label::before {
left: 0;
}
.cart-delivery-wrap .woocommerce-shipping-destination {
padding: 5px 0 15px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
}
.cart-delivery-wrap .woocommerce-shipping-calculator .btn-orange {
padding: 10px 0;
display: block;
text-align: center;
font-size: 14px;
width: 100%;
}
.cart-delivery-wrap .shipping-calculator-form {
padding-top: 10px;
}
.cart-delivery-wrap .form-row {
padding-bottom: 15px;
}
.cart-delivery-wrap .select2-container--default .select2-selection--single {
border-radius: 0;
}
.cart-data {
padding: 30px 16px 0;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
border-top: 1px solid #f2f2f2;
}
.cart-data .cart-data-item {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
.cart-data .cart-data-total {
font-weight: 700;
}
.cart-data .cart-data-total span {
color: #FF4F04;
text-align: right;
}
.cart-data .cart-data-submit {
text-align: center;
padding-top: 30px;
}
.cart-data .cart-data-submit .button {
font-weight: 600;
font-size: 14px;
line-height: 33px;
padding: 0 20px;
display: inline-block;
}
@media screen and (max-width:1219px){
.cart-orders-left {
width: 100%;
}
.cart-product-head {
display: none;
}
.cart-product-list .item-produkt {
width: 354px;
}
.cart-product-item .item-produkt .item-image {
width: 80px;
}
.cart-product-item .item-produkt .item-name {
width: 264px;
}
.cart-product-list .item-price {
width: 120px;
}
.cart-product-item .item-remove {
top: 5px;
}
.cart-product-item .item-delivery {
font-size: 12px;
line-height: 1;
right: 10px;
bottom: 6px;
}
.cart-orders-right {
width: 100%;
margin-top: 0;
}
.cart-orders-right .wrapper {
padding: 25px 0;
}
}
@media screen and (max-width:767px){
.cart-product-item {
padding: 4px;
}
.cart-product-item .wrapper {
padding: 10px 20px 30px;
flex-direction: column;
}
.cart-product-list .item-produkt, .cart-product-list .item-price, .cart-product-list .item-count, .cart-product-list .item-sum {
padding: 0 0 20px;
max-width: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-product-item .cart-mobil-title {
display: block;
font-weight: 600;
font-size: 13px;
line-height: 16px;
color: #CDCDCD;
}
.cart-product-list .item-produkt .cart-mobil-title-produkt {
width: 100%;
padding-bottom: 6px;
}
.cart-product-item .item-produkt .item-name {
width: 330px;
}
}
@media screen and (max-width:480px){
.cart-orders {
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
}
.cart-orders .header-title-1 {
padding-bottom: 50px;
}
.cart-product-item .item-produkt .item-image {
width: 100%;
}
.cart-product-item .item-produkt .item-name {
width: 100%;
font-size: 15px;
padding: 20px 0 0;
}
.cart-product-list .item-price .price {
text-align: right;
}
.cart-product-item .item-remove {
top: 9px;
right: 20px;
font-size: 13px;
}
.cart-product-item .item-delivery {
font-size: 13px;
right: initial;
bottom: initial;
position: relative;
width: 100%;
}
}
/*cart-start-end*/
/*cart-navigation*/
.cart-navigation {
display: flex;
justify-content: space-between;
padding: 55px 10px;
}
.cart-navigation ul {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 100%;
margin: auto;
max-width: 1000px;
}
.cart-navigation .cart-navigation-item {
max-width: 190px;
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 24px;
opacity: .5;
list-style-type: none;
}
.cart-navigation .cart-navigation-item.visited {
opacity: 1;
}
.cart-navigation .cart-navigation-item a:hover {
color: #2A3440;
}
.cart-navigation .cart-navigation-item i {
margin-right: 10px;
}
.cart-navigation .cart-navigation-item span {
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: block;
margin-top: 10px;
padding-top: 10px;
border-top: 3px solid #e0e0e0;
}
.cart-navigation .cart-navigation-item.completed span {
border-top: 3px solid #FF4F04;
}
@media screen and (max-width:1219px){
.cart-navigation .cart-navigation-item {
max-width: 120px;
font-size: 14px;
line-height: 18px;
}
.cart-navigation .cart-navigation-item span {
font-size: 12px;
line-height: 14px;
}
}
@media screen and (max-width:767px){
.cart-navigation .cart-navigation-item {
max-width: 82px;
font-size: 10px;
line-height: 14px;
}
.cart-navigation .cart-navigation-item span {
font-size: 10px;
line-height: 14px;
}
}
@media screen and (max-width:480px){
.cart-navigation {
padding: 50px 10px;
}
.cart-navigation .cart-navigation-item {
max-width: 100%;
white-space: nowrap;
}
.cart-navigation>.cart-navigation-item:first-child {
display: none;
}
.cart-navigation .cart-navigation-item span {
font-size: 0;
line-height: 0;
padding: 0;
}
}
/*cart-navigation-end*/
/*cart-address*/
.cart-address {
padding-bottom: 30px;
}
.cart-address-wrap {
border: 1px solid #e4e4e4;
padding: 6px;
}
.cart-address-row {
padding: 44px 46px;
background: #fff;
}
.cart-address-top, .cart-address-bottom {
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
}
.cart-address-top {
padding-bottom: 50px;
}
.cart-address-nav {
display: flex;
justify-content: space-between;
padding-bottom: 3px;
}
.cart-address-nav .cart-address-nav-item {
font-weight: 600;
font-size: 15px;
line-height: 50px;
text-align: center;
color: #FFFFFF;
background: #2A3440;
width: 100%;
cursor: pointer;
}
.cart-address-nav .cart-address-nav-item:nth-child(2) {
margin: 0 15px;
}
.cart-address-nav .cart-address-nav-item:hover, .cart-address-nav .cart-address-nav-item.current, .cart-address-nav .cart-address-nav-item.active {
color: #FF4F04;
background: #f6f6f6;
}
.cart-address-item, #cart-address-item {
display: none;
padding: 30px 30px 20px;
background: #f6f6f6;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.cart-address-item.active, #cart-address-item {
display: block;
}
.cart-address #customer_details {
padding: 30px 30px 20px;
background: #f6f6f6;
}
.cart-address #customer_details .woocommerce-billing-fields, .cart-address #customer_details .woocommerce-account-fields, .cart-address #customer_details .woocommerce-shipping-fields, .cart-address #customer_details .woocommerce-additional-fields {
width: 447px;
margin: auto;
}
.cart-address-item h2, #cart-address-item h2, .cart-address #customer_details .woocommerce-billing-fields h2 {
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
color: #CDCDCD;
padding-bottom: 30px;
}
.cart-address-item h2 span, #cart-address-item h2 span {
display: block;
text-transform: initial;
}
.cart-address-item .cart-formular, #cart-address-item .cart-formular {
width: 447px;
margin: auto;
}
.cart-address #customer_details .woocommerce-input-wrapper {
width: 100%;
position: relative;
}
.cart-address #customer_details .select2-container--default .select2-selection--single {
border: 1px solid #d2d2d2;
border-radius: 0;
height: 40px;
margin: 0;
}
.cart-address #customer_details .select2-container--default .select2-selection--single .select2-selection__rendered {
color: initial;
line-height: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
}
.cart-address #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {
height: initial;
bottom: 1px;
width: 38px;
text-align: center;
line-height: 38px;
}
.cart-address #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow:after {
position: absolute;
top: 50%;
transform: translate(0%,-50%);
right: 15px;
content: "\f078";
color: #2A3440;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 15px;
}
.cart-address #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow b, .cart-address #customer_details .woocommerce-additional-fields #ce4wp_checkout_consent_checkbox_field, #shipping_email_field {
display: none;
}
.cart-address-item .cart-formular .forgot-password, #cart-address-item .cart-formular .forgot-password {
font-weight: 500;
font-size: 10px;
line-height: 12px;
text-align: center;
text-decoration: underline;
color: #2A3440;
}
.cart-address-item .cart-formular .forgot-password:hover, #cart-address-item .cart-formular .forgot-password:hover {
text-decoration: none;
color: #FF4F04;
}
.cart-address-item .cart-formular .form-item-lieferadresse, #cart-address-item .cart-formular .form-item-lieferadresse {
display: flex;
align-items: center;
}
.cart-address-item .cart-formular .form-item-lieferadresse .cart-checkbox-title, #cart-address-item .cart-formular .form-item-lieferadresse .cart-checkbox-title {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2A3440;
padding-right: 14px;
}
.cart-address-item .cart-formular .form-item-lieferadresse .custom-label {
font-size: 10px;
}
.cart-address-item .cart-formular .form-item-lieferadresse .custom-checkbox+.custom-label::before {
width: 15px;
height: 15px;
margin-right: 10px;
}
.cart-address-item .cart-formular .form-item-submit {
padding-top: 20px;
text-align: center;
}
.cart-address-item .cart-formular .lieferadresse-hidden {
display: none;
}
.cart-address-item .cart-formular.active .lieferadresse-hidden {
display: block;
}
.cart-address-item .cart-formular .password-input {
width: 100%;
padding-bottom: 6px;
position: relative;
}
.cart-address-item .cart-formular .woocommerce-password-hint, .cart-address-item .cart-formular .cart-formular-text, .cart-address-item .cart-formular .woocommerce-privacy-policy-text {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2A3440;
padding-bottom: 5px;
}
.cart-address-item .cart-formular .cart-formular-text a, .cart-address-item .cart-formular .woocommerce-privacy-policy-text a {
text-decoration: underline;
color: #2A3440;
}
.cart-address-item .cart-formular .cart-formular-text a:hover, .cart-address-item .cart-formular .woocommerce-privacy-policy-text a:hover {
text-decoration: none;
}
.cart-address-bottom {
padding-top: 50px;
}
.cart-address-bottom p {
padding-bottom: 20px;
}
.cart-address-bottom p a {
font-weight: 600;
}
.cart-address-bottom ul {
padding-bottom: 15px;
list-style-type: disc;
list-style-position: inside;
}
.cart-address-bottom ul li {
padding-bottom: 5px;
}
.cart-address .woocommerce-notices-wrapper {
margin-bottom: 20px;
}
.cart-address .woocommerce-notices-wrapper ul {
padding: 20px;
font-size: 14px;
}
.cart-address .woocommerce-notices-wrapper .woocommerce-error {
background: #ffe1e1;
}
.cart-address .woocommerce-notices-wrapper a {
text-decoration: underline;
}
.cart-address .woocommerce-notices-wrapper a:hover {
text-decoration: none;
}
.checkout-form-login .woocommerce-form {
display: flex !important;
flex-direction: column;
position: relative;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2A3440;
width: 447px;
margin: auto;
}
.checkout-form-login .woocommerce-form p, .checkout-form-login .woocommerce-form .clear {
display: none;
}
.checkout-form-login .woocommerce-form .form-row {
display: block;
order: 2;
padding-bottom: 20px;
}
.checkout-form-login .woocommerce-form .form-row-first, .checkout-form-login .woocommerce-form .form-row-last {
display: block;
order: 1;
}
.checkout-form-login .woocommerce-form .form-row .show-password-input {
display: none;
}
.checkout-form-login .woocommerce-form .lost_password {
display: block;
margin-top: -16px;
padding-bottom: 20px;
order: 1;
}
.checkout-form-login .woocommerce-form .lost_password a {
font-weight: 500;
font-size: 10px;
line-height: 12px;
text-align: center;
text-decoration: underline;
color: #2A3440;
}
.checkout-form-login .woocommerce-form .lost_password, .checkout-form-login .woocommerce-form .form-row-first, .checkout-form-login .woocommerce-form .form-row-last {
padding-bottom: 20px;
display: block;
order: 1;
}
.checkout-form-login .woocommerce-form .form-row label {
display: block;
width: 100%;
padding-bottom: 5px;
}
.checkout-form-login .woocommerce-form .input-text {
width: 100%;
height: 40px;
padding: 0 10px;
background: #FFFFFF;
border: 1px solid #CDCDCD;
}
.checkout-form-login .woocommerce-form button {
line-height: 44px;
padding: 0 50px;
font-weight: 600;
font-size: 17px;
color: #FFFFFF;
border: 1px solid #FF4F04;
background: #FF4F04;
}
.checkout-form-login .woocommerce-form button:hover, .checkout-form-login .woocommerce-form button:focus {
color: #FF4F04;
background: #fff;
}
.checkout-form-login .woocommerce-form button:after {
content: "\f324";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 12px;
margin-left: 5px;
}
@media screen and (max-width:1219px){
.cart-address-row {
padding: 15px;
}
.cart-address-nav .cart-address-nav-item {
line-height: initial;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
}
@media screen and (max-width:767px){
.cart-address-row {
padding: 20px 10px;
}
.cart-address-top, .cart-address-bottom {
font-size: 13px;
}
.cart-address-top {
padding-bottom: 20px;
}
.cart-address-nav {
justify-content: initial;
padding-bottom: 0;
flex-wrap: wrap;
}
.cart-address-nav .cart-address-nav-item, .cart-address-nav .cart-address-nav-item:nth-child(2) {
height: 34px;
width: 100%;
padding: 0 10px;
font-size: 13px;
margin: 0 0 5px;
}
.cart-address-item, #cart-address-item, .cart-address #customer_details {
padding: 20px 10px 0;
}
.cart-address-item h2, #cart-address-item h2, .cart-address #customer_details .woocommerce-billing-fields h2 {
font-size: 13px;
padding-bottom: 20px;
}
.checkout-form-login .woocommerce-form, .cart-address #customer_details .woocommerce-billing-fields, .cart-address #customer_details .woocommerce-account-fields, .cart-address #customer_details .woocommerce-shipping-fields, .cart-address #customer_details .woocommerce-additional-fields {
width: 100%;
margin: auto;
}
.checkout-form-login .woocommerce-form button {
line-height: 34px;
font-size: 14px;
margin: auto;
display: table;
}
.argmc-nav button {
line-height: 34px;
font-size: 13px;
width: calc(100% - 20px);
margin: 5px auto;
}
}
@media screen and (max-width:480px){
.cart-address {
width: 100%;
}
}
/*cart-address-end*/
/*cart-bestellen*/
.cart-bestellen {
padding: 50px 0 80px;
border-top: 3px dashed #CDCDCD;
}
.cart-bestellen-info {
padding-bottom: 30px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
}
.cart-bestellen-info p {
padding-bottom: 20px;
}
.cart-bestellen-product .cart-product-list .item-produkt {
width: 625px;
}
.cart-bestellen-product .cart-product-item .item-produkt .item-name {
padding-left: 16px;
width: 340px;
}
.cart-bestellen-product .cart-product-list .item-price {
width: 183px;
}
.cart-bestellen-product .cart-product-list .item-count {
width: 90px;
}
.cart-bestellen-product .cart-product-list .item-sum {
padding-left: 0;
max-width: 174px;
width: 174px;
margin-left: auto;
}
@media screen and (max-width:1219px){
.cart-bestellen-product .cart-product-list .item-produkt {
width: 354px;
}
.cart-bestellen-product .cart-product-item .item-produkt .item-name {
padding-left: 6px;
width: 264px;
}
.cart-bestellen-product .cart-product-list .item-price {
width: 130px;
padding-left: 10px;
}
.cart-bestellen-product .cart-product-list .item-sum {
max-width: 130px;
width: 130px;
}
}
@media screen and (max-width:767px){
.cart-bestellen {
padding: 50px 0;
}
.cart-bestellen-product .cart-product-list .item-produkt {
width: 100%;
}
.cart-bestellen-product .cart-product-item .item-produkt .item-name {
width: 330px;
}
.cart-bestellen-product .cart-product-list .item-price, .cart-bestellen-product .cart-product-list .item-count, .cart-bestellen-product .cart-product-list .item-sum {
padding: 0 0 20px;
max-width: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-bestellen-product .cart-product-item .quantity_inner .quantity {
margin: 0;
}
}
@media screen and (max-width:480px){
.cart-bestellen>.wrap {
width: 100%;
}
.cart-bestellen-product .cart-product-item .item-produkt .item-name {
width: 100%;
}
.cart-bestellen-product .cart-product-item .item-produkt .item-name {
padding-left: 0;
}
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table {
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot {
padding: 16px;
display: block;
border: 1px solid #e7e7e7;
position: relative;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot:before {
content: '';
top: 6px;
left: 6px;
bottom: 6px;
right: 6px;
position: absolute;
z-index: 1;
background: #fff;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr {
padding: 0;
width: 100%;
position: relative;
z-index: 2;
display: table;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr td {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #2A3440;
padding: 0 0 10px;
position: relative;
z-index: 2;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr td:nth-child(2) {
text-align: right;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-size: 16px;
font-weight: 600;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.order-total td:nth-child(2) {
color: #FF4F04;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .title {
padding-bottom: 10px;
font-weight: 600;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .cart-delivery-wrap, .woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .cart-delivery-wrap .cart-delivery-item:last-child {
padding: 0;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .cart-delivery .cart-custom-radio+.cart-custom-label {
padding-left: 0;
width: 100%;
}
.woocommerce-checkout .woocommerce .argmc-wrapper .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .cart-delivery .cart-custom-radio+.cart-custom-label span {
text-align: right;
flex-grow: 3;
}
.cart-bestellen #payment .title {
padding: 10px 0 0 10px;
font-weight: 600;
z-index: 2;
font-size: 15px;
line-height: 18px;
color: #2A3440;
}
.cart-bestellen #payment .wc_payment_methods {
padding: 6px;
display: block;
border: 1px solid #e7e7e7;
position: relative;
margin-bottom: 15px;
}
.cart-bestellen #payment .wc_payment_methods:before {
content: '';
top: 6px;
left: 6px;
bottom: 6px;
right: 6px;
position: absolute;
z-index: 1;
background: #fff;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method {
position: relative;
z-index: 2;
list-style-type: none;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio {
display: none;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio+.label-radio {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #2A3440;
padding: 10px;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
}
.cart-bestellen #payment .wc_payment_methods .payment_method_stripe .label-radio:after {
content: '';
display: inline-block;
margin-left: 10px;
width: 112px;
height: 20px;
background: url('../image/foot/payning/stripe.png'), url('../image/foot/payning/stripe-card.png');
background-size: auto 20px;
background-position: center left, center right;
background-repeat: no-repeat;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio:checked+.label-radio {
color: #FF4F04;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio+.label-radio:before {
content: '';
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio:checked+.label-radio:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='3' fill='%23FF4F04'/%3e%3c/svg%3e");
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio:not(:disabled):active+.label-radio::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .input-radio:not(:disabled):not(:checked)+.label-radio:hover::before {
border-color: #FF4F04;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .payment_box p {
font-size: 12px;
line-height: 15px;
padding: 0 10px 0 38px;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .payment_method_stripe p {
padding-bottom: 12px;
}
.cart-bestellen #payment .wc_payment_methods .wc_payment_method .payment_method_stripe #wc-stripe-cc-form {
font-size: 12px;
line-height: 15px;
padding: 4px 10px 0 38px;
border: 0;
width: 420px;
max-width: 100%;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper p {
padding-bottom: 20px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
position: relative;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper p a {
font-weight: 600;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox {
height: 0;
width: 0;
opacity: 0;
visibility: hidden;
position: absolute;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox+span {
display: flex;
align-items: center;
cursor: pointer;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox span.required {
display: none;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox+span a {
margin: 0 5px;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox+span:before {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
width: 20px;
height: 20px;
margin-right: 18px;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox:not(:disabled):active+span::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox:not(:disabled):not(:checked)+span:hover::before {
border-color: #FF4F04;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox:checked+span:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF4F04' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox.validate[required]+span {
color: red;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox.validate[required]+span:before {
border-color: red;
}
.woocommerce-checkout .woocommerce .argmc-wrapper form .woocommerce-terms-and-conditions-wrapper .form-row label.error {
margin: -10px 0 0;
width: 100%;
}
.argmc-customer-review {
display: flex;
justify-content: space-between;
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
}
.argmc-customer-review .argmc-customer-details {
order: 2;
}
.argmc-customer-review .argmc-customer-details li {
display: flex;
}
.argmc-customer-review .argmc-customer-details li .argmc-customer-detail {
padding-right: 5px;
}
@media screen and (max-width:767px){
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox+span {
display: block;
}
.cart-bestellen #payment .woocommerce-terms-and-conditions-wrapper .checkbox .input-checkbox+span:before {
float: left;
}
.argmc-customer-review {
flex-direction: column;
}
.argmc-customer-review .argmc-shipping-details {
padding: 30px 0;
}
}
@media screen and (max-width:480px){
}
.cart-bestellen-data {
padding: 35px 0 20px;
display: flex;
}
.cart-bestellen-data .item {
padding-right: 75px;
}
.cart-bestellen-data .item-gesamtsumme {
margin-left: auto;
padding-right: 0;
}
.cart-bestellen-data .item .text {
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
padding-bottom: 10px;
}
.cart-bestellen-data .item .text.title {
font-weight: bold;
font-size: 17px;
line-height: 21px;
padding-bottom: 22px;
}
.cart-bestellen-data .item-gesamtsumme .text {
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-bestellen-data .item-gesamtsumme .text .value {
width: 166px;
padding-left: 46px;
}
.cart-bestellen-data .item-gesamtsumme .text.title .value {
font-size: 20px;
line-height: 24px;
color: #FF4F04;
}
.cart-bestellen-data .bestellen-change {
font-weight: 600;
font-size: 14px;
line-height: 33px;
padding: 0 60px;
margin-top: 20px;
}
@media screen and (max-width:1219px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
}
/*cart-bestellen-end*/
/*cart-checkbox-radio*/
.cart-custom-checkbox, .cart-custom-radio {
display: none;
}
.cart-custom-checkbox+.cart-custom-label, .cart-custom-radio+.cart-custom-label {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
}
.cart-custom-radio+.cart-custom-label::before, .cart-custom-checkbox+.cart-custom-label::before {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.cart-custom-checkbox+.cart-custom-label::before {
width: 20px;
height: 20px;
margin-right: 18px;
}
.cart-custom-radio+.cart-custom-label::before {
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
}
.cart-custom-checkbox:not(:disabled):not(:checked)+.cart-custom-label:hover::before, .cart-custom-radio:not(:disabled):not(:checked)+.cart-custom-label:hover::before {
border-color: #FF4F04;
}
.cart-custom-checkbox:not(:disabled):active+.cart-custom-label::before, .cart-custom-radio:not(:disabled):active+.cart-custom-label::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.cart-custom-checkbox:focus+.cart-custom-label::before, .cart-custom-radio:focus+.cart-custom-label::before {
box-shadow: 0 0 0 0.2rem rgba(255, 79, 4, 0.25);
}
.cart-custom-checkbox:focus:not(:checked)+.cart-custom-label::before, .cart-custom-radio:focus:not(:checked)+.cart-custom-label::before {
border-color: #FF4F04;
}
.cart-custom-checkbox:checked+.cart-custom-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF4F04' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.cart-custom-radio:checked+.cart-custom-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='3' fill='%23FF4F04'/%3e%3c/svg%3e");
}
.cart-custom-checkbox:disabled+.cart-custom-label::before, .cart-custom-radio:disabled+.cart-custom-label::before {
background-color: #e9ecef;
}
/*checkbox-radio-end*/
/*cart-end*/
/*checkout*/
.checkout-left {
float: left;
width: 848px;
padding: 44px 46px;
}
.checkout-right {
float: right;
width: 335px;
padding: 6px;
}
.checkout-left, .checkout-right {
border: 1px solid #e7e7e7;
box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.checkout-left:before, .checkout-right:before {
content: '';
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
background: #fff;
}
.checkout-right>*, .checkout-left>* {
z-index: 2;
position: relative;
}
.checkout-left .checkout-form-nav {
display: flex;
justify-content: space-between;
padding-bottom: 3px;
}
.checkout-left .checkout-form-nav .checkout-form-item {
font-weight: 600;
font-size: 15px;
line-height: 50px;
text-align: center;
color: #FFFFFF;
background: #2A3440;
width: 100%;
cursor: pointer;
}
.checkout-left .checkout-form-nav .checkout-form-item:first-child {
margin-right: 2.5px;
}
.checkout-left .checkout-form-nav .checkout-form-item:last-child {
margin-left: 2.5px;
}
.checkout-left .checkout-form-nav .checkout-form-item:hover, .checkout-left .checkout-form-nav .checkout-form-item.active {
color: #FF4F04;
background: #f6f6f6;
}
.checkout-left .checkout-form-all {
padding: 30px 152px 20px;
background: #f6f6f6;
}
.checkout-left h2 {
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
color: #CDCDCD;
padding-bottom: 30px;
}
.checkout-left .woocommerce-input-wrapper {
width: 100%;
position: relative;
}
.checkout-left .form-textarea {
height: 170px;
}
.checkout-form-login .woocommerce-form .form-row .woocommerce-form-login__rememberme, .checkout-left .woocommerce-additional-fields #ce4wp_checkout_consent_checkbox_field {
display: none;
}
.checkout-right .woocommerce-checkout-review-order-table {
position: relative;
}
.checkout-right .woocommerce-terms-and-conditions-wrapper {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2A3440;
padding: 0 15px;
}
.checkout-right .title {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #2A3440;
padding: 0 15px 30px;
}
.checkout-right .cart-payment .cart-custom-radio+.cart-custom-label {
padding: 22px 15px 22px 35px;
justify-content: start;
align-items: start;
}
.checkout-right .cart-payment .cart-custom-radio:checked+.cart-custom-label {
font-weight: 600;
background: #fafafa;
}
.checkout-right .cart-payment .cart-custom-radio+.cart-custom-label::before {
left: 15px;
top: 24px;
}
.checkout-right .cart-payment .payment-desc {
font-weight: 500;
font-size: 10px;
line-height: 12px;
color: #CDCDCD;
padding-top: 5px;
}
.checkout-right .cart-payment .payment-img {
margin: 2px 0 0 12px;
}
.checkout-right .cart-payment .payment-methods {
display: none;
}
.checkout-right .cart-payment .custom-radio:checked ~ .payment-methods {
display: block;
}
.checkout-right .cart-payment .method-item {
padding: 15px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
border-top: 2px solid #fff;
color: #2A3440;
cursor: pointer;
background: #fafafa;
}
.checkout-right .cart-payment .method-item p {
padding: 0 15px 0 35px;
}
.checkout-right .cart-payment .method-item:hover:before, .checkout-right .cart-payment .method-item.active:before {
content: '';
width: 4px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #FF4F04;
}
.checkout-right .cart-payment .method-item .method-image {
width: 74px;
text-align: center;
}
.checkout-right .cart-payment .method-item .method-name {
font-weight: 500;
font-size: 12px;
line-height: 15px;
padding-left: 25px;
}
.checkout-right .cart-payment .method-item:hover .method-name, .checkout-right .cart-payment .method-item.active .method-name {
color: #FF4F04;
font-weight: 600;
}
.checkout-right .cart-payment .method-item .method-desc {
font-weight: 500;
font-size: 10px;
line-height: 12px;
padding-top: 20px;
width: 210px;
}
.checkout-right .cart-payment .method-item .method-info p {
font-size: 12px;
line-height: 15px;
padding-bottom: 20px;
}
.checkout-right .cart-payment .method-item .method-info p:last-child {
padding-bottom: 0;
}
.checkout-right .cart-payment .method-item .method-info p strong {
font-weight: 500;
}
.checkout-right .woocommerce-privacy-policy-text {
padding-bottom: 15px;
}
.checkout-right .woocommerce-privacy-policy-text a {
font-weight: 600;
}
.checkout-right #place_order {
font-weight: 600;
font-size: 14px;
line-height: 33px;
padding: 0 20px;
margin: 30px auto 45px;
}
/*checkout end*/
/*account-page*/
.account-page {
padding-bottom: 60px;
}
.account-page .header-title-1 {
color: #2A3440;
padding: 50px 0 45px;
}
.account-page .header-title-1:before, .account-page .header-title-1:after {
background: #FF4F04;
}
.account-left {
width: 205px;
border: 1px solid #e6e6e6;
padding: 6px;
float: left;
}
.account-left ul {
background: #FFFFFF;
padding: 20px 0;
box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.account-left ul li {
padding: 8px 0;
}
.account-left ul li a {
font-weight: 500;
font-size: 14px;
line-height: 20px;
padding: 0 10px 0 15px;
display: block;
position: relative;
}
.account-left ul li.is-active a {
font-weight: 600;
color: #FF4F04;
}
.account-left ul li a:before {
width: 18px;
text-align: center;
margin-right: 10px;
color: #2A3440;
}
.account-left ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\f007";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.account-left ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f291";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.account-left ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\f023";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.account-left ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\f52b";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.account-left ul li a:hover:after, .account-left ul li.is-active a:after {
content: '';
position: absolute;
width: 3px;
height: 20px;
left: -5px;
background: #FF4F04;
}
.account-right {
width: 945px;
float: right;
}
.account-orders .account-right {
width: 978px;
border: 1px solid #e6e6e6;
padding: 6px;
}
.account-orders .account-right .woocommerce-message {
padding: 10px 18px 8px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #3c763d;
background-color: #dff0d8;
}
.account-orders .account-orders-wrap {
background: #fff;
}
.account-right .page-title {
font-weight: 600;
font-size: 22px;
line-height: 27px;
text-transform: uppercase;
color: #CDCDCD;
padding-bottom: 30px;
}
.account-orders .account-right .page-title {
line-height: 70px;
padding: 0 30px;
border-bottom: 1px solid #ebebeb;
}
.account-products {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-right: 60px;
}
.account-products .oneproduct {
width: 430px;
margin-bottom: 25px;
}
.account-password .account-formular {
width: 448px;
}
.account-page .form-item-submit button {
margin-top: 30px;
}
.account-data {
padding-top: 18px;
}
.account-data .title {
font-weight: 600;
font-size: 22px;
line-height: 27px;
text-transform: uppercase;
color: #CDCDCD;
padding-bottom: 30px;
}
.account-data .account-formular {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.account-data .account-formular .form-item {
width: 462px;
}
.account-data .account-formular .form-item .woocommerce-input-wrapper {
width: 100%;
}
.account-data .account-formular .form-item-checkbox {
padding-top: 21px;
}
.account-data .account-formular .account-checkbox-title {
font-weight: 500;
font-size: 13px;
line-height: 19px;
color: #2A3440;
float: left;
padding-right: 15px;
}
.account-data .account-formular .form-item-checkbox .custom-checkbox+.custom-label::before {
width: 15px;
height: 15px;
margin-right: 10px;
}
.account-data .account-formular .form-item-checkbox .custom-label {
font-size: 10px;
}
.account-data .account-data-submit {
width: 100%;
text-align: center;
}
.account-datenschutz-info {
padding-top: 10px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #2A3440;
}
.account-address-item {
width: 462px;
}
@media screen and (max-width:1219px){
.account-page .header-title-1 {
white-space: nowrap;
}
.account-left {
width: 100%;
margin-bottom: 10px;
}
.account-left ul {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.account-left ul li a {
padding: 0 15px;
}
.account-left ul li a:hover:after, .account-left ul li.is-active a:after {
display: none;
}
.account-orders .account-right {
width: 100%;
}
.account-address-item, .account-data .account-formular .form-item, .password-page .account-formular .password-page-left, .password-page .account-formular .password-page-right {
width: 363px;
}
}
@media screen and (max-width:767px){
.account-left ul li {
width: 50%;
}
.account-address-item, .account-data .account-formular .form-item, .password-page .account-formular .password-page-left, .password-page .account-formular .password-page-right {
width: 100%;
}
.account-address-item.col-1 {
margin-bottom: 20px;
}
.account-right .page-title, .account-data .title {
font-size: 18px;
line-height: 1;
}
}
@media screen and (max-width:480px){
.account-page {
padding-bottom: 50px;
width: 100%;
}
.account-right .page-title, .account-data .title {
font-size: 15px;
}
.account-left ul {
padding: 10px 0;
}
.account-left ul li {
width: 100%;
}
.account-page .form-item-submit button {
margin-top: 10px;
}
}
.password-page .account-formular .form-item .password-input {
width: 100%;
position: relative;
}
.password-page .page-title {
background: #fff;
}
.password-page .account-formular {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.password-page .account-formular .password-page-left, .password-page .account-formular .password-page-right {
width: 462px;
}
.password-page .title {
font-weight: 600;
font-size: 22px;
line-height: 27px;
text-transform: uppercase;
color: #CDCDCD;
padding: 18px 0 30px;
}
.password-page .account-data-submit {
text-align: center;
width: 100%;
}
@media screen and (max-width:767px){
.password-page .title {
font-size: 18px;
line-height: 1;
padding: 10px 0 20px;
}
}
@media screen and (max-width:480px){
.password-page .title {
font-size: 15px;
}
}
.account-orders .account-right .account-address-item .page-title {
line-height: 27px;
padding: 0 0 10px;
}
.account-address-info {
background: #FFFFFF;
border: 1px solid #CDCDCD;
padding: 15px;
font-size: 15px;
line-height: 26px;
color: #2A3440;
}
.account-address-info p {
padding-bottom: 10px;
text-align: left;
}
.account-address-info-open {
font-weight: 500;
font-size: 12px;
color: #FF4F04;
display: block;
cursor: pointer;
text-align: right;
line-height: initial;
}
.account-address-info-open:hover, .account-address-info-open.active {
text-decoration: underline;
}
.account-address-form {
display: none;
}
.account-item-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 55px 0 25px;
font-size: 14px;
line-height: 77px;
color: #2A3440;
background: #fcfcfc;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
}
.account-item-top:hover {
background: #fff;
}
.account-item-top:after {
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
position: absolute;
right: 36px;
}
.account-item-top:hover:after {
color: #FF4F04;
}
.account-orders-item.active .account-item-top:after {
content: '\f077';
}
.account-item-top .item {
display: flex;
}
.account-item-top .item-1 {
width: 372px;
}
.account-item-top .item-1 .number {
font-weight: 500;
font-size: 17px;
padding-right: 15px;
}
.account-item-top .item-2 {
width: 220px;
}
.account-item-top .item-2 .price {
font-weight: 500;
font-size: 17px;
padding-left: 10px;
}
.account-item-top .item-3 {
width: 290px;
}
.account-item-top .item-3 .status {
display: flex;
align-items: center;
}
.account-item-top .item-3 .status:before {
content: '';
width: 16px;
height: 16px;
margin-right: 10px;
border: 2px solid;
display: inline-block;
border-radius: 50%;
font-family: 'Font Awesome 5 Free';
line-height: 19px;
text-align: center;
font-size: 11px;
color: #FF4F04;
}
.account-item-top .item-3 .status.delivered:before {
content: '\f00c';
color: #2A3440;
}
.account-item-top .item-3 .status.canceled:before {
content: '\f00d';
color: #CDCDCD;
}
.account-item-bottom {
display: none;
flex-wrap: wrap;
justify-content: space-between;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
border-bottom: 1px solid #ebebeb;
}
.account-orders-item.active .account-item-bottom {
display: flex;
}
.account-item-bottom .left {
padding: 40px 28px;
width: 620px;
}
.account-item-bottom .left .process ol {
list-style: none;
counter-reset: li;
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}
.account-item-bottom .left .process ol:before {
content: '';
position: absolute;
top: 12px;
right: 40px;
left: 40px;
height: 2px;
background: #CDCDCD;
}
.account-item-bottom .left .process ol li {
counter-increment: li;
width: 97px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
position: relative;
color: #CDCDCD;
}
.account-item-bottom .left .process ol li.active {
color: #2A3440;
}
.account-item-bottom .left .process ol li:before {
content: counter(li);
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 10px;
font-weight: 600;
font-size: 12px;
color: #CDCDCD;
z-index: 2;
position: relative;
}
.account-item-bottom .left .process ol li.active:before {
border: 2px solid #FF4F04;
color: #2A3440;
}
.account-item-bottom .left .process ol li.active:nth-child(1n+2):after {
content: '';
position: absolute;
top: 12px;
right: 58px;
width: 100%;
height: 2px;
background: #FF4F04;
}
.account-item-bottom .left .product {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 15px;
}
.account-item-bottom .left .product:nth-child(1n+2) {
padding-top: 15px;
border-top: 1px solid #ebebeb;
}
.account-item-bottom .left .product .image {
width: 128px;
min-height: 88px;
}
.account-item-bottom .left .product .info {
width: 426px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2A3440;
padding-bottom: 21px;
}
.account-item-bottom .left .product .info .name {
padding-bottom: 10px;
}
.account-item-bottom .left .product .info .price {
font-weight: 500;
font-size: 17px;
line-height: 21px;
color: #FF4F04;
position: absolute;
bottom: 0;
left: 0;
}
.account-item-bottom .left .product .info .price .olds {
font-size: 15px;
line-height: 18px;
text-decoration-line: line-through;
color: #2A3440;
padding-right: 10px;
}
.account-item-bottom .right {
width: 342px;
background: #fcfcfc;
padding: 30px 25px 0;
font-size: 14px;
line-height: 17px;
color: #2A3440;
}
.account-item-bottom .right li {
padding-bottom: 10px;
}
.account-item-bottom .right .title {
font-weight: 500;
font-size: 17px;
line-height: 21px;
padding-bottom: 30px;
}
.account-item-bottom .right strong {
font-weight: 500;
}
.account-start {
padding: 22px 0 0 30px;
min-height: 220px;
}
.account-start .title {
font-weight: bold;
font-size: 22px;
line-height: 27px;
color: #CDCDCD;
padding-bottom: 20px;
}
.account-start .title strong {
font-weight: bold;
text-transform: uppercase;
color: #2A3440;
}
.account-start p {
font-weight: 500;
font-size: 17px;
line-height: 21px;
color: #2A3440;
padding-bottom: 20px;
}
@media screen and (max-width:1219px){
.account-item-top {
line-height: initial;
flex-direction: column;
}
.account-item-top:after {
top: 20px;
}
.account-item-top .item {
padding: 20px 0;
}
.account-item-top .item-2 {
padding: 0;
}
.account-item-bottom .left, .account-item-bottom .left .process ol {
width: 100%;
}
.account-item-bottom .left .process ol li {
width: 100px;
}
.account-item-bottom .left .process ol li.active:nth-child(1n+2):after {
right: 50px;
width: 144px;
}
.account-item-bottom .left .product .info {
width: 520px;
}
.account-item-bottom .right {
width: 100%;
padding: 0 25px 20px;
background: #fff;
}
}
@media screen and (max-width:767px){
.account-item-bottom .left .process ol {
flex-direction: column;
padding-bottom: 10px;
}
.account-item-bottom .left .process ol:before {
top: 13px;
right: initial;
left: 13px;
width: 2px;
height: 240px;
}
.account-item-bottom .left .process ol li {
width: 100%;
text-align: left;
line-height: 28px;
padding-bottom: 30px;
}
.account-item-bottom .left .process ol li:before {
margin: 0 10px 0 0;
float: left;
}
.account-item-bottom .left .process ol li.active:nth-child(1n+2):after {
right: initial;
width: 2px;
height: 60px;
left: 13px;
top: initial;
bottom: 42px;
}
.account-item-bottom .left .product .info {
width: 250px;
}
.account-start {
padding: 20px 10px;
min-height: initial;
}
.account-start .title {
font-size: 17px;
line-height: initial;
}
.account-start p {
font-size: 15px;
line-height: 18px;
padding-bottom: 0;
}
}
@media screen and (max-width:480px){
.account-item-top {
padding: 18px 10px;
font-size: 10px;
}
.account-item-top:after {
top: 19px;
font-size: 15px;
right: 10px;
}
.account-item-top .item, .account-item-top .item-1, .account-item-top .item-3 {
padding: 0;
width: 100%;
align-items: center;
}
.account-item-top .item-2 {
padding: 10px 0;
}
.account-item-top .item-1 .number {
font-size: 13px;
padding-right: 10px;
}
.account-item-top .item-2 .price {
font-size: 13px;
}
.account-item-top .item-3 .status:before {
width: 10px;
height: 10px;
border: 1px solid;
line-height: 12px;
font-size: 6px;
}
.account-item-bottom .left {
padding: 12px 10px;
}
.account-item-bottom .left .process ol li {
font-size: 13px;
}
.account-item-bottom .left .process ol li:nth-child(5) {
padding-bottom: 10px;
}
.account-item-bottom .left .process ol li.active:nth-child(1n+2):after {
bottom: 34px;
}
.account-item-bottom .left .product .image {
width: 94px;
min-height: initial;
border: 2px solid #eee;
}
.account-item-bottom .left .product .info {
width: 164px;
font-size: 10px;
line-height: initial;
padding-bottom: 18px;
}
.account-item-bottom .left .product .info .price {
font-size: 13px;
line-height: 15px;
}
.account-item-bottom .left .product .info .price .olds {
font-size: 10px;
line-height: 12px;
}
.account-item-bottom .right {
padding: 0 10px 10px;
font-size: 13px;
}
.account-item-bottom .right .title {
font-size: 15px;
line-height: initial;
padding-bottom: 20px;
}
.account-start .title {
line-height: 24px;
text-align: center;
}
.account-start .title strong {
display: block;
}
}
/*account-page-end*/
/*anmeldung*/
.anmeldung-page .cart-address {
padding-top: 50px;
padding-bottom: 50px;
}
.anmeldung-page .header-title-1 {
font-size: 26px;
line-height: 32px;
color: #2A3440;
padding: 30px 0 70px;
}
.anmeldung-page .header-title-1:before, .anmeldung-page .header-title-1:after {
background: #FF4F04;
}
.anmeldung-page .cart-address-nav a:nth-child(2) {
margin: 0 0 0 15px;
}
@media screen and (max-width:1219px){
.anmeldung-page .header-title-1 {
padding: 30px 0;
}
}
@media screen and (max-width:767px){
.anmeldung-page .header-title-1 {
padding: 30px 0 50px;
}
.anmeldung-page .cart-address .woocommerce-notices-wrapper {
margin-bottom: 0;
}
.anmeldung-page .cart-address-nav a:nth-child(2) {
margin: 0 0 5px;
}
.cart-address-item .cart-formular, #cart-address-item .cart-formular {
width: 100%;
}
}
@media screen and (max-width:480px){
.anmeldung-page .cart-address {
padding-top: 30px;
padding-bottom: 30px;
}
.anmeldung-page .header-title-1 {
padding: 14px 0 30px;
font-size: 24px;
line-height: 30px;
}
.anmeldung-page .cart-address-item .cart-formular .form-item-submit .button {
line-height: initial;
font-size: 14px;
padding: 10px 0;
width: 100%;
}
.anmeldung-page .cart-address-item .cart-formular .woocommerce-privacy-policy-text {
font-size: 10px;
}
}
/*anmeldung-end*/
/*oneproduct*/
.oneproduct {
width: 382px;
background: #FFFFFF;
box-shadow: 0px 1.77931px 1.77931px rgb(0 0 0 / 10%);
}
.oneproduct-top {
padding: 16px;
line-height: 17px;
}
.oneproduct-top button {
font-size: 15px;
color: #2A3440;
float: left;
margin-right: 20px;
background: transparent;
}
.oneproduct-top button:hover, .oneproduct-top button.active {
color: #FF4F04;
}
.oneproduct-top .yith-wcwl-add-button .add_to_wishlist {
background: #2A3440 !important;
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
}
.oneproduct-top .br_compare_button {
background: #2A3440;
color: #ffffff;
padding: 0;
width: 32px;
height: 32px;
margin: 0 15px 0 0!important;
float: left;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-align: center;
}
.oneproduct-top .br_compare_button .fa-square-o {
display: inline-flex;
align-items: center;
justify-content: center;
}
.oneproduct-top .br_compare_button.br_compare_added, .oneproduct-top .br_compare_button:hover {
background-color: #2A3440;
color: #ff4f04;
}
.oneproduct-top .br_compare_button i:before {
content: "\f080";
font-size: 13px;
line-height: 17px;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.oneproduct-top .br_compare_button .fa-check-square-o {
color: #FF4F04;
}
.oneproduct-top .br_compare_button .br_compare_button_text {
display: none;
}
.oneproduct-top .yith-wcwl-add-to-wishlist {
font-size: 0;
float: left;
margin-top: 0px !important;
padding: 0;
}
/* .oneproduct-top .yith-wcwl-add-to-wishlist a:first-child:before {
content: "\f004";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 15px;
line-height: 17px;
float: left;
} */
.oneproduct-top .yith-wcwl-add-to-wishlist a:first-child:hover:before, .oneproduct-top .yith-wcwl-add-to-wishlist.exists a:first-child:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #FF4F04;
}
.oneproduct-availability {
font-size: 13px;
color: #2A3440;
padding: 12px 16px 0;
}
.oneproduct-availability.default {
font-weight: 700;
color: #FF4F04;
}
.oneproduct-availability:before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
margin: 6px 7px 0 0;
background: #FF4F04;
display: inline-block;
float: left;
}
.oneproduct-lieferzeit {
float: left;
font-size: 13px;
color: #2A3440;
}
.home-property .woocommerce .oneproduct-top, .recommend-products-slider .oneproduct-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.oneproduct-angebot {
background: #ff4f04;
border-radius: 35px;
font-weight: 600;
font-size: 12px;
color: #ffffff;
padding: 3px 10px;
position: initial;
float: right;
}
/*
.oneproduct-angebot:before {
content: '';
position: absolute;
right: 0;
top: 0;
display: block;
width: 40px;
height: 40px;
background: url(../image/icon/arrow-before.svg) no-repeat center;
}
*/
.oneproduct-image {
padding: 8px;
border-bottom: 1.77931px solid rgb(238 238 238 / 70%);
}
.oneproduct-image a {
display: block;
overflow: hidden;
}
.oneproduct-image a img{
width: 100%;
height: auto;
-moz-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
-webkit-transition: all 1.5s ease-out;
transition: all 1.5s ease-out;
}
.oneproduct-image a:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.oneproduct-name {
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #333333;
padding: 10px 16px;
}
.oneproduct-name a {
color: #FF4F04;
}
.oneproduct-params {
padding: 0 16px 26px;
}
.oneproduct-params-item, .specifications-item {
font-size: 12px;
line-height: 15px;
color: #000000;
padding-bottom: 3px;
}
.oneproduct-params-item span, .specifications-item .label {
font-weight: 500;
}
.oneproduct-bott {
padding: 0 18px 26px;
min-height: 65px;
display: flex;
align-items: flex-end;
}
.oneproduct-price {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #FF4F04;
}
.oneproduct-price .preis-von {
padding-right: 6px;
}
.sonderproduct-price .oneproduct-price {
display: flex;
align-items: center;
}
.sonderproduct-price .oneproduct-price .woocommerce-Price-amount {
padding-left: 5px;
}
.oneproduct-price .olds {
font-weight: normal;
font-size: 15px;
line-height: 19px;
text-decoration-line: line-through;
color: #2A3440;
display: block;
text-align: right;
}
.sonderproduct-price .oneproduct-price .olds {
order: 2;
padding-left: 5px;
}
.oneproduct-addcart {
font-weight: 600;
font-size: 13px;
line-height: 33px;
padding: 0 16px;
margin-left: auto;
}
.oneproduct-addcart i {
font-size: 10px;
margin-left: 5px;
}
.oneproduct-bott {
margin: auto 0 0;
}
@media screen and (max-width:1219px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
.oneproduct-bott {
min-height: 58px;
align-items: center;
}
.oneproduct-price {
font-size: 15px;
line-height: 18px;
}
.oneproduct-price .olds {
font-size: 13px;
line-height: 16px;
}
.oneproduct-addcart {
font-size: 12px;
line-height: 30px;
padding: 0 15px;
}
}
/*oneproduct-end*/
/*recommend*/
.recommend-products, .artikelseite-page .recommend-products.lastseen-products {
padding: 100px 0;
background: #f3f3f3;
}
.recommend-products.lastseen-products {
padding-top: 0;
}
.recommend-products .header-title-1 {
color: #2A3440;
padding-bottom: 100px;
}
.recommend-products .header-title-1:before, .recommend-products .header-title-1:after {
background: #e8e9ea;
}
.recommend-products .recommend-products-slider {
}
.recommend-products .slick-list {
overflow: hidden;
margin: 0 -13px;
padding-bottom: 5px;
}
.recommend-products .slick-track {
display: flex;
}
.recommend-products .oneproduct {
float: left;
margin: 0 13px;
}
.recommend-products .oneproduct .oneproduct-params {
display: none;
}
.recommend-products-slider .slick-arrow {
position: absolute;
width: 44px;
height: 66px;
top: 50%;
margin-top: -67px;
background: rgb(255 255 255 / 50%);
font-size: 0;
}
.recommend-products-slider .slick-arrow:hover {
background: #fff;
}
.recommend-products-slider .slick-prev {
left: -68px;
}
.recommend-products-slider .slick-next {
right: -68px;
}
.recommend-products-slider .slick-arrow:before {
font-family: 'Font Awesome 5 Free';
font-size: 20px;
color: #2A3440;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.recommend-products-slider .slick-arrow:hover:before {
color: #FF4F04;
}
.recommend-products-slider .slick-prev:before {
content:"\f053";
}
.recommend-products-slider .slick-next:before {
content:"\f054";
}
.recommend-products-slider .slick-dots {
display: flex;
justify-content: center;
padding-top: 45px;
}
.recommend-products-slider .slick-dots li {
margin: 0 2.5px;
}
.recommend-products-slider .slick-dots li button {
font-size: 0;
width: 30px;
height: 3px;
float: left;
background: rgb(255 255 255 / 40%);
}
.recommend-products-slider .slick-dots li.slick-active button, .recommend-products-slider .slick-dots li button:hover {
background: #2A3440;
}
@media screen and (max-width:480px){
.recommend-products, .artikelseite-page .recommend-products.lastseen-products {
padding: 50px 0;
}
.recommend-products.lastseen-products {
padding-top: 0;
}
.recommend-products .wrap {
width: 100%;
}
.recommend-products .slick-list {
margin: 0;
}
.recommend-products .header-title-1 {
padding-bottom: 50px;
}
.recommend-products .oneproduct {
margin: 0;
}
.recommend-products-slider .slick-dots {
flex-wrap: wrap;
}
}
/*recommend-end*/
/*message-section*/
.message-section {
padding-top: 70px;
padding-bottom: 100px;
}
.message-section-wrap {
border: 1px solid #e4e4e4;
padding: 6px;
}
.message-section-content {
padding: 46px 0;
background: #fff;
text-align: center;
}
.message-section-content h1 {
font-weight: 600;
font-size: 42px;
line-height: 51px;
text-transform: uppercase;
color: #FF4F04;
padding-bottom: 20px;
}
.message-section-content h2 {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #2A3440;
padding-bottom: 40px;
}
.message-section-content p {
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #2A3440;
max-width: 748px;
margin: auto;
padding-bottom: 20px;
}
.message-section-content p .button {
line-height: 33px;
display: inline-block;
padding: 0 35px;
margin-top: 30px;
color: #fff;
}
.message-section-content .order_details {
display: table;
margin: auto;
min-width: 400px;
padding-bottom: 20px;
}
.message-section-content .order_details li {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #2A3440;
}
.message-section-content .order_details li strong {
padding-left: 30px;
text-align: right;
}
.message-section-content .wc-bacs-bank-details-account-name, .message-section-content .woocommerce-order-details {
display: none;
}
@media screen and (max-width:480px){
.message-section {
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
}
.message-section-content {
padding: 30px 10px;
}
.message-section-content h1 {
font-size: 30px;
line-height: initial;
}
.message-section-content h2 {
font-size: 18px;
line-height: initial;
padding-bottom: 20px;
}
.message-section-content .order_details {
min-width: 100%;
padding-bottom: 10px;
}
.message-section-content .order_details li {
padding-bottom: 10px;
font-size: 14px;
line-height: 18px;
}
}
/*message-section-end*/
/*compare*/
.br_new_compare_block_wrap .br_new_compare_block .br_top_table h3 {
font-size: 16px;
font-weight: 700;
padding: 5px !important;
}
.br_new_compare_block_wrap .br_new_compare_block .br_top_table .br_compare_price {
display: flex;
justify-content: center;
align-items: center;
}
.br_new_compare_block_wrap .br_new_compare_block .br_top_table .br_compare_price del {
order: 2;
font-size: 15px;
color: #000000;
font-weight: 400;
padding-left: 10px;
}
.br_new_compare_block_wrap .br_new_compare_block .br_top_table .br_compare_price ins {
text-decoration: none;
font-weight: bold;
font-size: 18px;
color: #FF4F04;
}
.br_new_compare_block_wrap .br_new_compare_block .oneproduct-addcart {
border: 1px solid #FF4F04 !important;
margin: 5px 0;
display: inline-block;
line-height: 24px;
}
/*compare end*/
/*favorite*/
#yith-wcwl-form .woocommerce-notices-wrapper {
display: none;
}
#yith-wcwl-form thead th {
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #CDCDCD;
padding-bottom: 10px;
}
#yith-wcwl-form thead th.product-name {
text-align: left;
padding-left: 10px;
}
#yith-wcwl-form .wishlist-items-wrapper tr {
border: 1px solid #e7e7e7;
background: #fff;
}
#yith-wcwl-form .wishlist-items-wrapper tr td {
padding: 10px 0;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-thumbnail {
padding-left: 10px;
width: 200px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-thumbnail img {
width: auto;
height: auto;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-name {
padding-left: 10px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: left;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-price {
font-weight: 600;
font-size: 17px;
color: #FF4F04;
width: 120px;
text-align: center;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-price del {
display: block;
font-weight: normal;
font-size: 15px;
line-height: 18px;
text-decoration: line-through;
color: #2A3440;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-price ins {
text-decoration: none;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-stock-status {
width: 150px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-stock-status span {
font-size: 14px;
color: #2A3440;
display: table;
margin: auto;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-stock-status span:before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
margin: 6px 7px 0 0;
background: #FF4F04;
display: inline-block;
float: left;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-add-to-cart {
padding-right: 10px;
position: relative;
text-align: center;
width: 200px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-add-to-cart .oneproduct-addcart {
display: inline-block;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-add-to-cart .remove_from_wishlist {
font-size: 0;
position: absolute;
top: 10px;
right: 10px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-add-to-cart .remove_from_wishlist i {
font-size: 16px;
}
#yith-wcwl-form .wishlist-items-wrapper {
text-align: center;
}
.return-to-shop a {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
}
.wishlist_table.mobile {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wishlist_table.mobile li {
width: calc(50% - 7.5px);
padding: 10px;
margin-bottom: 15px;
border: 1px solid #d9d6d6;
background: #fff;
}
.wishlist_table.mobile li .item-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #d9d6d6;
}
.wishlist_table.mobile li .product-thumbnail img {
width: 100%;
height: initial;
}
.wishlist_table.mobile li .product-name {
padding: 15px 0;
font-size: 15px;
}
.wishlist_table.mobile li .item-details-table {
font-weight: 500;
}
.wishlist_table.mobile li .item-details-table .value {
text-align: right;
}
.wishlist_table.mobile li .item-details-table .value .woocommerce-Price-amount {
font-size: 18px;
font-weight: 600;
color: #ff4f04;
}
.wishlist_table.mobile li .additional-info {
display: none;
}
.wishlist_table.mobile li .additional-info-wrapper {
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart .oneproduct-addcart {
margin-left: auto;
display: block;
text-align: center;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove i:before {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f2ed";
}
@media screen and (max-width:1219px){
#yith-wcwl-form .wishlist-items-wrapper tr .product-thumbnail {
width: 100px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-stock-status {
width: 110px;
}
#yith-wcwl-form .wishlist-items-wrapper tr .product-add-to-cart {
width: 190px;
}
}
@media screen and (max-width:767px){
.wishlist_table.mobile li {
width: 100%;
}
}
/*favorite end*/
/* Footer
-----------------------------------------------------------------------------*/
.footer {
padding-bottom: 96px;
background: #2a3440;
}
.foot-top {
height: 30px;
line-height: 30px;
background: #303a46;
}
.foot-top .wrap {
display: flex;
flex-wrap: wrap;
}
.foot-menu li {
float: left;
padding-right: 20px;
}
.foot-menu li a {
font-weight: 600;
font-size: 12px;
color: #CDCDCD;
}
.foot-menu li.active a, .foot-menu li a:hover {
color: #FF4F04;
}
.foot-phone {
padding-right: 31px;
font-weight: bold;
font-size: 14px;
margin-left: auto;
}
.foot-phone a {
color: #FFFFFF;
}
.foot-phone a:hover {
color: #FF4F04;
}
.foot-phone i {
opacity: .5;
margin-right: 8px;
}
.foot-phone a:hover i {
opacity: 1;
}
.foot-form button {
font-weight: 600;
font-size: 14px;
width: 161px;
height: 30px;
}
.foot-form button i {
margin-right: 10px;
}
.foot-lang {
padding-left: 52px;
width: 87px;
text-align: center;
}
.foot-lang img {
vertical-align: middle;
}
.foot-bott {
display: flex;
flex-wrap: wrap;
padding-top: 40px;
}
.foot-catalog {
width: 282px;
}
.foot-catalog ul {
display: flex;
flex-wrap: wrap;
}
.foot-catalog ul li {
width: 50%;
padding-bottom: 7px;
}
.foot-catalog ul li a {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.foot-catalog ul li.active a, .foot-catalog ul li a:hover {
color: #FF4F04;
}
.foot-police {
width: 186px;
padding-right: 40px;
margin-left: auto;
}
.foot-police li {
padding-bottom: 7px;
}
.foot-police ul li a {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.foot-police ul li.active a, .foot-police ul li a:hover {
color: #FF4F04;
}
.foot-mailing {
width: 320px;
}
.foot-mailing-title {
padding-bottom: 20px;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
text-transform: uppercase;
}
.foot-mailing-input {
width: 156px;
height: 30px;
font-size: 14px;
color: #2A3440;
padding: 0 15px;
float: left;
border: 1px solid #fff;
}
.foot-mailing input[type="submit"] {
width: 164px;
height: 30px;
font-weight: 600;
font-size: 14px;
text-align: center;
letter-spacing: 0.05em;
float: left;
cursor: pointer;
}
.foot-mailing .wpcf7 .ajax-loader {
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.foot-mailing .wpcf7-not-valid-tip {
font-size: 10px;
position: absolute;
top: -16px;
}
.foot-mailing-desc {
font-size: 12px;
line-height: 16px;
text-align: justify;
color: #CDCDCD;
padding-top: 20px;
}
.foot-mailing .wpcf7 form.sent .wpcf7-response-output, .foot-mailing .wpcf7 form .wpcf7-response-output {
margin: 10px 0 0;
padding: 10px;
color: #fff;
}
.foot-link li:nth-child(1n+2) {
padding-top: 30px;
}
.foot-link li a {
font-size: 18px;
line-height: 16px;
text-align: center;
color: #FFFFFF;
display: block;
}
.foot-link li a:hover {
color: #FF4F04;
}
.foot-info {
padding-top: 40px;
display: flex;
justify-content: space-between;
}
.foot-info ul {
display: flex;
flex-wrap: wrap;
}
.foot-info ul li {
height: 26px;
margin: 0 10px 10px 0;
background: #fff;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.foot-info .foot-shipping ul li {
margin: 0 0 10px 10px;
}
.foot-info ul li img {
max-height: 100%;
}
@media screen and (max-width:1219px){
.footer {
padding-bottom: 40px;
}
.foot-menu li {
padding-right: 15px;
}
.foot-menu li a {
font-weight: 500;
font-size: 11px;
}
.foot-phone {
padding-right: 10px;
margin-left: auto;
}
.foot-lang {
display: none;
}
.foot-catalog {
width: 400px;
}
.foot-police {
width: initial;
padding-right: 0;
margin-left: auto;
}
.foot-payning {
width: 220px;
}
.foot-link {
padding: 34px 0 0;
margin-left: auto;
}
.foot-link ul li, .foot-link li:nth-child(1n+2) {
float: left;
padding: 0 30px 0 0;
}
.foot-link li a {
line-height: 35px;
}
}
@media screen and (max-width:767px){
.foot-top {
height: initial;
line-height: initial;
padding: 50px 0;
}
.foot-top .wrap {
display: block;
overflow: hidden;
}
.foot-menu {
width: 50%;
float: left;
}
.foot-menu li {
width: 100%;
padding: 0 0 15px;
}
.foot-menu li:last-child {
padding: 0;
}
.foot-menu li a {
font-weight: 600;
font-size: 12px;
line-height: 18px;
}
.foot-phone, .foot-form, .foot-lang {
display: block;
float: right;
width: 50%;
text-align: right;
padding: 0;
margin: 0;
}
.foot-form {
padding: 23px 0;
}
.foot-catalog, .foot-police {
width: 50%;
margin: 0;
}
.foot-catalog ul li, .foot-police li {
width: 100%;
padding-bottom: 10px;
}
.foot-payning {
width: 100%;
margin: 20px 0 0;
}
.foot-mailing {
width: 100%;
padding-top: 40px;
}
.foot-mailing-input {
width: calc(100% - 164px);
}
.foot-link {
margin-left: 0;
width: 100%;
text-align: center;
}
.foot-link ul li, .foot-link li:nth-child(1n+2) {
float: none;
padding: 0 25px;
display: inline-block;
}
}
@media screen and (max-width:480px){
.foot-top {
padding: 30px 0;
}
.foot-top .wrap {
width: initial;
}
.foot-form button {
font-size: 12px;
width: 130px;
}
.foot-bott {
width: initial;
}
.foot-mailing input[type="submit"] {
width: 155px;
font-size: 12px;
}
.foot-mailing-input {
width: calc(100% - 155px);
}
}
/*reiting*/
.star-rating {
width: 110px;
height: 24px;
line-height: 24px;
font-size: 0;
font-family: Font Awesome\ 5 Free;
font-weight: 400;
float: left;
}
.star-rating span {
overflow: hidden;
top: 0;
left: 0;
position: absolute;
}
.star-rating:before, .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
left: 0;
position: absolute;
font-size: 15px;
letter-spacing: 5px;
}
.star-rating:before {
color: #d9d7d7;
}
.star-rating span:before {
color: #ff4f04;
}
/*reiting end*/
/*quantity_inner*/
.quantity_inner {
display: flex;
flex-wrap: wrap;
}
.quantity_inner .quantity {
order: 2;
width: 99px;
height: 29px;
border: 1px solid #EEEEEE;
font-size: 15px;
line-height: 29px;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 10px;
margin: 0 10px;
}
.quantity_inner .quantity .screen-reader-text {
display: none;
}
.quantity_inner .quantity .input-text {
width: 26px;
height: 26px;
border: 0;
text-align: center;
background: #fff;
}
.quantity_inner .button {
font-weight: 500;
font-size: 20px;
line-height: 30px;
height: 29px;
cursor: pointer;
color: #2A3440;
background: transparent;
}
.quantity_inner .button:hover {
color: #FF4F04;
}
.quantity_inner .bt_plus {
order: 1;
}
.quantity_inner .bt_minus {
order: 3;
}
/*quantity_inner-end*/
/*form-style*/
.form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-item {
padding-bottom: 20px;
}
.form-label {
display: block;
width: 100%;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2A3440;
padding-bottom: 5px;
}
.form-text {
width: 100%;
height: 40px;
padding: 0 10px;
background: #FFFFFF;
border: 1px solid #CDCDCD;
}
.form-textarea {
width: 100%;
padding: 10px;
background: #FFFFFF;
border: 1px solid #CDCDCD;
}
.form-item-submit button, .form-item-submit .wpcf7-submit {
line-height: 44px;
padding: 0 50px;
font-weight: 600;
font-size: 17px;
}
.form-item-submit button i {
font-size: 12px;
margin-left: 5px;
}
@media screen and (max-width:1219px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
.form-item-submit button, .form-item-submit .wpcf7-submit {
line-height: 34px;
font-size: 15px;
}
}
/*form-style-end*/
/*checkbox-radio*/
.my-checkbox, .my-radio {
display: none;
}
.my-checkbox+.my-label, .my-radio+.my-label {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
font-size: 14px;
}
.my-radio+.my-label::before, .my-checkbox+.my-label::before {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
}
.my-checkbox+.my-label::before {
width: 16px;
height: 16px;
margin-right: 10px;
}
.my-radio+.my-label::before {
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
}
.my-checkbox:not(:disabled):not(:checked)+.my-label:hover::before, .my-radio:not(:disabled):not(:checked)+.my-label:hover::before {
border-color: #FF4F04;
}
.my-checkbox:not(:disabled):active+.my-label::before, .my-radio:not(:disabled):active+.my-label::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.my-checkbox:focus+.my-label::before, .my-radio:focus+.my-label::before {
box-shadow: 0 0 0 0.2rem rgba(255, 79, 4, 0.25);
}
.my-checkbox:focus:not(:checked)+.my-label::before, .my-radio:focus:not(:checked)+.my-label::before {
border-color: #FF4F04;
}
.my-checkbox:checked+.my-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF4F04' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.my-radio:checked+.my-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='3' fill='%23FF4F04'/%3e%3c/svg%3e");
}
.my-checkbox:disabled+.my-label::before, .my-radio:disabled+.my-label::before {
background-color: #e9ecef;
}
/*checkbox-radio*/
.custom-checkbox .wpcf7-list-item, .custom-radio .wpcf7-list-item {
margin: 0;
}
.custom-checkbox input[type="checkbox"], .custom-radio input[type="radio"] {
display: none;
}
.custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label, .custom-radio input[type="radio"]+.wpcf7-list-item-label {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
}
.custom-radio input[type="radio"]+.wpcf7-list-item-label::before, .custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label::before {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
background-color: #FFFFFF;
border: 2px solid #CDCDCD;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-checkbox input[type="checkbox"]+.wpcf7-list-item-label::before {
width: 20px;
height: 20px;
margin-right: 18px;
}
.custom-radio input[type="radio"]+.wpcf7-list-item-label::before {
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
}
.custom-checkbox input[type="checkbox"]:not(:disabled):not(:checked)+.wpcf7-list-item-label:hover::before, .custom-radio input[type="radio"]:not(:disabled):not(:checked)+.wpcf7-list-item-label:hover::before {
border-color: #FF4F04;
}
.custom-checkbox input[type="checkbox"]:not(:disabled):active+.wpcf7-list-item-label::before, .custom-radio input[type="radio"]:not(:disabled):active+.wpcf7-list-item-label::before {
background-color: #f49f7a;
border-color: #f49f7a;
}
.custom-checkbox input[type="checkbox"]:focus+.wpcf7-list-item-label::before, .custom-radio input[type="radio"]:focus+.wpcf7-list-item-label::before {
box-shadow: 0 0 0 0.2rem rgba(255, 79, 4, 0.25);
}
.custom-checkbox input[type="checkbox"]:focus:not(:checked)+.wpcf7-list-item-label::before, .custom-radio input[type="radio"]:focus:not(:checked)+.wpcf7-list-item-label::before {
border-color: #FF4F04;
}
.custom-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF4F04' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-radio input[type="radio"]:checked+.wpcf7-list-item-label::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='3' fill='%23FF4F04'/%3e%3c/svg%3e");
}
.custom-checkbox input[type="checkbox"]:disabled+.wpcf7-list-item-label::before, .custom-radio input[type="radio"]:disabled+.wpcf7-list-item-label::before {
background-color: #e9ecef;
}
/*checkbox-radio-end*/
/*password*/
.show-password-input {
position: absolute;
top: 0;
right: 0;
width: 30px;
text-align: center;
line-height: 40px;
color: #646363;
cursor: pointer;
}
.show-password-input:before {
content: '\f06e';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.show-password-input.display-password:before {
content: '\f070';
}
.woocommerce-password-strength {
width: 100%;
height: 3px;
font-size: 0;
}
.woocommerce-password-strength.bad, .woocommerce-password-strength.short {
background: red;
}
.woocommerce-password-strength.good {
background: #f9b119;
}
.woocommerce-password-strength.strong {
background: green;
}
/*password end*/
#yith-wcwl-popup-message, .br_compare_button .br_compare_button_text {
position: fixed;
top: 0;
right: 0;
left: 0;
margin: 0 !important;
color: #ff4f04;
background: #fff;
z-index: 99999;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 40px;
}
.premmerce-filter-loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(110, 110, 110, 0.21);
z-index: 9999999999;
}
.premmerce-filter-loader-wrapper::after {
content: '';
position: absolute;
opacity: 0.6;
border: 5px solid #f3f3f3;
border-top: 5px solid #484848;
border-radius: 50%;
width: 40px;
height: 40px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
animation: premmerce-filter-spin 0.5s linear infinite;
}
@keyframes premmerce-filter-spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.added_to_cart.wc-forward {
display: none !important;
}
.form-popup {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 10px 0;
background: rgb(42 52 64 / 50%);
z-index: 9999;
-webkit-animation: 1s .3s fadeIn both;
animation: 1s .3s fadeIn both;
}
.form-popup.active {
display: flex;
}
.form-popup::-webkit-scrollbar-button{width:10px;height:10px;background:#FF4F04;cursor: pointer;}
.form-popup::-webkit-scrollbar-track{background-color:#2a3440;}
.form-popup::-webkit-scrollbar-thumb{background:#FF4F04;cursor: pointer;}
.form-popup::-webkit-resizer{width:0px;height:0px}
.form-popup::-webkit-scrollbar{width:10px;height:0;cursor: pointer;}
.form-popup-wrap {
background: #FFFFFF;
border: 1px solid #CDCDCD;
width: 660px;
max-width: 98vw;
margin: auto;
padding: 40px 40px 20px;
}
.form-popup-close {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 23px;
font-size: 16px;
text-align: center;
color: #2A3440;
border: 2px solid;
border-radius: 50%;
cursor: pointer;
z-index: 2;
}
.form-popup-close:hover {
color: #FF4F04;
}
.form-popup-title.header-title-2 {
font-size: 24px;
line-height: initial;
text-transform: uppercase;
color: #2A3440;
padding-bottom: 30px;
}
.form-popup .form-textarea {
height: 100px;
}
.form-popup .form-item-checkbox {
font-size: 13px;
}
.form-popup .wpcf7-not-valid {
border-color: red;
}
.button-go-top {
display: none;
position: fixed;
right: 34px;
bottom: 100px;
z-index: 999;
width: 40px;
height: 40px;
line-height: 36px;
font-size: 18px;
border: 2px solid;
color: #fff;
text-align: center;
background: #2a3440;
-webkit-box-shadow: 0px 0px 5px 0px rgba(42, 52, 64, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(42, 52, 64, 0.5);
box-shadow: 0px 0px 5px 0px rgba(42, 52, 64, 0.5);
}
.button-go-top:hover {
color: #2a3440;
background: #fff;
}
.foot-mailing .fieldGroup {
display: flex;
}
.foot-mailing .fieldGroup .inputField, .foot-mailing .fieldGroup .inputField input {
width: 100%;
}
.foot-mailing .fieldGroup .btnBox {
position: relative;
}
.foot-mailing .fieldGroup .btnBox .wpcf7-submit {
font-size: 13px;
width: auto;
padding: 0 12px;
min-width: 150px;
}
.foot-mailing .fieldGroup span.wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
}
@media screen and (max-width:767px){
.form-popup-wrap {
width: 100%;
max-width: 90vw;
padding: 20px 10px 0;
}
.form-popup-title.header-title-2 {
font-size: 16px;
padding-bottom: 20px;
}
.form-popup .wpcf7-submit {
width: 100%;
}
.form-popup .form-item.form-item-submit {
padding: 0;
}
}
@media print {
.wrap {
width: 100%;
}
.header, .breadcrumb, .footer {
display: none !important;
}
.content {
padding-top: 0;
}
.default-page-content {
padding-top: 0;
padding-bottom: 0;
}
.default-page-title {
padding: 30px 0;
}
.header-title-1 {
color: #333;
}
}
#cn-more-info {
color: #FF4F04;
}
.artikelseite-page .artikelseite-price, .artikelseite-page .artikelseite-reviews {
padding-bottom: 10px;
}
.artikelseite-page .finanzierung-versicherung p {
margin-bottom: 5px;
}
.artikelseite-page .artikelseite-delivery-item {
padding-bottom: 18px;
}
.artikelseite-page .bc24_maincontainer #submitForm {
margin: 0 auto 15px;
}
.pop_up .alert.alert-success {
background: #d2e2d4;
border-radius: 8px 8px 0 0;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #1c6625;
padding: 10px 38px;
}
.modal_loader {
position: absolute;
background: #ffffff;
border-radius: 6px;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.modal_loader .circle {
position: absolute;
width: 50px;
height: 50px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal_loader .circle:before, .modal_loader .circle:after {
content: "";
border: 6px solid #2a3440;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-animation: loader-07 1s linear infinite;
animation: loader-07 1s linear infinite;
opacity: 0;
}
.modal_loader .circle:before {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.modal_loader .circle:after {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes loader-07 {
0% {
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes loader-07 {
0% {
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
/*------------------------ Event Popup
*/
.event_popup {
background: rgba(43, 50, 64, 0.90);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 30px 20px;
overflow: auto;
z-index: 99999;
display: none;
}
.event_popup.active {
display: flex;
}
.event_popup .inner_column {
position: relative;
background: #2a3440;
border: 4px solid #ffffff;
width: 100%;
max-width: 680px;
margin: auto;
font-family: 'Montserrat', sans-serif;
}
button.closeEvent_popup {
background: #ffffff;
border: none;
position: absolute;
top: -4px;
right: -25px;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 24px;
color: #000000;
z-index: 2;
}
.event_popup img {
max-width: 100%;
}
.event_popup .top_banner {
padding: 12px;
}
.event_popup .banner_content {
padding: 18px;
text-align: center;
}
.event_popup .banner_content h1 {
color: #ffffff;
font-size: 22px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
margin-bottom: 25px;
}
.event_popup .banner_content p {
font-size: 16px;
color: #CDCDCD;
font-weight: 400;
margin-bottom: 6px;
}
.event_popup .banner_content p .info {
color: #ffffff;
font-weight: 500;
padding: 5px 12px;
display: inline-flex;
align-items: center;
}
.event_popup .banner_content p .info::before, .event_popup .banner_content p .info::after {
content: "";
border-top: 2px solid #FF4F04;
display: inline-flex;
width: 50px;
margin: 0 10px;
}
.event_popup .logo_listWrapper {
display: flex;
align-items: center;
padding: 0 18px 20px;
}
.event_popup .logo_list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.event_popup .logo_list .logo_item {
padding: 12px;
width: 33.33%;
}
.event_popup .logo_list .logo_item img {
max-width: 100%;
max-height: 34px;
}
.event_popup .single_logo .logo_item img {
width: 100%;
max-width: 156px;
min-width: 156px;
}
.event_popup .signup_form {
background: #303a46;
padding: 22px;
}
.event_popup .signup_form .fields {
display: flex;
align-items: center;
}
.event_popup .signup_form .label {
color: #ffffff;
font-size: 13px;
text-align: right;
flex: 0 0 auto;
padding-right: 18px;
margin: 0;
}
.event_popup .signup_form .input_group {
display: flex;
width: 100%;
}
.event_popup .signup_form .input_group .form-control {
background: #ffffff;
border: 1px solid #ffffff;
border-radius: 0;
font-size: 13px;
width: 100%;
height: 34px;
padding: 4px 10px;
}
.event_popup .signup_form .btn.submitBtn {
background: #FF4F04;
border: 1px solid #FF4F04;
border-radius: 0;
color: #ffffff;
font-size: 14px;
font-weight: 600;
min-width: 102px;
margin-left: 5px;
}
.category-menu .category-menu-title {
padding: 8px 16px 22px;
height: auto;
margin-bottom: 5px;
border-bottom: 2px solid rgb(205 205 205 / 70%);
}
.footer span.wpcf7-form-control-wrap .foot-mailing-input {
float: none;
}
.footer form.wpcf7-form .cf7sr-g-recaptcha {
margin-top: 10px;
}
.footer span.wpcf7-form-control-wrap.cf7sr-recaptcha {
display: block;
}
.footer span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: static;
font-size: 12px;
color: #ff7c44;
display: block;
margin-top: 5px;
}
.artikelseite-formular.parken .logo_listWrapper {
margin-top: 20px;
}
.artikelseite-formular.parken .logo_listWrapper h3 {
text-align: left;
font-size: 18px;
padding: 0;
margin: 0 0 11px;
}
.artikelseite-formular.parken .logo_listWrapper .logo_list {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 20px;
}
.artikelseite-formular.parken .logo_listWrapper .logo_item {
width: 100%;
padding: 14px 0;
}
.artikelseite-formular.parken .logo_listWrapper .logo_item:nth-child(2), .artikelseite-formular.parken .logo_listWrapper .logo_item:nth-child(3) {
width: calc(50% - 10px);
}
.artikelseite-formular.parken .logo_listWrapper .logo_item:nth-child(4) {
text-align: right;
}
.artikelseite-formular.parken .logo_listWrapper .logo_item:nth-child(4) img {
max-width: 250px;
}
.artikelseite-formular.parken .logo_listWrapper .logo_item:nth-child(5) img {
max-width: 300px;
}
@media (max-width: 767px) {
.event_popup .inner_column {
border: 2px solid #ffffff;
}
button.closeEvent_popup {
top: -2px;
right: -2px;
}
.event_popup .top_banner {
padding: 8px;
}
.event_popup .banner_content {
padding: 18px 15px;
}
.event_popup .banner_content h1 {
font-size: 24px;
}
.event_popup .banner_content p {
font-size: 15px;
}
.event_popup .single_logo .logo_item img {
width: 100%;
max-width: 98px;
min-width: 98px;
}
.event_popup .logo_list .logo_item {
padding: 6px;
width: 50%;
}
.event_popup .signup_form {
padding: 20px;
}
.event_popup .signup_form .fields {
display: block;
}
.event_popup .signup_form .label {
padding: 0;
margin-bottom: 12px;
display: block;
}
.event_popup .signup_form .btn.submitBtn {
font-size: 14px;
min-width: 108px;
margin-left: 6px;
}
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt_options a {
color: #2A3440!important;
font-size: 16px!important;
background: #CDCDCD!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt_options a:hover {
background: #CDCDCD!important;
color: #FF4F04!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher{
background: none!important;
box-shadow: none!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher img{
width: 25px!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt-selected{
background: #CDCDCD!important;
width: 125px!important;
}
.gtranslate_wrapper_custom_desc .gt-lang-code{
color: #2A3440!important;
font-size: 16px!important;
font-weight: 400!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
background-image: url("data:image/svg+xml;utf8,")!important;
rotate: 180deg!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt-selected .gt-current-lang{
padding: 3px 15px!important;
}
.gtranslate_wrapper_custom_desc #gt_float_wrapper {
display: flex!important;
}
.gtranslate_wrapper_custom_desc{
margin: 0px 20px!important;
width: 150px!important;
}
.gtranslate_wrapper_custom_desc .gt_float_switcher .gt_options.gt-open{
max-width: 100% !important;
}
@media screen and (max-width: 1219px) {
.gtranslate_wrapper_custom_desc{
display: none!important;
}
}
.gtranslate_wrapper_custom_mobile{
display: none;
}
@media screen and (max-width: 1219px) {
.gtranslate_wrapper_custom_mobile{
display: block!important;
}
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt_options a {
color: #2A3440!important;
font-size: 16px!important;
background: #fff!important;
padding: 10px 0px!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt_options a:hover {
background: #fff!important;
color: #FF4F04!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher{
background: #fff!important;
box-shadow: none!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher img{
width: 25px!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt-selected{
background: #fff!important;
width: 125px!important;
}
.gtranslate_wrapper_custom_mobile .gt-lang-code{
color: #2A3440!important;
font-size: 16px!important;
font-weight: 400!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
background-image: url("data:image/svg+xml;utf8,")!important;
rotate: 180deg!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt-selected .gt-current-lang{
padding: 15px 0px 5px 0px!important;
}
.gtranslate_wrapper_custom_mobile #gt_float_wrapper {
display: flex!important;
}
.gtranslate_wrapper_custom_mobile{
margin: 0!important;
width: 150px!important;
}
.gtranslate_wrapper_custom_mobile .gt_float_switcher .gt_options.gt-open{
max-width: 100% !important;
}
.whatsapp_btn img {
width: 54px !important;
}
.whatsapp-paragraph {
position: relative;
font-weight: 500;
background-color: #fff;
color: #333;
text-overflow: ellipsis;
padding: 5px 15px;
border-radius: 10px;
box-shadow: 0 1.9px 7.7px rgba(0,0,0,0.15);
}
.whatsapp-paragraph:after {
content: "";
position: absolute;
top: 50%;
right: -6px;
transform: translateY(-50%);
border: 6px solid transparent;
border-left-color: #ffffff;
}
.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-button .add_to_wishlist img {
margin-right: 0 !important;
}
.wishlist-items-wrapper .product-add-to-cart {
display: none !important;
}
.submit_btn {
flex-direction: column;
}