@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//mektec.cz/wp-content/themes/mektec-manufacturing-corporation-europe-cz-sro/assets/fonts/InterVariable.woff2) format("woff2");
}
body,
button,
input,
select,
textarea {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
} .home-section {
padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
padding-block: clamp(72px, 8vw, 128px);
}
.home-heading {
max-width: 820px;
margin: 0;
color: #464646;
font-size: 46px;
font-weight: 700;
line-height: 1.08;
letter-spacing: -.035em;
}
.home-eyebrow {
margin: 0 0 18px;
color: #464646;
font-size: .78rem;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
}
.home-eyebrow--light {
color: #fff;
}
.home-lead,
.home-section_intro {
color: #464646;
font-size: clamp(1rem, 1.3vw, 1.22rem);
line-height: 1.85;
}
.home-split {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
align-items: center;
}
.home-split_content {
padding-block: 24px;
}
.home-split_content .home-lead {
max-width: 650px;
margin: 30px 0 36px;
}
.home-split_media {
position: relative;
min-height: clamp(360px, 43vw, 620px);
margin: 0;
overflow: hidden;
background: #ececf4;
}
.home-split_media::after {
position: absolute;
right: -1px;
bottom: -1px;
width: 22%;
aspect-ratio: 1;
content: "";
background: #fff;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.home-split_media img {
width: 100%;
height: 100%;
min-height: inherit;
object-fit: cover;
transition: transform .7s ease;
}
.home-split_media .home-split_logo {
padding: clamp(48px, 8vw, 85px);
object-fit: contain;
background: transparent;
}
.home-split_media--logo {
background: transparent;
}
.home-split_media--logo::after {
display: none;
}
.home-split:hover .home-split_media .home-split_logo {
transform: none;
}
.home-split:hover .home-split_media img {
transform: scale(1.025);
}
.home-career {
background: #f4f5fa;
}
.home-career .home-split_media::after {
right: auto;
left: -1px;
clip-path: polygon(0 0, 100% 100%, 0 100%);
background: #f4f5fa;
}
.home-section_header {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(223px, 0.8fr);
gap: 56px;
align-items: flex-start;
margin-bottom: clamp(44px, 6vw, 3.4375rem);
}
.home-section_intro {
max-width: 470px;
margin: 0 0 4px;
}
.home-product_grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2px;
background: #fff;
}
.home-product_card {
position: relative;
min-height: 390px;
overflow: hidden;
color: #fff;
isolation: isolate;
}
.home-product_card img {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
}
.home-product_overlay {
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(180deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .48) 38%, rgba(0, 0, 0, .06) 78%);
transition: background-color .35s ease;
}
.home-product_content {
display: flex;
flex-direction: column;
height: 100%;
padding: 34px;
}
.home-product_kicker {
margin-bottom: 14px;
font-size: .72rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
}
.home-product_content strong {
max-width: 320px;
font-size: clamp(1.25rem, 1.8vw, 1.75rem);
font-weight: 500;
line-height: 1.35;
}
.home-card_arrow {
position: absolute;
right: 34px;
bottom: 34px;
display: block;
width: 32px;
height: 24px;
transition: transform .3s ease;
}
.home-card_arrow::before {
position: absolute;
top: 50%;
right: 1px;
left: 0;
height: 2px;
content: "";
background: #fff;
transform: translateY(-50%);
}
.home-card_arrow::after {
position: absolute;
top: 50%;
right: 1px;
width: 13px;
height: 13px;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-50%) rotate(45deg);
}
.home-product_card:hover .home-card_arrow {
transform: translateX(5px);
}
.home-product_card:hover .home-product_overlay {
background-color: rgb(0 0 120 / .82);
}
.home-benefits {
color: #fff;
background: url(//mektec.cz/wp-content/themes/mektec-manufacturing-corporation-europe-cz-sro/assets/images/2_pc.jpg) center / cover;
}
.home-benefits .home-heading {
color: #fff;
}
.home-benefits_intro {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
gap: 56px;
align-items: flex-start;
}
@media (min-width: 1101px) {
.home-heading {
white-space: nowrap;
}
}
.home-benefits_intro p:last-child {
max-width: 520px;
margin: 0 0 8px;
color: rgba(255, 255, 255, .86);
font-size: 1.22rem;
line-height: 1.75;
}
.home-benefit_list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(14px, 1.5vw, 24px);
margin: 64px 0 46px;
padding: 0;
list-style: none;
}
.home-benefit_list li {
position: relative;
min-height: 180px;
padding: 34px 64px 64px 34px;
font-size: 1.08rem;
font-weight: 500;
line-height: 1.5;
background: var(--dark-normal);
border: 1px solid rgba(255, 255, 255, .42);
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}
.home-benefit_list li::after {
position: absolute;
right: 28px;
bottom: 24px;
color: #fff;
content: "+";
font-size: 2rem;
font-weight: 300;
line-height: 1;
transition: color .3s ease, transform .3s ease;
}
@media (any-hover: hover) {
.home-benefit_list li:hover {
color: #464646;
background-color: #fff;
border-color: #fff;
}
.home-benefit_list li:hover::after {
color: #000078;
transform: rotate(90deg);
}
}
.home-clients {
background: #f7f7fa;
}
.home-clients .home-section_header {
margin-bottom: 24px;
}
.home-client_grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-client_logo {
display: grid;
min-height: 140px;
padding: 24px 32px;
color: #74778a;
background: transparent;
place-items: center;
}
.home-client_logo img {
max-width: 221px;
max-height: 91px;
object-fit: contain;
mix-blend-mode: multiply;
}
.home-client_logo span {
font-size: clamp(1.15rem, 2vw, 1.7rem);
font-weight: 700;
letter-spacing: .08em;
}
@media (max-width: 1023px) {
.home-split,
.home-split--reverse {
grid-template-columns: 1fr;
}
.home-intro .home-split {
gap: 0;
padding-block: 24px;
}
.home-intro .home-split_content {
display: contents;
}
.home-intro .home-eyebrow {
order: 1;
}
.home-intro .home-heading {
order: 2;
}
.home-intro .home-lead {
order: 3;
}
.home-intro .home-split_media--logo {
order: 4;
width: 178px;
min-height: 0;
margin: 0 auto 36px;
}
.home-intro .home-split_media .home-split_logo {
width: 178px;
height: auto;
min-height: 0;
padding: 0;
}
.home-intro .element-btn {
order: 5;
margin-inline: auto;
}
.home-split--reverse .home-split_media {
order: 2;
}
.home-career .home-split > img,
.home-product_grid {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.home-career .home-split > img {
display: block;
height: auto;
}
.home-product_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-benefits_intro {
gap: 32px;
grid-template-columns: 1fr;
}
.home-benefit_list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-client_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 639px) {
.home-section {
padding-block: 68px;
}
.home-section_header {
display: block;
}
.home-benefits_intro {
display: block;
}
.home-benefits_intro p:last-child {
margin-top: 24px;
}
.home-section_intro {
margin-top: 24px;
}
.home-split_media {
min-height: 300px;
}
.home-product_grid,
.home-benefit_list {
grid-template-columns: 1fr;
}
.home-product_card {
min-height: 330px;
}
.home-product_content {
padding: 26px;
}
.home-benefit_list {
margin-top: 44px;
}
.home-benefit_list li {
min-height: auto;
}
.home-client_logo {
min-height: 130px;
padding: 22px;
}
} .control-animation {
opacity: 1;
transform: none;
}
.front-hero {
animation-duration: .7s;
}
.front-hero .front-hero_info .layout-container {
animation: rightToLeft 2s ease-out both;
animation-delay: .15s;
}
.front-hero > .front-hero_info {
z-index: 2;
pointer-events: none;
}
.front-hero > .front-hero_info a {
pointer-events: auto;
}
@media (min-width: 768px) and (max-width: 1271px) {
.front-hero_arrows .front-slide_arrows,
.front-slide_progressPagination,
.front-hero_toggleBtn {
bottom: 40px;
padding-bottom: 0;
}
.front-slide_progressPagination {
left: 25%;
width: min(32vw, 240px);
transform: translateX(-50%);
}
.front-hero_toggleBtn {
pointer-events: none;
}
.front-hero_toggleBtn .front-toggleBtn {
pointer-events: auto;
}
}
@media (max-width: 767px) {
.front-hero_info {
top: 46%;
}
.front-hero_arrows .front-slide_arrows {
bottom: 22px;
gap: 12px;
padding-bottom: 0;
}
.front-hero_arrows .element-btn-arrow {
width: clamp(44px, 12vw, 64px);
}
.front-slide_progressPagination {
bottom: 23px;
left: 50%;
width: clamp(100px, 30vw, 180px);
max-width: none;
transform: translateX(-66%);
}
.front-hero_toggleBtn {
bottom: 22px;
padding-bottom: 0;
pointer-events: none;
}
.front-hero_toggleBtn .front-toggleBtn {
align-items: end;
pointer-events: auto;
}
.front-toggleBtn_text {
display: block;
margin-bottom: 10px;
font-size: 12px;
line-height: 1.2;
}
.front-toggleBtn_btn {
flex-shrink: 0;
}
} @media (max-width: 1271px) {
.layout-gnav-sp .element-accordion_summary {
align-items: center;
}
.layout-gnav-sp details.element-accordion .element-accordion_label > span {
display: inline-block;
width: 100%;
padding: 24px 25px;
}
.layout-gnav-sp details.element-accordion[open] .element-accordion_icon {
background-color: var(--gray-1);
}
.layout-gnav-sp details.element-accordion[open] .element-accordion_icon span {
background-color: var(--primary);
}
.layout-gnav-sp details.element-accordion[open] + .layout-gnav-sp_separator {
margin-top: 15px;
}
}
.error404-page {
color: #464646;
background: #fff;
}
.error404-page_inner {
min-height: calc(100vh - var(--headerHeight, 65px));
padding-block: clamp(96px, 11vw, 180px);
}
.error404-page_code {
margin-bottom: 18px;
font-size: clamp(54px, 8vw, 112px);
line-height: 1;
font-weight: 700;
color: #000078;
}
.error404-page h1 {
max-width: 880px;
margin-bottom: 28px;
font-size: clamp(42px, 5.2vw, 76px);
line-height: 1.1;
font-weight: 700;
}
.error404-page p:not(.error404-page_code) {
max-width: 660px;
font-size: clamp(17px, 1.6vw, 22px);
line-height: 1.75;
}
.error404-page_actions {
display: flex;
flex-wrap: wrap;
gap: 18px 32px;
align-items: center;
margin-top: 44px;
}
.error404-page_button,
.error404-page_link {
display: inline-flex;
min-height: 52px;
align-items: center;
font-weight: 700;
text-decoration: none;
}
.error404-page_button {
padding: 14px 28px;
color: #fff;
background: #000078;
}
.error404-page_link {
color: #000078;
}
.error404-page_button:hover,
.error404-page_link:hover {
text-decoration: underline;
}
@media (min-width: 1272px) {
html {
overflow-y: scroll;
}
body:has(.layout-overlay.is-active) {
padding-right: 0;
overflow-y: hidden;
}
html.is-gnav-open,
body.is-gnav-open {
overflow: hidden;
}
body:has(.layout-overlay.is-active) .layout-header {
width: 100%;
padding-right: 0;
}
.layout-header:has(.layout-gnavmenu_content.is-active) {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 120;
}
.layout-gnavmenu_content {
top: var(--headerHeight, 65px);
z-index: 110;
max-height: calc(100vh - var(--headerHeight, 65px));
overflow-y: auto;
overscroll-behavior: contain;
pointer-events: none;
transition: opacity .3s ease, visibility .3s ease;
}
.layout-gnavmenu_content.is-active {
pointer-events: auto;
}
.layout-overlay {
opacity: 0;
transition: opacity .3s ease;
}
.layout-overlay.is-active {
display: block;
opacity: 1;
}
.layout-gnavmenu_content .icon-arrow {
position: relative;
display: inline-block;
flex-shrink: 0;
width: 26px;
min-width: 26px;
height: 18px;
color: var(--primary);
background: none;
-webkit-mask: none;
mask: none;
}
.layout-gnavmenu_content .icon-arrow::before {
position: absolute;
top: 50%;
right: 1px;
left: 0;
height: 1.5px;
content: "";
background: currentColor;
transform: translateY(-50%);
}
.layout-gnavmenu_content .icon-arrow::after {
position: absolute;
top: 50%;
right: 1px;
width: 11px;
height: 11px;
content: "";
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor;
transform: translateY(-50%) rotate(45deg);
}
.layout-gnavmenu_content .icon-arrow.-bold {
width: 32px;
min-width: 32px;
height: 24px;
}
.layout-gnavmenu_content .icon-arrow.-bold::before {
height: 1.5px;
}
.layout-gnavmenu_content .icon-arrow.-bold::after {
width: 14px;
height: 14px;
border-width: 1.5px 1.5px 0 0;
}
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .element-accordion_summary {
position: relative;
min-height: 92px;
padding: 24px 96px 24px 48px;
}
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .icon-arrow.-bold {
position: absolute;
top: 50%;
right: 48px;
width: 26px;
min-width: 26px;
height: 18px;
color: var(--primary);
background-color: var(--primary);
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC4xMjEiIGhlaWdodD0iMjYuMTIxIiB2aWV3Qm94PSIwIDAgMzQuMTIxIDI2LjEyMSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDc4IiBzdHJva2Utd2lkdGg9IjMiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgMTMuMDZoMzIiIGRhdGEtbmFtZT0i44OR44K5IDciLz48cGF0aCBkPSJtMjAgMS4wNjEgMTIgMTItMTIgMTIiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+") center / contain no-repeat;
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC4xMjEiIGhlaWdodD0iMjYuMTIxIiB2aWV3Qm94PSIwIDAgMzQuMTIxIDI2LjEyMSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDc4IiBzdHJva2Utd2lkdGg9IjMiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgMTMuMDZoMzIiIGRhdGEtbmFtZT0i44OR44K5IDciLz48cGF0aCBkPSJtMjAgMS4wNjEgMTIgMTItMTIgMTIiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+") center / contain no-repeat;
transform: translateY(-50%);
transition: color .25s ease, transform .25s ease;
}
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .icon-arrow.-bold::before,
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .icon-arrow.-bold::after {
display: none;
}
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .element-accordion_summary:hover .element-accordion_label {
color: var(--base-white) !important;
}
.layout-gnavmenu_content > .layout-container > .element-accordion.-link .element-accordion_summary:hover .icon-arrow.-bold {
color: var(--base-white);
background-color: var(--base-white);
transform: translate(6px, -50%);
}
.layout-gnavmenu_closebtn {
top: 8px;
right: 8px;
z-index: 2;
width: 48px;
height: 48px;
padding: 0;
}
.layout-gnavmenu_closebtn .icon-cross {
position: absolute;
inset: 0;
display: block;
width: 24px;
height: 24px;
margin: auto;
background: none;
-webkit-mask: none;
mask: none;
}
.layout-gnavmenu_closebtn .icon-cross::before,
.layout-gnavmenu_closebtn .icon-cross::after {
position: absolute;
top: 11px;
left: 0;
width: 24px;
height: 2px;
content: "";
background: var(--primary);
}
.layout-gnavmenu_closebtn .icon-cross::before {
transform: rotate(45deg);
}
.layout-gnavmenu_closebtn .icon-cross::after {
transform: rotate(-45deg);
}
.layout-gnav_item-btn .icon-caret {
position: relative;
display: inline-block;
width: 17px;
min-width: 17px;
height: 10px;
background: none !important;
-webkit-mask: none;
mask: none;
}
.layout-gnav_item-btn .icon-caret::after {
position: absolute;
top: 0;
left: 4px;
width: 8px;
height: 8px;
content: "";
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
}
.layout-gnav_item-btn {
font-weight: 400 !important;
line-height: 1.2;
white-space: nowrap;
}
.layout-gnav_item-btn.is-active,
.layout-gnav_item-btn.is-pin {
font-weight: 700 !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active) {
background-color: var(--base-white) !important;
border-bottom-color: var(--gray-2) !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-header_logo svg {
fill: var(--primary) !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-gnav_item-btn,
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-lang_btn {
color: var(--text) !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-gnav_item-btn.is-active {
color: var(--primary) !important;
font-weight: 700 !important;
}
.layout-gnavmenu_content.-aboutus .company-menu {
display: grid;
grid-template-columns: minmax(180px, .7fr) minmax(0, 3fr);
gap: clamp(28px, 3vw, 48px);
align-items: stretch;
}
.layout-gnavmenu_content.-aboutus .company-menu_logo {
display: flex;
align-items: center;
justify-content: center;
min-height: 180px;
margin: 0;
}
.layout-gnavmenu_content.-aboutus .company-menu_logo img {
width: auto;
max-width: 100%;
max-height: 90px;
}
.layout-gnavmenu_content.-aboutus .company-menu_cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 2.4vw, 40px);
}
.layout-gnavmenu_content.-aboutus .company-menu_card {
position: relative;
display: flex;
min-height: 180px;
padding: 15px;
color: var(--primary);
border: 1px solid currentColor;
}
.layout-gnavmenu_content.-aboutus .company-menu_card strong {
font-size: 15px;
line-height: 1.25;
}
.layout-gnavmenu_content.-aboutus .company-menu_card .icon-arrow {
position: absolute;
right: 15px;
bottom: 15px;
}
.layout-gnavmenu_content.-aboutus .company-menu_card:hover {
color: var(--base-white);
background-color: var(--primary);
}
.layout-gnavmenu_content.-aboutus .company-menu_card:hover strong,
.layout-gnavmenu_content.-aboutus .company-menu_card:hover .icon-arrow {
color: var(--base-white) !important;
}
.layout-gnavmenu_content.-technology .technology-menu_cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(20px, 2.4vw, 40px);
}
.layout-gnavmenu_content.-technology .technology-menu_cards > .element-grid_col {
width: auto !important;
min-width: 0;
}
.layout-gnavmenu_content.-technology .technology-menu_cards .layout-gnavmenu_card,
.layout-gnavmenu_content.-technology .technology-menu_media {
width: 100%;
}
.layout-gnavmenu_content.-technology .technology-menu_cards .layout-gnavmenu_card {
position: relative;
display: block;
overflow: hidden;
}
.layout-gnavmenu_content.-technology .technology-menu_media {
min-height: 180px;
aspect-ratio: 380 / 224;
overflow: hidden;
border: 0;
background: var(--gray-1);
}
.layout-gnavmenu_content.-technology .technology-menu_media img {
transition: transform .45s ease;
}
.layout-gnavmenu_content.-technology .technology-menu_media::before {
z-index: 1;
background: rgb(0 0 0 / 48%);
transition: background-color .3s ease;
}
.layout-gnavmenu_content.-technology .layout-gnavmenu_card:hover .technology-menu_media::before {
background: rgb(0 0 120 / 82%);
}
.layout-gnavmenu_content.-technology .layout-gnavmenu_card:hover .technology-menu_media img {
transform: scale(1.025);
}
.layout-gnavmenu_content.-technology .element-link,
.layout-gnavmenu_content.-business_product .element-link {
font-size: 15px;
line-height: 1.35;
}
.layout-gnavmenu_content.-technology .technology-menu_cards .element-link {
position: absolute;
z-index: 2;
inset: 0;
display: block;
margin-top: 0 !important;
padding: 15px;
color: var(--base-white);
pointer-events: none;
}
.layout-gnavmenu_content.-technology .technology-menu_cards .element-link .icon-arrow {
position: absolute;
right: 15px;
bottom: 15px;
color: var(--base-white);
}
.layout-gnav_item a[href="https://mektec.de/"] .nav-external-icon {
display: inline-block !important;
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 8px;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(27%);
}
.layout-gnav_item a[href="https://mektec.de/"]:hover .nav-external-icon {
filter: invert(14%) sepia(99%) saturate(5382%) hue-rotate(241deg) brightness(61%) contrast(137%);
}
.layout-header.is-scrolltop:not(:has(.behavior-gnavMenu.is-active)):has(+ .front-home)
.layout-gnav_item a[href="https://mektec.de/"] .nav-external-icon {
filter: brightness(0) invert(1);
}
.layout-header:has(+ .front-home) .layout-gnav_item.-sustainability {
padding-right: 0;
margin-right: 0;
}
.layout-header:not(.is-scrolltop):has(+ .front-home) .layout-gnav_item-btn:hover {
font-weight: 700 !important;
color: var(--primary) !important;
}
.layout-header:not(.is-scrolltop):has(+ .front-home) .layout-gnav_item-btn:hover .icon-caret {
color: var(--primary) !important;
}
.layout-header.is-scrolltop:has(+ .front-home) .layout-gnav_item-btn:hover {
font-weight: 700 !important;
color: var(--base-white) !important;
}
.layout-header.is-scrolltop:has(+ .front-home) .layout-gnav_item-btn:hover .icon-caret {
color: var(--base-white) !important;
}
.layout-header.is-scrolltop:has(+ .front-home)
.layout-gnav_item a[href="https://mektec.de/"]:hover .nav-external-icon {
filter: brightness(0) invert(1);
}
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-gnav_item-btn:hover {
color: var(--primary) !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active) .layout-gnav_item-btn:hover .icon-caret {
color: var(--primary) !important;
}
.layout-header:has(.layout-gnavmenu_content.is-active)
.layout-gnav_item a[href="https://mektec.de/"]:hover .nav-external-icon {
filter: invert(14%) sepia(99%) saturate(5382%) hue-rotate(241deg) brightness(61%) contrast(137%);
}
.layout-header:has(+ .front-home) .layout-gnav_item-btn .nav-label::after {
display: block;
height: 0;
overflow: hidden;
font-weight: 700;
visibility: hidden;
content: attr(data-label);
}
.layout-gnavmenu_card .icon-arrow.-bold {
width: 16px;
min-width: 16px;
height: 12px;
color: var(--primary);
background: none;
-webkit-mask: none;
mask: none;
}
.layout-gnavmenu_card .icon-arrow.-bold::before {
height: 2px;
background: currentColor;
}
.layout-gnavmenu_card .icon-arrow.-bold::after {
width: 7px;
height: 7px;
border-width: 2px 2px 0 0;
border-color: currentColor;
}
.layout-gnavmenu_card:hover .icon-arrow.-bold.-hover\:move {
color: var(--primary);
transform: translateX(4px);
}
} .icon-arrow {
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy4wNjEiIGhlaWdodD0iMTguMzEiIHZpZXdCb3g9IjAgMCAyNy4wNjEgMTguMzEiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDA3OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgOS4xNTRoMjUuMzYxIiBkYXRhLW5hbWU9IuODkeOCuSA3Ii8+PHBhdGggZD0iTTE3LjM3NS41MyAyNiA5LjE1NWwtOC42MjUgOC42MjQiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy4wNjEiIGhlaWdodD0iMTguMzEiIHZpZXdCb3g9IjAgMCAyNy4wNjEgMTguMzEiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDA3OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgOS4xNTRoMjUuMzYxIiBkYXRhLW5hbWU9IuODkeOCuSA3Ii8+PHBhdGggZD0iTTE3LjM3NS41MyAyNiA5LjE1NWwtOC42MjUgOC42MjQiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+");
}
.icon-arrow.-bold {
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC4xMjEiIGhlaWdodD0iMjYuMTIxIiB2aWV3Qm94PSIwIDAgMzQuMTIxIDI2LjEyMSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDc4IiBzdHJva2Utd2lkdGg9IjMiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgMTMuMDZoMzIiIGRhdGEtbmFtZT0i44OR44K5IDciLz48cGF0aCBkPSJtMjAgMS4wNjEgMTIgMTItMTIgMTIiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC4xMjEiIGhlaWdodD0iMjYuMTIxIiB2aWV3Qm94PSIwIDAgMzQuMTIxIDI2LjEyMSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDc4IiBzdHJva2Utd2lkdGg9IjMiIGRhdGEtbmFtZT0iQXJyb3cgU2luZ2xlIOKAlCBSaWdodCI+PHBhdGggZD0iTTAgMTMuMDZoMzIiIGRhdGEtbmFtZT0i44OR44K5IDciLz48cGF0aCBkPSJtMjAgMS4wNjEgMTIgMTItMTIgMTIiIGRhdGEtbmFtZT0i44OR44K5IDgiLz48L2c+PC9zdmc+");
}
.icon-external {
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTkgMmg1djVNMTQgMiA3LjUgOC41IiBzdHJva2U9IiM0NjQ2NDYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+CiAgPHBhdGggZD0iTTEyLjUgOS41djRoLTEwdi0xMGg0IiBzdHJva2U9IiM0NjQ2NDYiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTkgMmg1djVNMTQgMiA3LjUgOC41IiBzdHJva2U9IiM0NjQ2NDYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+CiAgPHBhdGggZD0iTTEyLjUgOS41djRoLTEwdi0xMGg0IiBzdHJva2U9IiM0NjQ2NDYiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=");
}
.layout-lang,
.layout-gnav-sp_langlinks {
display: none !important;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.layout-footer_bottom {
display: flex;
margin-top: clamp(4.6875rem, 8.854rem - 6.51vw, 6.25rem);
gap: 24px;
align-items: center;
justify-content: space-between;
}
.layout-footer_bottom .layout-footer_copy {
margin-top: 0;
}
.layout-footer_socials {
display: flex;
gap: 18px;
align-items: center;
}
.layout-footer_socials a {
display: grid;
width: 28px;
height: 28px;
place-items: center;
color: #fff;
transition: opacity .2s ease;
}
.layout-footer_socials svg {
width: 24px;
height: 24px;
fill: currentColor;
}
.layout-footer_socials a:hover {
opacity: .7;
}
@media (max-width: 639px) {
.layout-footer_bottom {
align-items: flex-start;
flex-direction: column;
}
}