:root {
--widt: 200px;
--heigh:200px;
--heightOutline:200px;
}
.rec12-hell {position:relative;width:auto!important;}
.rec12-hell:before {
content: '';
position: absolute;
width: var(--widt);
height: var(--heightOutline);
left: 25px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
top: -50px;
}
.rec12-hell::after {
content: "";
position: absolute;
width: 688px;
height: var(--heigh);
left: 50px;
top: -25px;
background: #3F271D;
z-index:-1;
} .rectangle-leftaccessoires:before {
content: '';
position: absolute;
width: 442px;
height: 575px;
left: 30px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
}
:root {
--widt: 200px;
--heigh:200px;
--heightOutline:200px;
}
.rec12,.rec12-left,.rec12-hell {position:relative;width:auto!important;}
.rec12:before {
content: '';
position: absolute;
width: var(--widt);
height: var(--heightOutline);
left: 25px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
top: -50px;
}
.rec12-left::after {
content: "";
position: absolute;
width: 688px;
height: var(--heigh);
right: 60px;
top: -22px;
background: #150804;
z-index:-1;
}
.rec12-left:before {
content: '';
position: absolute;
width: var(--widt);
height: var(--heightOutline);
left: -20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
top: -50px;
}
.rec12::after {
content: "";
position: absolute;
width: 688px;
height: var(--heigh);
left: 50px;
top: -25px;
background: #3F271D;
z-index:-1;
}
.rectangle-leftaccessoires:after{
content:"";
position: absolute;
width: 688px;
height: 530px;
left: -240px;
top: 20px;
background: #150804;
}
.rectangle-rightaccessoires:before {
content: '';
position: absolute;
width: 442px;
height: 475px;
left: 30px;
top: -120px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
}
.rectangle-rightaccessoires:after{
content:"";
position: absolute;
width: 688px;
height: 430px;
left: 50px;
top: -100px;
background: #3F271D;
}
.rectangle-blackaccessoires:after{
background-color: #130B07;
}
.rectangle-leftaccessoires>div,
.rectangle-rightaccessoires>div {
z-index: 1;
} .rectangle-leftv2:before {
content: '';
position: absolute;
width: 442px;
height: 475px;
left: 30px;
top: -120px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
}
.rectangle-leftv2:after{
content:"";
position: absolute;
width: 688px;
height: 430px;
left: -240px;
top: -100px;
background: #150804;
z-index: -2;
}
.rectangle-rightv2:before {
content: '';
position: absolute;
width: 442px;
height: 475px;
left: 30px;
top: -120px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: -1;
}
.rectangle-rightv2:after{
content:"";
position: absolute;
width: 688px;
height: 430px;
left: 50px;
top: -100px;
background: #3F271D;
}
.rectangle-blackv2:after{
background-color: #130B07;
}
.rectangle-leftv2>div,
.rectangle-rightv2>div {
z-index: 1;
}
.filtered {
filter: sepia(80%);
}
@media (max-width: 767px){ 
.rectangle-rightv2 img {
margin-top: 30px;
margin-bottom: 80px;
}
.rectangle-rightv2:before {
top: -20px;
left: -20px;
height: 73%;
width: 90%;
}
.rectangle-rightv2:after {
top: 5px;
height: 65%;
left: -10px;
width: 110%;
} .rectangle-rightv2:before,
.rectangle-rightv2:after,
.rectangle-leftv2:before,
.rectangle-leftv2:after {
display: none;
}
.rectangle-rightv2 .elementor-widget-image:before {
content: '';
position: absolute;
width: 105%;
height: 98%;
left: -30px;
top: -20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-rightv2 .elementor-widget-image:after{
content: "";
position: absolute;
width: 110%;
height: 260px;
left: -20px;
top: 0px;
background: #3F271D;
}
.rectangle-leftv2 .elementor-widget-image:before{
content: '';
position: absolute;
width: 100%;
height: 85%;
right: -22px;
top: 20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-leftv2 .elementor-widget-image:after{
content: "";
position: absolute;
width: 110%;
height: 100%;
left: -30px;
top: 0px;
background: #150804;
}
.rectangle-rightv2 .elementor-widget-image img,
.rectangle-leftv2 .elementor-widget-image img{
position:relative;
z-index: 1;
}
.rectangle-leftv2 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and 
(max-width: 879px) {
.rectangle-rightv2 img {
margin-top: 30px;
margin-bottom: 80px;
}
.rectangle-rightv2:before {
top: -20px;
left: -20px;
height: 73%;
width: 90%;
}
.rectangle-rightv2:after {
top: 5px;
height: 65%;
left: -10px;
width: 110%;
} .rectangle-rightv2:before,
.rectangle-rightv2:after,
.rectangle-leftv2:before,
.rectangle-leftv2:after {
display: none;
}
.rectangle-rightv2 .elementor-widget-image:before {
content: '';
position: absolute;
width: 105%;
height: 98%;
left: -30px;
top: -20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-rightv2 .elementor-widget-image:after{
content: "";
position: absolute;
width: 110%;
height: 260px;
left: -20px;
top: 0px;
background: #3F271D;
}
.rectangle-leftv2 .elementor-widget-image:before{
content: '';
position: absolute;
width: 100%;
height: 380px;
right: -22px;
top: -90px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-leftv2 .elementor-widget-image:after{
content: "";
position: absolute;
width: 399px;
height: 300px;
left: -30px;
top: -50px;
background: #150804;
}
.rectangle-rightv2 .elementor-widget-image img,
.rectangle-leftv2 .elementor-widget-image img{
position:relative;
z-index: 1;
}
.rectangle-leftv2 {
margin-bottom: 30px;
}
} .datenschcf {font-size: 14px;
line-height: 14px !important;}
#linkfooter a {
color: #3F271D!important;}
body{
background-color: #130B07;
} .contact-map-fix > div{
display: flex; }
.contact-map-fix iframe{
height: 260px;
}
.rectangle-left:before {
content: '';
position: absolute;
width: 442px;
height: 611px;
left: 30px;
top: -120px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
}
.rectangle-left:after{
content:"";
position: absolute;
width: 688px;
height: 570px;
left: -80%;
top: -100px;
background: #150804;
}
.rectangle-right:before {
content: '';
position: absolute;
width: 442px;
height: 611px;
left: 30px;
top: -120px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 2;
}
.rectangle-right:after{
content:"";
position: absolute;
width: 688px;
height: 570px;
left: 45%;
top: -100px;
background: #3F271D;
}
.rectangle-black:after{
background-color: #130B07;
}
.rectangle-left>div,
.rectangle-right>div {
z-index: 1;
}
.elementor-heading-title q {
color: #DCB78B;
} #cta-3 .elementor-cta--skin-cover .elementor-cta__content {
min-height: 120px;
}
#cta-3 .elementor-widget-wrap.elementor-element-populated:before {
content: '';
-o-transform: skew(-33deg, 0deg);
-ms-transform: skew(-33deg, 0deg);
transform: skew(-33deg, 0deg);
background: #3F271D;
position: absolute;
width: 90%;
height: 88%;
}
#cta-3 .elementor-cta__bg:before {
position: absolute;
left: 110%;
right: 60px;
bottom: 80%;
border: 1px solid #DCB78B;
z-index: 9;
-webkit-transform: rotate(34deg);
}
#cta-3 .elementor-col-33.elementor-inner-column:before {
content: '';
position: absolute;
left: 90.05%;
top: 7.08%;
bottom: 82.92%;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-38deg, 0deg);
border-bottom: none;
border-left: none;
}
#cta-3 .elementor-col-33.elementor-inner-column:after {
content: '';
position: absolute;
left: -10px;
top: 69%;
bottom: 82.92%;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-38deg, 0deg);
border-top: none;
border-right: none;
}
#cta-3 .elementor-cta:hover .elementor-cta__bg-overlay {
background-color: transparent;
}
#cta-3 .elementor-widget-wrap.elementor-element-populated:hover:before {
background-color: #321f17
}
#cta-3 svg {
position: relative;
top: -5px;
margin-right: 5px;
}
#cta-3 q {
display: inline-flex;
}
#cta-4:before{
content: '';
-o-transform: skew(-33deg, 0deg);
-ms-transform: skew(-33deg, 0deg);
transform: skew(-20deg, 0deg);
background: #3F271D;
position: absolute;
width: 93%;
height: 100%;
}
#cta-4>div {  margin: auto;
display: table-cell;
vertical-align: middle;
padding-top: 50px;
padding-bottom: 50px;
}
#cta-4 {
display: table-cell;
height: 500px;
vertical-align: middle;
display: table;
}
#cta-4>div>div {
padding-left: 20%;
}
#cta-4>div:before{
content: '';
position: absolute;
left: 100.05%;
top: 1.08%;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-25deg, 0deg);
border-bottom: none;
border-left: none;
}
#cta-4>div:after{
content: '';
position: absolute;
left: -70px;
bottom: 10px;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-25deg, 0deg);
border-top: none;
border-right: none;
}
#product-buttons-container {
width: 100%;
position: relative;
text-align: center;
display: flex;
z-index: 2;
}
#product-buttons-container > div {
display: flex;
justify-content: center;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
margin-right: 40px;
width: 50%;
vertical-align: middle;
position: relative;
}
#product-buttons-container .btn-container-bg:before {
content: '';
background: #271010;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-o-transform: skew(-33deg, 0deg);
-ms-transform: skew(-33deg, 0deg);
transform: skew(-33deg, 0deg);
}
#product-buttons-container .btn {
position: relative;
}
#product-buttons-container .btn-container-bg .btn-container-bg-lines:before {
content: '';
position: absolute;
left: 90.05%;
top: 7.08%;
bottom: 82.92%;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-38deg, 0deg);
border-bottom: none;
border-left: none;
}
#product-buttons-container .btn-container-bg .btn-container-bg-lines:after {
content: '';
position: absolute;
left: -10px;
top: 69%;
bottom: 82.92%;
border: 1px solid #DCB78B;
z-index: 1;
margin-top: 7px;
height: 25px;
width: 30px;
transform: skew(-38deg, 0deg);
border-top: none;
border-right: none;
}
#product-subtitle {
margin-top: 50px;
}
#product-buttons-container a {
color: #fff;
}
#product-buttons-container a:hover {}
#product-buttons-container .btn-container:hover .btn-container-bg:before,
#product-buttons-container a:hover .btn-container-bg:before {
background-color: #321f17;
}
#product-buttons-container .btn-container .btn{
transition-duration: 1000ms;
}
#product-buttons-container .btn-container:hover .btn{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#product-buttons-container .btn-container .btn svg {
top: 3px;
position: relative;
color: #DCB78B;
margin-right: 5px;
}
#product-buttons-container .btn-container .btn i,
#product-buttons-container .btn-container .btn svg {
color: #DCB78B;
margin-right: 5px;
}
#product-buttons-container .btn-container .btn p {
margin: 0px;
} #line-html {
margin: 0px;
}
#main-block .line-html-left{
left: 15%;
}
#main-block .line-html-right{
left: 85%;
}
.elementor-section-wrap > section.elementor-section:not(#main-block) .line-html-left {
left: -20px;
}
.elementor-section-wrap > section.elementor-section:not(#main-block) .line-html-right {
left: 85%;
}
.line-effect:before {
content: '';
position: absolute;
width: 5px;
height: 38px;
background: #DCB78B;
}  .entry-content:before {
content: '';
height: 1000%;
width: 100%;
background-image: url(https://www.ap-men.de/wp-content/uploads/2021/05/vertical-lines.png);
position: fixed;  z-index: 1;
top: 0px;
opacity: 0.3;
}
section > * {
z-index: 2;
}
.elementor-container,
#page {
z-index: 2;
} #btn-1 a span span:before,
#cf7-btn-1:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
border: 1px solid #DCB78B;
z-index: 9;
height: 26px;
width: 26px;
border-right: 0px;
border-bottom: 0px;
transition: all 200ms;
}
#cf7-btn-1,
#cf7-btn-1 > input{
position: relative;
background-color: transparent;
width: 100%;
}
#cf7-btn-1 > input{
z-index: 10;
}
#btn-1 a span span:after,
#cf7-btn-1:after {
content: '';
transition: all 200ms;
transform: rotate(0deg);
position: absolute;
bottom: 0px;
border: 1px solid #DCB78B;
z-index: 9;
height: 26px;
width: 26px;
right: 0px;
border-top: 0px;
border-left: 0px;
}
#btn-1 a:hover:before,
#cf7-btn-1:hover:before {
width: 100%;
}
#btn-1 a:hover span span:before,
#cf7-btn-1:hover:before {
width: 100%;
height: 100%;
}
#btn-1 a:hover span span:after,
#cf7-btn-1:hover:after {
width: 100%;
height: 100%;
}
#btn-1 a {
position: relative;
min-width: 160px;
}
#btn-1 a {
position: relative;
} .contact-block input, .contact-block span {
margin: 0px;
border-radius: 0px;
}
.contact-block input[type=checkbox]:after {
content: " ";
background-color: rgba(53,41,36, 0.9);
display: inline-block;
visibility: visible;
height: 18px;
width: 19px;
border: 1px solid rgba(220, 183, 139, 0.4);
}
.contact-block input[type=checkbox]:checked:after {
content: "\2714";
padding-top: 12px;
}
.contact-block .wpcf7-list-item-label {color: #fff;margin-top: -6px;margin-left: 12px;}
.contact-block .wpcf7-form-control.wpcf7-acceptance label {
display: inline-flex;
}
.contact-block input[type="checkbox"] {
color: transparent;
}
.contact-block .ajax-loader{
position: absolute;
right: 0px;
} .categories-list .elementor-col-33 {
padding-right: 5px;
padding-left:  5px;
}
[data-widget_type="archive-posts.archive_cards"] .elementor-post__thumbnail__link {
margin-bottom: 0px !important;
}
[data-widget_type="archive-posts.archive_cards"] .elementor-post__card {
background-color: transparent;
} #product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
margin-top: 40px;
}
#product-wrapper .product {
width: 25%;
padding-right: 10px;
}
.product img {
width: 100%;
height: auto;
}
#product-wrapper .product:hover{
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
#product-wrapper .product{
transition-duration: 1000ms;
}
#product-wrapper:before,
#product-gallery:before {
content: '';
position: absolute;
width: 100%;
height: 495px;
left: 49.5%;
top: -10px;
background: #150804;}
#product-wrapper .product {
z-index: 1;
}
#product-wrapper:after,
#product-gallery:after {
content: '';
position: absolute;
width: 710px;
height: 575px;
left: 45%;
top: -50px;
border: 1px solid #DCB78B;
box-sizing: border-box;
}
#product-gallery:before {
left: -380px;
background: #3F271D;
height: 820px;
width: 800px;
top: -30px;
}
#product-gallery:after {
top: -30px;
left: -100px;
height: 820px;
width: 600px;
} footer{
background-color: #DCB78B;
}
footer > div{
background-color: transparent !important;
}
.widget .wrapper .col-sm-2 {
width: 7%;
float: left;
text-align: right;
margin-right: 10px;
}
.widget .wrapper .col-sm-10 {
width: 50%;
float: left;
}
.widget h2 {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
margin-bottom: 7px;
}
.site-footer-primary-section-2 h4 {
margin-left: 35px;
} @media (max-width: 1200px){
#cta-4-fix {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#cta-4 .elementor-heading-title {
font-size: 24px;
}
#cta-4 ul li span {
font-size: 16px;
}
#cta-4>div>div {
padding-left: 15%;
}
}
@media (max-width: 1000px){
#product-buttons-container{
display: block
}
#product-buttons-container > div {
margin-bottom: 20px;
display: block;
}
}
@media (max-width: 767px){
.categories-list .elementor-col-33{
width: 50% !important;
}
#product-gallery{
margin-top: 50px;
}
#product-gallery:after,
#product-gallery:before{
top: 10px;
}
#product-logo{
text-align: center;
}
#product-subtitle {
text-align: center;
font-size: 14px;
}
#product-buttons-container > div {
margin: auto;
margin-bottom: 20px;
width: 80%;
}
#product-buttons-container .btn-container-bg .btn-container-bg-lines:before {
top: 4px;
right: -5px;
left: initial;
}
#product-buttons-container .btn-container-bg .btn-container-bg-lines:after {
bottom: 10px;
top: inherit;
}
#product-wrapper .product {
width: 50%;
margin-bottom: 10px;
}
#product-wrapper:after {
top: 0px;
left: inherit;
right: -11px;
width: 70%;
height: 105%;
}
#product-wrapper:before {
top: 15px;
left: inherit;
right: -10px;
height: 100%;
width: 65%;
}
#btn-1 a,
.elementor-button-wrapper a {
width: 100%;
background-color: #DCB78B !important;
padding-top: 15px !important;
padding-bottom: 13px !important;
color: #261500;
font-weight: 400 !important;
font-family: Poppins !important;
font-size: 14px;
}
.elementor-button-wrapper span{
color: #261500;
}
#cta-3 {
margin: 0px 50px;
margin-top: 80px;
margin-left: 80px;
}
.rectangle-right img {
margin-top: 30px;
margin-bottom: 80px;
}
.rectangle-right:before {
top: -20px;
left: -20px;
height: 73%;
width: 90%;
}
.rectangle-right:after {
top: 5px;
height: 65%;
left: -10px;
width: 110%;
}
.rectangle-left img {
margin-top: 50px;
margin-bottom: 50px;
}
.rectangle-right:before,
.rectangle-right:after,
.rectangle-left:before,
.rectangle-left:after {
display: none;
}
.rectangle-right .elementor-widget-image:before {
content: '';
position: absolute;
width: 90%;
height: 98%;
left: -30px;
top: -20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-right .elementor-widget-image:after{
content: "";
position: absolute;
width: 110%;
height: 90%;
left: -20px;
top: 0px;
background: #3F271D;
}
.rectangle-left .elementor-widget-image:before{
content: '';
position: absolute;
width: 90%;
height: 108%;
right: -22px;
top: -20px;
border: 1px solid #DCB78B;
box-sizing: border-box;
z-index: 9;
}
.rectangle-left .elementor-widget-image:after{
content: "";
position: absolute;
width: 110%;
height: 100%;
left: -30px;
top: 0px;
background: #150804;
}
.rectangle-right .elementor-widget-image img,
.rectangle-left .elementor-widget-image img{
position:relative;
z-index: 1;
}
.rectangle-left {
margin-bottom: 30px;
}
#cta-4 {
margin: 20px 100px;
margin-left: 120px;
max-height: max-content;
}
}
@media (max-width: 600px){
#cta-3 {
margin-left: 50px;
margin-right: 25px;
}
}
@media (max-width:  500px){
.categories-list .elementor-col-33{
width: 100% !important;
text-align: center;
float: none;
margin: auto;
display: block;
}
.categories-list .elementor-col-33 > a > img{
width: 100%;
}
}