.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.swpm-margin-10{
margin: 10px;
}
.swpm-margin-top-10{
margin-top: 10px;
}
.swpm-margin-bottom-10{
margin-bottom: 10px;
}
.swpm-text-center{
text-align: center;
}
.swpm-hidden{
display: none;
}
.swpm-green-success-text{
font-weight: bold;
color: green;    
}
.swpm-red-error-text{
font-weight: bold;
color: red;
}
.swpm-box-shadow {
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.swpm-yellow-box{
margin: 10px 0px;
padding: 10px;
background-color: #FFFFE0;
border-color: #E6DB55;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
}
.swpm-red-box {
margin: 10px 0px;
padding: 10px;
background-color: #FFEBE8;
border-color: #CC0000;
color: #333333;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-orange-box{
margin: 10px 0px;
padding: 15px 10px;
color: #3F2502;
background-color: #FFF6D5;
border-color: #D1B655;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-white-box{
margin: 10px 0px;
padding: 15px 10px;
color: #3c434a;
background-color: #fff;
border-color: #c3c4c7;
border-width: 1px;
border-radius: 3px 3px 3px 3px;
border-style: solid;
} .swpm-grey-box{
margin: 10px 0px;
padding: 15px 10px;
background-color: #DDDDDD;
border-color: #CCCCCC;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-green-box {
margin: 10px 0px;
padding: 15px 10px;
background-color: #CCF4D6;
border-color: #059B53;
color: #043B14;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-blue-box {
margin: 10px 0px;
padding: 15px 10px;
background-color: #E7F4FE;
border-color: #AACEE6;
color: #1D263B;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-submit-btn-default-style {
min-width: 150px;
padding: 0.5em 1em;
cursor: pointer;
} .swpm-tooltip-notes-container{
position: relative;
display: inline-block;
}
.swpm-tooltip-notes-style-1 {
display: none;
margin-top: 5px;
padding: 4px 7px;
border-radius: 3px;
background-color: #2d2d2d;
color: #FFFFFF;
z-index: 9999;
} .swpm-payment-block-ic-wrapper{
padding: 16px;
} .swpm-button-wrapper input[type="submit"]{
width: auto !important;
height: auto !important;
}
.swpm-button-wrapper input[type="image"]{
width: auto !important;
height: auto !important;    
} .swpm-login-widget-form input,.swpm-login-widget-form checkbox{
width: auto;
}
.swpm-username-input, .swpm-password-input{
margin-bottom: 10px;
}
.swpm-login-submit{
margin: 10px 0px;
}
.swpm-login-widget-action-msg{
font-weight: bold;    
}
.swpm-logged-label{
font-weight: bold;
}
.swpm-logged-subs-status-value{
font-weight: bold;
color:#CC0000;
}
.swpm-logged-subs-status-description{
opacity: 0.8;
}
.swpm-edit-profile-link{
font-weight: bold;
}
.swpm-logged-logout-link{
font-weight: bold;
} .swpm-pw-reset-submit-button{
margin: 10px 0px;
}
.swpm-pw-reset-widget-form table{
border: none;
}
.swpm-pw-reset-widget-form tr{
border: none;
}
.swpm-pw-reset-widget-form td{
border: none;
}
.swpm-reset-pw-error{
font-weight: bold;
color: red;
}
.swpm-reset-pw-success-box{
margin: 10px 0px;
padding: 15px 10px;
background-color: #CCF4D6;
border-color: #059B53;
color: #043B14;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;    
} .swpm-registration-widget-form td{
min-width: 100px;
}
.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"]{
width: 95%;
position: relative;
}
#swpm-accept-terms{
position: relative; }
#swpm-accept-pp{
position: relative; }
.swpm_already_used_registration_complete_link_msg{
font-weight: bold;
}
.swpm_registration_hidden_to_logged_users_msg{
font-weight: bold;
}
.swpm_registration_complete_link_invalid_msg{
font-weight: bold;
} .swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
width: 95%;
position: relative; }
.swpm-edit-profile-form select {
width: 95%;
}
.swpm-edit-profile-submit-section{
text-align: center;
}
.swpm-profile-account-delete-section{
text-align: center;
}
.swpm-profile-account-delete-section a{
color: red !important;
}
.swpm-profile-update-success{
font-weight: bold;
color: green;    
}
.swpm-profile-update-error{
font-weight: bold;
color: red;    
} .swpm-restricted{
font-weight: bold;
color:red;
}
.swpm-select-box-left{
margin: 0;
padding-bottom: 5px;
} .swpm-ppcp-txn-success-message{
font-weight: bold;
color: green;
margin: 15px 0px;
} .swpm_status_completed{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #b6e4b6;
}
.swpm_status_refunded{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #e4d4b6;
}
.swpm_status_general{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #dedede;
}
.swpm_status_subscription, .swpm_status_subscription_created{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #b6dee4;
}
.swpm_status_subscription_cancelled{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #e4d4b6;
}
.swpm-active-subs-table{
width: 100%;
}
.swpm-active-subs-table td, .swpm-active-subs-table th{
text-align: left;
padding: 6px 10px;
}
.swpm-sub-attached-to-profile{
font-style: italic;
opacity: 0.7;
}
.swpm-cancel-subscription-button{
padding: 8px 15px;
text-align: center;
border-radius: 4px;
border: none; 
outline: none; 
margin: auto;
}
.swpm-cancel-subscription-button-active{
background-color: #ff6a6a;
cursor: pointer;
color: white;
}
.swpm-cancel-subscription-button-active:hover{
background-color: #d95e5e;
transition: 200ms;
}
.swpm-active-subs-api-key-error-msg{
color: #cc0000;
}
.swpm-cancel-subscription-form{
margin-bottom: 0;
} @media (max-width: 420px) {  .swpm-pw-reset-text {
width: 100%;
}
} .swpm-stats-container{
overflow: hidden;
}
.swpm-stats-container th{
font-weight: bold;
}
.swpm-stats-container .table-column{ order: 2;
}
.swpm-stats-container .char-column{ order: 1;
}
.swpm_report_date_range_form {
width: 100%;
display: flex;
align-items: end;
margin-bottom: 10px;
flex-wrap: wrap;
}
.swpm_report_date_range_form label{
font-size: smaller;
}
.swpm_report_date_range_form div:last-child{
margin-top: 5px;
}
.swpm_report_total_container{
margin-top: 6px; }
@media (min-width: 768px) {
.swpm-stats-container{
display: flex;
align-items: center;
}
.swpm-stats-container .table-column{
min-width: 50%;
order: 1;
}
.swpm-stats-container .table-column-80X{
min-width: 80%;
}
.swpm-stats-container .char-column{ flex-grow: 1;
padding: 24px 10px;
order: 2;
}
.swpm_report_date_range_form div:last-child{
margin-top: 0px;
margin-left: 4px;
}
}  .swpm-validate-form .form-table td.error input{
border-color: #cc0000;
}
.swpm-validate-form .form-table td.error ul{
margin: 4px 0 0;
color: #cc0000;
list-style: none !important;
font-size: smaller !important;
}   .swpm-woocommerce-page-protection-msg{
text-align: center;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}@font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-100.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-100italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 200;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-200.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 200;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-200italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-300italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-500italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 600;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 600;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-600italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-700italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 800;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-800.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 800;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-800italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-900.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url(//www.biomassehof.de/wp-content/plugins/bmh-preisrechner/fonts/roboto-v49-latin-900italic.woff2) format('woff2'); }
:root {
--fontSize: 0.95vw;
}
@media (max-width: 1450px) {
:root {
--fontSize: 1.4vw;
}
}
@media (max-width: 1024px) {
:root {
--fontSize: 1.6vw;
}
}
@media (max-width: 1000px) {
:root {
--fontSize: 1.8vw;
}
}
@media (max-width: 768px) {
:root {
--fontSize: 2vw;
}
}
@media (max-width: 650px) {
:root {
--fontSize: 2.5vw;
}
}
@media (max-width: 600px) {
:root {
--fontSize: 3vw;
}
}
@media (max-width: 500px) {
:root {
--fontSize: 4vw;
}
}
@media (max-width: 400px) {
:root {
--fontSize: 18px;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
body {
min-height: 100vh;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
line-height: 1.4;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: inherit;
transition: 0.5s;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
height: auto;
}
input,
button,
textarea,
select {
font: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
b,
strong {
font-weight: 600;
}
#productpanel,
#productpanel * {
font-size: var(--fontSize);
}
#productpanel h1,
#productpanel * h1,
#productpanel h2,
#productpanel * h2,
#productpanel h3,
#productpanel * h3,
#productpanel h4,
#productpanel * h4,
#productpanel h5,
#productpanel * h5,
#productpanel h6,
#productpanel * h6 {
padding-bottom: 0;
line-height: 1.1;
}
#pricecalculator,
#pricecalculator * {
font-size: var(--fontSize);
}
#pricecalculator h1,
#pricecalculator * h1,
#pricecalculator h2,
#pricecalculator * h2,
#pricecalculator h3,
#pricecalculator * h3,
#pricecalculator h4,
#pricecalculator * h4,
#pricecalculator h5,
#pricecalculator * h5,
#pricecalculator h6,
#pricecalculator * h6 {
padding-bottom: 0;
line-height: 1.1;
}
#productpanel,
#pricecalculator {
font-family: 'Roboto', sans-serif;
}
#productpanel a.btn-primary,
#pricecalculator a.btn-primary,
#productpanel button.btn-primary,
#pricecalculator button.btn-primary {
display: inline-block;
padding: 1em;
color: white;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #659A45;
border: 2px solid #659A45;
border-radius: 0.5em;
transition: 0.5s;
}
@media (max-width: 600px) {
#productpanel a.btn-primary,
#pricecalculator a.btn-primary,
#productpanel button.btn-primary,
#pricecalculator button.btn-primary {
padding: 1em 0.75em;
width: 100%;
text-align: center;
}
}
#productpanel a.btn-primary:hover,
#pricecalculator a.btn-primary:hover,
#productpanel button.btn-primary:hover,
#pricecalculator button.btn-primary:hover {
cursor: pointer;
background-color: transparent;
color: #659A45;
}
#productpanel button.btn-primary.ghost,
#pricecalculator button.btn-primary.ghost {
font-size: 0.9em;
display: inline-block;
padding: 0.6em 1em 0.5em 1em;
color: #659A45;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 2px solid #659A45;
border-radius: 0.5em;
transition: 0.5s;
}
@media (max-width: 650px) {
#productpanel button.btn-primary.ghost,
#pricecalculator button.btn-primary.ghost {
font-size: 0.7em;
}
}
@media (max-width: 600px) {
#productpanel button.btn-primary.ghost,
#pricecalculator button.btn-primary.ghost {
padding: 0.6em 0.7em 0.5em 0.7em;
width: -moz-fit-content;
width: fit-content;
}
}
#productpanel button.btn-primary.ghost:hover,
#pricecalculator button.btn-primary.ghost:hover {
cursor: pointer;
background-color: #659A45;
color: white;
}
#productpanel button.btn-secondary,
#pricecalculator button.btn-secondary {
display: inline-block;
padding: 1em;
color: white;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #DE7011;
border: 2px solid #DE7011;
border-radius: 0.5em;
transition: 0.5s;
}
@media (max-width: 600px) {
#productpanel button.btn-secondary,
#pricecalculator button.btn-secondary {
padding: 1em 0.75em;
width: 100%;
text-align: center;
}
}
#productpanel button.btn-secondary:hover,
#pricecalculator button.btn-secondary:hover {
cursor: pointer;
background-color: transparent;
color: #DE7011;
}
#productpanel .row,
#pricecalculator .row {
display: flex;
flex-wrap: wrap;
margin: 0 -0.75em;
}
#productpanel .row .column,
#pricecalculator .row .column {
padding: 0 0.75em;
margin-bottom: 1.5em;
}
#productpanel .row .column.is-1-1,
#pricecalculator .row .column.is-1-1 {
width: 100%;
}
#productpanel .row .column.is-1-2,
#pricecalculator .row .column.is-1-2 {
width: 50%;
}
@media (max-width: 768px) {
#productpanel .row .column.is-1-2,
#pricecalculator .row .column.is-1-2 {
width: 100%;
}
}
#productpanel .row .member-info,
#pricecalculator .row .member-info,
#productpanel .row .customer-info,
#pricecalculator .row .customer-info {
font-weight: 400;
color: #DE7011;
line-height: 1.3;
}
#productpanel .row .member-info a,
#pricecalculator .row .member-info a,
#productpanel .row .customer-info a,
#pricecalculator .row .customer-info a {
font-weight: 500;
text-decoration: underline;
}
#productpanel .row .check-col,
#pricecalculator .row .check-col {
margin-bottom: 0.75em;
}
#productpanel .row .check-col .slide-enter-active,
#pricecalculator .row .check-col .slide-enter-active,
#productpanel .row .check-col .slide-leave-active,
#pricecalculator .row .check-col .slide-leave-active {
transition: all 0.8s ease;
overflow: hidden;
}
#productpanel .row .check-col .slide-enter-from,
#pricecalculator .row .check-col .slide-enter-from,
#productpanel .row .check-col .slide-leave-to,
#pricecalculator .row .check-col .slide-leave-to {
max-height: 0;
opacity: 0;
}
#productpanel .row .check-col .slide-enter-to,
#pricecalculator .row .check-col .slide-enter-to,
#productpanel .row .check-col .slide-leave-from,
#pricecalculator .row .check-col .slide-leave-from {
max-height: 10em;
opacity: 1;
}
#productpanel .field,
#pricecalculator .field {
display: flex;
flex-direction: column;
}
#productpanel .field .label,
#pricecalculator .field .label {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
padding: 0 1em 0.25em 1em;
color: white;
font-weight: 500;
}
#productpanel .field input,
#pricecalculator .field input,
#productpanel .field textarea,
#pricecalculator .field textarea {
width: 100%;
max-width: 100%;
font-size: 1em;
padding: 1em;
border: 3px solid transparent;
border-radius: 0.5em;
background-color: white;
transition: 0.5s;
font-weight: 400;
-webkit-box-shadow: none !important;
margin: 0 !important;
color: #202627;
font-style: normal;
line-height: 1.5;
}
#productpanel .field input.error,
#pricecalculator .field input.error,
#productpanel .field textarea.error,
#pricecalculator .field textarea.error {
border: 3px solid #DE7011;
background-color: #f7eadf;
}
#productpanel .field ::-moz-placeholder, #pricecalculator .field ::-moz-placeholder {
font-weight: 500;
color: #29313333;
}
#productpanel .field ::placeholder,
#pricecalculator .field ::placeholder {
font-weight: 500;
color: #29313333;
}
#productpanel .field label.custom-checkbox,
#pricecalculator .field label.custom-checkbox {
display: flex;
align-items: flex-start;
position: relative;
margin-bottom: 1.5em;
}
#productpanel .field label.custom-checkbox:hover,
#pricecalculator .field label.custom-checkbox:hover {
cursor: pointer;
}
#productpanel .field label.custom-checkbox input,
#pricecalculator .field label.custom-checkbox input {
position: absolute;
visibility: hidden;
opacity: 0;
}
#productpanel .field label.custom-checkbox input:checked + .status .inner,
#pricecalculator .field label.custom-checkbox input:checked + .status .inner {
background-color: #202627;
}
#productpanel .field label.custom-checkbox input.error + .status + .label,
#pricecalculator .field label.custom-checkbox input.error + .status + .label {
color: #DE7011;
}
#productpanel .field label.custom-checkbox .status,
#pricecalculator .field label.custom-checkbox .status {
width: 1.5em;
height: 1.5em;
margin-right: 1em;
border: 2px solid white;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
}
#productpanel .field label.custom-checkbox .status .inner,
#pricecalculator .field label.custom-checkbox .status .inner {
background-color: transparent;
width: 0.8em;
height: 0.8em;
}
#productpanel .field label.custom-checkbox .txt,
#pricecalculator .field label.custom-checkbox .txt {
display: block;
flex: 1;
color: white;
line-height: 1.6;
}
#productpanel .field label.custom-checkbox .txt.invalid,
#pricecalculator .field label.custom-checkbox .txt.invalid {
color: #DE7011;
}
#productpanel .field label.custom-checkbox .txt a,
#pricecalculator .field label.custom-checkbox .txt a {
color: inherit;
display: inline-block;
position: relative;
text-decoration: none;
transition: 0.5s;
font-weight: 600;
}
#productpanel .field label.custom-checkbox .txt a:after,
#pricecalculator .field label.custom-checkbox .txt a:after {
content: '';
position: absolute;
bottom: -0.1em;
left: 0;
right: 0;
height: 2px;
background-color: #659A45;
}
#productpanel .field label.custom-checkbox .txt a:hover,
#pricecalculator .field label.custom-checkbox .txt a:hover {
color: #659A45;
}
#productpanel .field .hint,
#pricecalculator .field .hint {
color: #DE7011;
font-size: 0.9em;
margin-top: 0.5em;
}
#productpanel .field.custom,
#pricecalculator .field.custom {
flex-direction: row;
align-items: center;
margin-bottom: 0.5em;
}
#productpanel .field.custom label.custom-checkbox,
#pricecalculator .field.custom label.custom-checkbox {
margin-bottom: 0;
}
#productpanel .field.custom label.custom-checkbox input:checked + .status .inner,
#pricecalculator .field.custom label.custom-checkbox input:checked + .status .inner {
background-color: #DE7011;
}
#productpanel .field.custom .icon,
#pricecalculator .field.custom .icon {
margin-left: 1em;
line-height: 0;
width: -moz-fit-content;
width: fit-content;
}
#productpanel .field.custom .icon svg,
#pricecalculator .field.custom .icon svg {
width: 1.5em;
height: 1.5em;
}
#productpanel .field.custom .icon svg path,
#pricecalculator .field.custom .icon svg path {
fill: #DE7011;
}
#productpanel {
background-color: #202627;
color: white;
border-radius: 1.25em;
}
#productpanel .start-form {
width: 100%;
}
#productpanel .start-form form {
width: 100%;
display: flex;
padding: 2em;
}
@media (max-width: 768px) {
#productpanel .start-form form {
flex-direction: column;
}
}
@media (max-width: 600px) {
#productpanel .start-form form {
padding: 1.3em;
}
}
#productpanel .start-form form .left {
padding: 0 3em;
}
@media (max-width: 1024px) {
#productpanel .start-form form .left {
padding: 0 2em;
}
}
@media (max-width: 768px) {
#productpanel .start-form form .left {
padding: 0 0 2em 0;
}
}
#productpanel .start-form form .left .icon {
line-height: 0;
}
#productpanel .start-form form .left .icon img {
width: 11em;
height: auto;
}
@media (max-width: 1024px) {
#productpanel .start-form form .left .icon img {
width: 7em;
}
}
@media (max-width: 1000px) {
#productpanel .start-form form .left .icon img {
width: 6em;
}
}
#productpanel .start-form form .right {
flex: 1;
}
#productpanel .start-form form .right .top {
width: 100%;
padding-bottom: 1.5em;
margin-bottom: 1.5em;
position: relative;
}
#productpanel .start-form form .right .top h2 {
color: white !important;
margin: 0;
font-size: 2.5em;
font-weight: 600;
}
@media (max-width: 600px) {
#productpanel .start-form form .right .top h2 {
font-size: 2em;
}
}
#productpanel .start-form form .right .top p {
font-size: 1em;
color: white;
margin: 0.25em 0 0 0;
font-weight: 300;
}
#productpanel .start-form form .right .top:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #659a45 0%, #293133 100%);
}
#pricecalculator {
background-color: #202627;
color: white;
border-radius: 1.25em;
}
#pricecalculator .calculator-form {
display: flex;
padding: 2em;
}
@media (max-width: 768px) {
#pricecalculator .calculator-form {
flex-direction: column;
}
}
@media (max-width: 500px) {
#pricecalculator .calculator-form {
padding: 1em;
}
}
#pricecalculator .calculator-form .left-part {
padding: 0 3em;
}
@media (max-width: 1024px) {
#pricecalculator .calculator-form .left-part {
padding: 0 2em;
}
}
@media (max-width: 768px) {
#pricecalculator .calculator-form .left-part {
padding: 0 0 2em 0;
}
}
#pricecalculator .calculator-form .left-part .icon {
line-height: 0;
}
#pricecalculator .calculator-form .left-part .icon img {
width: 11em;
height: auto;
}
@media (max-width: 1024px) {
#pricecalculator .calculator-form .left-part .icon img {
width: 7em;
}
}
@media (max-width: 1000px) {
#pricecalculator .calculator-form .left-part .icon img {
width: 6em;
}
}
#pricecalculator .calculator-form .right-part {
flex: 1;
}
#pricecalculator .calculator-form .right-part .top {
width: 100%;
padding-bottom: 1.5em;
margin-bottom: 1.5em;
position: relative;
}
#pricecalculator .calculator-form .right-part .top h2 {
color: white !important;
margin: 0;
font-size: 2.5em;
font-weight: 600;
}
#pricecalculator .calculator-form .right-part .top p {
font-size: 1em;
color: white;
margin: 0.25em 0 0 0;
font-weight: 300;
}
#pricecalculator .calculator-form .right-part .top:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #659a45 0%, #293133 100%);
}
#pricecalculator .calculator-form .right-part .step:not(.right) {
padding-bottom: 1.5em;
margin-bottom: 1.5em;
position: relative;
}
#pricecalculator .calculator-form .right-part .step:not(.right):after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #659a45 0%, #293133 100%);
}
#pricecalculator .calculator-form .right-part .step:not(.right):last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#pricecalculator .calculator-form .right-part .step:not(.right):last-child:after {
display: none;
}
#pricecalculator .calculator-form .right-part .first-step.right {
height: 0;
padding-bottom: 0;
margin-bottom: 0;
position: relative;
}
#pricecalculator .calculator-form .right-part .first-step.right button.btn-primary.ghost {
position: absolute;
right: 0;
top: 0;
display: block;
z-index: 1;
}
@media (max-width: 600px) {
#pricecalculator .calculator-form .right-part .first-step.right button.btn-primary.ghost {
position: static;
}
}
@media (max-width: 600px) {
#pricecalculator .calculator-form .right-part .first-step.right {
height: unset;
display: flex;
justify-content: flex-end;
margin-bottom: 0.5em;
}
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum {
display: flex;
align-items: center;
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum:first-child,
#pricecalculator .calculator-form .right-part .second-step .summaries .sum:nth-child(3) {
margin-bottom: 1em;
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum .left {
width: 40%;
font-weight: 700;
}
@media (max-width: 600px) {
#pricecalculator .calculator-form .right-part .second-step .summaries .sum .left {
width: 50%;
}
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum .right {
flex: 1;
font-weight: 400;
}
@media (max-width: 600px) {
#pricecalculator .calculator-form .right-part .second-step .summaries .sum .right {
text-align: right;
}
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum.last .right {
font-weight: 700;
}
#pricecalculator .calculator-form .right-part .second-step .summaries .sum.last .right span {
display: inline-block;
font-size: 0.9em;
font-weight: 400;
opacity: 0.4;
margin-left: 0.25em;
}
#pricecalculator .calculator-form .right-part .second-step .summaries .empty {
display: block;
height: 1.5em;
margin-bottom: 1em;
position: relative;
}
#pricecalculator .calculator-form .right-part .second-step .summaries .empty:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #659a45 0%, #293133 100%);
}
#pricecalculator .calculator-form .right-part .second-step .summaries .down-hint {
padding-top: 1em;
font-weight: 300;
line-height: 1.5;
}
#pricecalculator .calculator-form .right-part .second-step .actions {
margin-top: 0.5em;
padding-top: 1em;
display: flex;
-moz-column-gap: 1.5em;
column-gap: 1.5em;
}
@media (max-width: 650px) {
#pricecalculator .calculator-form .right-part .second-step .actions {
flex-direction: column;
-moz-column-gap: unset;
column-gap: unset;
row-gap: 1.5em;
}
}
#pricecalculator .calculator-form .right-part .third-step {
margin-bottom: 0;
}
#pricecalculator .calculator-form .right-part .third-step h3 {
color: white !important;
font-weight: 700;
font-size: 1.3em;
margin-bottom: 1em;
}
#pricecalculator .calculator-form .right-part .third-step .error-hint {
padding-bottom: 1em;
color: #DE7011;
text-align: center;
font-weight: 400;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox {
display: flex;
align-items: flex-start;
position: relative;
margin-bottom: 1.5em;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox:hover {
cursor: pointer;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox input {
position: absolute;
visibility: hidden;
opacity: 0;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox input:checked + .status .inner {
background-color: #202627;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox input.error + .status {
border-color: #DE7011;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox input.error + .status + .txt {
color: #DE7011;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .status {
width: 1.5em;
height: 1.5em;
margin-right: 1em;
border: 2px solid white;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .status .inner {
background-color: transparent;
width: 0.8em;
height: 0.8em;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .txt {
display: block;
flex: 1;
color: white;
line-height: 1.5;
font-weight: 300;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .txt.invalid {
color: #DE7011;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .txt a {
color: inherit;
display: inline-block;
position: relative;
text-decoration: none;
transition: 0.5s;
font-weight: 600;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .txt a:after {
content: '';
position: absolute;
bottom: -0.1em;
left: 0;
right: 0;
height: 2px;
background-color: #659A45;
}
#pricecalculator .calculator-form .right-part .third-step label.custom-checkbox .txt a:hover {
color: #659A45;
}
#pricecalculator .calculator-form .right-part .third-step .delivery {
padding-top: 1em;
}
#pricecalculator .calculator-form .right-part .final h2 {
color: white !important;
font-weight: 700;
font-size: 2.8em;
margin-bottom: 0.5em;
}
#pricecalculator .calculator-form .right-part .final .inner .text p {
line-height: 1.6;
margin-bottom: 1em;
font-weight: 400;
}
#pricecalculator .calculator-form .right-part .final .inner .text p span {
display: inline-block;
font-weight: 600;
}
#pricecalculator .calculator-form .right-part .final .inner .text p a {
color: #659A45;
transition: 0.5s;
}
#pricecalculator .calculator-form .right-part .final .inner .text p a:hover {
text-decoration: underline;
}
#pricecalculator .calculator-form .right-part .final .inner .note {
padding-top: 0.5em;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum {
display: flex;
align-items: center;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum:first-child,
#pricecalculator .calculator-form .right-part .final .summaries .sum:nth-child(3) {
margin-bottom: 1em;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum .left {
width: 40%;
font-weight: 700;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum .right {
flex: 1;
font-weight: 400;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum.last .right {
font-weight: 700;
}
#pricecalculator .calculator-form .right-part .final .summaries .sum.last .right span {
display: inline-block;
font-size: 0.9em;
font-weight: 400;
opacity: 0.4;
margin-left: 0.25em;
}
#pricecalculator .calculator-form .right-part .final .summaries .empty {
display: block;
height: 1.5em;
margin-bottom: 1em;
position: relative;
}
#pricecalculator .calculator-form .right-part .final .summaries .empty:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #659a45 0%, #293133 100%);
}
#pricecalculator .calculator-form .right-part .final .summaries .down-hint {
padding-top: 1em;
text-transform: uppercase;
}[class*=et_pb_section_dap_]{width:100%}#et-boc .area-outer-wrap{max-height:100vh;max-width:100vw;pointer-events:none;position:fixed;z-index:100}#et-boc .area-outer-wrap.entry-content{padding:0}#et-boc .area-outer-wrap[data-da-type=popup]{min-width:320px;padding:10px}@media screen and (min-width:981px){#et-boc .area-outer-wrap[data-da-type=popup]{width:90%}}@media screen and (max-width:980px){#et-boc .area-outer-wrap[data-da-type=popup]{width:100%}}@media (min-width:981px){#et-boc .area-outer-wrap .et_pb_row.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_row_inner.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}#et-boc .area-outer-wrap[data-da-type=inline]{bottom:unset;height:unset;left:unset;max-height:unset;max-width:unset;position:relative;right:unset;top:unset;-webkit-transform:unset;transform:unset;width:unset}#et-boc .area-outer-wrap>[data-da-area]{-ms-scroll-chaining:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:block!important;-ms-flex-direction:column;flex-direction:column;height:100%;margin:auto;overscroll-behavior:contain;pointer-events:all;position:relative}#et-boc .area-outer-wrap>[data-da-area]>.et_pb_section{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}#et-boc .area-outer-wrap>[data-da-area] .clearfix:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row_inner:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_slides:after{content:""}#et-boc .area-outer-wrap.full-height[data-da-overflow=full_height]>[data-da-area],#et-boc .area-outer-wrap[data-da-overflow=clip]>[data-da-area]{overflow:auto}#et-boc .area-outer-wrap[data-da-overflow=show]>[data-da-area]{overflow:visible}#et-boc .area-outer-wrap[data-da-type=flyin].full-height,#et-boc .area-outer-wrap[data-da-type=popup].full-height{bottom:0!important;height:auto!important;margin-top:0!important;top:0!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height [data-da-area],#et-boc .area-outer-wrap[data-da-type=popup].full-height [data-da-area]{max-height:100%}#et-boc .area-outer-wrap[data-da-type=flyin].full-height[data-da-size=auto] .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height[data-da-size=auto] .da-close-wrap{height:calc(100% - 20px)!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height:not([data-da-size=auto]) .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height:not([data-da-size=auto]) .da-close-wrap{height:100%!important}#et-boc .area-outer-wrap[data-da-size=full_screen],#et-boc .area-outer-wrap[data-da-size=full_width]{max-width:100vw;min-width:100vw;padding-left:0;padding-right:0;width:100vw}#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=top],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=top]{padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_screen] .et_pb_section,#et-boc .area-outer-wrap[data-da-size=full_width] .et_pb_section{max-width:none;min-width:100%;width:100%}#et-boc .area-outer-wrap[data-da-size=full_height],#et-boc .area-outer-wrap[data-da-size=full_screen]{height:100vh;max-height:100vh;min-height:100vh;padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=right],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=right]{padding-left:0;padding-right:0}#et-boc .area-outer-wrap .da-close-wrap{display:block;left:50%;overflow:visible;pointer-events:none;position:absolute;text-align:right;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .6s .3s;-o-transition:opacity .6s .3s;transition:opacity .6s .3s;z-index:100}#et-boc .area-outer-wrap .da-close{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:20px;font-weight:700;height:30px;line-height:30px;opacity:.7;pointer-events:all;position:absolute;right:0;text-align:center;text-decoration:none;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:30px}#et-boc .area-outer-wrap .da-close:focus,#et-boc .area-outer-wrap .da-close:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#et-boc .area-outer-wrap[data-da-close-btn=no] .da-close-wrap{display:none!important}#et-boc .area-outer-wrap[data-da-close-btn=yes] .da-close-wrap{display:block}#et-boc .area-outer-wrap[data-da-color=light] .da-close{background:#fff2;-webkit-box-shadow:0 0 3px 1px #00000008;box-shadow:0 0 3px 1px #00000008;color:#333}#et-boc .area-outer-wrap[data-da-color=light] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover{background:#fff;-webkit-box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;color:#000}#et-boc .area-outer-wrap[data-da-color=dark] .da-close{background:#0002;-webkit-box-shadow:0 0 0 1px #ffffff08;box-shadow:0 0 0 1px #ffffff08;color:#eee;text-shadow:0 0 1px #000,0 0 3px #000a}#et-boc .area-outer-wrap[data-da-color=dark] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=dark] .da-close:hover{background:#2b2b2b;-webkit-box-shadow:0 0 1px 1px #fff3;box-shadow:0 0 1px 1px #fff3;color:#fff}#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:focus,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:hover{background:transparent;-webkit-box-shadow:none;box-shadow:none}#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area]{background-image:url(//www.biomassehof.de/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//www.biomassehof.de/wp-content/plugins/popups-for-divi/images/spin.gif),radial-gradient(circle at center,#fff 65%,#fff0 66%)!important;background-position:50%;background-repeat:no-repeat;background-size:32px 32px,48px 48px!important}#et-boc .area-outer-wrap[data-da-shadow=yes] [data-da-area]{-webkit-box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2);box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2)}#et-boc .area-outer-wrap[data-da-shadow=no] [data-da-area]{-webkit-box-shadow:none;box-shadow:none}.area-outer-wrap [data-da-area]{display:block;pointer-events:all}.da-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.55);bottom:0;left:0;position:fixed;right:0;top:0;transition:-webkit-backdrop-filter 1s 1s,backdrop-filter 1s 1s;z-index:99}.da-overlay-visible{overflow:hidden}.da-overlay-visible .da-overlay{backdrop-filter:saturate(180%) blur(5px);-webkit-backdrop-filter:saturate(180%) blur(5px)}[data-area-hook]{display:none!important;visibility:hidden!important}.da-flyin-visible .mfp-bg,.da-hover-visible .mfp-bg,.da-popup-visible .mfp-bg{z-index:20000000}.da-flyin-visible .mfp-wrap,.da-hover-visible .mfp-wrap,.da-popup-visible .mfp-wrap{z-index:20000001}