:root { --pri_clr: #768470;
--pri_alt_clr: #535C4F;
--sec_clr: #B4C3AE;
--sec_alt_clr: #8A9884;
--ter_clr: #E0D5BA;
--qua_clr: #9699A0; --bgr_clr: #EEEEEE; --txt_drk_clr: #000000;
--txt_med_clr: #7B7E85;
--txt_wht_clr: #FFFFFF; --inp_drk_clr: #BEC5CC;
--inp_med_clr: #DDE3E9;
--inp_wht_clr: #EBEEF2; --chk_clr: #00FF4D;
--err_clr: #E02A27;
} .pri_clr,
pri {
color: var(--pri_clr);
}
.pri_alt_clr,
pri_alt {
color: var(--pri_clr_alt);
}
.sec_clr,
sec {
color: var(--sec_clr);
}
.sec_alt_clr,
sec_alt {
color: var(--sec_clr_lt);
}
.ter_clr,
ter {
color: var(--ter_clr);
} .txt_drk_clr {
color: var(--txt_drk_clr);
}
.txt_med_clr {
color: var(--txt_med_clr);
}
.txt_wht_clr {
color: var(--txt_wht_clr);
} .inp_drk_clr {
color: var(--inp_drk_clr);
}
.inp_med_clr {
color: var(--inp_med_clr);
}
.inp_wht_clr {
color: var(--inp_wht_clr);
} .chk-clr {
color: var(--chk_clr);
}
.err-clr {
color: var(--err_clr);
} :root {
--pad-120: 60px;
--pad-96: 48px;
--pad-80: 40px;
--pad-64: 32px;
--pad-48: 24px;
--pad-32: 16px;
--pad-24: 12px;
--pad-16: 8px;
--pad-8: 4px;
--pad-4: 2px;
} *,
*::before,
*::after {
outline: none;
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
text-rendering: optimizeLegibility !important;
padding: 0 !important;
margin: 0 !important;
} #secondary {
display: none;
}
section {
padding: var(--pad-120) 0; }
@media screen and (max-width:768px) {
section {
padding: var(--pad-64) 0; }
}
ul {
padding: 0;
margin: 0;
} .btn-big-wrapper{
width: auto !important;
}
a.btn-big,
button.btn-big,
input.btn-big,
input[type=submit],
input.wpcf7-form-control.wpcf7-submit,
a.btn-big-white,
button.btn-big-white,
input.btn-big-white,
a.btn-big-black,
button.btn-big-black,
input.btn-big-black {
font-family: var(--hdl_fnt);
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0.15rem;
color: #000;
background-color: #fff;
max-width: 100%;
padding: 14px 24px 12px 24px;
text-align: center;
border-radius: 8px;
margin-top: 0;
transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s !important;
white-space: unset;
border: none;
border-radius: 4px;
}
input.wpcf7-form-control.wpcf7-submit:hover{
color: #fff;
background-color: #000;
}
a.btn-big:hover,
button.btn-big:hover,
input.btn-big:hover,
input[type=submit]:hover {
background-color: var(--pri_alt_clr);
color: var(--txt_wht_clr);
}
.single-abverkauf a.btn-big:hover,
.single-abverkauf button.btn-big:hover,
.single-abverkauf input.btn-big:hover,
.single-abverkauf input[type=submit]:hover {
background-color: var(--pri_alt_clr);
color: var(--txt_wht_clr) !important;
}
a.btn-big.invert,
button.btn-big.invert,
input.btn-big.invert {
color: var(--pri_clr);
background-color: var(--txt_wht_clr);
}
a.btn-big.invert:hover,
button.btn-big.invert:hover,
input.btn-big.invert:hover {
background-color: #000;
color: #fff;
}
a.btn-big-white,
button.btn-big-white,
input.btn-big-white {
background-color: #fff;
color: #000;
}
a.btn-big-white:hover,
button.btn-big-white:hover,
input.btn-big-white:hover {
background-color: #000;
color: #fff;
}
a.btn-big-black,
button.btn-big-black,
input.btn-big-black {
background-color: #000;
color: #fff;
}
a.btn-big-black:hover,
button.btn-big-black:hover,
input.btn-big-black:hover {
background-color: #fff;
color: #000;
} a.btn-small,
a.frm_button_submit,
a.btn_small_outline {
font-family: var(--cpy_fnt);
font-weight: bold;
text-transform: uppercase;
font-size: 0.8125rem;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.15rem;
color: var(--txt_drk-clr);
background-color: var(--pri_clr);
max-width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px;
text-align: center; border-radius: 4px;
margin-top: 0;
transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s !important;
white-space: unset;
}
a.btn-small:hover {
background-color: var(--pri_alt_clr);
color: var(--txt_wht_clr);
}
.single-abverkauf a.btn-small:hover {
background-color: var(--pri_alt_clr);
color: var(--txt_wht_clr) !important;
}
a.btn-small.invert {
background-color: var(--txt_wht_clr);
color: var(--txt-drk_clr);
}
a.btn-small.invert:hover {
background-color: #000;
color: #fff;
}
a.btn_small_outline, a.btn_big_outline {
background-color: rgba(255, 255, 255, 0);
color: var(--txt-drk_clr);
border:rgba(0, 0, 0, 1) solid 1px;
}
a.btn_small_outline:hover{
background-color:  rgba(0, 0, 0, 1);
color: var(--txt_wht_clr);
border:rgba(0, 0, 0, 1) solid 1px;
}
@media screen and (max-width:498px) {
a.btn-small,
a.btn-small.invert {
padding: 16px;
}
a.btn-big,
a.btn-big.invert {
padding: 16px;
}
}
a.btn-text {
font-family: var(--cpy_fnt);
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.2px;
color: inherit;
background-color: transparent;
padding: 0;
margin-top: 0;
white-space: unset;
}
a.btn-text:hover {
color: #fff;
}
a.btn-text.invert {
color: #fff;
}
a.btn-text.invert:hover {
color: var(--prim-clr);
} input[type=text], textarea, input[type=tel], input[type=email] {
padding: 16px 16px;
border-radius: 4px;
border: 1px solid var(--inp_med_clr);
margin: 8px 0;
font-size: 14px;
font-family: var(--cpy_fnt);
}
textarea {
width: 100%;
} .wps-form {
width: 100%;
margin: 0 auto;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
height: 260px;
}
@media (max-width: 575.98px){
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
margin-top: -22px;
height: 200px;
}
.datenschutzblock{
margin-top: -24px;
}
}
.wpcf7 span.datenschutz input{
margin-top: -48px;
}
.datenschutz .wpcf7-list-item-label{
font-size: var(--psmall);
}
input.wpcf7-form-control.wpcf7-submit{
width: auto;
float: right;
margin-left: -24px;
}
.wpcf7 input.btn-big-white, input[type=submit]{
font-size: 1rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0.15rem;
color: var(--txt_wht_clr);
background-color: var(--pri_clr);
max-width: 100%;
padding: 12px 24px;
text-align: center;
border-radius: 8px;
margin-top: 0;
transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s !important;
white-space: unset;
border
} @media only screen and ( min-width: 48em ) {
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0.5rem 1rem;
}
} .shd_02z {
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
}
.shd_06z {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
}
.shd_12z {
box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.2), 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12);
}
.shd_24z {
box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12);
}