.datasheet-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
background-color: #f1f1f1;
color: #333;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
transition: background-color 0.3s ease;
}
.datasheet-button:hover {
background-color: #ddd;
}
.logoMw{
width: 160px;
}
.splide__slide {
opacity: 0.6;
}
.splide__slide.is-active {
opacity: 1;
}
.splide__slide img {
width: 100%;
height: 100%;
object-fit: contain;
}
.img_center{
display:flex;
flex-direction: column;
align-items: center;
}
.price {
font-family: 'Karla', sans-serif;
font-size: 1.05rem; font-weight: normal; }
.shop-icon{
width:25px;
height:25px;
}
.wrapper {
width: 100%;
min-height: 100vh;
background-image: url(/wp-content/plugins/monitorFinderNewTry/bg_0.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.count_box {
max-width: 25rem;
min-height: 5.625rem;
background: -webkit-gradient(linear, left top, right top, from(#544cf9), to(#814cf9));
background: linear-gradient(to right, #544cf9, #814cf9);
font-family: "Jost", sans-serif;
}
.count_clock img {
width: 2.8125rem;
}
.count_title h4 {
font-size: 1.146875rem;
font-weight: 800;
margin-bottom: -0.4rem;
}
.count_title span {
font-size: 1.146875rem;
font-weight: 800;
}
.count_number {
width: 14rem;
height: 4.5rem;
background-color: #ffffff;
}
.count_number .count_hours h3,
.count_number .count_min h3,
.count_number .count_sec h3 {
color: #000a38;
font-size: 1.75rem;
font-weight: 800;
margin-bottom: -0.4rem;
}
.count_number .count_hours span,
.count_number .count_min span,
.count_number .count_sec span {
color: #000a38;
font-size: 1rem;
font-weight: 800;
margin-bottom: 0rem;
padding-left: 0.2rem;
}
.count_number .count_hours:after,
.count_number .count_min:after,
.count_number .count_sec:after {
content: "";
width: 0.1875rem;
height: 2.5625rem;
top: 50%;
right: 80px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
background-color: #e1e1e1;
}
.count_number .count_hours:before,
.count_number .count_min:before,
.count_number .count_sec:before {
content: "";
width: 0.1875rem;
height: 2.5625rem;
top: 50%;
left: 80px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
background-color: #e1e1e1;
}
.multisteps_form {
max-width: 47.1875rem; -webkit-box-shadow: 0 -3em 3em rgba(73, 73, 73, 0.1), 0.3em 0.3em 1em rgba(73, 73, 73, 0.1);
box-shadow: 0 -3em 3em rgba(73, 73, 73, 0.1), 0.3em 0.3em 1em rgba(73, 73, 73, 0.1);
border-radius: 0.625rem;
padding:1%;
border: 2px solid #999
}
.multisteps_form_panel {
display: none;
}
.question_number span {
color: #e5e5e5;
font-size: 2.5rem;
}
.question_title h1 {
font-size: 2.5rem;
font-weight: 400;
background: -webkit-linear-gradient(#544cf9, #814cf9);
-webkit-text-fill-color: transparent;
}
.form_items_content2 label {
padding: 1.5rem;
border-radius: 0.5rem;
border: 2px solid #e1e1e1;
margin: 1rem;
cursor: pointer;
}
.form_items_content2 input {
display: none;
}
.form_items_content2:after {
content: "";
width: 1.7rem;
height: 1.7rem;
top: 20%;
right: 35px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
border-radius: 100%;
border: 2px solid #e1e1e1;
cursor: pointer;
}
.form_items_content2:before {
content: "";
top: 19.5%;
right: 39px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.2rem;
font-weight: 900;
background: -webkit-linear-gradient(#544cf9, #814cf9);
-webkit-text-fill-color: transparent;
z-index: 1;
position: absolute;
font-family: "Font Awesome 5 Free";
display: none;
}
.form_items_content2.active:after {
border: 2px solid #544cf9;
}
.form_items_content2.active:before {
display: block;
}
.form_items_icon img {
width: 3.75rem;
height: auto;
}
.form_items_text {
color: #576072;
font-size: 1.210625rem;
font-family:"Russo One", sans-serif !important;
}
.step_progress span {
color: #2f3146;
font-size: 1rem;
font-family: "Jost", sans-serif;
}
.progress {
border: 4px solid #ededed;
background-color: white;
}
.progress-bar {
background: -webkit-gradient(linear, left top, right top, from(#544cf9), to(#814cf9));
background: linear-gradient(to right, #544cf9, #814cf9);
padding: 1rem;
}
.f_btn {
font-size: 1.1rem;
outline: none;
border: none;
background: -webkit-gradient(linear, left top, right top, from(#554cf9), to(#804cf9));
background: linear-gradient(to right, #C2AB92, #FCB465);
}
.f_btn:hover {
color: #000000 !important;
background: -webkit-gradient(linear, left top, right top, from(#804cf9), to(#554cf9));
background: linear-gradient(to right, #804cf9, #554cf9);
-webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.next_btn {
padding: 0.9375rem 3rem;
}
.prev_btn {
padding: 0.9375rem 1.5625rem;
}
.right_img img {
background-position: center;
background-size: cover;
}
body {
font-weight: 400;
line-height: 1.65;
font-style: normal;
font-display: swap;
font-family: "Russo One", sans-serif;
}
a,
button,
input {
cursor: pointer;
text-decoration: none;
}
a:hover,
button:hover,
input:hover {
text-decoration: none;
}
a:focus,
button:focus,
input:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
} .animate_25ms {
-webkit-animation-delay: 25ms;
animation-delay: 25ms;
}
.animate_50ms {
-webkit-animation-delay: 50ms;
animation-delay: 50ms;
}
.animate_100ms {
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
}
.animate_150ms {
-webkit-animation-delay: 150ms;
animation-delay: 150ms;
}
.animate_200ms {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
} a,
button {
-webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
} @media (min-width: 1500px) {
.container {
max-width: 1510px;
}
} @media screen and (max-width: 1499.98px) {
.f_btn {
font-size: 1rem;
}
.next_btn {
padding: 0.8375rem 2.5rem;
}
.prev_btn {
padding: 0.8375rem 1.3625rem;
}
}
@media screen and (max-width: 1399.98px) {
.step_progress {
text-align: center;
}
.next_btn {
padding: 0.8375rem 1.5rem;
}
}
@media screen and (max-width: 1199.98px) {
.multisteps_form {
min-height: 48rem;
}
.question_number span {
font-size: 2rem;
}
.question_title h1 {
font-size: 2rem;
padding: 1.3rem !important;
}
.form_items_content2 label {
padding: 2rem;
}
.form_items_icon img {
width: 3rem;
}
.form_items_text {
font-size: 0.8rem;
}
.f_btn {
font-size: 0.8rem;
}
.next_btn {
padding: 0.7375rem 1.2rem;
margin-right: 0.1rem;
}
.prev_btn {
padding: 0.8375rem 1.3625rem;
}
}
@media screen and (max-width: 991.98px) {
.count_box {
max-width: 22rem;
min-height: 5rem;
}
.count_clock img {
width: 2.5rem;
}
.count_title h4 {
font-size: 0.8rem;
font-weight: 700;
margin-bottom: -0.4rem;
}
.count_title span {
font-size: 0.8rem;
font-weight: 700;
}
.count_number {
width: 11rem;
height: 4rem;
}
.count_number .count_hours h3,
.count_number .count_min h3,
.count_number .count_sec h3 {
font-size: 1.5rem;
font-weight: 600;
}
.count_number .count_hours span,
.count_number .count_min span,
.count_number .count_sec span {
font-size: 1rem;
font-weight: 600;
padding-left: 0rem;
}
.count_number .count_hours:after,
.count_number .count_min:after,
.count_number .count_sec:after {
right: 61px;
}
.count_number .count_hours:before,
.count_number .count_min:before,
.count_number .count_sec:before {
left: 64px;
}
.multisteps_form {
min-height: 42rem;
}
.question_title h1 {
font-size: 1.5rem;
padding: 0.5rem !important;
}
.form_items_content2:after {
width: 1.5rem;
height: 1.5rem;
}
.form_items_content2:before {
right: 39px;
font-size: 1rem;
}
.form_items_icon img {
width: 2rem;
}
.form_items_text {
font-size: 0.6rem;
}
.f_btn {
font-size: 0.5rem;
}
.next_btn {
padding: 0.5375rem 0.5rem;
}
.prev_btn {
padding: 0.5375rem 0.5rem;
}
}
@media screen and (max-width: 767.98px) {
.logo_area {
text-align: center;
padding-left: 0rem !important;
padding-bottom: 2rem;
margin-top: 1rem !important;
width:inherit !important;
}
.multisteps_form {
min-height: 45rem;
}
.question_title h1 {
padding: 1rem !important;
}
.form_items_icon img {
width: 5rem;
}
.form_items_text {
font-size: 1rem;
}
.f_btn {
font-size: 0.8rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 575.98px) {
.f_btn {
font-size: 0.8rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 379.98px) {
.question_number span {
font-size: 1.5rem;
}
.f_btn {
font-size: 0.6rem;
margin-bottom: 2rem;
}
}
code {
font-family: monospace;
font-weight: 600;
}
.modal-header {
background-color: #efe5da;
}
.btn-modal {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130,138,145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d;
}
.highlights       {
display: inline-block;
left: 50%;
margin: 0;
padding: 5px 10px;
border: 1px solid #453986;
transform: translateX(-25%);
color: #453986;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center; background-color: #fff;
}
hr + h2 {
display: inline-block;
position: relative;
left: 50%;
margin: 0;
padding: 5px 10px;
border: 1px solid #453986;
transform: translateX(-50%);
color: #453986;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center; background-color: #fff;
}
.custom-button {
font-family: 'Karla', sans-serif;
border-radius: 10px;
background-color: #c2ab92;
font-size: 15px;
border-color: #c2ab92;
transition: background-color 0.3s, border-color 0.3s;
padding: 10px 20px;
}
.custom-button:hover {
background-color: #e8dcd1;
border-color: #e8dcd1;
}
.rowX {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.rowX {
padding-left: 10%;
padding-right: 10%;
}
}
.rowX .ite {
flex-basis: calc(50% - 10px);
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.rowX .ite {
flex-basis: 100%;
}
}
.card-label {
cursor: pointer;
padding: 1rem;
border: 2px solid #e1e1e1;
border-radius: 0.25rem;
background-color: #fff;
display: flex;
align-items: center;
flex-direction: column;
flex-grow: 1;
height: 160px;
}
.card-label.selected {
border: 2px solid #c2ab92;
border-radius: 0.5rem;
box-shadow: 0 0 0.25rem 0.1rem rgba(194, 171, 146, 0.4);
}
.card-input {
display: none;
}
.card-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 0.5rem;
font-family: "Russo One", sans-serif;
color: #576072;
font-size: 1.09rem;
user-select: none;
height: 100%;
}
.radio-icon {
margin-right: 0.5rem;
width: 20px;
height: 20px;
}
.select-icon {
margin-right: 0.5rem;
width: 20px;
height: 20px;
}
.card-content img {
margin-right: 8px;
width: 60px;
height: 60px;
vertical-align: middle;
}
.ite {
padding: 1%;
}
.question-title{
font-family:"Russo One", sans-serif;
}
.back-button { background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.next-button {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.next-button:disabled {
background-color: #ccc;
cursor: not-allowed;
}
.next-button:not(:disabled):hover {
background-color: #0056b3;
}
.right_img {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.right_img img {
max-height: 100%;
max-width: 100%;
}
.leiste{
width:100%;
background: white;
}
.logo {
display: block;
padding-top:1%;
margin-left: auto;
margin-right: auto;
width:130px;
height: auto;
}
.card {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);;
margin: 5px;
text-align: center;
}
.card-body {
flex-grow: 1;
padding-bottom:unset;
}
.card-img-top{
width:250px !important;
height:250px !important;
}
.energy-sign{
display: flex;
justify-content: flex-end;
margin-right: 10%;
}
.card-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
details div {
}
details div>*+* {
}
details+details {
margin-top: .5rem;
}
summary {
list-style: none;
background-color: #F2F2F2;
text-align: left;
}
summary::-webkit-details-marker {
display: none;
}
summary {
border: 2px solid #E0D4C7;
padding: .75em 1em;
cursor: pointer;
position: relative;
padding-left: calc(1.75rem + .75rem + .75rem);
}
summary:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: .75rem;
content: "↓";
width: 1.75rem;
height: 1.75rem;
background-color: #000;
color: #FFF;
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
details[open] summary {
background-color: #eee;
}
details[open] summary:before {
content: "↑";
}
summary:hover {
background-color: #eee;
}
code {
font-family: monospace;
font-weight: 600;
}