section.m26_product_selector {
padding: 60px 0 80px;
background: transparent;
position: relative;
z-index: 3;
margin-top: -160px;
} body.m26-popup-open .sie-header-top {
display: none !important;
margin-bottom: 0 !important;
}
body.m26-popup-open .sie-header-main {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
} body.m26-popup-open,
html.m26-popup-open {
overflow: hidden !important;
} body.m26-active .sie-header-main-bar > .container > div:first-child > a svg {
height: 63px !important;
width: 63px !important;
max-width: none;
margin: auto !important;
}
section.m26_product_selector .m26_inner {
background: #f4f6f9;
border-radius: 20px;
padding: 40px 35px;
box-shadow: 0 10px 40px rgba(26, 46, 74, 0.08);
}
section.m26_product_selector .m26_header {
text-align: center;
margin-bottom: 30px;
}
section.m26_product_selector .m26_ueberschrift {
font-size: 0.9rem;
color: #8a9ab5;
margin: 0;
}
section.m26_product_selector .m26_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
section.m26_product_selector .m26_card {
background: #fff;
border-radius: 20px;
padding: 48px 32px 36px;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
box-shadow: 0 4px 20px rgba(26, 46, 74, 0.06);
transition: box-shadow 0.3s ease, transform 0.2s ease;
cursor: pointer;
border: 2px solid transparent;
}
section.m26_product_selector .m26_card:hover {
box-shadow: 0 12px 40px rgba(26, 46, 74, 0.12);
transform: translateY(-3px);
border-color: transparent;
}
section.m26_product_selector .m26_card_content {
width: 100%;
}
section.m26_product_selector .m26_card_title {
font-size: 1.8rem;
font-weight: 600;
color: #1a2e4a;
text-transform: uppercase;
letter-spacing: 0.01em;
margin: 0 0 14px 0;
line-height: 1.15;
}
section.m26_product_selector .m26_card_title span {
font-weight: 400;
}
section.m26_product_selector .m26_card_desc {
font-size: 1rem;
color: #4a5e7d;
margin: 0;
line-height: 1.4;
}
section.m26_product_selector .m26_card_image {
margin-top: 32px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
section.m26_product_selector .m26_card_image img {
max-width: 100%;
max-height: 220px;
height: auto;
object-fit: contain;
} .m26_popup_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f5f6f7;
z-index: 998; display: flex !important;
flex-direction: column;
overflow: hidden; padding-top: var(--m26-header-offset, 100px);
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .m26_popup_overlay,
.m26_popup_overlay *,
.m26_popup_content,
.m26_config_sidebar {
scrollbar-width: none;
-ms-overflow-style: none;
}
.m26_popup_overlay::-webkit-scrollbar,
.m26_popup_overlay *::-webkit-scrollbar,
.m26_popup_content::-webkit-scrollbar,
.m26_config_sidebar::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.m26_popup_overlay.m26_active {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.m26_popup {
padding: 24px 0 0;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.m26_popup > .container {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
padding-left: 0 !important;
padding-right: 0 !important;
} .m26_popup > .container > .m26_config_head,
.m26_popup > .container > .m26_config_card {
margin-left: var(--m26-align-shift, -149px);
} .m26_config_head {
display: flex;
align-items: center;
margin-right: calc(50% - 50vw);
margin-bottom: 16px;
} .m26_popup > .container > .m26_config_card {
margin-right: calc(50% - 50vw) !important;
}
@media (max-width: 991px) {
.m26_popup > .container {
max-width: none !important;
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.m26_popup > .container > .m26_config_head,
.m26_popup > .container > .m26_config_card {
margin-left: 0 !important;
margin-right: 0 !important;
} .m26_config_head {
flex-direction: column;
align-items: stretch;
}
} .m26_config_topbar {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 var(--m26-sidebar-w, 240px);
width: var(--m26-sidebar-w, 240px);
}
@media (max-width: 991px) {
.m26_config_topbar {
flex: 0 0 auto;
width: 100%;
justify-content: flex-start;
margin-bottom: 14px;
}
} .m26_config_intro {
display: flex;
align-items: flex-start;
gap: 32px;
flex: 1;
min-width: 0;
}
.m26_config_intro_main {
flex: 1;
min-width: 0;
text-align: center;
}
.m26_config_standards {
background: #ffffff !important;
border-radius: 14px !important;
box-shadow: 0 4px 18px rgba(26, 46, 74, 0.06) !important;
font-size: 0.85rem !important;
color: #4a5e7d !important;
line-height: 1.45 !important;
position: relative !important;
overflow: hidden !important;
margin: 18px 0 0 -60px !important;
display: block !important;
}
.m26_config_standards_inner {
max-height: 240px;
overflow-y: auto;
padding: 18px 22px; scrollbar-width: none;
-ms-overflow-style: none;
}
.m26_config_standards_inner::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
} .m26_config_standards.m26_can_scroll::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 36px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 65%, #fff 100%);
border-radius: 0 0 14px 14px;
pointer-events: none;
transition: opacity 0.2s ease;
opacity: 1;
} .m26_config_standards.m26_at_bottom::after {
opacity: 0;
} .m26_config_standards.m26_can_scroll::before {
content: '';
position: absolute;
left: 50%;
bottom: 6px;
width: 18px;
height: 10px;
margin-left: -9px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M2 2l7 6 7-6' stroke='%231a2e4a' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
z-index: 2;
pointer-events: none;
animation: m26_standards_bounce 1.6s ease-in-out infinite;
transition: opacity 0.2s ease;
opacity: 0.65;
}
.m26_config_standards.m26_at_bottom::before {
opacity: 0;
}
@keyframes m26_standards_bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(3px); }
}
.m26_config_back {
justify-self: start;
display: inline-flex;
align-items: center;
gap: 12px;
background: #e8e9eb;
border: none;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
color: #1a2e4a;
padding: 12px 24px 12px 18px;
border-radius: 10px;
transition: background 0.2s;
line-height: 1; flex-shrink: 0;
white-space: nowrap;
}
.m26_config_back svg {
width: 16px;
height: 16px;
}
.m26_config_back:hover {
background: #dcdde0;
}
.m26_config_back svg {
flex-shrink: 0;
}
.m26_config_product_title {
font-size: 1.6rem;
font-weight: 600;
color: #1a2e4a;
text-transform: uppercase;
letter-spacing: 0.02em;
margin: 0;
text-align: center;
}
.m26_config_product_title span {
font-weight: 400;
} .m26_config_product_desc {
margin-top: 10px;
margin-bottom: 12px;
}
.m26_config_product_desc:empty {
display: none;
}
.m26_config_product_desc_inner {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
font-size: 0.95rem;
color: #4a5e7d;
line-height: 1.55;
text-align: center;
}
.m26_config_product_desc_inner p,
.m26_config_product_desc_inner div,
.m26_config_product_desc_inner span {
text-align: center;
}
.m26_config_product_desc_inner p {
margin: 0 0 8px;
}
.m26_config_product_desc_inner p:last-child {
margin-bottom: 0;
} .m26_config_product_desc_inner strong span,
section.m26_product_selector .m26_card_desc strong span,
.m26_popup_step_desc strong span {
font-weight: 400;
} .m26_standards_block {
margin-bottom: 22px;
}
.m26_standards_block:last-child {
margin-bottom: 0;
}
.m26_standards_block h4 {
font-size: 1.4rem;
font-weight: 700;
color: #1a2e4a;
margin: 0 0 12px;
text-transform: none;
letter-spacing: 0;
} .m26_config_standards .m26_standards_block {
margin-bottom: 14px;
}
.m26_config_standards .m26_standards_block:last-child {
margin-bottom: 0;
}
.m26_config_standards .m26_standards_block h4 {
font-size: 0.95rem;
margin: 0 0 6px;
padding-bottom: 4px;
border-bottom: 1px solid #e5e9f0;
}
.m26_config_standards .m26_standards_list {
font-size: 0.82rem;
line-height: 1.4;
padding-left: 16px;
}
.m26_standards_list {
list-style: disc;
padding-left: 20px;
margin: 0;
color: #4a5e7d;
font-size: 0.95rem;
line-height: 1.55;
}
.m26_standards_list li {
margin-bottom: 4px;
}
.m26_standards_list li:last-child {
margin-bottom: 0;
}
.m26_standards_sub_list {
list-style: circle;
padding-left: 14px;
margin: 4px 0 0;
color: #4a5e7d;
font-size: 0.9rem;
line-height: 1.5;
}
.m26_standards_sub_list li {
margin-bottom: 2px;
}
.m26_standards_sub_list li:last-child {
margin-bottom: 0;
}
.m26_config_standards .m26_standards_sub_list {
padding-left: 10px;
} .m26_config_card {
display: flex;
flex: 1;
min-height: 0; position: relative;
} .m26_config_sidebar {
width: 240px;
flex-shrink: 0;
background: #1a2e4a;
padding: 0 28px;
position: relative;
border-radius: 0;
} @media (min-width: 1400px) {
.m26_config_sidebar:not(.m26-sidebar-compact) .m26_sidebar_item {
padding: 22px 28px 22px 16px;
}
.m26_config_sidebar:not(.m26-sidebar-compact) .m26_sidebar_dot {
width: 36px;
height: 36px;
font-size: 1rem;
}
.m26_config_sidebar:not(.m26-sidebar-compact) .m26_sidebar_label {
font-size: 1.05rem;
}
} .m26_config_sidebar.m26-sidebar-compact .m26_sidebar_item {
padding: 12px 28px 12px 16px;
}
.m26_config_sidebar.m26-sidebar-compact .m26_sidebar_dot {
width: 28px;
height: 28px;
font-size: 0.88rem;
}
.m26_config_sidebar.m26-sidebar-compact .m26_sidebar_label {
font-size: 0.92rem;
}
.m26_config_sidebar.m26-sidebar-compact .m26_config_standards {
margin-top: 12px;
}
.m26_config_sidebar.m26-sidebar-compact .m26_config_standards_inner {
max-height: 180px;
} @media (min-width: 992px) {
.m26_sidebar_steps_wrap {
position: relative;
}
.m26_sidebar_steps {
max-height: clamp(200px, 42vh, 520px);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
margin: 0 -28px 0 -100vw;
padding: 0 28px 0 100vw; scrollbar-width: none;
-ms-overflow-style: none;
}
.m26_sidebar_steps::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.m26_config_sidebar.m26-sidebar-compact .m26_sidebar_steps {
max-height: clamp(180px, 36vh, 440px);
} .m26_sidebar_steps_wrap.m26_can_scroll::after {
content: '';
position: absolute;
left: -100vw;
right: -28px;
bottom: 0;
height: 40px;
background: linear-gradient(to bottom, rgba(26, 46, 74, 0) 0%, rgba(26, 46, 74, 0.92) 65%, #1a2e4a 100%);
pointer-events: none;
transition: opacity 0.2s ease;
opacity: 1;
z-index: 1;
}
.m26_sidebar_steps_wrap.m26_at_bottom::after {
opacity: 0;
} .m26_sidebar_steps_wrap.m26_can_scroll::before {
content: '';
position: absolute;
left: 50%;
bottom: 4px;
width: 18px;
height: 10px;
margin-left: -9px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M2 2l7 6 7-6' stroke='%23ffffff' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
z-index: 2;
pointer-events: none;
animation: m26_standards_bounce 1.6s ease-in-out infinite;
transition: opacity 0.2s ease;
opacity: 0.7;
}
.m26_sidebar_steps_wrap.m26_at_bottom::before {
opacity: 0;
}
}
.m26_config_sidebar::before {
content: '';
position: absolute;
top: 0;
right: 100%;
bottom: 0;
width: 100vw;
background: #1a2e4a;
pointer-events: none;
}
.m26_sidebar_item {
display: flex;
align-items: center;
gap: 14px;
padding: 18px 28px 18px 16px;
margin: 0 -28px; cursor: pointer;
position: relative;
background: transparent;
border: none;
transition: background 0.2s;
}
.m26_sidebar_item:hover .m26_sidebar_label {
color: #fff;
} .m26_sidebar_item.m26_sidebar_active {
background: rgba(255, 255, 255, 0.05);
} .m26_sidebar_item.m26_sidebar_active::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 100vw;
background: rgba(255, 255, 255, 0.05);
pointer-events: none;
}
.m26_sidebar_dot {
width: 30px;
height: 30px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.55);
font-size: 0.9rem;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
z-index: 1;
transition: all 0.25s;
}
.m26_sidebar_item.m26_sidebar_active .m26_sidebar_dot {
background: #79a7e4;
border-color: #79a7e4;
color: #fff;
}
.m26_sidebar_item.m26_sidebar_completed .m26_sidebar_dot {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.55);
color: #fff;
}
.m26_sidebar_label {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.85);
line-height: 1.3;
transition: color 0.2s;
}
.m26_sidebar_item.m26_sidebar_active .m26_sidebar_label {
color: #fff;
font-weight: 700;
}
.m26_sidebar_item.m26_sidebar_completed .m26_sidebar_label {
color: rgba(255, 255, 255, 0.85);
} .m26_sidebar_item:not(:last-child)::after {
content: '';
position: absolute;
left: -100vw;
right: 0;
bottom: 0;
height: 1px;
background: rgba(255, 255, 255, 0.06);
} .m26_config_main {
flex: 1;
display: flex;
flex-direction: column;
background: #f4f6f9;
min-width: 0;
min-height: 0;
border-radius: 0 16px 16px 0;
overflow: hidden;
box-shadow: 0 4px 30px rgba(26, 46, 74, 0.06);
} .m26_config_body {
display: flex;
flex: 1;
min-height: 0;
overflow: hidden;
} .m26_config_progress {
padding: 24px 32px;
background: #fff;
position: relative;
flex-shrink: 0;
} .m26_config_progress::before {
content: '';
position: absolute;
top: 24px;
left: 32px;
right: 32px;
height: 10px;
background: #e8ecf2;
border-radius: 999px;
pointer-events: none;
}
.m26_config_progress_bar {
position: relative;
height: 10px;
width: 0;
background: linear-gradient(90deg, #1a2e4a 0%, #6d87b8 100%);
transition: width 0.4s ease;
border-radius: 999px;
z-index: 1;
} .m26_popup_image {
flex: 1;
display: block;
padding: 0;
background: #fff;
overflow: hidden;
min-width: 0;
position: relative;
}
.m26_popup_image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
} .m26_popup_image img.m26_popup_image_pre_in {
opacity: 0;
}
.m26_popup_image img.m26_popup_image_fade_out {
opacity: 0;
} .m26_popup_content {
flex: 1;
min-width: 0;
min-height: 0;
padding: 40px 48px 32px;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.m26_popup_step_counter {
font-size: 0.9rem;
font-weight: 400;
color: #1a2e4a;
margin-top: 14px;
text-align: center;
}
.m26_popup_step_counter strong {
font-weight: 700;
}
.m26_popup_step_title h3 {
font-size: 1.5rem;
font-weight: 700;
color: #1a2e4a;
margin: 0 0 12px 0;
line-height: 1.25;
}
.m26_popup_step_desc {
font-size: 0.9rem;
color: #5a6b7f;
line-height: 1.55;
margin-bottom: 28px;
}
.m26_popup_step_desc p {
margin: 0 0 8px;
} .m26_field_wrapper {
margin-bottom: 18px;
}
.m26_field_label {
display: block;
font-size: 0.8rem;
font-weight: 600;
color: #1a2e4a;
margin-bottom: 6px;
}
.m26_field_text {
width: 100%;
padding: 14px 16px;
border: 1px solid #d1d9e6;
border-radius: 10px;
font-size: 0.95rem;
color: #1a2e4a;
background: #fff;
transition: border-color 0.2s;
-webkit-appearance: none;
}
.m26_field_text:focus {
outline: none;
border-color: #1a2e4a;
} .m26_field_select_wrap {
position: relative;
width: 100%;
}
.m26_field_select_wrap .mM_select_selected {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 14px 16px;
border: 1px solid #d1d9e6;
border-radius: 10px;
font-size: 0.95rem;
color: #1a2e4a;
background: #fff;
cursor: pointer;
transition: border-color 0.2s;
user-select: none;
}
.m26_field_select_wrap .mM_select_selected.mM_select_arrow_active,
.m26_field_select_wrap .mM_select_selected:hover {
border-color: #1a2e4a;
}
.m26_field_select_wrap .mM_select_arrows {
display: flex;
align-items: center;
flex-shrink: 0;
margin-left: 12px;
}
.m26_field_select_wrap .mM_select_arrow_down {
width: 12px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a2e4a' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transition: transform 0.2s;
}
.m26_field_select_wrap .mM_select_selected.mM_select_arrow_active .mM_select_arrow_down {
transform: rotate(180deg);
}
.m26_field_select_wrap .mM_select_items {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
background: #fff;
border: 1px solid #d1d9e6;
border-radius: 10px;
overflow: hidden;
z-index: 10;
box-shadow: 0 4px 20px rgba(26, 46, 74, 0.08);
} .m26_field_select_wrap .m26_select_items_inner {
max-height: 240px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: none;
-ms-overflow-style: none;
}
.m26_field_select_wrap .m26_select_items_inner::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
} .m26_field_select_wrap .mM_select_items.m26_can_scroll::after,
.m26_multidd_col.m26_can_scroll::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 36px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 65%, #fff 100%);
pointer-events: none;
transition: opacity 0.2s ease;
opacity: 1;
z-index: 2;
}
.m26_field_select_wrap .mM_select_items.m26_can_scroll::after {
border-radius: 0 0 10px 10px;
}
.m26_field_select_wrap .mM_select_items.m26_at_bottom::after,
.m26_multidd_col.m26_at_bottom::after {
opacity: 0;
}
.m26_field_select_wrap .mM_select_items.m26_can_scroll::before,
.m26_multidd_col.m26_can_scroll::before {
content: '';
position: absolute;
left: 50%;
bottom: 6px;
width: 18px;
height: 10px;
margin-left: -9px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M2 2l7 6 7-6' stroke='%231a2e4a' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
z-index: 3;
pointer-events: none;
animation: m26_standards_bounce 1.6s ease-in-out infinite;
transition: opacity 0.2s ease;
opacity: 0.65;
}
.m26_field_select_wrap .mM_select_items.m26_at_bottom::before,
.m26_multidd_col.m26_at_bottom::before {
opacity: 0;
}
.m26_field_select_wrap .mM_select_items.mM_select_hide {
display: none;
}
.m26_field_select_wrap .mM_select_item {
padding: 12px 16px;
font-size: 0.95rem;
color: #1a2e4a;
cursor: pointer;
transition: background 0.15s;
}
.m26_field_select_wrap .mM_select_item:hover {
background: #f4f6f9;
}
.m26_field_select_wrap .mM_select_item.mM_same_as_selected {
background: #e8ecf2;
font-weight: 600;
} .m26_multidd {
position: relative;
}
.m26_multidd .m26_multidd_trigger_text {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #8a9ab5;
}
.m26_multidd.m26_multidd_has_value .m26_multidd_trigger_text {
color: #1a2e4a;
} .m26_field_select_wrap .m26_multidd_panel {
max-height: none;
overflow: hidden;
padding: 0;
} .m26_multidd_cols {
display: flex;
align-items: stretch;
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
.m26_multidd_col {
flex: 1 0 200px;
min-width: 200px;
position: relative;
overflow: hidden;
border-right: 1px solid #e5e9f0;
}
.m26_multidd_col_scroll {
max-height: 320px;
overflow-y: auto;
overscroll-behavior: contain;
padding: 0 0 10px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.m26_multidd_col_scroll::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.m26_multidd_col:last-child {
border-right: none;
}
.m26_multidd_col_head {
position: sticky;
top: 0;
background: #fff;
font-weight: 700;
font-size: 0.85rem;
color: #1a2e4a;
padding: 12px 16px 8px;
border-bottom: 1px solid #e5e9f0;
z-index: 1;
}
.m26_multidd_option {
padding: 10px 16px;
font-size: 0.9rem;
color: #1a2e4a;
cursor: pointer;
transition: background 0.15s;
}
.m26_multidd_option:hover {
background: #f4f6f9;
}
.m26_multidd_option.mM_same_as_selected {
background: #e8ecf2;
font-weight: 600;
}
.m26_multidd_option_none {
color: #8a9ab5;
font-style: italic;
}
.m26_multidd_option_none.mM_same_as_selected {
font-weight: 400;
} .m26_multidd_panel.m26_can_scroll_x::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 44px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%, #fff 100%);
border-radius: 0 10px 10px 0;
pointer-events: none;
transition: opacity 0.2s ease;
opacity: 1;
z-index: 2;
}
.m26_multidd_panel.m26_can_scroll_x::before {
content: '';
position: absolute;
top: 50%;
right: 8px;
width: 10px;
height: 18px;
margin-top: -9px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3E%3Cpath d='M2 2l6 7-6 7' stroke='%231a2e4a' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
animation: m26_multidd_nudge 1.6s ease-in-out infinite;
transition: opacity 0.2s ease;
opacity: 0.7;
z-index: 3;
}
.m26_multidd_panel.m26_at_end_x::after,
.m26_multidd_panel.m26_at_end_x::before {
opacity: 0;
} .m26_multidd_fade_left {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 36px;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%, #fff 100%);
border-radius: 10px 0 0 10px;
pointer-events: none;
transition: opacity 0.2s ease;
opacity: 0;
z-index: 2;
}
.m26_multidd_panel.m26_can_scroll_x:not(.m26_at_start_x) .m26_multidd_fade_left {
opacity: 1;
}
@keyframes m26_multidd_nudge {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(4px); }
} @media (max-width: 767px) {
.m26_multidd_col {
flex: 0 0 170px;
min-width: 170px;
}
}
.m26_field_radio_group,
.m26_field_checkbox_group {
display: flex;
flex-direction: column;
gap: 8px;
}
.m26_field_radio_label,
.m26_field_checkbox_label {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.85rem;
color: #333;
cursor: pointer;
padding: 8px 12px;
border: 1px solid #e5e9f0;
border-radius: 8px;
transition: border-color 0.2s, background 0.2s;
}
.m26_field_radio_label:hover,
.m26_field_checkbox_label:hover {
border-color: #1a2e4a;
background: #f8f9fb;
} .m26_dropzone {
position: relative;
border: 2px dashed #c8d3e0;
border-radius: 10px;
background: #f4f6f9;
padding: 28px 20px;
text-align: center;
transition: border-color 0.2s, background 0.2s;
cursor: pointer;
}
.m26_dropzone .m26_field_file {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.m26_dropzone.m26_dropzone_hover {
border-color: #1a2e4a;
background: #eef1f6;
}
.m26_dropzone_content {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.m26_dropzone_title {
margin: 0;
font-size: 0.95rem;
color: #1a2e4a;
font-weight: 500;
}
.m26_dropzone_btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: #1a2e4a;
color: #fff;
border: none;
border-radius: 8px;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
transition: background 0.2s;
}
.m26_dropzone_btn:hover {
background: #2a4a6e;
}
.m26_dropzone_hint {
margin: 0;
font-size: 0.8rem;
color: #8a9ab5;
}
.m26_field_file_status {
display: flex;
flex-direction: column;
gap: 16px;
font-size: 0.9rem;
color: #1a2e4a;
}
.m26_file_row {
display: flex;
align-items: center;
gap: 10px;
}
.m26_file_check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: #2e7d32;
color: #fff;
border-radius: 50%;
font-weight: 700;
font-size: 0.8rem;
flex-shrink: 0;
}
.m26_file_preview_wrap {
background: #fff;
border: 1px solid #e0e5ec;
border-radius: 10px;
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.m26_file_preview {
max-width: 100%;
max-height: 180px;
width: auto;
height: auto;
object-fit: contain;
}
.m26_file_name {
flex: 1;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m26_file_remove {
background: transparent;
border: 1px solid #d1d9e6;
border-radius: 8px;
padding: 6px 14px;
font-size: 0.85rem;
color: #5a6b7f;
cursor: pointer;
transition: all 0.2s;
}
.m26_file_remove:hover {
border-color: #1a2e4a;
color: #1a2e4a;
}
.m26_file_loading,
.m26_file_error {
color: #8a9ab5;
font-style: italic;
}
.m26_file_error {
color: #c62828;
}
.m26_field_color {
width: 60px;
height: 40px;
border: 1px solid #d1d9e6;
border-radius: 8px;
padding: 4px;
cursor: pointer;
} .m26_popup_nav {
display: flex;
justify-content: space-between;
align-items: center;
margin: auto -48px -32px; padding: 24px 48px 32px;
gap: 12px;
position: sticky;
bottom: -32px; background: #f4f6f9;
z-index: 2;
}
@media (max-width: 991px) {
.m26_popup_nav {
margin: auto -40px -24px;
padding: 24px 40px 24px;
bottom: -24px;
}
}
@media (max-width: 767px) {
.m26_popup_nav {
margin: auto -24px -24px;
padding: 20px 24px 24px;
bottom: -24px;
}
}
.m26_popup_btn_prev,
.m26_popup_btn_next {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 24px;
border-radius: 10px;
font-size: 0.95rem;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
border: 1px solid transparent;
line-height: 1;
}
.m26_popup_btn_prev {
background: #fff;
color: #1a2e4a;
border-color: #d1d9e6;
}
.m26_popup_btn_prev:hover {
border-color: #1a2e4a;
background: #f4f6f9;
}
.m26_popup_btn_prev.m26_disabled {
color: #b0b7c1;
border-color: #e0e5ec;
background: #fff;
cursor: not-allowed;
pointer-events: none;
}
.m26_popup_btn_prev.m26_disabled svg {
stroke: #b0b7c1;
}
.m26_popup_btn_next {
background: #1a2e4a;
color: #fff;
margin-left: auto;
padding: 14px 26px;
}
.m26_popup_btn_next:hover {
background: #2a4a6e;
}
.m26_popup_btn_next svg,
.m26_popup_btn_prev svg {
flex-shrink: 0;
width: 12px;
height: 12px;
} .m26_popup_cf7 .wpcf7-form {
font-size: 0.95rem;
} .m26_popup_cf7 .sie-callback-form {
display: block !important;
}
.m26_popup_cf7 .sie-callback-form .wpcf7-form-control-wrap {
width: 100% !important;
margin-bottom: 0 !important;
}
.m26_popup_cf7 .form_item {
margin-bottom: 12px;
width: 100%;
} .m26_popup_cf7 .form_container {
display: flex;
gap: 16px;
width: 100%;
margin-bottom: 12px;
}
.m26_popup_cf7 .form_container > .form_item {
flex: 1;
min-width: 0;
margin-bottom: 0;
}
.m26_popup_cf7 .sie-datenschutz-recaptcha {
width: 100% !important;
height: auto !important;
display: block !important;
margin-top: 8px;
} .m26_popup_cf7 input[type="submit"],
.m26_popup_cf7 button[type="submit"],
.m26_popup_cf7 .wpcf7-submit {
display: none !important;
} .m26_popup_cf7 .wpcf7-spinner {
display: none !important;
} .m26_loading_overlay {
display: none !important;
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
background: rgba(20, 32, 52, 0.72);
align-items: center;
justify-content: center;
z-index: 10000;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.m26_loading_overlay.m26_active {
display: flex !important;
animation: m26_loading_fade_in 0.2s ease;
}
.m26_loading_card {
background: #fff;
border-radius: 18px;
padding: 44px 56px 40px;
text-align: center;
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
max-width: 90%;
width: 420px;
animation: m26_loading_pop 0.35s cubic-bezier(0.2, 0.8, 0.3, 1.2);
}
.m26_loading_spinner {
position: relative;
width: 64px;
height: 64px;
margin: 0 auto 22px;
border-radius: 50%;
border: 5px solid #e8ecf2;
border-top-color: #1a2e4a;
border-right-color: #6d87b8;
animation: m26_loading_spin 0.85s linear infinite;
}
.m26_loading_spinner::after {
content: '';
position: absolute;
inset: -5px;
border-radius: 50%;
border: 5px solid transparent;
border-top-color: rgba(121, 167, 228, 0.35);
animation: m26_loading_spin 1.6s linear infinite reverse;
}
.m26_loading_title {
font-size: 1.15rem;
font-weight: 700;
color: #1a2e4a;
margin: 0 0 8px;
letter-spacing: 0.01em;
}
.m26_loading_text {
font-size: 0.9rem;
color: #5a6b7f;
line-height: 1.5;
margin: 0;
}
@keyframes m26_loading_spin {
to { transform: rotate(360deg); }
}
@keyframes m26_loading_pop {
from { transform: scale(0.92); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes m26_loading_fade_in {
from { opacity: 0; }
to { opacity: 1; }
} .m26_popup_thanks {
display: flex;
align-items: center;
justify-content: center;
min-height: 320px;
padding: 40px 24px;
animation: m26_loading_fade_in 0.3s ease;
}
.m26_popup_thanks_inner {
width: 100%;
max-width: 520px;
margin: 0 auto;
text-align: center;
}
.m26_popup_thanks_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
margin: 0 auto 20px;
border-radius: 50%;
background: #e8f5ec;
color: #2e8a4f;
animation: m26_loading_pop 0.4s cubic-bezier(0.2, 0.8, 0.3, 1.2);
}
.m26_popup_thanks_title {
font-size: 1.5rem;
font-weight: 700;
color: #1a2e4a;
margin: 0 0 12px;
letter-spacing: 0.01em;
}
.m26_popup_thanks_text {
font-size: 1rem;
color: #5a6b7f;
line-height: 1.6;
margin: 0 0 28px;
}
.m26_popup_thanks_back {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
border: 0;
border-radius: 10px;
background: #1a2e4a;
color: #fff;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease;
}
.m26_popup_thanks_back:hover {
background: #2a4670;
transform: translateY(-1px);
} .m26_popup_cf7 .wpcf7-response-output {
display: none !important;
}
.m26_popup_cf7 .wpcf7-response-output:not(:empty) {
display: block !important;
padding: 12px 16px;
border-radius: 10px;
border: 1px solid currentColor;
margin-top: 12px;
} .m26_popup_cf7 .wpcf7-acceptance,
.m26_popup_cf7 .wpcf7-checkbox {
display: block;
width: 100%;
}
.m26_popup_cf7 .wpcf7-list-item {
display: block;
margin: 0;
}
.m26_popup_cf7 .wpcf7-list-item label {
position: relative;
cursor: pointer;
font-weight: 400 !important;
color: #1a2e4a !important;
font-size: 0.9rem !important;
line-height: 1.4 !important;
margin: 0 !important;
display: inline-block !important;
} .m26_popup_cf7 .wpcf7-list-item-label::before {
border-color: #1a2e4a !important;
}
.m26_popup_cf7 .wpcf7-list-item-label::after {
background: #1a2e4a !important;
} .m26_popup_cf7 .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label {
opacity: 1 !important;
}
.m26_popup_cf7 .wpcf7-form p {
margin: 0 0 10px;
}
.m26_popup_cf7 .wpcf7-form label {
display: block;
width: 100%;
font-size: 0.8rem;
font-weight: 600;
color: #1a2e4a;
margin-bottom: 4px;
}
.m26_popup_cf7 .wpcf7-form input[type="text"],
.m26_popup_cf7 .wpcf7-form input[type="email"],
.m26_popup_cf7 .wpcf7-form input[type="tel"],
.m26_popup_cf7 .wpcf7-form input[type="number"],
.m26_popup_cf7 .wpcf7-form input[type="url"],
.m26_popup_cf7 .wpcf7-form textarea,
.m26_popup_cf7 .wpcf7-form select {
width: 100%;
padding: 14px 16px;
border: 1px solid #d1d9e6!important;
border-radius: 10px;
font-size: 0.95rem;
background: #fff!important;
color: #1a2e4a!important;
-webkit-appearance: none;
appearance: none;
box-shadow: none;
box-sizing: border-box;
}
.m26_popup_cf7 .wpcf7-form input[type="text"]::placeholder,
.m26_popup_cf7 .wpcf7-form input[type="email"]::placeholder,
.m26_popup_cf7 .wpcf7-form input[type="tel"]::placeholder,
.m26_popup_cf7 .wpcf7-form input[type="number"]::placeholder,
.m26_popup_cf7 .wpcf7-form input[type="url"]::placeholder,
.m26_popup_cf7 .wpcf7-form textarea::placeholder {
color: #8a9ab5!important;
opacity: 1;
}
.m26_popup_cf7 .wpcf7-form input:focus,
.m26_popup_cf7 .wpcf7-form textarea:focus,
.m26_popup_cf7 .wpcf7-form select:focus {
outline: none;
border-color: #1a2e4a!important;
box-shadow: 0 0 0 2px rgba(26, 46, 74, 0.1);
}
.m26_popup_cf7 .wpcf7-form textarea {
min-height: 90px;
resize: vertical;
}
.m26_popup_cf7 .wpcf7-form input[type="submit"],
.m26_popup_cf7 .wpcf7-form button[type="submit"] {
background: #1a2e4a!important;
color: #fff!important;
padding: 12px 28px!important;
border-radius: 50px!important;
border: none!important;
font-size: 0.9rem!important;
font-weight: 600!important;
cursor: pointer;
transition: background 0.2s;
width: auto!important;
-webkit-appearance: none;
appearance: none;
}
.m26_popup_cf7 .wpcf7-form input[type="submit"]:hover,
.m26_popup_cf7 .wpcf7-form button[type="submit"]:hover {
background: #2a4a6e!important;
color: #fff!important;
}
.m26_popup_cf7 .wpcf7-form input[type="radio"] {
width: auto!important;
margin-right: 6px;
vertical-align: middle;
} @media (max-width: 1199px) {
section.m26_product_selector .m26_grid {
grid-template-columns: repeat(2, 1fr);
}
.m26_config_sidebar {
width: 220px;
}
.m26_popup_content {
width: 320px;
padding: 30px;
}
}
@media (max-width: 991px) {
.m26_config_card {
flex-direction: column;
min-height: 0;
}
.m26_config_sidebar {
width: 100%;
padding: 16px 12px;
}
.m26_sidebar_steps {
display: flex;
overflow-x: auto;
gap: 8px;
}
.m26_config_sidebar::before {
display: none;
}
.m26_sidebar_item {
flex-shrink: 0;
padding: 8px 14px;
margin: 0;
}
.m26_sidebar_item.m26_sidebar_active::before,
.m26_sidebar_item:not(:last-child)::after {
display: none;
} .m26_popup_overlay {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.m26_popup,
.m26_popup > .container,
.m26_config_card {
flex: 0 0 auto;
}
.m26_config_main {
overflow: visible;
}
.m26_config_body {
flex-direction: column;
overflow: visible;
} .m26_popup_image {
flex: 0 0 auto;
height: 360px;
min-height: 360px;
} .m26_popup_content {
width: 100%;
overflow-y: visible;
padding: 32px 40px 24px;
} .m26_config_intro {
flex-direction: column;
gap: 14px;
margin-bottom: 14px;
} .m26_config_standards {
margin: 14px 0 0 !important;
}
.m26_config_standards_inner {
max-height: 200px;
}
}
@media (max-width: 767px) {
section.m26_product_selector .m26_grid {
grid-template-columns: 1fr;
}
section.m26_product_selector .m26_inner {
padding: 30px 20px;
}
.m26_popup_content {
padding: 24px;
}
.m26_config_product_title {
font-size: 1.5rem;
}
.m26_config_intro_main {
text-align: left;
}
.m26_config_product_desc {
text-align: left;
margin: 0 0 20px;
}
.m26_popup_image {
height: 260px;
min-height: 260px;
max-height: 260px;
}
.m26_popup_step_counter {
text-align: left;
}
}