html {
scroll-padding-top: 88px;
scroll-behavior: smooth;
}
.mm_header_2026 {
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.mm_header_2026 button {
font: inherit;
color: inherit;
}
.mm_header_2026 :focus-visible {
outline: 3px solid #FE5B4A;
outline-offset: 3px;
border-radius: 6px;
}
.mm_header_2026 h3,
.mm_header_2026 h4 {
margin: 0;
line-height: 1.06;
} .mm_header_2026 .h26_ar,
.mm_header_2026 .h26_car,
.mm_header_2026 .h26_wa {
display: inline-flex;
flex: none;
}
.mm_header_2026 .h26_ar svg,
.mm_header_2026 .h26_car svg,
.mm_header_2026 .h26_wa svg,
.mm_header_2026 .h26_ar img,
.mm_header_2026 .h26_car img,
.mm_header_2026 .h26_wa img {
display: block;
width: 100%;
height: 100%;
}  .mm_header_2026 .h26_btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 18px 26px 14px;
border: 0;
border-radius: 999px;
cursor: pointer;
text-decoration: none;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .9375rem;
line-height: 1.3;
letter-spacing: -.005rem;
-webkit-transition: background .25s, transform .25s, color .25s, padding .35s;
transition: background .25s, transform .25s, color .25s, padding .35s;
}
.mm_header_2026 .h26_btn .h26_ar {
width: 16px;
height: 16px;
margin-top: -4px;
-webkit-transition: transform .3s;
transition: transform .3s;
}
.mm_header_2026 .h26_btn:hover .h26_ar {
transform: translateX(4px);
}
.mm_header_2026 .h26_btn--k {
background: #FE5B4A;
color: #fff;
}
.mm_header_2026 .h26_btn--k:hover {
background: #ff735f;
color: #fff;
}
.mm_header_2026 .h26_btn--k:active {
transform: scale(.98);
} .mm_header_2026 .h26_nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 60;
background: #0A0A3A;
-webkit-transition: box-shadow .35s;
transition: box-shadow .35s;
}
.mm_header_2026 .h26_nav.is-scrolled {
box-shadow: 0 1px 0 rgba(255, 255, 255, .08), 0 18px 40px -24px rgba(0, 0, 0, .6);
}
.mm_header_2026 .h26_nav_in {
display: flex;
align-items: center;
padding: 17px 0;
-webkit-transition: padding .35s;
transition: padding .35s;
}
.mm_header_2026 .h26_nav.is-scrolled .h26_nav_in {
padding: 14px 0;
}
.mm_header_2026 .h26_logo {
display: inline-flex;
align-items: center;
flex: none;
margin-right: 32px;
color: #fff;
text-decoration: none;
}
.mm_header_2026 .h26_logo svg,
.mm_header_2026 .h26_logo img {
display: block;
width: auto;
height: 24px;
max-width: none;
fill: currentColor;
-webkit-transition: height .35s;
transition: height .35s;
}
.mm_header_2026 .h26_nav.is-scrolled .h26_logo svg,
.mm_header_2026 .h26_nav.is-scrolled .h26_logo img {
height: 21px;
}
.mm_header_2026 .h26_nav_main {
margin-left: auto;
}
.mm_header_2026 .h26_nav_links {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.mm_header_2026 .h26_nav_links > li + li {
margin-left: 10px;
}
.mm_header_2026 .h26_nav_link {
position: relative;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 14px 6px 10px;
border: 0;
background: none;
cursor: pointer;
color: rgba(255, 255, 255, .72);
font-family: Nexa-Bold, sans-serif;
font-weight: 400;
font-size: .9375rem;
line-height: 1.3;
text-decoration: none;
-webkit-transition: color .25s;
transition: color .25s;
}
.mm_header_2026 .h26_nav_link .h26_car {
width: 9px;
height: 9px;
margin-top: -3px;
opacity: .8;
-webkit-transition: transform .35s;
transition: transform .35s;
}
.mm_header_2026 .h26_nav_link::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
width: 26px;
height: 3px;
margin-left: -13px;
border-radius: 3px;
background: #FE5B4A;
transform: scaleX(0);
-webkit-transition: transform .35s;
transition: transform .35s;
}
.mm_header_2026 .h26_nav_link:hover,
.mm_header_2026 .h26_nav_link[aria-expanded="true"] {
color: #fff;
}
.mm_header_2026 .h26_nav_link[aria-expanded="true"]::after {
transform: scaleX(1);
}
.mm_header_2026 .h26_nav_link[aria-expanded="true"] .h26_car {
transform: rotate(180deg);
}
.mm_header_2026 .h26_nav_cta {
flex: none;
margin-left: 32px;
padding-top: 17px;
padding-bottom: 13px;
font-size: .96875rem;
}
.mm_header_2026 .h26_nav.is-scrolled .h26_nav_cta {
padding-top: 14px;
padding-bottom: 10px;
}
.mm_header_2026 .h26_nav_term {
display: none;
padding: 12px 18px 8px;
font-size: .875rem;
} .mm_header_2026 .h26_mega_scrim {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 55;
background: rgba(10, 10, 58, .62);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s;
transition: opacity .35s, visibility .35s;
}
.mm_header_2026 .h26_mega_scrim.is-on {
opacity: 1;
visibility: visible;
}
.mm_header_2026 .h26_mega_wrap {
position: absolute;
top: 100%;
left: 0;
right: 0;
pointer-events: none;
} .mm_header_2026 .h26_mega_box {
position: relative;
height: 0;
margin-top: 14px;
-webkit-transition: height .45s;
transition: height .45s;
}
.mm_header_2026 .h26_mega {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: flex-start;
gap: 48px;
padding: 36px;
border-radius: 28px;
background: #fff;
box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .6);
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
pointer-events: auto;
-webkit-transition: opacity .3s, transform .4s, visibility .3s;
transition: opacity .3s, transform .4s, visibility .3s;
}
.mm_header_2026 .h26_mega.is-open {
opacity: 1;
visibility: visible;
transform: none;
} .mm_header_2026 .h26_mg_intro {
flex: 1 1 0;
min-width: 0;
}
.mm_header_2026 .h26_mg_cols {
flex: 1.55 1 0;
min-width: 0;
}
.mm_header_2026 .h26_mg_cta {
flex: .95 1 0;
min-width: 0;
}
.mm_header_2026 .h26_mega--wide .h26_mg_intro,
.mm_header_2026 .h26_mega--wide .h26_mg_cta {
flex-grow: .9;
}
.mm_header_2026 .h26_mega--wide .h26_mg_cols {
flex-grow: 1.9;
}
.mm_header_2026 .h26_mega > * {
opacity: 0;
transform: translateY(8px);
-webkit-transition: opacity .4s, transform .5s;
transition: opacity .4s, transform .5s;
}
.mm_header_2026 .h26_mega.is-open > * {
opacity: 1;
transform: none;
}
.mm_header_2026 .h26_mega.is-open > :nth-child(2) {
transition-delay: .05s;
}
.mm_header_2026 .h26_mega.is-open > :nth-child(3) {
transition-delay: .1s;
}
.mm_header_2026 .h26_mg_intro {
padding: 30px 30px 28px;
border-radius: 20px;
background: #E8EEFB;
}
.mm_header_2026 .h26_mg_intro h3 {
margin: 0 0 14px;
color: #08083E;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 1.875rem;
line-height: 1.08;
letter-spacing: -.05rem;
}
.mm_header_2026 .h26_mg_intro p {
margin: 0 0 18px;
color: #1A1A73;
font-size: .96875rem;
line-height: 1.6;
}
.mm_header_2026 .h26_mg_link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #E84634;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 1rem;
text-decoration: none;
}
.mm_header_2026 .h26_mg_link:hover {
color: #E84634;
}
.mm_header_2026 .h26_mg_link .h26_ar,
.mm_header_2026 .h26_mg_cta .h26_ar {
width: 13px;
height: 13px;
-webkit-transition: transform .3s;
transition: transform .3s;
}
.mm_header_2026 .h26_mg_link:hover .h26_ar,
.mm_header_2026 .h26_mg_cta .h26_btn:hover .h26_ar {
transform: translateX(4px);
} .mm_header_2026 .h26_mg_cols {
display: flex;
flex-wrap: wrap;
gap: 12px 40px;
padding-top: 6px;
}
.mm_header_2026 .h26_mg_col,
.mm_header_2026 .h26_mg_cols > ul {
flex: 1 1 0;
min-width: 0;
}
.mm_header_2026 .h26_mg_col h4,
.mm_header_2026 .h26_mg_cols > h4 {
margin: 0 0 16px;
color: #E84634;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.3;
letter-spacing: .105rem;
text-transform: uppercase;
}
.mm_header_2026 .h26_mg_cols > h4 {
flex: 0 0 100%;
margin-bottom: 4px;
}
.mm_header_2026 .h26_mg_col ul,
.mm_header_2026 .h26_mg_cols > ul {
display: flex;
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.mm_header_2026 .h26_mg_item {
display: block;
margin: 0 -12px;
padding: 8px 12px;
border-radius: 12px;
text-decoration: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.mm_header_2026 .h26_mg_item b {
display: flex;
align-items: center;
gap: 8px;
color: #08083E;
font-family: Nexa-Bold, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.3;
}
.mm_header_2026 .h26_mg_item b::after {
content: "";
flex: none;
width: 7px;
height: 7px;
border-top: 2px solid #FE5B4A;
border-right: 2px solid #FE5B4A;
opacity: 0;
transform: rotate(45deg) translate(-4px, 4px);
-webkit-transition: opacity .25s, transform .3s;
transition: opacity .25s, transform .3s;
}
.mm_header_2026 .h26_mg_item small {
display: block;
margin-top: 3px;
color: #6A6D86;
font-size: .84375rem;
line-height: 1.45;
}
.mm_header_2026 a.h26_mg_item:hover {
background: #F3F5FC;
}
.mm_header_2026 a.h26_mg_item:hover b::after {
opacity: 1;
transform: rotate(45deg) translate(0, 0);
}
.mm_header_2026 .h26_mg_cta {
position: relative;
overflow: hidden;
isolation: isolate;
padding: 30px 30px 28px;
border-radius: 20px;
background: #08083E;
color: rgba(255, 255, 255, .75);
}
.mm_header_2026 .h26_mg_cta::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
background-size: 24px 24px;
-webkit-mask-image: linear-gradient(135deg, transparent 40%, #000);
mask-image: linear-gradient(135deg, transparent 40%, #000);
}
.mm_header_2026 .h26_mg_cta h3 {
margin: 0 0 14px;
color: #fff;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 1.5625rem;
line-height: 1.15;
letter-spacing: -.03rem;
}
.mm_header_2026 .h26_mg_cta p {
margin: 0 0 22px;
font-size: .9375rem;
line-height: 1.6;
}
.mm_header_2026 .h26_mg_cta .h26_btn {
padding: 16px 22px 12px;
} .mm_header_2026 .h26_burger {
position: relative;
display: none;
flex: none;
width: 44px;
height: 44px;
margin-right: -10px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.mm_header_2026 .h26_burger span {
position: absolute;
left: 11px;
width: 22px;
height: 2px;
border-radius: 2px;
background: #fff;
-webkit-transition: transform .45s, top .45s, width .3s;
transition: transform .45s, top .45s, width .3s;
}
.mm_header_2026 .h26_burger span:nth-child(1) {
top: 17px;
}
.mm_header_2026 .h26_burger span:nth-child(2) {
top: 25px;
width: 14px;
}
.mm_header_2026 .h26_burger span:nth-child(3) {
display: none;
}
.mm_header_2026 .h26_burger[aria-expanded="true"] span:nth-child(1) {
top: 21px;
transform: rotate(45deg);
}
.mm_header_2026 .h26_burger[aria-expanded="true"] span:nth-child(2) {
top: 21px;
width: 22px;
transform: rotate(-45deg);
}  .mm_header_2026 .h26_mobile {
position: fixed;
top: var(--header_height, 72px);
left: 0;
right: 0;
bottom: 0;
z-index: 58;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding: 6px 0 116px;
color: #fff; background-color: #fff;
background-image: radial-gradient(ellipse 175% 100% at 50% 0%, #0A0A3A 0%, #0A0A3F 50%, #0D0C52 62%, #13117A 71%, #1E1AA4 77%, #2D2BCB 81.5%, #4650EA 85%, #6E7BF8 88.5%, #9DA8FF 91.5%, #C8CFFF 94.5%, #EBEEFF 97.2%, #FFFFFF 100%);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s, visibility 0s .3s;
transition: opacity .3s, visibility 0s .3s;
}
.mm_header_2026 .h26_mobile.is-open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s, visibility 0s;
transition: opacity .3s, visibility 0s;
}
.mm_header_2026 .h26_mobile > * {
opacity: 0;
transform: translateY(10px);
-webkit-transition: transform .5s, opacity .4s;
transition: transform .5s, opacity .4s;
}
.mm_header_2026 .h26_mobile.is-open > * {
opacity: 1;
transform: none;
}
.mm_header_2026 .h26_mobile.is-open > :nth-child(2) {
transition-delay: .06s;
}
.mm_header_2026 .h26_mobile.is-open > :nth-child(3) {
transition-delay: .12s;
}
.mm_header_2026 .h26_m_main {
margin: 0;
padding: 0;
list-style: none;
}
.mm_header_2026 .h26_m_acc {
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mm_header_2026 .h26_m_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
padding: 22px 40px;
border: 0;
background: none;
cursor: pointer;
color: #fff;
text-align: left;
}
.mm_header_2026 .h26_m_t {
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 1.375rem;
line-height: 1.2;
letter-spacing: -.03rem;
-webkit-transition: color .3s;
transition: color .3s;
}
.mm_header_2026 .h26_m_ic {
position: relative;
flex: none;
width: 16px;
height: 16px;
}
.mm_header_2026 .h26_m_ic::before,
.mm_header_2026 .h26_m_ic::after {
content: "";
position: absolute;
top: 7px;
left: 0;
right: 0;
height: 2px;
border-radius: 2px;
background: currentColor;
-webkit-transition: transform .4s;
transition: transform .4s;
}
.mm_header_2026 .h26_m_ic::after {
transform: rotate(90deg);
}
.mm_header_2026 .h26_m_acc.is-open .h26_m_t,
.mm_header_2026 .h26_m_acc.is-open .h26_m_ic {
color: #FE5B4A;
}
.mm_header_2026 .h26_m_acc.is-open .h26_m_ic::after {
transform: rotate(0);
} .mm_header_2026 .h26_m_sub {
height: 0;
overflow: hidden;
-webkit-transition: height .45s;
transition: height .45s;
}
.mm_header_2026 .h26_m_sub_in {
padding: 0 40px 26px;
}
.mm_header_2026 .h26_m_over {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
color: #FE5B4A;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .96875rem;
text-decoration: none;
}
.mm_header_2026 .h26_m_over:hover {
color: #FE5B4A;
}
.mm_header_2026 .h26_m_over .h26_ar {
width: 13px;
height: 13px;
}
.mm_header_2026 .h26_m_cap {
display: block;
margin: 20px 0 4px;
color: rgba(255, 255, 255, .45);
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .71875rem;
letter-spacing: .1rem;
text-transform: uppercase;
}
.mm_header_2026 .h26_m_links {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.mm_header_2026 .h26_m_links li {
width: calc(50% - 10px);
}
.mm_header_2026 .h26_m_links.one li {
width: 100%;
}
.mm_header_2026 .h26_m_links a,
.mm_header_2026 .h26_m_links span {
display: block;
padding: 11px 0;
border-bottom: 1px solid rgba(255, 255, 255, .1);
color: rgba(255, 255, 255, .88);
font-size: .96875rem;
line-height: 1.3;
text-decoration: none;
}
.mm_header_2026 .h26_m_links a:active {
color: #fff;
}
.mm_header_2026 .h26_m_links small {
display: block;
margin-top: 2px;
color: rgba(255, 255, 255, .5);
font-size: .78125rem;
}
.mm_header_2026 .h26_m_sec {
display: flex;
flex-wrap: wrap;
gap: 6px 26px;
padding: 24px 40px 0;
}
.mm_header_2026 .h26_m_sec a,
.mm_header_2026 .h26_m_sec span {
color: #fff;
font-family: Nexa-Bold, sans-serif;
font-weight: 400;
font-size: 1.0625rem;
text-decoration: none;
}
.mm_header_2026 .h26_m_contact {
margin: 30px 40px 0;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.mm_header_2026 .h26_m_contact a {
display: block;
color: #fff;
text-decoration: none;
}
.mm_header_2026 .h26_m_tel {
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 1.25rem;
letter-spacing: -.0125rem;
}
.mm_header_2026 .h26_m_contact .h26_m_mail {
margin-top: 4px;
color: rgba(255, 255, 255, .7);
font-size: .9375rem;
}
.mm_header_2026 .h26_m_contact .h26_m_wa {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 12px;
color: #fff;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .9375rem;
}
.mm_header_2026 .h26_wa {
width: 18px;
height: 18px;
color: #fff;
}
.mm_header_2026 .h26_m_hours {
margin: 14px 0 0;
color: rgba(255, 255, 255, .72);
font-size: .8125rem;
line-height: 1.6;
} body section.m71_header_startseite_neu_redesign,
body section.m55_header_startseite_neu {
margin-top: 84px;
}
body section.m47_header_ueber_uns,
body section.m48_header_unterseite {
padding-top: 84px;
}
body section.m56_header_unterseite_neu,
body section.mM_post_type_single_post {
margin-top: 118px;
}
body section.m54_header_referenzen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 211px;
}
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_oben_und_unten"],
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 203px;
} @media screen and (max-width: 1399px) {
.mm_header_2026 .h26_logo {
margin-right: 16px;
}
.mm_header_2026 .h26_logo svg,
.mm_header_2026 .h26_logo img {
height: 21px;
}
.mm_header_2026 .h26_nav_links > li + li {
margin-left: 4px;
}
.mm_header_2026 .h26_nav_link {
padding-left: 4px;
padding-right: 4px;
font-size: .8125rem;
}
.mm_header_2026 .h26_nav_cta {
margin-left: 16px;
padding: 18px 16px 15px;
font-size: .8125rem;
}
.mm_header_2026 .h26_nav.is-scrolled .h26_nav_cta {
padding-top: 15px;
padding-bottom: 12px;
}
.mm_header_2026 .h26_mega {
gap: 24px;
padding: 24px;
}
.mm_header_2026 .h26_mg_cols {
column-gap: 20px;
}
.mm_header_2026 .h26_mg_intro,
.mm_header_2026 .h26_mg_cta {
padding: 24px 22px 22px;
}
.mm_header_2026 .h26_mg_intro h3 {
font-size: 1.5rem;
}
.mm_header_2026 .h26_mg_cta h3 {
font-size: 1.3125rem;
}
}
@media screen and (max-width: 1199px) {
.mm_header_2026 .h26_nav_main,
.mm_header_2026 .h26_nav_cta,
.mm_header_2026 .h26_mega_wrap,
.mm_header_2026 .h26_mega_scrim {
display: none;
}
.mm_header_2026 .h26_burger {
display: block;
}
.mm_header_2026 .h26_nav_term {
display: inline-flex;
margin-left: auto;
margin-right: 12px;
}
.mm_header_2026 .h26_nav_in,
.mm_header_2026 .h26_nav.is-scrolled .h26_nav_in {
padding: 14px 0;
}
.mm_header_2026 .h26_logo svg,
.mm_header_2026 .h26_logo img {
height: 21px;
}
body section.m71_header_startseite_neu_redesign,
body section.m55_header_startseite_neu {
margin-top: 72px;
}
body section.m47_header_ueber_uns,
body section.m48_header_unterseite {
padding-top: 72px;
}
body section.m56_header_unterseite_neu,
body section.mM_post_type_single_post {
margin-top: 106px;
}
body section.m54_header_referenzen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 199px;
}
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_oben_und_unten"],
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 191px;
}
}
@media screen and (max-width: 991px) {
body section.m56_header_unterseite_neu,
body section.mM_post_type_single_post {
margin-top: 106px;
}
body section.m54_header_referenzen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 206px;
}
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_oben_und_unten"],
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 198px;
}
}
@media screen and (max-width: 767px) {
.mm_header_2026 .h26_m_row {
padding: 22px 20px;
}
.mm_header_2026 .h26_m_sub_in {
padding: 0 20px 26px;
}
.mm_header_2026 .h26_m_sec {
padding: 24px 20px 0;
}
.mm_header_2026 .h26_m_contact {
margin: 30px 20px 0;
}
}
@media screen and (max-width: 575px) {
.mm_header_2026 .h26_logo svg,
.mm_header_2026 .h26_logo img {
height: 18px;
}
body section.m56_header_unterseite_neu,
body section.mM_post_type_single_post {
margin-top: 72px;
}
body section.m75_header_leistungen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 108px;
}
}
@media screen and (max-width: 375px) {
.mm_header_2026 .h26_logo svg,
.mm_header_2026 .h26_logo img {
height: 16px;
}
.mm_header_2026 .h26_nav_term {
margin-right: 4px;
padding: 11px 12px 7px;
font-size: .8125rem;
}
.mm_header_2026 .h26_m_t {
font-size: 1.1875rem;
}
}
@media screen and (max-width: 335px) {
.mm_header_2026 .h26_m_links li {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.mm_header_2026 *,
.mm_header_2026 *::before,
.mm_header_2026 *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
}
}.btw-f3 {
--f3-navy: #08083D;
--f3-coral: #FF5B4A;
--f3-soft: #AEB2E0;
--f3-soft-2: #C9CCF0;
--f3-line: rgba(255, 255, 255, .12);
background: var(--f3-navy);
color: #fff;
font-family: inherit;
padding-top: 48px;
padding-bottom: 24px;
}
.btw-f3 a { color: inherit; text-decoration: none; }
.btw-f3 a:hover, .btw-f3 a:focus-visible { color: var(--f3-coral); }
.btw-f3 a:focus-visible { outline: 2px solid var(--f3-coral); outline-offset: 3px; border-radius: 4px; }
.btw-f3 p, .btw-f3 ul { margin: 0; padding: 0; }
.btw-f3 ul { list-style: none; }
.btw-f3__inner { max-width: 1200px; margin: 0 auto; padding: 110px 24px 40px; } .btw-f3__main { display: grid; grid-template-columns: minmax(0, 500px) minmax(0, 1fr); gap: 56px; }
.btw-f3__claim { font-weight: 900; font-size: clamp(34px, 4vw, 48px); line-height: 1.08; letter-spacing: -.5px; color: #fff; }
.btw-f3__claim span { color: var(--f3-coral); }
.btw-f3__btn {
display: inline-block; margin-top: 28px; padding: 15px 26px; border-radius: 35px;
background: var(--f3-coral); color: var(--f3-navy) !important; font-weight: 800; font-size: 15px;
transition: transform .15s ease, box-shadow .15s ease;
}
.btw-f3__btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(255, 91, 74, .35); }
.btw-f3__contact { margin-top: 28px !important; font-size: 15px; line-height: 1.6; color: var(--f3-soft-2); }
.btw-f3__sep { margin: 0 8px; color: var(--f3-soft); }
.btw-f3__nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; align-content: start; }
.btw-f3__h { font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--f3-coral); margin-bottom: 14px !important; }
.btw-f3__list li + li { margin-top: 10px; }
.btw-f3__list a { font-size: 15px; line-height: 1.4; color: #fff; } .btw-f3__brand { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 72px; }
.btw-f3__logo { display: inline-flex; width: 160px; color: #fff; }
.btw-f3__logo svg { width: 100%; height: auto; display: block; }
.btw-f3__tagline { font-size: 14px; color: var(--f3-soft); } .btw-f3__bottom {
display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap;
margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--f3-line);
font-size: 14px; color: var(--f3-soft);
}
.btw-f3__legal, .btw-f3__social { display: flex; flex-wrap: wrap; }
.btw-f3__legal li + li::before, .btw-f3__social li + li::before { content: '·'; margin: 0 10px; color: var(--f3-soft); }
.btw-f3__legal a, .btw-f3__social a { color: var(--f3-soft); } @media (max-width: 1080px) {
.btw-f3__main { grid-template-columns: 1fr; gap: 64px; }
} @media (max-width: 640px) {
.btw-f3__inner { padding: 72px 20px 32px; }
.btw-f3__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
.btw-f3__brand { flex-direction: column; align-items: flex-start; margin-top: 56px; }
.btw-f3__bottom { flex-direction: column; align-items: flex-start; }
.btw-f3__contact .btw-f3__sep { display: none; }
.btw-f3__contact a[href^="https://wa.me"] { display: block; }
}.h26_mbar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 59;
display: none;
gap: 10px;
padding: 12px 40px;
border-top: 1px solid #DCDDF2;
background: #fff;
box-shadow: 0 -10px 30px -20px rgba(8, 8, 62, .35);
} .h26_mbar .h26_mbar_btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 0;
padding: 17px 16px 13px;
border-radius: 999px;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.3;
text-align: center;
text-decoration: none;
-webkit-transition: background .25s, transform .25s, color .25s;
transition: background .25s, transform .25s, color .25s;
}
.h26_mbar .h26_mbar_btn:active {
transform: scale(.98);
}
.h26_mbar .h26_mbar_btn--k {
flex: 1 1 auto;
background: #FE5B4A;
color: #fff;
}
.h26_mbar .h26_mbar_btn--k:hover {
background: #ff735f;
color: #fff;
}
.h26_mbar .h26_mbar_btn--line {
flex: none;
padding: 15px 16px 11px 14px;
border: 1.5px solid #08083E;
background: #fff;
color: #08083E;
}
.h26_mbar .h26_mbar_btn--line:hover {
color: #08083E;
}
.h26_mbar .h26_mbar_icon {
display: inline-flex;
flex: none;
width: 18px;
height: 18px;
margin-top: -4px;
color: #1919BD;
}
.h26_mbar .h26_mbar_icon svg,
.h26_mbar .h26_mbar_icon img {
display: block;
width: 100%;
height: 100%;
} @media screen and (max-width: 1199px) {
.h26_mbar {
display: flex;
}
body.h26_has_mbar {
padding-bottom: 76px;
}
}
@media screen and (max-width: 767px) {
.h26_mbar {
padding: 12px 20px;
}
}
@media screen and (max-width: 399px) {
.h26_mbar {
gap: 8px;
padding: 10px 12px;
}
.h26_mbar .h26_mbar_btn {
font-size: .8125rem;
}
.h26_mbar .h26_mbar_btn--k {
padding-left: 12px;
padding-right: 12px;
}
.h26_mbar .h26_mbar_btn--line {
padding-left: 12px;
padding-right: 12px;
}
} @media screen and (max-width: 335px) {
.h26_mbar .h26_mbar_btn--line .h26_mbar_icon + .h26_mbar_label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.h26_mbar .h26_mbar_btn--line .h26_mbar_icon {
margin-top: 0;
}
.h26_mbar .h26_mbar_btn--line {
padding: 13px 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.h26_mbar .h26_mbar_btn {
transition-duration: .001ms;
}
}.h26_totop {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 40;
display: flex;
align-items: center;
padding: 5px;
border: 1px solid rgba(25, 25, 189, .12);
border-radius: 999px;
background: rgba(255, 255, 255, .88);
-webkit-backdrop-filter: blur(14px) saturate(160%);
backdrop-filter: blur(14px) saturate(160%);
box-shadow: 0 14px 34px -16px rgba(8, 8, 62, .45), 0 1px 0 #fff inset;
color: #1919BD;
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(14px);
-webkit-transition: opacity .35s, transform .45s, visibility .35s, background .3s, color .3s, border-color .3s;
transition: opacity .35s, transform .45s, visibility .35s, background .3s, color .3s, border-color .3s;
}
.h26_totop.is-show {
opacity: 1;
visibility: visible;
transform: none;
}
.h26_totop:focus-visible {
outline: 3px solid #FE5B4A;
outline-offset: 3px;
}
.h26_totop .h26_totop_ico {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.h26_totop .h26_totop_ring {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
max-width: none;
transform: rotate(-90deg);
}
.h26_totop .h26_totop_ring circle {
fill: none;
stroke-width: 2;
}
.h26_totop .h26_totop_ring_bg {
stroke: rgba(25, 25, 189, .12);
-webkit-transition: stroke .3s;
transition: stroke .3s;
} .h26_totop .h26_totop_ring_bar {
stroke: #FE5B4A;
stroke-linecap: round;
stroke-dasharray: 113.1;
stroke-dashoffset: 113.1;
-webkit-transition: stroke-dashoffset .1s linear;
transition: stroke-dashoffset .1s linear;
}
.h26_totop .h26_totop_rocket {
display: block;
width: 21px;
height: 21px;
transform: rotate(-45deg);
-webkit-transition: transform .45s;
transition: transform .45s;
}
.h26_totop .h26_totop_rocket svg,
.h26_totop .h26_totop_rocket img {
display: block;
width: 100%;
height: 100%;
} .h26_totop .h26_totop_lbl {
max-width: 0;
overflow: hidden;
opacity: 0;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.3;
color: inherit;
-webkit-transition: max-width .45s, opacity .3s, margin .45s;
transition: max-width .45s, opacity .3s, margin .45s;
}
.h26_totop .h26_totop_lbl span {
display: block;
width: max-content;
padding-top: 3px;
}
.h26_totop:hover,
.h26_totop:focus-visible {
border-color: #1919BD;
background: #1919BD;
color: #fff;
}
.h26_totop:hover .h26_totop_lbl,
.h26_totop:focus-visible .h26_totop_lbl {
max-width: 110px;
margin: 0 14px 0 4px;
opacity: 1;
}
.h26_totop:hover .h26_totop_ring_bg {
stroke: rgba(255, 255, 255, .2);
}
.h26_totop:hover .h26_totop_rocket {
transform: rotate(-45deg) translate(2px, -2px);
} .h26_totop.is-launch .h26_totop_rocket {
-webkit-animation: h26_rocket_launch 1s cubic-bezier(.5, 0, .75, 0) forwards;
animation: h26_rocket_launch 1s cubic-bezier(.5, 0, .75, 0) forwards;
}
.h26_totop.is-land .h26_totop_rocket {
-webkit-animation: h26_rocket_land .55s;
animation: h26_rocket_land .55s;
}
@-webkit-keyframes h26_rocket_launch {
0% { transform: rotate(-45deg); }
25% { transform: rotate(-45deg) translate(-2px, 2px); }
100% { transform: rotate(-45deg) translate(38px, -38px); }
}
@keyframes h26_rocket_launch {
0% { transform: rotate(-45deg); }
25% { transform: rotate(-45deg) translate(-2px, 2px); }
100% { transform: rotate(-45deg) translate(38px, -38px); }
}
@-webkit-keyframes h26_rocket_land {
from { transform: rotate(-45deg) translate(-30px, 30px); opacity: 0; }
to { transform: rotate(-45deg); opacity: 1; }
}
@keyframes h26_rocket_land {
from { transform: rotate(-45deg) translate(-30px, 30px); opacity: 0; }
to { transform: rotate(-45deg); opacity: 1; }
} @media screen and (max-width: 1199px) {
body.h26_has_mbar .h26_totop {
bottom: 88px;
}
}
@media screen and (max-width: 375px) {
.h26_totop {
right: 12px;
}
body.h26_has_mbar .h26_totop {
bottom: 80px;
}
}
@media (prefers-reduced-motion: reduce) {
.h26_totop,
.h26_totop * {
animation-duration: .001ms !important;
transition-duration: .001ms !important;
}
}