body{
font-size: 18px;
font-family: sans-serif;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight: 400;
line-height: 1;
color: inherit;
}
@media (max-width: 767px){
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next,
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-prev{
width: auto !important;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
width: 100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-fifths,
div.wpforms-container-full .wpforms-form .wpforms-one-fifth,
div.wpforms-container-full .wpforms-form .wpforms-one-fourth,
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-one-sixth,
div.wpforms-container-full .wpforms-form .wpforms-one-third,
div.wpforms-container-full .wpforms-form .wpforms-three-fourths,
div.wpforms-container-full .wpforms-form .wpforms-three-fifths,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
div.wpforms-container-full .wpforms-form .wpforms-two-fifths,
div.wpforms-container-full .wpforms-form .wpforms-two-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
margin-left: 0 !important;
width: 100%;
}
}
.white,
.white p,
.white li,
.white a{
color: white !important
}
a.no-decoration,
a.no-decoration:hover,
a.no-decoration:focus,
a.no-decoration:visited{
text-decoration: none;
color: black;
}
.m0{
margin: 0 !important;
}
.mt20{
margin-top: 20px;
}
.mt50{
margin-top: 50px;
}
.mt100{
margin-top: 100px;
}
.ptb20{
padding-top: 20px;
padding-bottom: 20px;
}
.ptb50{
padding-top: 50px;
padding-bottom: 50px;
}
.mb100{
margin-bottom: 100px;
}
.black-bg{
background: #000;
}
.f2-bg{
background: #f2f2f2;
}
.fwb{
font-weight: bold !important;
}
body{
font-family: 'barlow';
}
.wpb_raw_code{
margin: 0 !important;
}
.btn{
font-size: 14px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
letter-spacing: .3rem;
display: inline-block;
border-radius: 0;
transition: all 500ms;
}
.btn.btn-white{
color: #666;
background-color: #fff;
}
.btn.btn-white:hover{
color: #5e5e5e;
background-color: #f0f0f0;
} main#primary{
margin-top: 0px;
} div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next,
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-prev,
div.wpforms-container-full .wpforms-form button[type=submit] {
background: #b61628;
color: white;
border: 0;
width: 200px;
text-transform: uppercase;
letter-spacing: .3rem;
transition: all 500ms;
}
div.wpforms-container-full .wpforms-form button:hover[type=submit] {
background: #de2144;
border: 0;
} div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #f1003e;
} div.wpforms-container-full .wpforms-form .wpforms-field-label {
text-transform: uppercase;
letter-spacing: .3rem;
} .wpforms-confirmation-container-full {
color: #fff;
margin: 0 0 24px 0;
background: #b61628;
border: 1px solid #de2144;
padding: 15px 15px;
} .archive-title{
color: black;
text-transform: uppercase;
}
.archive-description{
color: black;
width: 100%;
}
.archive-container{
margin-top: -50px;
}
.type-brands-archive{
margin-bottom: 120px;
}
.type-brands-archive img{
padding-bottom: 40px;
}
.type-brands-archive .content p{
font-size: 14px;
line-height: 24px;
}
.type-brands-archive .brand-logo{ } .type-brands{
}
.type-brands .entry-header{
background: #000;
}
.type-brands .brand{
color: #929292;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}
.type-brands .entry-title{
margin: 0px 0px 140px 0px;
color: white;
font-size: 50px;
}
.type-brands .post-thumbnail img{
width: 95%;  margin-top: -140px;
transform: translateY(140px);
z-index: 10;
}
.type-brands{
margin-top: 80vh;
}
.type-brands .entry-content{
background: #fff;
}
.type-brands .entry-content .brand-logo{
margin-top: 150px;
margin-bottom: 40px;
max-width: 350px;
}
.type-brands .entry-content .content{
font-size: 26px;
line-height: 35px;
margin-bottom: 150px;
}
.type-brands .galerie .galerie-item{
padding: 0px 20px 60px 20px;
}
.type-brands .galerie .galerie-item .brand{
margin-top: 10px;
}
.type-brands .galerie .galerie-item .galerie-item-title{
margin-top: 0px;
font-weight: bold;
font-size: 24px;
} .entry-footer{
background: white;
padding: 10px;
} .error-404 .page-title{
text-align: center;
margin-top: 100px;
}
.error-404 .page-content{
text-align: center;
}
.error-404 ul{
list-style: none;
margin: 0;
padding: 0;
}
.error-404 ul li a{
color: black;
font-weight: bold;
} footer.site-footer{
background: #131313;
color: white;
background-repeat: no-repeat;
background-position: top right;
font-size: 14px;
}
@media (max-width: 767px){
footer.site-footer .container-fluid{
padding-bottom: 150px;
text-align: center;
}
footer.site-footer .container-fluid .flexlist ul {
justify-content: center;
}
}
footer.site-footer a{
color: white;
}
footer .footer_widget_title{
color: #737373;
margin-bottom: 20px;
}
footer.site-footer ul{
list-style: none;
margin: 0;
padding: 0;
}
footer.site-footer ul li{
padding-bottom: 12px;
}
footer.site-footer .menu-rechtliches-container ul li{
padding-bottom: 0;
}
footer .footer_widget img.image{
margin-top: 20px;
margin-bottom: 15px;
}
.flexlist{
}
.flexlist ul{
list-style: none;
display: flex;
justify-content: flex-end;
width: 100%;
gap: 20px;
}
.flexlist ul li{
*display: flex;
order: 1;
} .vc_general.vc_btn3 {
text-transform: uppercase;
letter-spacing: .3rem;
}  .image-product .brand{
color: #929292;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
margin-top: 10px;
}
.image-product .galerie-item-title{
font-weight: bold;
font-size: 24px;
color: white;
margin-bottom: 30px;
} .brand-slider{
position: relative;
min-height: 720px;
}
.brand-marquee{
position: absolute;
}
.brand-marquee.anim1{
animation: marquee;
animation-duration: 100s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.brand-marquee.anim2{
animation: marquee2;
animation-duration: 100s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes marquee {
0% {
left: -180px
}
50% {
left: -1700px
}
100% {
left: -180px
}
}
@keyframes marquee2 {
0% {
left: -1700px
}
50% {
left: -180px
}
100% {
left: -1700px
}
}
.brand-slider .flexbox{
display: flex;
flex-direction: row;
}
.brand-slider .flexbox div{
width: 240px;
height: 240px;
}
.brand-slider img{
width: 240px;
height: 240px;
filter: grayscale(1);
transition: all 500ms;
}
.brand-slider img:hover{
filter: grayscale(0);
} div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
width: 100%;
margin-top: 0px;
border: 0;
border-bottom: 1px solid #96acbb;
border-radius: 0;
padding: 22px 0 22px;
font-weight: 600;
font-size: 20px;
line-height: 140%;
background: rgba(0,0,0,0);
}
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full .wpforms-form select{
padding: 0;
}
div.wpforms-container-full .wpforms-form textarea{
border: 1px solid #96acbb;
}
div.wpforms-container-full .wpforms-form textarea:focus {
outline: none !important;
border-bottom: 1px solid #96acbb;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error {
border: 0;
border-bottom: 1px solid #cc0000;
}
.markme{
color: white;
animation: meine-animation 1s ease infinite;
animation-delay: 1s;
padding: 5px 10px;
background-image: linear-gradient(
to right,
#AC363B,
#AC363B 100%
);
background-size: 0% 100%;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: forwards;
background-repeat: no-repeat;
background-position: left center;
}
@keyframes meine-animation {
0% {
background-size: 0% 100%;
}
100% {
background-size: 100% 100%;
}
}
}
.sticky{
position: sticky;
top: 130px;
left: auto;
}
.know-more .subtitle{
font-size: 20px;
font-weight: bold;
line-height: 20px;
}
.know-more .title{
font-size: 50px;
font-weight: bold;
line-height: 55px;
}
section.headline-slider{
width: 100%;
padding: 0px;
position: relative;
}
section.headline-slider .icon{
width: 60px;
height: 60px;
border-radius: 999px;
overflow: hidden;
border: solid 2px white;
margin: 0px 0px 0px 10px;
float: right;
-webkit-box-shadow: 0px 0px 16px -16px #000000;
box-shadow: 0px 0px 16px -16px #000000;
transition: all 500ms;
}
section.headline-slider .icon:hover{
-webkit-box-shadow: 0px 0px 16px 1px #00000044;
box-shadow: 0px 0px 16px 1px #00000044;
}
section.headline-slider .tooltip{
position: absolute;
top: -30px;
background: white;
border-radius: 999px;
padding: 20px;
text-align: center;
width: 100px;
}
@media (min-width: 1024px){
.desktop-p50{
padding: 50px !important;
}
}
.intro-headline{
font-size: 42px;
line-height: 51px;
}
.intro-zahl .highlight{
font-size: 38px;
font-weight: bold;
line-height: 42px;
color: #e13139;
}
.checklist ul{
margin: 0 0 20px 0;
padding: 0;
list-style-position: inside;
}
.checklist li {
list-style-image: url(//fassadenkontor.de/wp-content/themes/rvd/images/check.svg);
}
.slick-slide{
padding: 25px;
}
.tile-title{
position: absolute;
bottom: 10px;
left: 10px;
color: white;
z-index: 2;
}
.polaroid{
background: white;
padding: 10px;
-webkit-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.68);
box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.68);
}
.polaroid p{
font-size: 19px;
text-align: center;
padding-top: 15px;
font-weight: bold;
}
.polaroid .icons{
position: absolute;
right: 10px;
bottom: 10px;
}
.polaroid .icon{
width: 40px;
height: 40px;
border-radius: 999px;
overflow: hidden;
border: solid 2px white;
margin: 0px 0px 0px 10px;
float: right;
-webkit-box-shadow: 0px 0px 16px -16px #000000;
box-shadow: 0px 0px 16px -16px #000000;
transition: all 500ms;
}
.polaroid .icon:hover{
-webkit-box-shadow: 0px 0px 16px 1px #00000044;
box-shadow: 0px 0px 16px 1px #00000044;
}
.br20 img{
border-radius: 20px;
overflow: hidden;
}
.page h1{
font-size: 58px;
}
@media (max-width: 430px){
.page h1{
font-size: 32px;
}
}
.page ul{
margin: 0;
margin-left: 20px;
margin-bottom: 15px;
padding: 0;
}
.w100,
.w100 .wpb_wrapper.vc_figure,
.w100 .vc_single_image-wrapper.vc_box_border_grey,
.w100 .wpb_wrapper.vc_figure img{
width: 100%;
}
.toc{
background: #e13139;
border-radius: 20px;
padding: 20px;
color: white;
margin-bottom: 0px !important;
}
.toc ul{
margin: 0;
padding: 0;
list-style-type: auto;
padding-left: 16px;
}
.toc ul li{
padding: 3px 0px;
}
.toc ul li a{
color: white;
} ul.sticky-contacts{
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
background: white;
border-radius: 10px;
list-style: none;
display: flex;
gap: 20px;
padding: 10px;
margin: 0 !important;
z-index: 99999;
max-width: 380px;
box-shadow: 0px 0px 10px #0000004d;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 40px);
}
@media (min-width: 768px){
ul.sticky-contacts{
}
}
ul.sticky-contacts li{
flex: 1 1 0px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
border: solid 1px #a9a9a9;
border-radius: 8px;
padding: 3px 4px;
justify-content: center;
}
ul.sticky-contacts li small{
font-size: 12px;
}
ul.sticky-contacts li .icon{
font-size: 30px;
max-width: 30px;
}
ul.sticky-contacts li .title{
margin: 0;
color: black !important;
}
ul.sticky-contacts li .subtitle{
font-size: 12px;
margin: 0;
}
ul.sticky-contacts li:hover {
background: #f6f6f6;
}
.wpb_video_wrapper iframe{
border-radius: 20px;
overflow: hidden;
}
.video-tile{
width: 100%;
border-radius: 20px;
}