:root { --blue-primary:    #0091d1; --blue-dark:       #006fa3; --blue-light:      #e6f5fb; --navy:            #495a65; --charcoal:        #3a3a3a; --gray-medium:     #b3bfcc; --gray-light:      #f1f1f1; --gray-border:     #e4e4e4; --white:           #ffffff;
--danger:          #d1001a;  --wst-blue:        #0091d1;
--wst-blue-dark:   #006fa3;
--wst-blue-light:  #e6f5fb;
--wst-navy:        #495a65;
--wst-navy-dark:   #3a4a54;
--wst-white:       #ffffff;
--wst-text:        #3a3a3a;
--wst-gray-100:    #f1f1f1;
--wst-gray-200:    #e4e4e4;
--wst-gray-300:    #b3bfcc;
--wst-gray-500:    #b3bfcc;
--wst-gray-700:    #495a65;
--wst-border:      #e4e4e4;
--wst-text-muted:  #495a65; --font-primary:    'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --sp-2xs:          2px;
--sp-xs:           4px;
--sp-sm:           8px;
--sp-md:           16px;
--sp-lg:           24px;
--sp-xl:           40px;
--sp-2xl:          64px; --space-xs:        4px;
--space-sm:        8px;
--space-md:        16px;
--space-lg:        24px;
--space-xl:        40px;
--space-xxl:       64px; --container-max:   1280px;
--gutter:          32px; --section-pad:     80px;
--section-pad-sm:  40px;  --shadow-sm:       0 1px 4px rgba(0,0,0,0.10); --shadow-md:       0 4px 12px rgba(0,0,0,0.12); --shadow-lg:       0 8px 32px rgba(0,0,0,0.14); --radius-sm:       2px; --radius-md:       4px; --radius-lg:       8px; --trans:           0.25s ease;
--trans-slow:      0.35s ease;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; } body { font-family: var(--font-primary); color: var(--charcoal); background: var(--white); line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blue-primary); text-decoration: none; transition: color var(--trans); }
a:hover { color: var(--blue-dark); }
ul { list-style: none; } h1,h2,h3,h4,h5,h6 { font-family: var(--font-primary); font-weight: 700; color: var(--charcoal); } h1 { font-size: 2rem !important;   line-height: normal !important;  margin-bottom: 0 !important; } h2 { font-size: 1.5rem !important;  line-height: normal !important; margin-bottom: 0 !important; } h3 { font-size: 1.25rem !important; line-height: normal !important;  margin-bottom: 0 !important; } h4 { font-size: 1rem !important;    line-height: normal !important;  margin-bottom: 0 !important; } .subheading { font-size: 1.1rem; font-weight: 400; line-height: 1.4; color: var(--charcoal); } p { font-size: 1rem; line-height: 1.6; margin-bottom: 1rem; color: var(--charcoal); }
p:last-child { margin-bottom: 0; } small, .caption { font-size: 0.8rem; line-height: 1.5; } .label {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--blue-primary);
}  .container { max-width: var(--container-max); margin: 0 auto; padding: 0 40px; }
@media (max-width: 768px) { .container { padding: 0 16px; } }
.container--narrow { max-width: 900px; }
.section { padding: var(--section-pad) 0; }
.section--sm { padding: var(--section-pad-sm) 0; }
.section--bg-gray { background: var(--gray-light); }
.section--bg-light { background: #f7f7f7; }
.section--bg-navy { background: var(--navy); }
.grid { display: grid; gap: 32px; } .grid--2 { grid-template-columns: repeat(2,1fr); }
.grid--3 { grid-template-columns: repeat(3,1fr); }
.grid--4 { grid-template-columns: repeat(4,1fr); }
.grid--auto { grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); }
@media (max-width: 1024px) { .grid--4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 768px)  { .grid--3, .grid--4 { grid-template-columns: 1fr; } }
@media (max-width: 640px)  { .grid--2 { grid-template-columns: 1fr; } } .card-grid { display: grid; gap: 32px; }
.card-grid--3 { grid-template-columns: repeat(3,1fr); }
.card-grid--4 { grid-template-columns: repeat(4,1fr); }
@media (max-width: 1024px) { .card-grid--4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 900px)  { .card-grid--3 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px)  { .card-grid--3, .card-grid--4 { grid-template-columns: 1fr; } } .btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0.75rem 1.75rem; font-family: var(--font-primary);
font-size: 0.875rem; font-weight: 600;
border-radius: 2px; border: 2px solid transparent;
cursor: pointer;
transition: all var(--trans);
text-decoration: none;
letter-spacing: 0.02em;
} .btn--primary { background: var(--blue-primary); color: var(--white); border-color: var(--blue-primary); }
.btn--primary:hover { background: var(--blue-dark); border-color: var(--blue-dark); color: var(--white); transform: translateY(-1px); box-shadow: var(--shadow-md); } .btn--outline, .btn--secondary {
background: transparent;
color: var(--blue-primary);
border-color: var(--blue-primary);
}
.btn--outline:hover, .btn--secondary:hover {
background: var(--blue-primary);
color: var(--white);
} .btn--navy { background: var(--navy); color: var(--white); border-color: var(--navy); }
.btn--navy:hover { background: var(--wst-navy-dark); border-color: var(--wst-navy-dark); color: var(--white); } .btn--white { background: var(--white); color: var(--blue-primary); border-color: var(--white); }
.btn--white:hover { background: var(--blue-light); } .btn--lg { font-size: 1rem; padding: 1rem 2.5rem; }
.btn--sm { font-size: 0.8rem; padding: 0.5rem 1.25rem; }
.btn--full { width: 100%; justify-content: center; } .section-header { text-align: center; margin-bottom: 48px; }
.section-header__eyebrow {
display: inline-block;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--blue-primary);
margin-bottom: 12px;
}
.section-header__subtitle { font-size: 1.1rem; color: var(--navy); max-width: 640px; margin: 0 auto; } .card {
background: var(--white);
border: 1px solid var(--gray-border); border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.10); overflow: hidden;
transition: transform var(--trans), box-shadow var(--trans);
}
.card:hover {
transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.12); } .card__image {
height: 140px;
background: var(--gray-light); overflow: hidden;
}
.card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.card:hover .card__image img { transform: scale(1.04); } .card__eyebrow {
display: inline-block;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--blue-primary);
margin-bottom: 6px;
}
.card__body { padding: 24px; }
.card__title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(--charcoal); line-height: 1.4; } .card__text { font-size: 0.825rem; color: var(--navy); line-height: 1.6; margin-bottom: 16px; }  .wst-breadcrumb-bar {
width: 100%;
background: var(--white);
border-bottom: 1px solid var(--gray-border); }
.breadcrumbs {
padding: 10px 0;
font-size: 0.82rem;
color: var(--gray-medium);
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}  .breadcrumbs ol > a:first-of-type { color: var(--charcoal); font-weight: 700; text-decoration: none; transition: color 0.2s; }
.breadcrumbs ol > a:first-of-type:hover { color: var(--blue-primary); } .breadcrumbs a { color: var(--charcoal); font-weight: 400; text-decoration: none; transition: color 0.2s; }
.breadcrumbs a:hover { color: var(--blue-primary); } .breadcrumbs .breadcrumb-current { color: var(--gray-medium) !important; font-weight: 400 !important; cursor: default; pointer-events: none; } .page-hero--has-img .wst-breadcrumb-bar,
.page-hero--has-img .breadcrumbs { background: transparent; border-bottom: none; }
.page-hero--has-img .breadcrumbs,
.page-hero--has-img .breadcrumbs a,
.page-hero--has-img .breadcrumbs li::after { color: rgba(255,255,255,0.7); }
.page-hero--has-img .breadcrumbs a:hover { color: #fff; }
.page-hero--has-img .breadcrumbs li:last-child { color: #fff; } .badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.badge--blue { background: var(--blue-light); color: var(--blue-dark); }
.badge--navy { background: var(--navy); color: var(--white); } .wst-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .wst-table th {
background: var(--navy);
color: var(--white);
padding: 0.7rem 1rem;
text-align: left;
font-weight: 700;
font-size: 0.78rem;
} .wst-table td { padding: 0.7rem 1rem; border-bottom: 1px solid var(--gray-border); } .wst-table tbody tr:nth-child(odd) td { background: var(--gray-light); }
.wst-table tbody tr:nth-child(even) td { background: var(--white); } .wst-table tbody tr:hover td { background: var(--blue-light); } .wst-table td:first-child { font-family: 'Courier New', Courier, monospace; color: var(--navy); font-weight: 700; } .wst-form { display: flex; flex-direction: column; gap: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; } .form-group label { font-size: 0.825rem; font-weight: 600; color: var(--charcoal); } .form-group input,
.form-group textarea,
.form-group select {
padding: 0.65rem 0.9rem;
border: 1px solid var(--gray-medium);
border-radius: 2px;
font-family: var(--font-primary);
font-size: 1rem; color: var(--charcoal);
transition: border-color var(--trans), box-shadow var(--trans);
background: var(--white);
} .form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
outline: none;
border-color: var(--blue-primary);
box-shadow: 0 0 0 3px rgba(0,145,209,0.15);
} .form-group input::placeholder,
.form-group textarea::placeholder { color: var(--gray-medium); } .form-group--error input,
.form-group--error textarea { border-color: var(--danger); }
.form-group__error-msg { font-size: 0.825rem; color: var(--danger); }
.form-group textarea { min-height: 140px; resize: vertical; } @media (max-width: 768px) { :root { --section-pad: 48px; --section-pad-sm: 32px; } } .hero {
position: relative;
min-height: 620px;
display: flex;
align-items: center;
background: var(--wst-navy-dark) center/cover no-repeat;
overflow: hidden;
padding-top: 70px; }
.hero__overlay { position:absolute; inset:0; background:linear-gradient(135deg, rgba(51,63,71,0.88) 0%, rgba(0,145,209,0.45) 100%); }
.hero__content { position:relative; z-index:1; max-width:680px; }
.hero__eyebrow { display:inline-block; background:rgba(0,145,209,0.3); border:1px solid rgba(0,145,209,0.5); color:rgba(255,255,255,0.9); font-size:0.8rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; padding:6px 16px; border-radius:20px; margin-bottom:20px; }
.hero__title { font-size:clamp(2rem,5vw,3.4rem); color:var(--white); margin-bottom:20px; line-height:1.15; }
.hero__title--accent { color:var(--blue-primary); }
.hero__subtitle { font-size:clamp(1rem,1.5vw,1.2rem); color:rgba(255,255,255,0.85); margin-bottom:36px; line-height:1.7; }
.hero__actions { display:flex; gap:16px; flex-wrap:wrap; }
.hero__scroll { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,0.6); cursor:pointer; animation:bounce 2s infinite; }
@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} } .usp-bar { background:var(--white); border-bottom:1px solid var(--gray-border); box-shadow:var(--shadow-sm); }
.usp-bar__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.usp-bar__item { display:flex; align-items:center; gap:16px; padding:24px; border-right:1px solid var(--gray-border); }
.usp-bar__item:last-child { border-right:none; }
.usp-bar__icon { color:var(--blue-primary); flex-shrink:0; }
.usp-bar__text { display:flex; flex-direction:column; }
.usp-bar__text strong { font-size:0.95rem; font-weight:700; color:var(--navy); }
.usp-bar__text span { font-size:0.7rem !important; color:var(--navy); }  .category-cards,
.category-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.category-card {
position: relative;
overflow: hidden;
aspect-ratio: 3/4;
background: var(--navy);
display: block;
text-decoration: none;
border-radius: 4px;
} .category-card__image {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.5s ease;
} .category-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.category-card:hover .category-card__image,
.category-card:hover .category-card__image img {
transform: scale(1.05);
} .category-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.05) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 28px 24px;
transition: background 0.3s ease;
}
.category-card:hover .category-card__overlay {
background: linear-gradient(to top, rgba(0,70,130,0.82) 0%, rgba(0,70,130,0.3) 60%, rgba(0,0,0,0.05) 100%);
}
.category-card__title {
font-size: 1.25rem;
font-weight: 700;
color: #ffffff;
margin: 0 0 6px;
line-height: 1.2;
}
.category-card__sub {
font-size: 0.82rem;
color: rgba(255,255,255,0.82);
margin: 0 0 14px;
line-height: 1.5;
}
.category-card__link {
font-size: 0.85rem;
font-weight: 700;
color: #4dc8f0;
letter-spacing: 0.03em;
transition: letter-spacing 0.2s, color 0.2s;
display: inline-flex;
align-items: center;
gap: 4px;
}
.category-card:hover .category-card__link {
letter-spacing: 0.07em;
color: #ffffff;
} @media (max-width: 1024px) { .category-cards, .category-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 580px)  { .category-cards, .category-grid { grid-template-columns: 1fr; } } .industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.industry-card { background:var(--white); border:1px solid var(--gray-border); border-radius:4px; padding:28px; display:flex; flex-direction:column; gap:10px; transition:all var(--trans); text-decoration:none; position:relative; }
.industry-card:hover { box-shadow:var(--shadow-md); border-color:var(--blue-primary); transform:translateY(-2px); }
.industry-card__icon { font-size:2.2rem; }
.industry-card__title { font-size:1.1rem; color:var(--navy); font-weight:700; }
.industry-card__desc { font-size:0.875rem; color:var(--navy); flex:1; }
.industry-card__arrow { color:var(--blue-primary); margin-top:8px; transition:transform var(--trans); }
.industry-card:hover .industry-card__arrow { transform:translateX(4px); } .about-teaser { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.about-teaser__media { position:relative; }
.about-teaser__image-wrap { border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3; }
.about-teaser__image-wrap img { width:100%; height:100%; object-fit:cover; }
.about-teaser__badge { position:absolute; bottom:-20px; right:-20px; background:var(--blue-primary); color:var(--white); border-radius:4px; padding:20px 24px; text-align:center; box-shadow:var(--shadow-lg); }
.about-teaser__badge-year { display:block; font-size:2rem; font-weight:800; line-height:1; }
.about-teaser__badge-text { display:block; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.1em; opacity:0.8; }
.about-teaser__content h2 { margin-bottom:20px; }
.about-teaser__list { display:flex; flex-direction:column; gap:10px; margin:20px 0 28px; }
.about-teaser__list li { display:flex; align-items:flex-start; gap:10px; font-size:0.9rem; color:var(--navy); }
.about-teaser__list li .icon { color:var(--blue-primary); flex-shrink:0; margin-top:2px; } .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center; }
.stat-item { }
.stat-item__value { display:block; font-size:clamp(2rem,4vw,3rem); font-weight:800; color:var(--white); margin-bottom:8px; }
.stat-item__label { font-size:0.9rem; color:rgba(255,255,255,0.75); line-height:1.4; } .page-hero { padding:60px 0; }
.page-hero--navy { background:var(--navy); color:var(--white); }
.page-hero--navy h1 { color:var(--white); }
.page-hero--blue { background:var(--blue-primary); color:var(--white); }
.page-hero--blue h1 { color:var(--white); }
.page-hero--light { background:var(--gray-light); }
.page-hero__sub { font-size:1.1rem; color:rgba(255,255,255,0.8); max-width:600px; margin-top:12px; line-height:1.6; }
.page-hero--light .page-hero__sub { color:var(--navy); } .sub-nav-card { display:flex; align-items:center; gap:24px; background:var(--white); border:1px solid var(--gray-border); border-radius:4px; padding:28px 32px; transition:all var(--trans); color:var(--charcoal); }
.sub-nav-card:hover { box-shadow:var(--shadow-md); border-color:var(--blue-primary); color:var(--charcoal); transform:translateX(4px); }
.sub-nav-card__icon { color:var(--blue-primary); flex-shrink:0; }
.sub-nav-card > div { flex:1; }
.sub-nav-card h3 { font-size:1.1rem; margin-bottom:4px; color:var(--navy); }
.sub-nav-card p { font-size:0.875rem; color:var(--navy); }
.sub-nav-card .icon { color:var(--blue-primary); flex-shrink:0; } .services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.service-card { background:var(--white); border:1px solid var(--gray-border); border-radius:4px; padding:28px 24px; display:flex; flex-direction:column; gap:12px; transition:all var(--trans); text-decoration:none; color:var(--charcoal); }
.service-card:hover { box-shadow:var(--shadow-md); border-color:var(--blue-primary); transform:translateY(-3px); }
.service-card__icon { color:var(--blue-primary); }
.service-card__title { font-size:1rem; font-weight:700; color:var(--navy); }
.service-card__desc { font-size:0.875rem; color:var(--navy); flex:1; line-height:1.6; }
.service-card__link { display:flex; align-items:center; gap:6px; font-size:0.85rem; font-weight:700; color:var(--blue-primary); margin-top:auto; }
.service-card:hover .service-card__link .icon { transform:translateX(4px); } .cta-block { text-align:center; max-width:640px; margin:0 auto; }
.cta-block h2 { margin-bottom:12px; }
.cta-block p { color:var(--navy); margin-bottom:28px; }
.cta-block__actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; } .team-card { background:var(--white); border:1px solid var(--gray-border); border-radius:4px; overflow:hidden; }
.team-card__photo { aspect-ratio:4/5; background:var(--gray-light); position:relative; overflow:hidden; }
.team-card__photo img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.team-card:hover .team-card__photo img { transform:scale(1.04); }
.team-card__placeholder { display:flex; align-items:center; justify-content:center; height:100%; }
.team-card__dept { position:absolute; top:12px; left:12px; }
.team-card__info { padding:20px; }
.team-card__name { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:4px; }
.team-card__role { font-size:0.85rem; color:var(--blue-primary); font-weight:600; margin-bottom:12px; }
.team-card__contact { display:flex; align-items:center; gap:6px; font-size:0.82rem; color:var(--navy); margin-top:4px; transition:color var(--trans); }
.team-card__contact:hover { color:var(--blue-primary); } .job-item { display:flex; justify-content:space-between; align-items:center; padding:20px 24px; background:var(--white); border:1px solid var(--gray-border); border-radius:4px; margin-bottom:12px; gap:16px; transition:border-color var(--trans); }
.job-item:hover { border-color:var(--blue-primary); }
.job-item__title { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:4px; }
.job-item__meta { font-size:0.85rem; color:var(--gray-medium); }
.jobs-empty { text-align:center; padding:40px; background:var(--gray-light); border-radius:4px; } .timeline { margin-top:48px; }
.timeline__heading { font-size:1.4rem; margin-bottom:32px; }
.timeline__item { display:grid; grid-template-columns:80px 1fr; gap:24px; margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid var(--gray-border); }
.timeline__item:last-child { border-bottom:none; }
.timeline__year { font-size:1.2rem; font-weight:800; color:var(--blue-primary); }
.timeline__content p { color:var(--navy); } .quality-section { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.quality-section__text h2 { margin-bottom:16px; }
.cert-placeholder { display:inline-flex; align-items:center; justify-content:center; width:100px; height:80px; border:1px solid var(--gray-medium); border-radius:4px; font-size:0.75rem; font-weight:700; color:var(--gray-medium); text-align:center; margin:8px; }
.quality-section__certs { display:flex; flex-wrap:wrap; gap:0; padding-top:32px; } .legal-page { padding:48px 0 80px; }
.legal-page__header { margin-bottom:40px; padding-bottom:24px; border-bottom:2px solid var(--blue-light); }
.legal-page__title { font-size:clamp(1.6rem,3vw,2.4rem); margin-bottom:8px; }
.legal-page__updated { font-size:0.85rem; color:var(--gray-medium); }
.legal-page__content h2 { font-size:1.3rem; margin-top:36px; margin-bottom:12px; color:var(--navy); }
.legal-page__content h3 { font-size:1.05rem; margin-top:24px; margin-bottom:10px; color:var(--navy); }
.legal-page__content p,.legal-page__content li { font-size:0.95rem; line-height:1.8; color:var(--navy); margin-bottom:12px; }
.legal-page__content a { color:var(--blue-primary); }
.legal-page__content ul { list-style:disc; padding-left:24px; margin-bottom:16px; }
.legal-fallback { margin-top:40px; padding-top:40px; border-top:1px solid var(--gray-border); }
.legal-fallback h2 { font-size:1.3rem; margin-bottom:16px; color:var(--navy); margin-top:32px; }
.legal-fallback h3 { font-size:1rem; margin-top:24px; margin-bottom:8px; color:var(--navy); }
.legal-fallback address { font-style:normal; line-height:1.8; color:var(--navy); } .archive-layout { display:grid; grid-template-columns:1fr 280px; gap:48px; }
.archive-sidebar { position:sticky; top:90px; }
.pagination-wrap { margin-top:48px; display:flex; gap:8px; }
.page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px; border:1px solid var(--gray-medium); border-radius:2px; color:var(--navy); font-weight:600; font-size:0.9rem; transition:all var(--trans); }
.page-numbers.current,.page-numbers:hover { background:var(--blue-primary); border-color:var(--blue-primary); color:var(--white); } .text-center { text-align:center; } @media (max-width:1200px) {
.category-cards, .category-grid { grid-template-columns:repeat(2,1fr); }
.services-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:1024px) {
.usp-bar__grid { grid-template-columns:repeat(2,1fr); }
.stats-grid { grid-template-columns:repeat(2,1fr); }
.industries-grid { grid-template-columns:repeat(2,1fr); }
.about-teaser { grid-template-columns:1fr; gap:40px; }
.about-teaser__badge { bottom:-10px; right:20px; }
.quality-section { grid-template-columns:1fr; }
.archive-layout { grid-template-columns:1fr; }
}
@media (max-width:768px) {
.category-cards, .category-grid { grid-template-columns:1fr; }
.industries-grid { grid-template-columns:1fr; }
.services-grid { grid-template-columns:1fr; }
.usp-bar__grid { grid-template-columns:1fr; }
.stats-grid { grid-template-columns:repeat(2,1fr); gap:24px; }
.hero { min-height:480px; padding-top:70px; }
.footer-cta__inner { flex-direction:column; }
} .page-template-default .page-content,
body.page:not([class*="page-template-"]) .page-content {
padding-top: 50px;
padding-bottom: 50px;
} .breadcrumbs .bc-sep {
color: var(--charcoal, #3a3a3a);
margin: 0 4px;
font-weight: 400;
}  body.single .single-article {
max-width: none !important;
width: 100%;
} body.single .entry-content ul,
body.single .single-article__body ul {
list-style: disc !important;
padding-left: 1.6rem !important;
margin-bottom: 1.25rem !important;
}
body.single .entry-content ul li,
body.single .single-article__body ul li {
list-style: disc !important;
margin-bottom: 0.4rem;
line-height: 1.7;
}
body.single .entry-content ol,
body.single .single-article__body ol {
list-style: decimal !important;
padding-left: 1.6rem !important;
margin-bottom: 1.25rem !important;
}
body.single .entry-content ol li,
body.single .single-article__body ol li {
list-style: decimal !important;
margin-bottom: 0.4rem;
line-height: 1.7;
}  .lang-switcher a span { display: none !important; } .footer-copyright { margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; }
.footer-bottom__inner { align-items: center !important; }  :where(body) h1,
body h1 { font-size: 2rem !important;   line-height: normal !important; }
:where(body) h2,
body h2 { font-size: 1.5rem !important;  line-height: normal !important; }
:where(body) h3,
body h3 { font-size: 1.25rem !important; line-height: normal !important; }
:where(body) h4,
body h4 { font-size: 1rem !important;    line-height: normal !important; } .ws1-usp[style*="color:#2c3e50"] .ws1-usp__h2,
.ws1-usp[style*="color:#2c3e50"] .ws1-usp__item,
.ws1-usp[style*="color:#2c3e50"] .ws1-usp__item strong {
color: #2c3e50 !important;
opacity: 1 !important;
} .two-col-text__text ul {
list-style: disc !important;
padding-left: 1.5em !important;
margin: 0 !important;
}
.two-col-text__text ul li {
list-style: disc !important;
display: list-item !important;
}
.two-col-text__text ol {
list-style: decimal !important;
padding-left: 1.5em !important;
} html,
body,
#page,
#content,
#main,
.site-main,
.site-footer,
.page-content,
article.hentry,
article.page,
article.post {
background: transparent !important;
}
.page-content,
article.hentry {
margin: 0 !important;
padding: 0 !important;
} body p,
body li,
body a,
body span,
body input,
body select,
body textarea,
body input[type="checkbox"],
body input[type="radio"],
body button,
body label {
font-size: 1rem !important;
} .topbar *,
.main-nav *,
.mega-menu *,
.mobile-nav *,
.lang-switcher *,
.header__actions *,
.breadcrumbs * {
font-size: inherit !important;
} .footer-legal-nav *,
.footer-col__list *,
.footer-col__title,
.footer-contact-item *,
.footer-bottom * {
font-size: inherit !important;
} .text-block__content ul { list-style: disc !important; padding-left: 1.5em !important; margin: 0 !important; }
.text-block__content ul li { list-style: disc !important; display: list-item !important; }
.text-block__content ol { list-style: decimal !important; padding-left: 1.5em !important; } .section img:not([style*="width:"]):not([class*="full"]),
.ws1-icon-item__img,
.firm-usps__icon img,
.sidebar-recent-thumb img,
.four-images__item img,
.product-card__img img,
.tk-way__image img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
} h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } .image-text__body,
.image-text__body p,
.text-block__content,
.text-block__content p,
.two-col-text__text,
.two-col-text__text p,
.tk-way__text,
.tk-way__text p,
.ws1-intro__graybox-txt,
.ws1-intro__graybox-txt p,
.uu-intro,
.uu-intro p,
.uu-body,
.uu-body p,
.section-text,
.section-text p,
.wst-news-grid p,
.single-article__body,
.single-article__body p,
.accordion__content,
.accordion__content p,
.conv-card__text,
.app-card__text,
.check-editor__text,
.check-editor__text p,
.three-cols__text,
.three-cols__text p {
font-size: 1rem !important;
line-height: 1.75 !important;
} h1 + p, h1 + div, h1 + ul, h1 + ol { margin-top: 40px !important; }
h2 + p, h2 + div, h2 + ul, h2 + ol { margin-top: 30px !important; }
h3 + p, h3 + div, h3 + ul, h3 + ol { margin-top: 20px !important; } .ws1-icon-item h3,
.tk-way h3,
.three-cols__col h3,
.two-col-text__col h3,
.conv-card h3,
.app-card h3 { margin-top: 0 !important; }
h4 + p, h4 + div, h4 + ul, h4 + ol { margin-top: 10px !important; }
p, div.image-text__body, div.two-col-text__text,
div.text-block__content, div.tk-way__text,
div.ss-txt-body, div.three-cols__text {
margin-top: 0 !important;
} h1 + div.text-block__content { margin-top: 40px !important; }
h2 + div.text-block__content { margin-top: 30px !important; }
h3 + div.text-block__content { margin-top: 20px !important; }
h4 + div.text-block__content { margin-top: 10px !important; } div.image-text__body p:first-child,
div.two-col-text__text p:first-child,
div.text-block__content p:first-child,
div.tk-way__text p:first-child,
div.ss-txt-body p:first-child,
div.three-cols__text p:first-child {
margin-top: 0 !important;
} .image-text__body ul, .image-text__body ol,
.two-col-text__text ul, .two-col-text__text ol,
.text-block__content ul, .text-block__content ol,
.tk-way__text ul, .tk-way__text ol,
.ss-txt-body ul, .ss-txt-body ol,
.three-cols__text ul, .three-cols__text ol {
margin: 0 !important;
padding-left: 1.5em !important;
}
.image-text__body li,
.two-col-text__text li,
.text-block__content li,
.tk-way__text li,
.ss-txt-body li,
.three-cols__text li,
.accordion__content li,
.single-article__body li {
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
.image-text__body li:last-child,
.two-col-text__text li:last-child,
.text-block__content li:last-child,
.tk-way__text li:last-child,
.ss-txt-body li:last-child,
.three-cols__text li:last-child,
.accordion__content li:last-child,
.single-article__body li:last-child { margin-bottom: 0 !important; } .image-text__body li p,
.two-col-text__text li p,
.text-block__content li p,
.tk-way__text li p,
.three-cols__text li p,
.accordion__content li p,
.single-article__body li p { margin: 0 !important; } .image-text__body ul br, .image-text__body ol br,
.two-col-text__text ul br, .two-col-text__text ol br,
.text-block__content ul br, .text-block__content ol br,
.tk-way__text ul br, .tk-way__text ol br,
.three-cols__text ul br, .three-cols__text ol br,
.accordion__content ul br, .accordion__content ol br,
.single-article__body ul br, .single-article__body ol br { display: none !important; } .image-text__text-col .image-text__body { margin-top: 0 !important; }
.image-text__text-col .image-text__heading + .image-text__body { margin-top: 30px !important; } .tpg-widget-heading-wrapper { display: none !important; }.topbar {
background: #3a4a54;
padding: 8px 0;
font-size: 0.8rem;
line-height: 1;
position: sticky;
top: 0;
z-index: 1001;
}
.topbar__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.topbar__left, .topbar__right {
display: flex;
align-items: center;
gap: 20px;
}
.topbar__item {
display: flex;
align-items: center;
gap: 6px;
color: rgba(255,255,255,0.8);
font-size: 0.8rem;
white-space: nowrap;
}
.topbar__item a {
color: rgba(255,255,255,0.8);
text-decoration: none;
transition: color 0.2s;
}
.topbar__item a:hover { color: #ffffff; }
.topbar__item .icon { display: flex; flex-shrink: 0; opacity: 0.7; }
.lang-switcher { display: flex; gap: 2px; }
.lang-switcher__item {
padding: 3px 8px;
border-radius: 2px;
color: rgba(255,255,255,0.6);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.05em;
text-decoration: none;
transition: all 0.2s;
}
.lang-switcher__item:hover,
.lang-switcher__item--active {
background: rgba(255,255,255,0.15);
color: #ffffff;
} .site-header {
position: sticky;
top: 37px;
z-index: 1000;
background: #ffffff !important;
border-bottom: 2px solid #e4e4e4;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.site-header--transparent {
background: #ffffff !important;
border-bottom: 2px solid #e4e4e4 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
} .header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 84px;
gap: 0;
} .header__logo {
flex-shrink: 0;
margin-right: 40px;
}
.header__logo a {
display: flex;
align-items: center;
text-decoration: none;
}
.header__logo-img {
height: 52px;
width: 52px;
display: block;
object-fit: contain;
}
.header__logo-img--white { display: none !important; }
.header__logo-img--color { display: block !important; }
.custom-logo-link { display: flex; align-items: center; }
.custom-logo { height: 52px; width: 52px; object-fit: contain; } .main-nav {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 0;
overflow: visible;
}
.main-nav__list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 0;
height: 84px;
flex-wrap: nowrap;
}
.main-nav__item {
position: relative;
height: 84px;
display: flex;
align-items: center;
flex-shrink: 0;
} .main-nav__link {
display: flex;
align-items: center;
gap: 3px;
padding: 0 clamp(6px, 1vw, 18px);
color: #1a1a1a; font-size: clamp(0.88rem, 1.15vw, 1rem); font-weight: 400; white-space: nowrap;
text-decoration: none;
height: 84px;
border-bottom: 3px solid transparent;
box-sizing: border-box;
position: relative;
overflow: hidden; } .main-nav__item--active > .main-nav__link {
color: #1a9ddb;
border-bottom-color: #1a9ddb;
}
.main-nav__link .icon {
opacity: 0.5;
transition: transform 0.2s, opacity 0.2s;
flex-shrink: 0;
}
.main-nav__item:hover .main-nav__link .icon {
transform: rotate(180deg);
opacity: 1;
} .wst-dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #ffffff;
border: 1px solid #e4e4e4;
border-top: 2px solid #0091d1;
border-radius: 0 0 4px 4px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
padding: 6px 0;
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
z-index: 500;
list-style: none;
margin: 0;
}
.main-nav__item--has-dropdown:hover .wst-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
} #main-nav .wst-dropdown li a,
#main-nav .wst-dropdown li > a {
display: block !important;
padding: 9px 20px !important;
color: #1a1a1a !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
text-decoration: none !important;
border-left: none !important;
background: transparent !important;
line-height: 1.4 !important;
white-space: nowrap !important;
transition: color 0.15s, background 0.15s, padding-left 0.15s, border-color 0.15s;
}
#main-nav .wst-dropdown li a:hover,
#main-nav .wst-dropdown li > a:hover {
color: #0091d1 !important;
background: transparent !important;
padding-left: 26px !important;
}  .mega-menu {
position: absolute;
top: 100%;
left: 0; background: #ffffff;
border: 1px solid #e4e4e4;
border-top: 2px solid #0091d1;
border-radius: 0 0 4px 4px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
z-index: 500;
}
.main-nav__item--has-mega:hover > .mega-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .mega-menu--single-col {
width: max-content;
min-width: 200px;
padding: 6px 0;
}
.mega-menu__flat-list {
list-style: none;
margin: 0;
padding: 0;
}
#main-nav .mega-menu__flat-list li a,
#main-nav .mega-menu__flat-list li > a {
display: block !important;
padding: 10px 24px !important;
color: #1a1a1a !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
text-decoration: none !important;
white-space: nowrap !important;
border-left: 3px solid transparent !important;
line-height: 1.4 !important;
transition: color 0.15s, background 0.15s, padding-left 0.15s, border-color 0.15s;
}
#main-nav .mega-menu__flat-list li a:hover,
#main-nav .mega-menu__flat-list li > a:hover {
color: #0091d1 !important;
background: transparent !important;
padding-left: 30px !important;
}
#main-nav .mega-menu__flat-list li.current-menu-item > a {
color: #0091d1 !important;
border-left-color: #0091d1 !important;
} .mega-menu--multi-col {
width: max-content;
max-width: min(1400px, calc(100vw - 48px));
padding: 28px 32px;
}
.mega-menu__inner {
display: flex;
flex-wrap: nowrap;
gap: 32px;
align-items: flex-start;
}
.mega-menu__col {
flex: 0 0 auto;
min-width: 160px;
white-space: nowrap;
} .mega-menu__heading {
font-size: 0.875rem;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
color: #1a1a1a;
margin: 0 0 8px;
padding-bottom: 8px;
border-bottom: 1px solid #e4e4e4;
}
.mega-menu__heading a {
color: #1a1a1a;
text-decoration: none;
transition: color 0.15s;
}
.mega-menu__heading a:hover { color: #0091d1; }
.mega-menu__heading--cont {
border-bottom-color: transparent;
visibility: hidden;
} .mega-menu__list { list-style: none; margin: 0; padding: 0; }
#main-nav .mega-menu__list li a,
#main-nav .mega-menu__list li > a {
display: block !important;
padding: 5px 0 !important;
color: #1a1a1a !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
text-decoration: none !important;
line-height: 1.4 !important;
white-space: nowrap !important;
transition: color 0.15s, padding-left 0.15s;
}
#main-nav .mega-menu__list li a:hover,
#main-nav .mega-menu__list li > a:hover {
color: #0091d1 !important;
padding-left: 6px !important;
}
#main-nav .mega-menu__list li.current-menu-item > a {
color: #0091d1 !important;
} .header__actions {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
margin-left: 24px;
}
.header__search-btn {
background: none;
border: none;
cursor: pointer;
color: #495a65;
padding: 8px;
border-radius: 2px;
display: flex;
align-items: center;
transition: color 0.2s, background 0.2s;
}
.header__search-btn:hover { color: #0091d1; background: #e6f5fb; }
.header__actions .btn--primary {
background: #0091d1;
color: #ffffff;
border-color: #0091d1;
padding: 10px 24px;
font-size: 0.875rem;
font-weight: 600;
border-radius: 2px;
white-space: nowrap;
}
.header__actions .btn--primary:hover {
background: #006fa3;
border-color: #006fa3;
color: #ffffff;
} .search-overlay {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #495a65;
padding: 16px 0;
display: none;
z-index: 600;
}
.search-overlay.is-active { display: block; }
.search-overlay .container { position: relative; }
.search-overlay input[type="search"] {
width: 100%;
padding: 12px 48px 12px 20px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.25);
border-radius: 2px;
color: #ffffff;
font-size: 1rem;
outline: none;
}
.search-overlay input::placeholder { color: rgba(255,255,255,0.5); }
.search-overlay__close {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: rgba(255,255,255,0.7);
cursor: pointer;
padding: 8px;
display: flex;
} .mobile-menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
color: #495a65;
padding: 8px;
align-items: center;
}
.mobile-nav {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
width: 85vw !important;
max-width: 320px !important;
height: 100vh !important;
background: #ffffff !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: column !important;
overflow-x: hidden !important;
overflow-y: auto !important;
box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease, visibility 0.3s ease !important;
transform: none !important;
box-sizing: border-box !important;
}
.mobile-nav.is-open {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.mobile-nav__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid #e4e4e4;
background: #495a65;
flex-shrink: 0;
}
.mobile-nav__header img { height: 40px; }
.mobile-nav__close {
background: none;
border: none;
cursor: pointer;
color: #ffffff;
padding: 6px;
display: flex;
}
.mobile-nav__body { padding: 16px 20px; flex: 1; }
.mobile-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 2px;
} .mobile-nav__list > li > a {
display: block;
padding: 11px 16px;
color: #0091d1;
font-weight: 700;
font-size: 0.9rem;
border-radius: 2px;
text-decoration: none;
transition: background 0.15s, color 0.15s;
}
.mobile-nav__list > li > a:hover {
background: #f0f9fe;
color: #006fa3;
} .mobile-nav__list .sub-menu {
padding-left: 0;
list-style: none;
margin: 2px 0 4px;
}
.mobile-nav__list .sub-menu a {
display: block;
padding: 7px 16px 7px 28px;
color: #1a1a1a;
font-weight: 400;
font-size: 0.85rem;
border-radius: 2px;
text-decoration: none;
transition: background 0.15s, color 0.15s, padding-left 0.15s;
}
.mobile-nav__list .sub-menu a:hover {
background: #f0f9fe;
color: #0091d1;
padding-left: 34px;
}
.mobile-nav__actions {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e4e4e4;
}
.mobile-nav-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.mobile-nav-overlay.is-active { opacity: 1; visibility: visible; } @media (max-width: 900px) {
.main-nav { display: none !important; }
.mobile-menu-toggle { display: flex !important; }
.topbar__left { display: none; }
.header__actions .btn--primary { display: none; }
}
@media (max-width: 480px) {
.header__actions .btn { display: none; }
} .main-nav .main-nav__link,
.main-nav__list > .main-nav__item > a.main-nav__link {
color: #1a1a1a !important;
font-weight: 400 !important;
text-decoration: none !important;
}
.main-nav__item--active > .main-nav__link {
color: #1a9ddb !important;
border-bottom-color: #1a9ddb !important;
} .main-nav .wst-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
background: #ffffff !important;
border-top: 2px solid #0091d1 !important;
z-index: 500 !important;
} .main-nav__link {
overflow: hidden !important;
display: flex !important;
align-items: center !important;
padding: 0 clamp(6px,1vw,18px) !important;
} .nav-anim-wrap {
display: inline-flex;
flex-direction: column;
height: 1.2em; overflow: hidden;
line-height: 1.2;
} .nav-anim-black,
.nav-anim-blue {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
height: 1.2em;
line-height: 1.2;
transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
will-change: transform;
font-size: inherit;
font-weight: inherit;
}
.nav-anim-black { color: #1a1a1a; transform: translateY(0); }
.nav-anim-blue  { color: #1a9ddb; transform: translateY(0); }  .main-nav__item.is-hovered .nav-anim-black { transform: translateY(-100%); }
.main-nav__item.is-hovered .nav-anim-blue  { transform: translateY(-100%); } .nav-anim-black .icon svg,
.nav-anim-blue .icon svg { transition: transform 0.2s; }
.main-nav__item.is-hovered .nav-anim-blue .icon svg { transform: rotate(180deg); }
.mobile-menu-toggle { pointer-events: auto !important; cursor: pointer !important; }  .mobile-nav__header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-shrink: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.mobile-nav__close {
flex-shrink: 0 !important;
margin-left: auto !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
} .mobile-nav__item-wrap {
display: flex !important;
align-items: center !important;
width: 100% !important;
}
.mobile-nav__item-wrap > a {
flex: 1 !important;
min-width: 0 !important;
display: block !important;
padding: 11px 16px !important;
color: #0091d1 !important;
font-weight: 700 !important;
font-size: 0.9rem !important;
border-radius: 2px !important;
text-decoration: none !important;
}
.mobile-nav__item-wrap > a:hover {
background: #f0f9fe !important;
color: #006fa3 !important;
}
.mobile-nav__toggle {
flex-shrink: 0 !important;
background: none !important;
border: none !important;
cursor: pointer !important;
padding: 10px 14px !important;
color: #0091d1 !important;
display: flex !important;
align-items: center !important;
transition: transform 0.2s ease !important;
}
.mobile-nav__toggle.is-open {
transform: rotate(180deg) !important;
} .mobile-nav__header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
min-height: 64px !important;
background: #495a65 !important;
}
.mobile-nav__header a { display: flex !important; align-items: center !important; }
.mobile-nav__header img {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: 36px !important;
width: auto !important;
} .mobile-nav__header .lang-switcher a,
.mobile-nav__header .lang-switcher span {
color: #ffffff !important;
font-size: 0.8rem !important;
}
.mobile-nav__header .lang-switcher__sep {
color: rgba(255,255,255,0.5) !important;
} .mobile-nav__body .lang-switcher,
.mobile-nav__actions .lang-switcher {
display: none !important;
} .mobile-nav__list .menu-item-gtranslate,
.mobile-nav__list li[class*="gtranslate"] {
display: none !important;
} .mobile-nav__list .sub-menu .sub-menu a {
color: #888 !important;
font-size: 0.82rem !important;
padding-left: 40px !important;
}
.mobile-nav__list .sub-menu .sub-menu a:hover {
color: #0091d1 !important;
background: #f0f9fe !important;
} .topbar__account-wrap {
position: relative !important;
cursor: default !important;
user-select: none !important;
} a.topbar__account-wrap {
cursor: pointer !important;
color: #4caf50 !important;
}
a.topbar__account-wrap .icon,
a.topbar__account-wrap svg {
stroke: #4caf50 !important;
opacity: 1 !important;
}
a.topbar__account-wrap:hover {
color: #81c784 !important;
}
a.topbar__account-wrap:hover svg {
stroke: #81c784 !important;
}
.topbar__account-dropdown {
display: none;
position: absolute;
top: 100%;
right: 0;
padding-top: 8px;
z-index: 9999;
min-width: 160px;
}
.topbar__account-dropdown-inner {
background: #3a4a54;
border: 1px solid rgba(255,255,255,0.15);
border-radius: 4px;
box-shadow: 0 4px 16px rgba(0,0,0,.3);
padding: 4px 0;
} .topbar__account-dropdown-inner::before {
content: '';
position: absolute;
top: 3px;
right: 16px;
width: 10px;
height: 10px;
background: #3a4a54;
border-left: 1px solid rgba(255,255,255,0.15);
border-top: 1px solid rgba(255,255,255,0.15);
transform: rotate(45deg);
}
.topbar__account-wrap:hover .topbar__account-dropdown {
display: block;
}
.topbar__account-link {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 16px;
color: rgba(255,255,255,0.8) !important;
font-size: 0.8rem;
font-weight: 400;
text-decoration: none !important;
transition: background .15s, color .15s;
white-space: nowrap;
}
.topbar__account-link:hover {
background: rgba(255,255,255,0.08);
color: #ffffff !important;
} .search-overlay .aws-search-field,
.search-overlay .aws-search-field:focus {
color: #333333 !important;
}
.search-overlay .aws-search-field::placeholder {
color: #666666 !important;
opacity: 1 !important;
}.footer-cta {
background: var(--blue-primary);
padding: 60px 0;
margin-top: 0;
}
.footer-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
}
.footer-cta__text { flex: 1; min-width: 240px; }
.footer-cta__title { font-size: clamp(1.5rem,2.5vw,2rem); color: var(--white); margin-bottom: 8px; }
.footer-cta__text p { color: rgba(255,255,255,0.85); font-size: 1.05rem; }
.footer-cta__actions { display:flex; gap:16px; flex-wrap:wrap; } .footer-main {
background: var(--wst-navy-dark);
padding: 64px 0 48px;
}
.footer-main__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 48px;
}
.footer-col--brand { }
.footer-logo { display:inline-block; margin-bottom:16px; }
.footer-logo img { height: 44px; }
.footer-tagline {
color: rgba(255,255,255,0.6);
font-size: 0.9rem;
margin-bottom: 24px;
line-height: 1.6;
}
.footer-address {
color: rgba(255,255,255,0.7);
font-size: 1rem;
line-height: 1.8;
font-style: normal;
margin-bottom: 20px;
}
.footer-contact-items { display:flex; flex-direction:column; gap:8px; }
.footer-contact-item {
display: flex;
align-items: center;
gap: 8px;
color: rgba(255,255,255,0.7);
font-size: 0.875rem;
transition: color var(--trans);
}
.footer-contact-item:hover { color: var(--blue-primary); }
.footer-contact-item .icon { color: var(--blue-primary); }
.footer-col__title {
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: rgba(255,255,255,0.4);
margin-bottom: 20px;
}
.footer-col__list { display:flex; flex-direction:column; gap:8px; }
.footer-col__list a {
color: rgba(255,255,255,0.7);
font-size: 0.875rem;
transition: color var(--trans);
line-height: 1.5;
}
.footer-col__list a:hover { color: var(--blue-primary); } .footer-bottom {
background: var(--wst-navy-dark);
border-top: 1px solid rgba(255,255,255,0.08);
padding: 20px 0;
}
.footer-bottom__inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
}
.footer-copyright { color: rgba(255,255,255,0.4); font-size: 0.82rem; margin: 0; line-height: 1; }
.footer-legal-nav { display:flex; gap:24px; }
.footer-legal-nav a { color: rgba(255,255,255,0.5); font-size:0.82rem; transition:color var(--trans); }
.footer-legal-nav a:hover { color: var(--white); } @media (max-width: 1024px) {
.footer-main__grid { grid-template-columns: 1fr 1fr; }
.footer-col--brand { grid-column: span 2; }
}
@media (max-width: 640px) {
.footer-main__grid { grid-template-columns: 1fr; }
.footer-col--brand { grid-column: span 1; }
.footer-cta__inner { flex-direction: column; align-items: flex-start; }
.footer-bottom__inner { flex-direction: column; align-items: flex-start; }
.footer-legal-nav { flex-wrap: wrap; gap: 16px; }
} .footer-social {
background: var(--wst-navy-dark);
padding: 20px 0 25px;
border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-social__inner {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.footer-social__link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255,255,255,0.08);
color: rgba(255,255,255,0.6);
transition: background 0.2s, color 0.2s;
}
.footer-social__link:hover {
background: var(--blue-primary);
color: #fff;
}
.footer-social__link svg { display: block; } .icon-youtube polygon { fill: var(--wst-navy-dark); }
.footer-social__link:hover .icon-youtube polygon { fill: var(--blue-primary); } .footer-cta .btn--ghost {
color: #ffffff !important;
border-color: rgba(255,255,255,0.5);
background: transparent;
}
.footer-cta .btn--ghost svg {
stroke: #ffffff !important;
}
.footer-cta .btn--ghost:hover {
color: rgba(255,255,255,0.7) !important;
border-color: rgba(255,255,255,0.7);
}
.footer-cta .btn--ghost:hover svg {
stroke: rgba(255,255,255,0.7) !important;
}.page-hero {
min-height: 380px;
display: flex;
align-items: center;
background: var(--navy) center/cover no-repeat;
position: relative;
overflow: hidden;
}
.page-hero::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,74,103,0.85) 0%, rgba(73,90,101,0.65) 100%);
}
.page-hero--applications { background-image: url(//www.walther-systemtechnik.com/wp-content/themes/walther-systemtechnik-theme/assets/images/hero-applications.jpg); }
.page-hero--sondermaschinen { background-image: url(//www.walther-systemtechnik.com/wp-content/themes/walther-systemtechnik-theme/assets/images/hero-sondermaschinen.jpg); }
.page-hero--komponenten { background-image: url(//www.walther-systemtechnik.com/wp-content/themes/walther-systemtechnik-theme/assets/images/hero-komponenten.jpg); }
.page-hero--contact { min-height: 280px; }
.page-hero__overlay { position: relative; z-index: 1; width: 100%; padding: var(--space-xxl) 0; }
.page-hero__label {
display: inline-block;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--blue-light);
margin-bottom: var(--space-sm);
}
.page-hero__title {
font-size: clamp(1.75rem, 4vw, 3rem);
font-weight: 700;
color: var(--white);
line-height: 1.15;
margin: 0 0 var(--space-sm);
}
.page-hero__subtitle {
font-size: 1.1rem;
color: rgba(255,255,255,0.85);
max-width: 580px;
margin: 0;
} .page-hero:not([style*="background-image"]):not(.page-hero--applications):not(.page-hero--sondermaschinen):not(.page-hero--komponenten) {
background: transparent;
min-height: 0;
padding: 24px 0 16px;
border-bottom: 1px solid var(--gray-border);
}
.page-hero:not([style*="background-image"]):not(.page-hero--applications):not(.page-hero--sondermaschinen):not(.page-hero--komponenten)::before {
display: none;
}
.page-hero:not([style*="background-image"]):not(.page-hero--applications):not(.page-hero--sondermaschinen):not(.page-hero--komponenten) .page-hero__label {
color: var(--blue-primary);
}
.page-hero:not([style*="background-image"]):not(.page-hero--applications):not(.page-hero--sondermaschinen):not(.page-hero--komponenten) .page-hero__title {
color: var(--charcoal);
}
.page-hero:not([style*="background-image"]):not(.page-hero--applications):not(.page-hero--sondermaschinen):not(.page-hero--komponenten) .page-hero__subtitle {
color: var(--navy);
} .applications-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-lg);
margin-top: var(--space-xl);
}
@media (max-width: 1024px) { .applications-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px)  { .applications-grid { grid-template-columns: 1fr; } }
.application-card__inner {
display: flex;
flex-direction: column;
background: var(--gray-light); border-radius: 4px; overflow: hidden;
text-decoration: none;
transition: transform var(--trans), box-shadow var(--trans);
border: 1px solid var(--gray-border); }
.application-card__inner:hover {
transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
.application-card__image {
background: var(--blue-primary);
padding: var(--space-xl) var(--space-lg);
display: flex;
justify-content: center;
}
.application-card__icon { color: var(--white); }
.application-card__icon svg { width: 56px; height: 56px; }
.application-card__body { padding: var(--space-lg); }
.application-card__title {
font-size: 1.1rem;
font-weight: 700;
color: var(--navy);
margin: 0 0 var(--space-sm);
}
.application-card__desc {
font-size: 0.875rem;
color: var(--navy);
line-height: 1.6;
margin: 0 0 var(--space-md);
}
.application-card__link {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.875rem;
font-weight: 600;
color: var(--blue-primary);
} .category-overview-grid {
display: flex;
flex-direction: column;
gap: var(--space-md);
margin-top: var(--space-xl);
}
.category-overview-card {
display: flex;
align-items: center;
gap: var(--space-lg);
padding: var(--space-lg) var(--space-xl);
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 4px;
text-decoration: none;
transition: border-color var(--trans), box-shadow var(--trans), transform var(--trans);
}
.category-overview-card:hover {
border-color: var(--blue-primary);
box-shadow: 0 4px 12px rgba(0,145,209,0.12);
transform: translateX(4px);
}
.category-overview-card__icon {
flex-shrink: 0;
width: 56px; height: 56px;
background: var(--blue-primary);
border-radius: 2px;
display: flex; align-items: center; justify-content: center;
color: var(--white);
}
.category-overview-card__icon svg { width: 28px; height: 28px; }
.category-overview-card__body { flex: 1; }
.category-overview-card__title {
font-size: 1.15rem;
font-weight: 700;
color: var(--navy);
margin: 0 0 4px;
}
.category-overview-card__desc {
font-size: 0.875rem;
color: var(--navy);
margin: 0 0 6px;
}
.category-overview-card__count {
font-size: 0.8rem;
font-weight: 600;
color: var(--blue-primary);
}
.category-overview-card__arrow { color: var(--blue-primary); margin-left: auto; } .process-steps {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: var(--space-xl);
margin-top: var(--space-xl);
position: relative;
}
.process-steps::before {
content: '';
position: absolute;
top: 28px; left: calc(12.5% + 20px); right: calc(12.5% + 20px);
height: 2px;
background: var(--blue-primary);
opacity: 0.3;
}
@media (max-width: 768px) {
.process-steps { grid-template-columns: 1fr 1fr; }
.process-steps::before { display: none; }
}
@media (max-width: 480px) { .process-steps { grid-template-columns: 1fr; } }
.process-step { text-align: center; }
.process-step__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px; height: 56px;
background: var(--blue-primary);
color: var(--white);
font-size: 1.25rem;
font-weight: 700;
border-radius: 50%;
margin-bottom: var(--space-md);
}
.process-step__title {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
margin: 0 0 var(--space-xs);
}
.process-step__desc {
font-size: 0.875rem;
color: var(--navy);
margin: 0;
} .intro-columns {
display: grid;
grid-template-columns: 1fr 380px;
gap: var(--space-xxl);
align-items: start;
}
@media (max-width: 900px) { .intro-columns { grid-template-columns: 1fr; } }
.highlights-box {
background: var(--gray-light);
border-radius: 4px;
padding: var(--space-xl);
border-left: 4px solid var(--blue-primary);
}
.check-list {
list-style: none;
padding: 0; margin: 0;
display: flex; flex-direction: column; gap: var(--space-sm);
}
.check-list li {
display: flex;
align-items: flex-start;
gap: var(--space-sm);
font-size: 1rem;
color: var(--navy);
}
.check-list li::before {
content: '';
display: inline-block;
flex-shrink: 0;
width: 18px; height: 18px;
background: var(--blue-primary);
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
margin-top: 2px;
} .contact-layout {
display: grid;
grid-template-columns: 1fr 360px;
gap: var(--space-xxl);
align-items: start;
}
@media (max-width: 900px) { .contact-layout { grid-template-columns: 1fr; } }
.contact-card {
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 4px;
padding: var(--space-xxl);
}
.contact-card__title {
font-size: 1.5rem;
font-weight: 700;
color: var(--navy);
margin: 0 0 var(--space-xl);
padding-bottom: var(--space-md);
border-bottom: 2px solid var(--blue-primary);
}
.contact-info { background: var(--gray-light); border-radius: 4px; padding: var(--space-xl); margin-bottom: var(--space-lg); }
.contact-info__title { font-size: 1.1rem; font-weight: 700; color: var(--navy); margin: 0 0 var(--space-lg); }
.contact-info__block { margin-bottom: var(--space-lg); }
.contact-info__block:last-child { margin-bottom: 0; }
.contact-info__block strong { display: block; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.contact-info__block address { font-style: normal; font-size: 0.875rem; color: var(--navy); line-height: 1.8; }
.contact-info__link {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
color: var(--blue-primary);
text-decoration: none;
margin-bottom: 6px;
transition: color 0.2s;
}
.contact-info__link:hover { color: var(--blue-dark); }
.contact-info__block--map { margin-top: var(--space-md); }
.btn--full { width: 100%; justify-content: center; }
.contact-experts { background: var(--navy); border-radius: 4px; padding: var(--space-xl); color: var(--white); }
.contact-experts__title { font-size: 1.1rem; font-weight: 700; margin: 0 0 var(--space-lg); }
.expert-cards { display: flex; flex-direction: column; gap: var(--space-md); }
.expert-card { display: flex; gap: var(--space-md); align-items: flex-start; }
.expert-card__photo { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.expert-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.expert-card__info { display: flex; flex-direction: column; gap: 2px; font-size: 0.85rem; }
.expert-card__info strong { color: var(--white); }
.expert-card__info span { color: rgba(255,255,255,0.6); }
.expert-card__info a { color: rgba(255,255,255,0.85); text-decoration: none; }
.expert-card__info a:hover { color: var(--white); } .search-header { padding: var(--space-xxl) 0; }
.search-header__title { font-size: 1.75rem; font-weight: 700; color: var(--navy); margin-bottom: var(--space-lg); }
.search-term { color: var(--blue-primary); }
.search-results { display: flex; flex-direction: column; gap: var(--space-xl); margin-top: var(--space-xl); }
.search-result {
display: grid;
grid-template-columns: 180px 1fr;
gap: var(--space-lg);
padding: var(--space-xl);
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 4px;
}
@media (max-width: 600px) { .search-result { grid-template-columns: 1fr; } }
.search-result__thumb img { width: 100%; height: 140px; object-fit: cover; border-radius: 2px; }
.search-result__type { margin-bottom: var(--space-sm); }
.search-result__title { font-size: 1.15rem; font-weight: 700; margin: 0 0 var(--space-sm); }
.search-result__title a { color: var(--navy); text-decoration: none; }
.search-result__title a:hover { color: var(--blue-primary); }
.search-result__excerpt { font-size: 0.9rem; color: var(--navy); margin: 0 0 var(--space-md); }
.search-no-results { padding: var(--space-xxl) 0; text-align: center; } .blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: var(--space-xxl); padding: var(--space-xxl) 0; }
@media (max-width: 900px) { .blog-layout { grid-template-columns: 1fr; } }
.single-post__header { margin-bottom: var(--space-xxl); }
.single-post__meta { display: flex; gap: var(--space-md); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-md); }
.single-post__date { font-size: 0.875rem; color: var(--navy); }
.single-post__categories { display: flex; gap: 6px; }
.single-post__title { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 700; color: var(--navy); margin: 0 0 var(--space-md); line-height: 1.2; }
.single-post__excerpt { font-size: 1.1rem; color: var(--navy); margin: 0; }
.single-post__thumbnail { margin-bottom: var(--space-xxl); border-radius: 4px; overflow: hidden; }
.single-post__image { width: 100%; height: auto; display: block; }
.single-post__body { font-size: 1rem; line-height: 1.8; color: #333; }
.single-post__body h2, .single-post__body h3 { color: var(--navy); margin-top: var(--space-xl); }
.single-post__footer { margin-top: var(--space-xxl); padding-top: var(--space-xl); border-top: 1px solid var(--gray-border); }
.single-post__tags { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: var(--space-xl); font-size: 0.9rem; }
.single-post__nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
.single-post__nav-prev, .single-post__nav-next {
display: flex; flex-direction: column; gap: 4px;
padding: var(--space-lg);
background: var(--gray-light);
border-radius: 4px;
text-decoration: none;
transition: background 0.2s;
}
.single-post__nav-prev:hover, .single-post__nav-next:hover { background: var(--blue-primary); }
.single-post__nav-prev:hover *, .single-post__nav-next:hover * { color: var(--white) !important; }
.nav-label { font-size: 0.75rem; color: var(--navy); }
.nav-title { font-size: 0.9rem; font-weight: 600; color: var(--navy); }
.single-post__nav-next { text-align: right; } .sidebar .widget { margin-bottom: var(--space-xl); }
.widget__title { font-size: 1rem; font-weight: 700; color: var(--navy); margin: 0 0 var(--space-md); padding-bottom: var(--space-sm); border-bottom: 2px solid var(--blue-primary); }
.recent-posts-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-md); }
.recent-posts-list__item a { display: flex; gap: var(--space-sm); text-decoration: none; align-items: flex-start; }
.recent-posts-list__item img { width: 60px; height: 60px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }
.recent-posts-list__title { font-size: 0.875rem; font-weight: 600; color: var(--navy); line-height: 1.4; }
.recent-posts-list__date { font-size: 0.75rem; color: var(--navy); } .error-404 { padding: var(--space-xxl) 0; text-align: center; min-height: 60vh; display: flex; align-items: center; justify-content: center; }
.error-404__code { display: block; font-size: 8rem; font-weight: 800; color: var(--blue-primary); opacity: 0.15; line-height: 1; margin-bottom: -2rem; }
.error-404__title { font-size: 2rem; font-weight: 700; color: var(--navy); margin-bottom: var(--space-md); }
.error-404__text { font-size: 1.1rem; color: var(--navy); max-width: 480px; margin: 0 auto var(--space-xl); }
.error-404__actions { display: flex; gap: var(--space-md); justify-content: center; flex-wrap: wrap; } .filter-teaser {
background: var(--navy);
border-radius: 4px;
padding: var(--space-xxl);
display: flex;
gap: var(--space-xxl);
align-items: center;
flex-wrap: wrap;
}
.filter-teaser__text h2 { font-size: 1.5rem !important; font-weight: 700; color: var(--white); margin: 0 0 var(--space-xs); }
.filter-teaser__text p { color: rgba(255,255,255,0.75); margin: 0; font-size: 1rem; }
.filter-teaser__search { flex: 1; min-width: 260px; }
.filter-teaser__search .search-form { display: flex; gap: 0; }
.filter-teaser__search input[type="search"] {
flex: 1; padding: 12px 16px; border: none; border-radius: 2px 0 0 2px;
font-size: 0.9rem; outline: none;
}
.filter-teaser__search button {
padding: 12px 20px; background: var(--blue-primary); color: var(--white); border: none; cursor: pointer;
border-radius: 0 2px 2px 0; transition: background 0.2s;
}
.filter-teaser__search button:hover { background: var(--blue-dark); } .tag {
display: inline-flex;
align-items: center;
padding: 3px 10px;
background: rgba(0,145,209,0.1);
color: var(--blue-primary);
border-radius: 100px;
font-size: 0.75rem;
font-weight: 600;
text-decoration: none;
} .cta-block--navy { background: var(--navy); }
.cta-block--navy .cta-block__title { color: var(--white); }
.cta-block--navy .cta-block__text { color: rgba(255,255,255,0.75); } .card--reference,
.card--application {
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 4px;
overflow: hidden;
transition: box-shadow 0.25s, transform 0.25s;
}
.card--reference:hover,
.card--application:hover {
box-shadow: var(--shadow-lg, 0 16px 40px rgba(0,0,0,0.12));
transform: translateY(-3px);
}
.card__image img { width: 100%; height: 220px; object-fit: cover; display: block; }
.card__body { padding: var(--space-lg); }
.card__title { font-size: 1rem; font-weight: 700; color: var(--navy); margin: var(--space-sm) 0; }
.card__title a { text-decoration: none; color: inherit; }
.card__title a:hover { color: var(--blue-primary); }
.card__excerpt { font-size: 0.875rem; color: var(--navy); line-height: 1.6; margin: 0 0 var(--space-md); }
.btn--text {
display: inline-flex; align-items: center; gap: 6px;
font-size: 0.875rem; font-weight: 600; color: var(--blue-primary);
background: none; border: none; padding: 0; cursor: pointer; text-decoration: none;
}
.btn--text:hover { color: var(--blue-dark); } .section__header { text-align: center; max-width: 640px; margin: 0 auto var(--space-xxl); }
.section__title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; color: var(--navy); margin: 0 0 var(--space-sm); }
.section__subtitle { font-size: 1rem; color: var(--navy); margin: 0; } .intro-text { max-width: 780px; }
.intro-text--centered { margin: 0 auto; text-align: center; }
.intro-text p { font-size: 1rem; color: #444; line-height: 1.8; } .single-article__meta {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
font-size: 0.875rem;
color: var(--navy);
margin-bottom: 20px;
}
.single-article__cat-tag {
display: inline-block;
padding: 2px 10px;
background: var(--blue-light);
color: var(--blue-primary);
border-radius: 100px;
font-size: 0.75rem;
font-weight: 600;
text-decoration: none;
}
.single-article__title {
font-size: clamp(1.6rem, 3vw, 2.4rem);
font-weight: 700;
color: var(--charcoal);
margin-bottom: 28px;
line-height: 1.2;
}
.single-article__hero {
margin-bottom: 36px;
border-radius: 4px;
overflow: hidden;
}
.single-article__hero-img {
width: 100%;
height: auto;
display: block;
} .single-article__body {
font-size: 1rem;
line-height: 1.8;
color: var(--charcoal);
}
.single-article__body h2 {
font-size: 1.5rem !important;
font-weight: 700;
color: var(--navy);
margin: 40px 0 16px;
}
.single-article__body h3 {
font-size: 1.25rem !important;
font-weight: 700;
color: var(--navy);
margin: 32px 0 12px;
}
.single-article__body h4 {
font-size: 1rem !important;
font-weight: 700;
color: var(--navy);
margin: 24px 0 10px;
}
.single-article__body p {
margin-bottom: 1.25rem;
} .single-article__body ul,
.entry-content ul {
list-style: disc;
padding-left: 1.6rem;
margin-bottom: 1.25rem;
}
.single-article__body ul li,
.entry-content ul li {
margin-bottom: 0.4rem;
line-height: 1.7;
color: var(--charcoal);
} .single-article__body ol,
.entry-content ol {
list-style: decimal;
padding-left: 1.6rem;
margin-bottom: 1.25rem;
}
.single-article__body ol li,
.entry-content ol li {
margin-bottom: 0.4rem;
line-height: 1.7;
color: var(--charcoal);
} .single-article__body ul ul,
.single-article__body ol ul,
.entry-content ul ul,
.entry-content ol ul {
list-style: circle;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.single-article__body a,
.entry-content a {
color: var(--blue-primary);
text-decoration: underline;
}
.single-article__body a:hover,
.entry-content a:hover {
color: var(--blue-dark);
}
.single-article__tags {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-top: 36px;
padding-top: 24px;
border-top: 1px solid var(--gray-border);
font-size: 0.875rem;
color: var(--navy);
}
.single-article__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid var(--gray-border);
}
.single-article__nav-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px 20px;
background: var(--gray-light);
border-radius: 4px;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}
.single-article__nav-item:hover {
background: var(--blue-primary);
}
.single-article__nav-item:hover .single-article__nav-label,
.single-article__nav-item:hover .single-article__nav-title {
color: var(--white);
}
.single-article__nav-item--next {
text-align: right;
}
.single-article__nav-label {
font-size: 0.75rem;
color: var(--navy);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.single-article__nav-title {
font-size: 0.9rem;
font-weight: 600;
color: var(--charcoal);
line-height: 1.4;
}
@media (max-width: 600px) {
.single-article__nav { grid-template-columns: 1fr; }
.single-article__nav-item--next { text-align: left; }
}.shop-cat-header {
position: relative;
background: var(--navy);
padding: 40px 0 32px;
overflow: hidden;
} .shop-cat-header:not(.shop-cat-header--has-img) {
background: transparent;
padding: 60px 0 0;
border-bottom: 1px solid var(--gray-border);
}
.shop-cat-header:not(.shop-cat-header--has-img) .shop-cat-header__title {
color: var(--charcoal);
}
.shop-cat-header:not(.shop-cat-header--has-img) .shop-cat-header__desc {
color: var(--navy);
} .shop-cat-header--has-img { min-height: 0; display:block; background:var(--gray-light); }
.shop-cat-header__bg { display:none; }
.shop-cat-header__overlay { display:none; }
.shop-cat-header .container { position:relative;z-index:1; }
.shop-cat-header__title { font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:var(--charcoal);margin:8px 0 0;text-align:left; }
.shop-cat-header__desc { color:var(--navy);margin-top:8px;max-width:640px;font-size:.95rem; }
.shop-cat-header__intro { max-width:820px;margin-top:40px;padding-bottom:60px;color:var(--charcoal); }
.shop-cat-header__intro p { font-size:.975rem;line-height:1.7;margin:0 0 12px;color:#3a4a56; }
.shop-cat-header__intro p:last-child { margin-bottom:0; }
.shop-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
padding: 40px 0 64px;
align-items: start;
}
@media (max-width:900px) { .shop-layout { grid-template-columns:1fr; } .shop-sidebar { order:2; } .shop-main { order:1; } } .shop-sidebar { display:flex; flex-direction:column; gap:20px; position:sticky; top:100px; }
.sidebar-widget { background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:20px;margin-bottom:40px; }
.sidebar-widget__title { font-size:.875rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--charcoal);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--blue-primary); }
.sidebar-cat-list { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px; }
.sidebar-cat-list__item a { display:flex;justify-content:space-between;align-items:center;padding:8px 10px;color:var(--charcoal);font-size: 1rem;border-radius:2px;text-decoration:none;transition:all .15s; }
.sidebar-cat-list__item a:hover { background:var(--blue-light);color:var(--blue-primary); }
.sidebar-cat-list__item--active a { background:var(--blue-primary);color:#fff; }
.sidebar-cat-list__count { font-size:.75rem;color:var(--gray-medium);background:var(--gray-light);padding:1px 6px;border-radius:10px; }
.sidebar-widget--contact { background:var(--navy); }
.sidebar-widget--contact .sidebar-widget__title { color:rgba(255,255,255,.7);border-bottom-color:rgba(255,255,255,.2); }
.sidebar-contact__text { font-size:.875rem;color:rgba(255,255,255,.8);margin:0 0 12px; }
.sidebar-contact__phone { display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none; }
.sidebar-back-link { display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:.875rem;font-weight:600;text-decoration:none; }
.sidebar-back-link:hover { color:var(--blue-primary); } .subcat-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px; }
@media (max-width:600px) { .subcat-grid { grid-template-columns:1fr; } }
.subcat-card { display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-border);border-radius:4px;overflow:hidden;text-decoration:none;transition:box-shadow .25s,transform .25s; }
.subcat-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-3px); }
.subcat-card__img { height:160px;overflow:hidden;background:var(--gray-light); }
.subcat-card__img img { width:100%;height:100%;object-fit:cover;transition:transform .35s; }
.subcat-card:hover .subcat-card__img img { transform:scale(1.05); }
.subcat-card__placeholder { height:100%;display:flex;align-items:center;justify-content:center; }
.subcat-card__body { padding:16px; }
.subcat-card__title { font-size:1rem;font-weight:700;color:var(--charcoal);margin:0 0 6px; }
.subcat-card__desc { font-size:.82rem;color:var(--navy);margin:0 0 8px;line-height:1.5; }
.subcat-card__count { font-size:.75rem;color:var(--blue-primary);font-weight:600; } .shop-toolbar { display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-border); }
.shop-toolbar .woocommerce-result-count { font-size:.875rem;color:var(--navy);margin:0; } .product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
@media (max-width:1100px) { .product-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px)  { .product-grid { grid-template-columns:1fr; } }
.product-card { background:#fff;border:1px solid var(--gray-border);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s; }
.product-card:hover { box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px); }
.product-card__image { position:relative;height:200px;overflow:hidden;background:var(--gray-light); } .product-card__no-img { height:100%;display:flex;align-items:center;justify-content:center; }
.product-card__badge { position:absolute;top:10px;left:10px;background:var(--blue-primary);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em; }
.product-card__body { padding:16px;display:flex;flex-direction:column;flex:1; }
.product-card__cat { font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--charcoal);margin-bottom:6px;display:block; }
.product-card__title { font-size:.95rem;font-weight:700;color:var(--charcoal);margin:0 0 4px; }
.product-card__title a { color:inherit;text-decoration:none; }
.product-card__title a:hover { color:var(--blue-primary); }
.product-card__sku { font-size:.78rem;color:var(--gray-medium);margin:0 0 8px; }
.product-card__excerpt { font-size:.82rem;color:var(--navy);line-height:1.5;flex:1;margin:0 0 16px; }
.product-card__footer { display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto; }
.product-card__pdf { display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--navy);text-decoration:none; }
.product-card__pdf:hover { color:var(--blue-primary); }
.shop-pagination { margin-top:40px; } .product-detail { display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:40px 0;align-items:stretch; }
@media (max-width:900px) { .product-detail { grid-template-columns:1fr; } }
.product-detail__gallery {
position: sticky;
top: 24px;
bottom: 24px;
align-self: start;
max-height: calc(100vh - 48px);
overflow: visible;
}
.admin-bar .product-detail__gallery {
top: 56px;
bottom: 56px;
max-height: calc(100vh - 112px);
}
@media (max-width:900px) { .product-detail__gallery { position:static; max-height:none; } } .product-detail__info {
display: flex;
flex-direction: column;
}
.product-detail__cta-box {
margin-top: auto;
}
.product-gallery { display:flex;flex-direction:column;gap:12px; }
.product-gallery__main {
position: relative;
background: var(--gray-light);
border: 1px solid var(--gray-border);
border-radius: 4px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
}
.product-gallery__main-img { max-width:100%;max-height:100%;object-fit:contain;display:block; }
.product-gallery__placeholder { display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1; }
.product-gallery__pdf-btn { position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.6);color:#fff;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:2px;text-decoration:none;transition:background .2s; }
.product-gallery__pdf-btn:hover { background:var(--blue-primary);color:#fff; }
.product-gallery__thumbs { display:flex;gap:8px;flex-wrap:wrap; }
.product-gallery__thumb { width:72px;height:72px;border:2px solid var(--gray-border);border-radius:4px;overflow:hidden;cursor:pointer;background:none;padding:0;transition:border-color .2s; }
.product-gallery__thumb:hover,.product-gallery__thumb.active { border-color:var(--blue-primary); }
.product-gallery__thumb img { width:100%;height:100%;object-fit:cover; }
.product-detail__cats { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px; }
.product-detail__cat-link { font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--charcoal);text-decoration:none; }
.product-detail__cat-link::after { content:' /';color:var(--gray-medium); }
.product-detail__cat-link:last-child::after { display:none; }
.product-detail__title { font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--charcoal);margin:0 0 8px;line-height:1.2; }
.product-detail__sku,
.product-detail__gtin { font-size:.875rem;color:var(--gray-medium);margin:0 0 4px; }
.product-detail__short-desc { font-size:.95rem;color:var(--charcoal);line-height:1.7;margin-bottom:24px; }
.product-detail__highlights h4 { font-size: 1rem !important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);margin:0 0 12px; }
.product-detail__hl-list { list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px; }
.product-detail__hl-list li { display:flex;align-items:flex-start;gap:8px;font-size: 1rem;color:var(--charcoal); }
.product-detail__cta-box { background:var(--gray-light);border-radius:4px;padding:24px;margin-bottom:0; }
.product-detail__price-info,.product-detail__login-hint { font-size:.875rem;color:var(--navy);margin:0 0 16px; }
.product-detail__login-hint a { color:var(--blue-primary); }
.product-detail__downloads h4 { font-size: 1rem !important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);margin:0 0 10px; }
.product-detail__downloads ul { list-style:none;margin:0;padding:0; }
.product-detail__downloads li a { font-size: 1rem;color:var(--blue-primary);text-decoration:none;display:flex;align-items:center;gap:6px;padding:4px 0; }
.product-detail__downloads li a:hover { text-decoration:underline; } .product-tabs { margin:40px 0; }
.product-tabs__nav {
display: flex;
flex-wrap: wrap;
gap: 4px;
border-bottom: 2px solid var(--gray-border);
padding-bottom: 0;
}
.product-tabs__btn {
padding: 10px 20px;
background: none;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
font-size: .875rem;
font-weight: 600;
color: var(--navy);
cursor: pointer;
transition: color .2s, border-color .2s;
white-space: nowrap;
border-radius: 2px 2px 0 0;
}
.product-tabs__btn:hover { color: var(--blue-primary); }
.product-tabs__btn--active { color: var(--blue-primary); border-bottom-color: var(--blue-primary); }
.product-tab { padding:32px 0; }
.product-tab__inner { max-width: 100%; margin-left: 20px; }
.product-tab__video { position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:4px; }
.product-tab__video iframe { position:absolute;top:0;left:0;width:100%;height:100%; }
.wst-table--specs { width:100%;border-collapse:collapse; } .archive-layout { display:grid;grid-template-columns:1fr 300px;gap:48px;padding:40px 0 64px; }
@media (max-width:900px) { .archive-layout { grid-template-columns:1fr; } }
.archive-filter-bar { display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:.875rem;color:var(--navy); }
.archive-filter-bar__reset { color:var(--blue-primary);margin-left:8px; }
.news-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:28px; }
@media (max-width:700px) { .news-grid { grid-template-columns:1fr; } } .news-card { background:#fff;border:1px solid var(--gray-border);border-radius:4px;overflow:hidden;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column; }
.news-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px); }
.news-card__body { padding:20px;display:flex;flex-direction:column;flex:1;text-align:left; }
.news-card__date { display:block;font-size:.78rem;color:var(--gray-medium);margin-bottom:8px; }
.news-card__title { font-size:1.1rem;font-weight:700;margin:0 0 16px;line-height:1.3; }
.news-card__title a { color:var(--charcoal);text-decoration:none; }
.news-card__title a:hover { color:var(--blue-primary); }
.news-card__image { margin-bottom:16px;overflow:hidden;border:none;border-radius:0; }
.news-card__img { width:100%;height:auto;display:block;object-fit:cover;border:none;box-shadow:none; }
.news-card__footer { margin-top:auto;padding-top:16px; }
.archive-pagination { margin-top:40px; }
.archive-sidebar { display:flex;flex-direction:column;gap:20px; }
.sidebar-recent-list { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px; }
.sidebar-recent-list li a { display:flex;align-items:flex-start;gap:10px;text-decoration:none; }
.sidebar-recent-thumb { flex:0 0 56px;width:56px;height:56px;overflow:hidden;border-radius:4px; }
.sidebar-recent-thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.sidebar-recent-content { flex:1;min-width:0;display:flex;flex-direction:column;gap:3px; }
.sidebar-recent-title { font-size:.82rem;font-weight:600;color:var(--charcoal);line-height:1.4;display:block; }
.sidebar-recent-date { font-size:.75rem;color:var(--gray-medium);display:block; } .blog-layout { display:grid;grid-template-columns:1fr 300px;gap:48px;padding:40px 0 64px; }
@media (max-width:900px) { .blog-layout { grid-template-columns:1fr; } }
.blog-sidebar { display:flex;flex-direction:column;gap:20px; }
.single-article__meta { display:flex;align-items:center;gap:10px;margin-bottom:12px; }
.single-article__meta time { font-size:.82rem;color:var(--gray-medium); }
.single-article__cat-tag { font-size:.72rem;font-weight:700;;letter-spacing:0;color:var(--charcoal);background:var(--gray-light);padding:2px 8px;border-radius:2px;text-decoration:none; }
.single-article__title { font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--charcoal);margin:0 0 24px;line-height:1.15; }
.single-article__hero { margin-bottom:32px;border-radius:4px;overflow:hidden; }
.single-article__hero-img { width:100%;height:auto;display:block; }
.single-article__body { font-size:1rem;line-height:1.8;color:#333;max-width:none; }
.single-article__body h2,.single-article__body h3 { color:var(--navy);margin-top:32px; }
.single-article__tags { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:32px 0;font-size:.875rem; }
.single-article__nav { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;margin-bottom:60px;padding-top:24px;border-top:1px solid var(--gray-border); }
.single-article__nav-item { display:flex;flex-direction:column;gap:4px;padding:8px 0;background:none;border-radius:0;text-decoration:none;transition:color .15s; }
.single-article__nav-item:hover { background:none; }
.single-article__nav-item--next { text-align:right; }
.single-article__nav-label { font-size:.875rem;font-weight:600;color:#999;transition:color .15s; }
.single-article__nav-item:hover .single-article__nav-label { color:#1a1a1a; }
.single-article__nav-title { display:none; } .about-intro-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }
@media (max-width:900px) { .about-intro-grid { grid-template-columns:1fr; } }
.about-intro-grid__img { width:100%;border-radius:4px;display:block; }
.about-intro-grid__img-placeholder { height:400px;background:var(--gray-light);border-radius:4px; }
.about-intro-grid__content h2 { margin:12px 0 16px; }
.stats-bar { display:grid;grid-template-columns:repeat(4,1fr);gap:0; }
@media (max-width:768px) { .stats-bar { grid-template-columns:repeat(2,1fr); } }
.stats-bar__item { text-align:center;padding:40px 20px;border-right:1px solid rgba(255,255,255,.15); }
.stats-bar__item:last-child { border-right:none; }
.stats-bar__number { display:block;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:#fff;line-height:1; }
.stats-bar__label { display:block;font-size:.875rem;color:rgba(255,255,255,.72);margin-top:8px; } .timeline { position:relative;max-width:900px;margin:0 auto; }
.timeline::before { content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gray-border);transform:translateX(-50%); }
@media (max-width:700px) { .timeline::before { left:20px; } }
.timeline__item { display:grid;grid-template-columns:1fr 40px 1fr;gap:20px;align-items:center;margin-bottom:32px;position:relative; }
@media (max-width:700px) { .timeline__item { grid-template-columns:40px 1fr;padding-left:0; } }
.timeline__item--left .timeline__year { text-align:right; }
.timeline__item--right .timeline__year { grid-column:3;text-align:left; }
.timeline__item--right .timeline__dot { grid-column:2; }
.timeline__item--right .timeline__content { grid-column:1;grid-row:1; }
.timeline__year { font-size:1.25rem;font-weight:800;color:var(--blue-primary);white-space:nowrap; }
.timeline__dot { width:16px;height:16px;background:var(--blue-primary);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--blue-primary);margin:0 auto; }
.timeline__content { background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:16px;font-size:.875rem;line-height:1.6;color:var(--charcoal); }
@media (max-width:700px) { .timeline__item { grid-template-columns:40px 1fr; } .timeline__item--right .timeline__year,.timeline__item--right .timeline__content,.timeline__item--right .timeline__dot { grid-column:auto;grid-row:auto; } } .quality-section { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }
@media (max-width:900px) { .quality-section { grid-template-columns:1fr; } }
.quality-section__certs { display:grid;grid-template-columns:repeat(2,1fr);gap:16px; }
.cert-badge { background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:20px;text-align:center; }
.cert-badge__name { display:block;font-size:1.1rem;font-weight:800;color:var(--navy); }
.cert-badge__text { display:block;font-size:.78rem;color:var(--gray-medium);margin-top:4px; } .team-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px; }
@media (max-width:1100px) { .team-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px)  { .team-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px)  { .team-grid { grid-template-columns:1fr; } }
.team-card { background:#fff;border:1px solid var(--gray-border);border-radius:4px;overflow:hidden; }
.team-card__photo { aspect-ratio:4/5;overflow:hidden;background:var(--gray-light);display:flex;align-items:center;justify-content:center; }
.team-card__photo img { width:100%;height:100%;object-fit:cover; }
.team-card__photo-placeholder { width:100%;height:100%;display:flex;align-items:center;justify-content:center; }
.team-card__info { padding:16px; }
.team-card__name { font-size:.95rem;font-weight:700;color:var(--charcoal);margin:0 0 4px; }
.team-card__role { font-size:.82rem;color:var(--blue-primary);font-weight:600;margin:0 0 10px; }
.team-card__contact { display:flex;flex-direction:column;gap:4px; }
.team-card__contact-link { display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--navy);text-decoration:none; }
.team-card__contact-link:hover { color:var(--blue-primary); } .karriere-layout { display:grid;grid-template-columns:1fr 1fr;gap:56px; }
@media (max-width:900px) { .karriere-layout { grid-template-columns:1fr; } }
.jobs-headline { font-size:1.1rem;font-weight:700;color:var(--navy);margin:0 0 20px; }
.jobs-list { display:flex;flex-direction:column;gap:12px; }
.job-item { background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:border-color .2s; }
.job-item:hover { border-color:var(--blue-primary); }
.job-item__title { font-size:.95rem;font-weight:700;color:var(--charcoal);margin:0 0 4px; }
.job-item__meta { display:flex;gap:12px;font-size:.8rem;color:var(--gray-medium); }
.job-item__type { background:var(--blue-light);color:var(--blue-primary);font-weight:600;padding:1px 8px;border-radius:2px; }
.jobs-empty { background:var(--gray-light);border-radius:4px;padding:32px;text-align:center;font-size:.9rem;color:var(--navy); } .anwendungen-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
@media (max-width:1024px) { .anwendungen-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px)  { .anwendungen-grid { grid-template-columns:1fr; } }
.anwendung-card { background:#fff;border:1px solid var(--gray-border);border-radius:4px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s; }
.anwendung-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-3px); }
.anwendung-card__img { height:180px;background-size:cover;background-position:center; }
.anwendung-card__img-overlay { height:100%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%); }
.anwendung-card__icon { height:80px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:2.5rem; }
.anwendung-card__body { padding:20px;flex:1;display:flex;flex-direction:column; }
.anwendung-card__emoji { font-size:2rem;margin-bottom:8px;display:block; }
.anwendung-card__title { font-size:1.05rem;font-weight:700;color:var(--charcoal);margin:0 0 8px; }
.anwendung-card__desc { font-size:.875rem;color:var(--navy);line-height:1.6;flex:1;margin:0 0 16px; }
.anwendung-card__link { display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--blue-primary);margin-top:auto; }
.anwendung-card:hover .anwendung-card__link { gap:10px; }  .page-hero--navy,
.page-hero--ueber-uns {
background: var(--navy); padding: 64px 0;
min-height: 280px;
display: flex;
align-items: flex-end;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
}
.page-hero--has-img {
min-height: 360px;
}
.page-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,74,103,.88) 0%, rgba(73,90,101,.7) 100%);
}
.page-hero__content {
position: relative;
z-index: 1;
}
.page-hero__label {
display: inline-block;
font-size: .72rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(255,255,255,.6);
margin-bottom: 10px;
}
.page-hero__title {
font-size: clamp(1.5rem, 3vw, 2.75rem);
font-weight: 700;
color: #fff;
margin: 0 0 10px;
line-height: 1.15;
}
.page-hero__subtitle {
font-size: 1.05rem;
color: rgba(255,255,255,.8);
max-width: 580px;
margin: 0;
} .page-hero--navy:not(.page-hero--has-img),
.page-hero--ueber-uns:not(.page-hero--has-img) {
background: transparent; min-height: 0;
padding: 50px 0 16px; align-items: center;
border-bottom: 1px solid var(--gray-border); } .page-hero--navy:not(.page-hero--has-img) .page-hero__overlay,
.page-hero--ueber-uns:not(.page-hero--has-img) .page-hero__overlay {
display: none;
} .page-hero--navy:not(.page-hero--has-img) .page-hero__label,
.page-hero--ueber-uns:not(.page-hero--has-img) .page-hero__label {
color: var(--blue-primary); }
.page-hero--navy:not(.page-hero--has-img) .page-hero__title,
.page-hero--ueber-uns:not(.page-hero--has-img) .page-hero__title {
color: var(--charcoal); }
.page-hero--navy:not(.page-hero--has-img) .page-hero__subtitle,
.page-hero--ueber-uns:not(.page-hero--has-img) .page-hero__subtitle {
color: var(--navy); }   .product-variants {
margin: 24px 0;
padding: 20px 24px;
background: var(--white);
border: 1px solid var(--gray-border); border-top: 3px solid var(--blue-primary); border-radius: 2px; } .product-variants__heading {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-primary);
font-size: 1rem;
font-weight: 700;
color: var(--navy);
text-transform: none;
letter-spacing: 0.12em; margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid var(--gray-border);
}
.product-variants__heading svg {
color: var(--blue-primary); flex-shrink: 0;
} .product-variants__reset { margin-bottom: 16px; }
.product-variants__reset-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
border: 2px solid var(--gray-border); border-radius: 2px; padding: 0.5rem 1.25rem; font-family: var(--font-primary);
font-size: 0.8rem; font-weight: 600;
color: var(--navy); cursor: pointer;
transition: all 0.2s ease; letter-spacing: 0.02em; }
.product-variants__reset-btn:hover {
border-color: var(--blue-primary); color: var(--blue-primary);
background: var(--blue-light); } .variant-group { margin-bottom: 20px; }
.variant-group:last-of-type { margin-bottom: 0; } .variant-group__label {
display: block;
margin-bottom: 6px;
}
.variant-group__name {
font-family: var(--font-primary);
font-size: 0.825rem; font-weight: 600; color: var(--charcoal); display: block;
} .variant-group__select-wrap {
position: relative;
display: block;
} .variant-select {
width: 100%;
appearance: none;
-webkit-appearance: none;
padding: 0.65rem 2.5rem 0.65rem 0.9rem; background: var(--white); border: 1px solid var(--gray-medium); border-radius: 2px; font-family: var(--font-primary); font-size: 1rem; font-weight: 400;
color: var(--charcoal); cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
line-height: 1.6; } .variant-select option[value=""] {
color: var(--gray-medium); } .variant-select:hover {
border-color: var(--blue-primary);
} .variant-select:focus {
outline: none;
border-color: var(--blue-primary);
box-shadow: 0 0 0 3px rgba(0, 145, 209, 0.15);
} .variant-select option:disabled {
color: var(--gray-medium);
font-style: italic;
} .variant-select__arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: var(--navy); display: flex;
align-items: center;
transition: color 0.2s ease, transform 0.2s ease;
}
.variant-group__select-wrap:focus-within .variant-select__arrow {
color: var(--blue-primary); transform: translateY(-50%) rotate(180deg);
}
.variant-group__select-wrap:hover .variant-select__arrow {
color: var(--blue-primary);
} .variant-status {
margin-top: 14px;
padding: 10px 14px;
background: #e6f9f0;
border: 1px solid #7dd4a8;
border-radius: 2px; }
.variant-status--out {
background: var(--blue-light); border-color: var(--blue-primary); }
.variant-status__inner {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.variant-status__icon { color: #2e7d54; flex-shrink: 0; }
.variant-status--out .variant-status__icon { color: var(--blue-primary); } .variant-status__text { font-size: 0.875rem; font-weight: 600; color: #1a5c39; }
.variant-status--out .variant-status__text { color: var(--navy); } .variant-status__sku { font-size: 0.8rem; color: var(--gray-medium); margin-left: auto; } .product-gallery__variant-badge {
position: absolute;
top: 10px;
left: 10px;
background: var(--blue-primary);
color: #fff;
font-size: .72rem;
font-weight: 700;
padding: 3px 10px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: .06em;
z-index: 5;
} .variants-table-wrap { overflow-x: auto; }
.variants-table { min-width: 500px; }
.variants-table th { background: var(--navy); color: #fff; font-size: .78rem; font-weight: 700; padding: 10px 14px; }
.variants-table td { padding: 10px 14px; font-size: .875rem; }
.variants-table__row:hover td { background: var(--blue-light) !important; }
.variants-table__sku { font-family: 'Courier New', monospace; font-weight: 700; color: var(--navy); } .stock-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
border-radius: 2px;
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
.stock-badge--in  { background: #e6f9f0; color: #2e7d54; }
.stock-badge--out { background: var(--blue-light); color: var(--navy); }
.stock-badge--in::before  { content: '●'; font-size: .6rem; color: #2e7d54; }
.stock-badge--out::before { content: '●'; font-size: .6rem; color: var(--blue-primary); }  .unternehmen-subnav {
background: var(--white);
border-bottom: 1px solid var(--gray-border);
position: sticky;
top: 72px; z-index: 100;
}
.unternehmen-subnav__list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 0;
overflow-x: auto;
scrollbar-width: none;
}
.unternehmen-subnav__list::-webkit-scrollbar { display: none; }
.unternehmen-subnav__item a {
display: block;
padding: 14px 20px;
font-size: 0.875rem;
font-weight: 600;
color: var(--navy);
text-decoration: none;
white-space: nowrap;
border-bottom: 3px solid transparent;
transition: color 0.2s ease, border-color 0.2s ease;
}
.unternehmen-subnav__item a:hover { color: var(--blue-primary); }
.unternehmen-subnav__item--active a {
color: var(--blue-primary);
border-bottom-color: var(--blue-primary);
} .section-header-wst { text-align: center; }
.section-header__title-wst {
font-size: clamp(1.5rem, 3vw, 2.25rem);
font-weight: 700;
color: var(--charcoal);
margin: 8px 0 0;
} .unternehmen-intro {
max-width: 100%;
font-size: 1.05rem;
line-height: 1.8;
}
.unternehmen-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 768px) { .unternehmen-grid { grid-template-columns: 1fr; } }
.unternehmen-tile {
position: relative;
display: block;
text-decoration: none;
border-radius: 4px;
overflow: hidden;
min-height: 280px;
background: var(--navy);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.unternehmen-tile:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,0.18); }
.unternehmen-tile__image {
position: absolute;
inset: 0;
}
.unternehmen-tile__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.unternehmen-tile:hover .unternehmen-tile__image img { transform: scale(1.05); }
.unternehmen-tile__placeholder { height: 100%; background: var(--navy); }
.unternehmen-tile__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.05) 100%);
transition: background 0.3s ease;
}
.unternehmen-tile:hover .unternehmen-tile__overlay {
background: linear-gradient(to top, rgba(0,70,130,0.82) 0%, rgba(0,70,130,0.3) 60%, rgba(0,0,0,0.05) 100%);
}
.unternehmen-tile__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 28px 28px 24px;
z-index: 2;
}
.unternehmen-tile__title {
font-size: 1.35rem;
font-weight: 700;
color: var(--white);
margin: 0 0 8px;
line-height: 1.2;
}
.unternehmen-tile__sub {
font-size: 0.875rem;
color: rgba(255,255,255,0.82);
margin: 0 0 14px;
line-height: 1.5;
}
.unternehmen-tile__link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.82rem;
font-weight: 700;
color: #4dc8f0;
letter-spacing: 0.03em;
transition: gap 0.2s ease, color 0.2s ease;
}
.unternehmen-tile:hover .unternehmen-tile__link { gap: 10px; color: var(--white); } .standorte-list { display: flex; flex-direction: column; gap: 80px; }
.standort-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
.standort-item--reverse { direction: rtl; }
.standort-item--reverse > * { direction: ltr; }
@media (max-width: 900px) {
.standort-item, .standort-item--reverse { grid-template-columns: 1fr; direction: ltr; }
}
.standort-item__map {
border-radius: 4px;
overflow: hidden;
height: 380px;
background: var(--gray-light);
}
.standort-item__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.standort-item__map-embed { height: 100%; }
.standort-item__map-embed iframe { width: 100%; height: 100%; border: none; display: block; }
.standort-item__type {
display: inline-block;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--blue-primary);
margin-bottom: 10px;
}
.standort-item__name {
font-size: 1.75rem;
font-weight: 700;
color: var(--charcoal);
margin: 0 0 20px;
}
.standort-item__address {
font-style: normal;
font-size: 1rem;
line-height: 1.8;
color: var(--navy);
margin-bottom: 20px;
}
.standort-item__contact {
display: grid;
grid-template-columns: auto 1fr;
gap: 6px 16px;
margin-bottom: 20px;
}
.standort-item__contact dt {
font-size: 0.82rem;
font-weight: 700;
color: var(--charcoal);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.standort-item__contact dd {
font-size: 0.875rem;
color: var(--navy);
margin: 0;
}
.standort-item__contact dd a { color: var(--blue-primary); text-decoration: none; }
.standort-item__contact dd a:hover { text-decoration: underline; }
.standort-item__hours h4 {
font-size: 1rem !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--charcoal);
margin: 0 0 8px;
}
.standort-item__hours p {
font-size: 1rem;
color: var(--navy);
margin: 0 0 4px;
} .news-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 48px;
padding: 40px 0 64px;
}
@media (max-width: 900px) { .news-layout { grid-template-columns: 1fr; } }
.news-filter-bar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 28px;
padding: 10px 16px;
background: var(--blue-light);
border-left: 4px solid var(--blue-primary);
border-radius: 0 2px 2px 0;
font-size: 0.875rem;
color: var(--navy);
}
.news-filter-bar__reset {
margin-left: 8px;
color: var(--blue-primary);
font-weight: 600;
cursor: pointer;
text-decoration: none;
} .news-featured {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid var(--gray-border);
}
@media (max-width: 700px) { .news-featured { grid-template-columns: 1fr; } }
.news-featured__image {
border-radius: 4px;
overflow: hidden;
aspect-ratio: 16/10;
}
.news-featured__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
display: block;
}
.news-featured:hover .news-featured__image img { transform: scale(1.03); }
.news-featured__meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.news-featured__title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 700;
color: var(--charcoal);
margin: 0 0 14px;
line-height: 1.2;
}
.news-featured__title a { color: inherit; text-decoration: none; }
.news-featured__title a:hover { color: var(--blue-primary); }
.news-featured__excerpt {
font-size: 0.95rem;
color: var(--navy);
line-height: 1.7;
margin: 0 0 24px;
} .news-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
@media (max-width: 640px) { .news-grid { grid-template-columns: 1fr; } }
.news-pagination { margin-top: 40px; }
.news-empty {
padding: 48px;
text-align: center;
color: var(--navy);
font-size: 0.95rem;
background: var(--gray-light);
border-radius: 4px;
} .karriere-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}
@media (max-width: 900px) { .karriere-layout { grid-template-columns: 1fr; } }
.karriere-box {
background: var(--white);
border: 1px solid var(--gray-border); border-top: 3px solid var(--blue-primary); border-radius: 2px; padding: 28px 32px;
}
.karriere-box__eyebrow {
display: block;
font-size: 0.7rem;
font-weight: 700;
letter-spacing:0;
;
color:var(--charcoal);
margin-bottom: 10px;
}
.karriere-box__title {
font-size: 1.25rem;
font-weight: 700;
color: var(--charcoal);
margin: 0 0 14px;
line-height: 1.25;
}
.karriere-box__text {
font-size: 0.9rem;
color: var(--navy);
line-height: 1.7;
margin: 0;
}
.karriere-box .jobs-list { margin-top: 0; }
.karriere-box .jobs-empty__text {
font-size: 0.875rem;
color: var(--navy);
margin: 0;
}  .tk-intro { font-size: 1rem; line-height: 1.8; color: var(--charcoal); } .tk-teaser-section {
background: var(--blue-primary); padding: 56px 0;
width: 100%;
display: block;
}
.tk-teaser {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
align-items: stretch;
min-height: 320px;
} .tk-teaser:has(.tk-teaser__content:only-child) {
grid-template-columns: 1fr;
}
@media (max-width: 900px) { .tk-teaser { grid-template-columns: 1fr; } }
.tk-teaser__content {
background: var(--blue-primary); padding: 48px 48px 48px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.tk-teaser__headline {
font-size: clamp(1.4rem, 2.5vw, 2rem);
font-weight: 700;
color: var(--white);
margin: 0 0 20px;
line-height: 1.25;
}
.tk-teaser__text {
font-size: .95rem;
color: rgba(255,255,255,.88);
margin: 0;
line-height: 1.75;
}
.tk-teaser__image {
overflow: hidden;
min-height: 320px;
}
.tk-teaser__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .tk-ways {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 40px;
row-gap: 20px;
}
@media (max-width: 768px) { .tk-ways { grid-template-columns: 1fr; } }
.tk-way__image {
overflow: hidden;
border-radius: 4px;
background: transparent;
margin: 0;
padding: 0;
line-height: 0;
}
.tk-way__image:not(:last-child) { margin-bottom: 0; }
.tk-way__image img { max-width: 100%; height: auto; display: block; transition: transform .35s ease; margin: 0; padding: 0; vertical-align: top; }
.tk-way:hover .tk-way__image img { transform: scale(1.04); }
.tk-way__image-placeholder { width: 100%; height: 100%; background: var(--gray-light); }
.tk-way__title { font-size: 1rem; font-weight: 700; color: var(--charcoal); margin: 20px 0 8px !important; }
.tk-way__text  { font-size: .875rem; color: var(--navy); line-height: 1.6; margin: 0; }
.tk-way__link  { font-size: .82rem; font-weight: 600; color: var(--blue-primary); text-decoration: none; }
.tk-way__link:hover { text-decoration: underline; } .tk-benefits__headline {
font-size: clamp(1.2rem, 2vw, 1.6rem);
font-weight: 700;
color: var(--charcoal);
margin: 0 0 32px;
line-height: 1.3;
}
.tk-benefits {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
@media (max-width: 768px) { .tk-benefits { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .tk-benefits { grid-template-columns: 1fr; } }
.tk-benefit {
display: flex;
align-items: flex-start;
gap: 10px;
}
.tk-benefit__icon {
width: 24px;
height: 24px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--blue-light);
border-radius: 50%;
margin-top: 2px;
}
.tk-benefit__text { font-size: .875rem; color: var(--charcoal); line-height: 1.5; margin: 0; } .tk-section-label {
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--blue-primary);
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 1px solid var(--gray-border);
} .tk-jobs-list { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--gray-border); border-radius: 2px; overflow: hidden; }
.tk-job-item {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
background: var(--white);
border-bottom: 1px solid var(--gray-border);
transition: background .15s;
}
.tk-job-item:last-child { border-bottom: none; }
.tk-job-item:hover { background: var(--blue-light); }
.tk-job-item__icon { flex-shrink: 0; color: var(--blue-primary); }
.tk-job-item__info { flex: 1; }
.tk-job-item__title { font-size: .95rem; font-weight: 700; color: var(--charcoal); margin: 0 0 4px; }
.tk-job-item__meta  { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .8rem; color: var(--gray-medium); margin: 0; }
.tk-job-badge {
background: var(--blue-light);
color: var(--blue-primary);
font-weight: 700;
font-size: .72rem;
padding: 1px 8px;
border-radius: 2px;
}
.tk-jobs-all { margin-top: 12px; font-size: .875rem; }
.tk-jobs-all a { color: var(--blue-primary); }
.tk-jobs-empty { color: var(--navy); font-size: .875rem; } .tk-ausbildung-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 768px) { .tk-ausbildung-grid { grid-template-columns: 1fr; } }
.tk-ausbildung-tile {
position: relative;
display: block;
min-height: 200px;
border-radius: 4px;
overflow: hidden;
text-decoration: none;
transition: transform .25s ease, box-shadow .25s ease;
}
.tk-ausbildung-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.tk-ausbildung-tile__bg {
position: absolute; inset: 0;
background-size: cover; background-position: center;
transition: transform .35s ease;
}
.tk-ausbildung-tile:hover .tk-ausbildung-tile__bg { transform: scale(1.04); }
.tk-ausbildung-tile__bg--empty { background: var(--navy); }
.tk-ausbildung-tile__overlay {
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(0,74,103,.82) 0%, rgba(0,74,103,.5) 100%);
}
.tk-ausbildung-tile__content {
position: relative; z-index: 2;
padding: 24px 20px;
display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
height: 100%;
}
.tk-ausbildung-tile__sub {
font-size: .72rem; font-weight: 700; text-transform: uppercase;
letter-spacing: .08em; color: rgba(255,255,255,.7);
}
.tk-ausbildung-tile__title {
font-size: 1.1rem; font-weight: 700; color: var(--white); margin: 0; line-height: 1.2;
}
.btn--white-outline {
background: transparent;
border: 2px solid rgba(255,255,255,.7);
color: var(--white);
font-size: .78rem;
padding: 6px 14px;
margin-top: auto;
}
.btn--white-outline:hover { background: rgba(255,255,255,.15); border-color: #fff; } .tk-praktikum-section {
background: var(--blue-dark, #006fa3);
padding: 48px 0;
}
.tk-praktikum__headline {
font-size: clamp(1.1rem, 2vw, 1.5rem);
font-weight: 700;
color: var(--white);
margin: 0 0 14px;
}
.tk-praktikum__text {
font-size: .9rem; color: rgba(255,255,255,.85); line-height: 1.7; margin: 0 0 24px;
}
.btn--white {
background: var(--white);
color: var(--blue-primary);
border: 2px solid var(--white);
font-weight: 700;
}
.btn--white:hover { background: transparent; color: var(--white); } .tk-vorteile__headline {
font-size: clamp(1.2rem, 2vw, 1.6rem);
font-weight: 700; color: var(--charcoal);
margin: 0 0 40px; text-align: center;
}
.tk-vorteile {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 32px;
}
@media (max-width: 900px) { .tk-vorteile { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px)  { .tk-vorteile { grid-template-columns: 1fr; } }
.tk-vorteil { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.tk-vorteil__icon {
width: 64px; height: 64px;
background: var(--blue-light);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.tk-vorteil__icon img { width: 36px; height: 36px; object-fit: contain; }
.tk-vorteil__title { font-size: .95rem; font-weight: 700; color: var(--charcoal); margin: 0; }
.tk-vorteil__text  { font-size: .82rem; color: var(--navy); line-height: 1.6; margin: 0; }  .uu-eyebrow {
font-size: 1.05rem;
font-weight: 700;
color: var(--charcoal);
margin-bottom: 16px;
} .uu-intro {
font-size: 1rem;
line-height: 1.8;
color: var(--charcoal);
max-width: 100%;
} .uu-big-headline {
font-weight: 700;
color: var(--charcoal);
line-height: 1.2;
margin-bottom: 32px;
}
.uu-big-headline--light { color: var(--white); } .uu-wofuer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
@media (max-width: 900px) { .uu-wofuer-grid { grid-template-columns: 1fr; } }
.uu-wofuer-img {
border-radius: 4px;
overflow: hidden;
margin-bottom: 28px;
}
.uu-wofuer-img img { width: 100%; display: block; height: 280px; object-fit: cover; }
.uu-mission-vision h3 { font-size: 1.25rem !important; font-weight: 700; margin-bottom: 8px; color: var(--charcoal); }
.uu-mission-vision p  { font-size: 1rem; color: var(--navy); line-height: 1.7; margin-bottom: 20px; }
.uu-werte-hl { font-size: 1rem; font-weight: 700; color: var(--charcoal); margin-bottom: 16px; }
.uu-wert { font-size: .875rem; line-height: 1.6; color: var(--charcoal); margin-bottom: 12px; }
.uu-wert__bold { color: var(--blue-primary); font-weight: 700; } .uu-tech-section {
background: var(--navy);
padding: 56px 0 0;
}
.uu-tech-section .uu-big-headline { color: var(--white); }
.uu-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
margin-top: 32px;
}
@media (max-width: 768px) { .uu-gallery { grid-template-columns: 1fr; } }
.uu-gallery__item {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 4/3;
}
.uu-gallery__item img {
width: 100%; height: 100%;
object-fit: cover; display: block;
transition: transform .4s ease;
}
.uu-gallery__item:hover img { transform: scale(1.05); }
.uu-gallery__plus {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 44px; height: 44px;
background: var(--blue-primary);
color: #fff;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 1.5rem; font-weight: 300; line-height: 1;
opacity: 0;
transition: opacity .25s ease;
pointer-events: none;
}
.uu-gallery__item:hover .uu-gallery__plus { opacity: 1; } .uu-info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
@media (max-width: 768px) { .uu-info-grid { grid-template-columns: 1fr; } }
.uu-info-box h3 {
font-size: 1.25rem !important;
font-weight: 700;
color: var(--charcoal);
margin-bottom: 14px;
line-height: 1.3;
}
.uu-info-box p {
font-size: 1rem;
color: var(--navy);
line-height: 1.75;
} .uu-vdma-text {
font-size: .9rem;
color: var(--navy);
line-height: 1.75;
max-width: 860px;
} .uu-timeline-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
}
@media (max-width: 1100px) { .uu-timeline-grid { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 800px)  { .uu-timeline-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 560px)  { .uu-timeline-grid { grid-template-columns: repeat(2,1fr); } } .uu-tl-card {
background: var(--blue-primary);
border-radius: 4px;
overflow: hidden;
display: flex;
flex-direction: column;
} .uu-tl-card__img {
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
}
.uu-tl-card__img img {
width: 100%; height: 100%;
object-fit: cover; display: block;
} .uu-tl-card__overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 145, 208, 0.70);
transform: translateY(0%);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
will-change: transform;
}
.uu-tl-card:hover .uu-tl-card__overlay {
transform: translateY(100%);
} .uu-tl-card__body { padding: 14px; flex: 1; }
.uu-tl-card__year {
display: block;
font-size: .75rem;
font-weight: 700;
color: rgba(255,255,255,.7);
margin-bottom: 6px;
letter-spacing: .06em;
}
.uu-tl-card__text {
font-size: .8rem;
color: #fff;
line-height: 1.5;
margin: 0;
} .uu-hotspot-section { padding: 0; }
.uu-hotspot-section .container { max-width: 1480px; padding: 0 40px; }
.uu-hotspot-box {
position: relative;
width: 100%;
aspect-ratio: 1480 / 883;
overflow: hidden;
border-radius: 4px;
background: var(--navy);
}
.uu-hotspot-box__img {
width: 100%; height: 100%;
object-fit: cover; display: block;
}
.uu-hotspot-box__placeholder {
width: 100%; height: 100%;
background: var(--navy);
} .uu-hotspot-box__headline {
position: absolute;
top: 0; left: 0; right: 0;
padding: 28px 40px 48px;
background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
z-index: 2;
}
.uu-hotspot-box__headline h2 {
color: #fff;
font-size: 1.5rem !important;
font-weight: 700;
margin: 0;
line-height: 1.2;
text-shadow: 0 1px 4px rgba(0,0,0,0.4);
} .uu-hotspot {
position: absolute;
top: 50%; transform: translateY(-50%);
z-index: 3;
}
.uu-hotspot--left   { left: 16.67%; }
.uu-hotspot--center { left: 50%; transform: translate(-50%, -50%); }
.uu-hotspot--right  { right: 16.67%; } .uu-hotspot__btn {
width: 44px; height: 44px;
border-radius: 50%;
background: var(--blue-primary);
color: #fff;
font-size: 1.6rem;
font-weight: 300;
line-height: 1;
border: 3px solid rgba(255,255,255,0.8);
cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: background 0.2s, transform 0.2s;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
padding: 0;
}
.uu-hotspot:hover .uu-hotspot__btn {
background: var(--blue-dark);
transform: scale(1.15);
} .uu-hotspot__popup {
position: absolute;
bottom: calc(100% + 12px);
left: 50%; transform: translateX(-50%);
background: rgba(0,0,0,0.82);
color: #fff;
font-size: 0.85rem;
line-height: 1.5;
padding: 10px 14px;
border-radius: 4px;
white-space: nowrap;
text-align: left;
pointer-events: none;
opacity: 0;
transform: translateX(-50%) translateY(6px);
transition: opacity 0.25s ease, transform 0.25s ease;
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.uu-hotspot__popup::after {
content: '';
position: absolute;
top: 100%; left: 50%; transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgba(0,0,0,0.82);
}
.uu-hotspot:hover .uu-hotspot__popup {
opacity: 1;
transform: translateX(-50%) translateY(0);
} h1, h1.wp-block-heading,
.entry-content h1, .uu-intro h1,
.page-content h1, .site-main h1,
body h1 {
font-size: 2rem !important;
line-height: 1.2 !important;
}  .fp-hero { padding: 40px 0 32px; }
.fp-hero__h1 { font-size: calc(1.75rem + 2px) !important; font-weight: 700; color: var(--charcoal); margin-bottom: 14px !important; line-height: 1.2; }
.fp-hero__sub { font-size: 1.1rem; font-weight: 600; color: var(--charcoal); margin-bottom: 16px; }
.fp-hero__text { font-size: 0.95rem; color: var(--navy); line-height: 1.75; max-width: 860px; } .fp-teaser-icons-wrap {
background: #e8f4fb;
padding: 40px 0 48px;
} .fp-blue-teaser {
border-left: 4px solid var(--blue-primary);
padding: 0 0 0 20px;
margin-bottom: 40px;
}
.fp-blue-teaser__headline {
font-size: 1.5rem !important;
font-weight: 700;
color: var(--charcoal);
margin-bottom: 12px !important;
}
.fp-blue-teaser__text { font-size: 0.9rem; color: var(--navy); line-height: 1.75; margin: 0; } .fp-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
@media (max-width: 900px) { .fp-icon-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .fp-icon-grid { grid-template-columns: 1fr; } }
.fp-icon-item { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.fp-icon-item__icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }
.fp-icon-item__icon img { width: 100%; height: 100%; object-fit: contain; }
.fp-icon-item__title { font-size: 1.25rem !important; font-weight: 700; color: var(--charcoal); margin: 0 !important; margin-bottom: 4px !important; line-height: 1.3; }
.fp-icon-item__link { text-decoration: none; color: inherit; }
.fp-icon-item__link:hover .fp-icon-item__title { color: var(--blue-primary); }
.fp-icon-item__text { font-size: 0.82rem; color: var(--navy); line-height: 1.6; margin: 0; } .fp-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 900px) { .fp-cards { grid-template-columns: 1fr; } }
.fp-card {
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 2px;
padding: 24px;
}
.fp-card__title { font-size: 0.95rem; font-weight: 700; color: var(--charcoal); margin-bottom: 12px; line-height: 1.3; }
.fp-card__text { font-size: 0.85rem; color: var(--navy); line-height: 1.65; margin-bottom: 16px; }
.fp-card__link { font-size: 0.82rem; font-weight: 600; color: var(--blue-primary); text-decoration: none; }
.fp-card__link:hover { text-decoration: underline; } .fp-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
@media (max-width: 900px) { .fp-split { grid-template-columns: 1fr; } }
.fp-split__image { border-radius: 4px; overflow: hidden; }
.fp-split__image img { width: 100%; display: block; object-fit: cover; } .fp-services {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
@media (max-width: 900px) { .fp-services { grid-template-columns: 1fr; } }
.fp-services__list { font-size: 0.875rem; color: var(--navy); margin-top: 12px; line-height: 1.8; }
.fp-services__box {
background: var(--navy);
border-radius: 4px;
padding: 28px;
color: var(--white);
}
.fp-services__box h3 { color: var(--white); font-size: 1.25rem !important; margin-bottom: 12px; }
.fp-services__box p { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.7; margin: 0; } .section--bg-blue-light { background: #cce9f5; }
.fp-komp-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 28px;
row-gap: 0; margin-top: 16px;
}
@media (max-width: 900px) { .fp-komp-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px)  { .fp-komp-grid { grid-template-columns: 1fr; } }
.fp-komp-item { padding: 0; } .fp-komp-item__title {
font-size: 1.05rem;
font-weight: 700;
color: var(--blue-primary);
margin: 14px 0 0 !important; padding: 0 !important;
line-height: 1.2;
text-decoration: none;
display: block;
} .fp-komp-item:first-child .fp-komp-item__title,
.fp-komp-grid > .fp-komp-item:nth-child(-n+4) .fp-komp-item__title {
margin-top: 0;
}
.fp-komp-item a { text-decoration: none; }
.fp-komp-item a:hover .fp-komp-item__title { text-decoration: underline; } .fp-komp-item__text {
font-size: 0.875rem;
color: var(--navy);
line-height: 1.4;
margin: 0 !important;
padding-top: 1px;
} .fp-highlights {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
}
@media (max-width: 900px) { .fp-highlights { grid-template-columns: 1fr; } }
.fp-highlight {
position: relative;
border-radius: 4px;
overflow: hidden;
background: #4AACE0; display: flex;
flex-direction: column;
}
.fp-highlight__img { position: relative; aspect-ratio: 4/3; overflow: hidden; flex-shrink: 0; }
.fp-highlight__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fp-highlight__badge {
position: absolute;
top: 12px; right: 12px;
background: var(--blue-primary);
color: #fff;
font-size: 0.7rem;
font-weight: 700;
padding: 3px 10px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.fp-highlight__body {
background: #4AACE0;
padding: 20px 20px 24px;
flex: 1; }
.fp-highlight__title { font-size: 1.15rem; font-weight: 700; color: #fff; margin-bottom: 10px; line-height: 1.3; }
.fp-highlight__text { font-size: 0.95rem; color: rgba(255,255,255,0.9); line-height: 1.6; margin: 0 0 20px; }
.fp-highlight__body .btn { margin-top: 0; } .fp-topseller {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 24px;
}
@media (max-width: 900px) { .fp-topseller { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .fp-topseller { grid-template-columns: 1fr; } }
.fp-topseller-card {
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 2px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.fp-topseller-card__img { aspect-ratio: 1/1; overflow: hidden; background: var(--gray-light); }
.fp-topseller-card__img img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 8px; box-sizing: border-box; }
.fp-topseller-card__body { padding: 14px; flex: 1; display: flex; flex-direction: column; }
.fp-topseller-card__title { font-size: 0.85rem; font-weight: 700; color: var(--charcoal); margin-bottom: 6px; line-height: 1.3; }
.fp-topseller-card__text { font-size: 0.78rem; color: var(--navy); line-height: 1.55; margin-bottom: 10px; flex: 1; }
.fp-topseller-card__price { font-size: 0.8rem; font-weight: 700; color: var(--blue-primary); margin: 0; }  .product-tab__inner ul,
.product-tab__highlights ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
}
.product-tab__inner ul li,
.product-tab__highlights ul li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 6px 0;
border-bottom: 1px solid var(--gray-border);
font-size: 1rem;
color: var(--charcoal);
line-height: 1.5;
}
.product-tab__inner ul li:last-child,
.product-tab__highlights ul li:last-child {
border-bottom: none;
}
.product-tab__inner ul li::before,
.product-tab__highlights ul li::before {
content: '';
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--blue-primary);
margin-top: 6px;
} .product-tab__inner ol,
.product-tab__highlights ol {
padding-left: 20px;
margin: 0 0 16px;
}
.product-tab__inner ol li,
.product-tab__highlights ol li {
padding: 4px 0;
font-size: 1rem;
color: var(--charcoal);
line-height: 1.5;
} .wst-contact-wrap { max-width: 920px; margin: 0 auto; } .wst-contact-success {
text-align: center; padding: 48px 24px;
background: var(--blue-light); border-radius: 4px;
}
.wst-contact-success svg { margin-bottom: 16px; }
.wst-contact-success h3 { color: var(--blue-primary); margin-bottom: 8px; } .wst-contact-errors {
background: #fff0f0; border: 1px solid #f5a0a0;
border-radius: 4px; padding: 12px 16px; margin-bottom: 24px;
}
.wst-contact-errors ul { margin: 0; padding-left: 18px; }
.wst-contact-errors li { font-size: 1rem; color: #c00; } .wst-contact-form { display: flex; flex-direction: column; gap: 16px; }
.wst-cf-row { display: grid; gap: 16px; }
.wst-cf-row--1 { grid-template-columns: 1fr; }
.wst-cf-row--2 { grid-template-columns: 1fr 1fr; }
.wst-cf-row--3 { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 768px) {
.wst-cf-row--2,
.wst-cf-row--3 { grid-template-columns: 1fr; }
} .wst-cf-field { display: flex; flex-direction: column; gap: 4px; }
.wst-cf-field label {
font-size: .82rem; font-weight: 600;
color: var(--charcoal);
}
.wst-cf-field .req { color: var(--blue-primary); margin-left: 2px; }
.wst-cf-field input[type="text"],
.wst-cf-field input[type="email"],
.wst-cf-field input[type="tel"],
.wst-cf-field input[type="number"],
.wst-cf-field select,
.wst-cf-field textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--gray-border);
border-radius: 2px;
font-size: .875rem;
color: var(--charcoal);
background: var(--white);
font-family: var(--font-primary);
transition: border-color .2s, box-shadow .2s;
box-sizing: border-box;
appearance: auto;
}
.wst-cf-field input::placeholder,
.wst-cf-field textarea::placeholder { color: var(--gray-medium); }
.wst-cf-field input:focus,
.wst-cf-field select:focus,
.wst-cf-field textarea:focus {
outline: none;
border-color: var(--blue-primary);
box-shadow: 0 0 0 3px rgba(0,145,209,.12);
}
.wst-cf-field select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b3bfcc' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
cursor: pointer;
}
.wst-cf-field textarea { resize: vertical; min-height: 120px; } .wst-cf-captcha {
flex-direction: row !important;
align-items: center;
gap: 12px !important;
flex-wrap: wrap;
}
.wst-captcha-img {
background: var(--gray-light);
border: 1px solid var(--gray-border);
padding: 10px 20px;
border-radius: 2px;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: .1em;
color: var(--charcoal);
font-family: monospace;
user-select: none;
}
.wst-captcha-label { font-size: .82rem; color: var(--charcoal); font-weight: 600; }
.wst-cf-captcha input[type="number"] {
width: 80px !important;
padding: 10px 14px;
border: 1px solid var(--gray-border);
border-radius: 2px;
font-size: .875rem;
text-align: center;
} .wst-cf-checkbox { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.wst-cf-checkbox input[type="checkbox"] { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; accent-color: var(--blue-primary); cursor: pointer; }
.wst-cf-checkbox__label { font-size: .82rem; color: var(--charcoal); line-height: 1.6; }
.wst-cf-checkbox__label a { color: var(--blue-primary); }
.wst-cf-checkbox__label strong { display: block; margin-bottom: 4px; font-size: .875rem; } .wst-cf-required-note { font-size: .78rem; color: var(--gray-medium); margin: 0; } .wst-cf-submit { display: flex; justify-content: flex-end; padding-top: 8px; } .wcpoa-wrapper {
background: #e8f4fb;
border-radius: 4px;
padding: 28px 20px;
margin: 0 0 48px;
}
.wcpoa-inner { max-width: 100%; padding: 0 20px; } .wcpoa-wrapper .wcpoa_attachment {
display: flex;
align-items: center;
gap: 16px;
padding: 20px 0;
border-bottom: 1px solid rgba(0,145,209,0.25);
}
.wcpoa-wrapper .wcpoa_attachment:first-of-type { padding-top: 0; }
.wcpoa-wrapper .wcpoa_attachment:last-child { border-bottom: none; padding-bottom: 0; }
.wcpoa-wrapper .wcpoa_attachment_name {
font-size: 0.9rem;
font-weight: 600;
color: var(--charcoal);
margin: 0;
flex: 1;
}
.wcpoa-wrapper .wcpoa_attachment_desc {
font-size: 0.8rem;
color: var(--navy);
margin: 0;
}
.wcpoa-wrapper .wcpoa_attachmentbtn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 16px;
background: var(--blue-primary);
color: #fff;
font-size: 0.8rem;
font-weight: 600;
border-radius: 2px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
flex-shrink: 0;
}
.wcpoa-wrapper .wcpoa_attachmentbtn:hover { background: var(--blue-dark); }
.wcpoa-wrapper .attachment-restriction-msg { display: none; } .fp-text-cards-wrap {
background: #f1f1f1;
padding: 48px 0 56px;
}
.fp-text-block {
margin-bottom: 36px;
}
.fp-text-block h2 {
font-size: 1.5rem !important;
font-weight: 700;
color: var(--charcoal, #3a3a3a);
margin: 0 0 16px;
}
.fp-text-block p {
font-size: 1rem;
color: var(--navy, #495a65);
line-height: 1.75;
margin: 0;
max-width: 900px;
} .wst-cf-privacy-text {
font-size: 0.85rem;
color: #495a65;
line-height: 1.6;
padding: 12px 0;
border-top: 1px solid #e4e4e4;
}
.wst-cf-privacy-text strong {
display: block;
margin-bottom: 0;
color: #3a3a3a;
line-height: 1.4;
}
.wst-cf-privacy-text br {
display: none;
} .wst-cf-field select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23495a65' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 36px !important;
}  .tk-teaser-section{background:#fff;padding:0;display:block;width:100%}
.tk-teaser-inner{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.tk-teaser{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:340px}
.tk-teaser--left{direction:rtl}.tk-teaser--left>*{direction:ltr}
.tk-teaser__content{background:#0091d1;padding:56px 40px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.tk-teaser__headline{color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:700;margin:0 0 18px;line-height:1.25}
.tk-teaser__text{color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.75;margin:0}
.tk-teaser__image{overflow:hidden;min-height:340px}
.tk-teaser__image img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.tk-teaser{grid-template-columns:1fr}.tk-teaser__content{padding:40px 20px}} .tk-section-label{font-size:1.4rem;font-weight:700;color:var(--charcoal);margin:0 0 28px} .tk-ways{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:0;align-items:start}
.tk-way{display:flex;flex-direction:column}
.tk-way__image{overflow:hidden;border-radius:4px;margin:0;padding:0;background:transparent;display:block;line-height:0;}
.tk-way__image img{max-width:100%;height:auto;display:block;margin:0;padding:0;}
.tk-way__image-placeholder{width:100%;height:100%;background:var(--gray-light)}
.tk-way__title{font-size:1.05rem;font-weight:700;color:var(--charcoal);margin:20px 0 10px!important}
.tk-way__text{font-size:.9rem;color:#555;line-height:1.6;margin:0}
@media(max-width:768px){.tk-ways{grid-template-columns:1fr}} .tk-jobs-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.tk-job-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--gray-light);border-radius:4px;border-left:3px solid var(--blue-primary)}
.tk-job-item__icon{flex-shrink:0}
.tk-job-item__info{flex:1}
.tk-job-item__title{font-size:.95rem;font-weight:600;color:var(--charcoal);margin:0 0 4px}
.tk-job-item__meta{display:flex;gap:8px;align-items:center;margin:0;font-size:.8rem;color:#666}
.tk-job-badge{background:var(--blue-primary);color:#fff;padding:1px 8px;border-radius:100px;font-size:.72rem;font-weight:600}
.tk-jobs-all{font-size:.9rem;color:#666}
.tk-jobs-all a{color:var(--blue-primary);text-decoration:underline} .tk-ausbildung-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tk-ausbildung-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:4px;overflow:hidden;text-decoration:none}
.tk-ausbildung-tile__bg{position:absolute;inset:0;background-size:cover;background-position:center}
.tk-ausbildung-tile__bg--empty{background:var(--navy)}
.tk-ausbildung-tile__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.65) 100%)}
.tk-ausbildung-tile__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:20px}
.tk-ausbildung-tile__sub{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.tk-ausbildung-tile__title{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.25}
@media(max-width:768px){.tk-ausbildung-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tk-ausbildung-grid{grid-template-columns:1fr}} .tk-vorteile{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tk-vorteil{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:var(--gray-light);border-radius:4px}
.tk-vorteil__icon{margin-bottom:12px;color:var(--blue-primary)}
.tk-vorteil__title{font-size:.9rem;font-weight:600;color:var(--charcoal);margin:0}
@media(max-width:900px){.tk-vorteile{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.tk-vorteile{grid-template-columns:repeat(2,1fr)}} .check-editor__h2 {
font-size: clamp(1.3rem, 2vw, 1.8rem);
font-weight: 700;
margin: 0 0 28px;
color: var(--charcoal);
}
.check-editor__body {
font-size: 1rem;
line-height: 1.8;
color: var(--charcoal);
max-width: none;
}
.check-editor__body--dark,
.check-editor__body--dark p,
.check-editor__body--dark li {
color: rgba(255,255,255,0.9);
} .check-editor-section .check-editor__body ul {
list-style: none !important;
padding-left: 0 !important;
margin-bottom: 1.25rem;
}
.check-editor-section .check-editor__body ul li {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 8px 0;
line-height: 1.6;
font-size: 1rem;
color: var(--charcoal);
}
.check-editor__body--dark .check-editor__body ul li {
border-bottom-color: rgba(255,255,255,0.1);
}
.check-editor-section .check-editor__body ul li::before {
content: '';
display: inline-block;
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%230091d1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.check-editor__body--dark ul li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
} .check-editor-section .check-editor__body strong {
color: var(--blue-primary);
font-weight: 700;
}
.check-editor__body--dark strong {
color: #7dd3f5;
} .check-editor-section .check-editor__body p {
margin-bottom: 1rem;
}
.check-editor-section .check-editor__body p:last-child,
.check-editor-section .check-editor__body ul:last-child { margin-bottom: 0 !important; } .standorte-partner-section { background:#f7f8fa; padding:48px 0 60px; overflow:hidden; }
.standorte-partner-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.standorte-partner__headline { font-size:clamp(1.4rem,2.2vw,2rem); font-weight:700; color:var(--charcoal); margin:0 0 24px; line-height:1.25; }
.standorte-partner__text { font-size:.95rem; color:#444; line-height:1.7; margin-bottom:14px; }
.standorte-partner__text a { color:var(--blue-primary); text-decoration:none; }
.standorte-divider { border:none; border-top:1px solid #d8dde5; margin:20px 0; }
.standorte-partner-right { display:flex; align-items:flex-start; justify-content:center; }
.standorte-partner__img-wrap { width:100%; max-width:480px; border-radius:50%; overflow:hidden; aspect-ratio:1/1; background:#e8edf2; }
.standorte-partner__img { width:100%; height:100%; object-fit:cover; display:block; } .standorte-consent { margin-top:4px; }
.standorte-consent__label { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.standorte-consent__cb { flex-shrink:0; width:18px; height:18px; margin-top:2px; accent-color:var(--blue-primary); cursor:pointer; }
.standorte-consent__text { font-size:.875rem; color:#555; line-height:1.55; } .standorte-dropdowns { margin-top:20px; }
.standorte-dropdowns--hidden { display:none; }
.standorte-select-wrap { margin-bottom:14px; }
.standorte-select-label { display:block; font-size:.8rem; font-weight:600; color:var(--navy); margin-bottom:5px; }
.standorte-select { width:100%; padding:9px 12px; border:1px solid #ccd4de; border-radius:4px; font-size:.9rem; color:var(--charcoal); background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495a65' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center; appearance:none; cursor:pointer; }
.standorte-select:focus { outline:2px solid var(--blue-primary); border-color:var(--blue-primary); }
.standorte-submit-btn { margin-top:6px; } .standorte-result { margin-top:16px; padding:12px 16px; background:#e8f4fb; border-left:3px solid var(--blue-primary); border-radius:4px; }
.standorte-result--hidden { display:none; }
#standorte-email-out { font-weight:700; color:var(--charcoal); font-size:1rem; } .standorte-cta-section { background:#ebebeb; padding:56px 0; margin-top:0; }
.standorte-cta-box { text-align:center; max-width:640px; margin:0 auto; }
.standorte-cta__headline { font-size:clamp(1.3rem,2vw,1.75rem); font-weight:700; color:var(--charcoal); margin:0 0 12px; }
.standorte-cta__text { font-size:.95rem; color:#555; margin-bottom:28px; line-height:1.6; }
.standorte-cta__btn { padding:14px 36px; font-size:1rem; }
@media(max-width:900px){
.standorte-partner-grid { grid-template-columns:1fr; }
.standorte-partner-right { order:-1; }
.standorte-partner__img-wrap { max-width:280px; }
} .two-col-text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}
.two-col-text__col {
padding: 0;
border-radius: 4px;
}
.two-col-text__h2 {
font-size: 1.5rem !important;
font-weight: 700;
line-height: normal;
color: var(--charcoal);
margin: 0 0 16px !important;
}
.two-col-text__text {
font-size: 1rem;
color: #444;
line-height: 1.7;
}
.two-col-text__text ul { list-style: disc !important; }
.two-col-text__text ol { list-style: decimal !important; }
@media (max-width: 768px) {
.two-col-text { grid-template-columns: 1fr; }
} .four-images__grid {
display: flex;
gap: 20px;
align-items: flex-start;
flex-wrap: nowrap;
}
.four-images__item {
flex: 1 1 0;
min-width: 0;
overflow: hidden;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4/3;
}
.four-images__item img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
transition: transform 0.3s ease;
margin: 0;
}
.four-images__item:hover img {
transform: scale(1.03);
}
@media (max-width: 768px) {
.four-images__grid {
flex-wrap: wrap;
}
.four-images__item {
flex: 1 1 calc(50% - 8px);
}
} .three-cols__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-items: start;
}
.three-cols__col {
display: flex;
flex-direction: column;
}
.three-cols__title {
font-size: 1.25rem !important;
font-weight: 700;
line-height: normal;
color: var(--charcoal);
margin: 0 0 12px !important;
}
.three-cols__text {
font-size: 1rem;
color: #444;
line-height: 1.7;
flex: 1;
}
.three-cols__text p { margin: 0 0 0.75em !important; }
.three-cols__text p:last-child { margin-bottom: 0 !important; }
.three-cols__link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
color: var(--blue-primary);
font-weight: 600;
text-decoration: none;
font-size: 1rem;
}
.three-cols__link:hover { text-decoration: underline; }
@media (max-width: 768px) {
.three-cols__grid { grid-template-columns: 1fr; }
} .image-text__heading { color:#2c3e50; margin:0 !important; padding:0 !important; font-size:clamp(1.2rem,1.8vw,1.6rem); font-weight:700; line-height:normal; } .image-text__text-col > *:first-child { margin-top: 0 !important; padding-top: 0 !important; } .image-text__heading * { margin: 0 !important; padding: 0 !important; } .image-text__text-col .image-text__body { margin-top: 0 !important; }
.image-text__text-col .image-text__body p:first-child { margin-top: 0 !important; }
.image-text__text-col .image-text__heading + .image-text__body { margin-top: 30px !important; }
.image-text__text-col .image-text__heading + .image-text__body p:first-child { margin-top: 0 !important; } .four-images__wrap {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.four-images__wrap .four-images__item {
flex: none;
width: 100%;
}
.four-images__title {
display: block;
text-align: left;
font-weight: 700;
font-size: 1rem;
margin-top: 8px;
line-height: 1.3;
color: inherit;
text-decoration: none;
}
a.four-images__title:hover {
color: var(--blue-primary);
text-decoration: underline;
}
strong.four-images__title--text {
color: inherit;
} .tk-way__text ul { list-style: disc !important; padding-left: 1.5em !important; margin: 0.5em 0 !important; }
.tk-way__text ul li { list-style: disc !important; display: list-item !important; }
.tk-way__text ol { list-style: decimal !important; padding-left: 1.5em !important; } .image-text__outer {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
box-sizing: border-box;
overflow: hidden;
}
.image-text__grid {
display: grid;
grid-template-columns: minmax(0, 600px) 1fr;
gap: 0;
align-items: stretch;
width: 100%;
} .image-text__grid--left .image-text__img-col { order: 1; }
.image-text__grid--left .image-text__text-col { order: 2; } .image-text__grid--right .image-text__img-col { order: 2; }
.image-text__grid--right .image-text__text-col { order: 1; }
.image-text__img-col {
overflow: hidden;
min-height: 300px;
}
.image-text__img-col img {
width: 100%;
height: auto !important;
object-fit: contain;
display: block;
}
.image-text__text-col {
padding: 0;
box-sizing: border-box;
}
.image-text__body {
color: #495a65;
line-height: 1.75;
}
.image-text__body p { margin: 0 0 1em; }
.image-text__body p:last-child { margin-bottom: 0; }
.image-text__body ul { list-style: disc; }
.image-text__body ol { list-style: decimal; } @media (max-width: 768px) {
.image-text__grid {
grid-template-columns: 1fr;
}
.image-text__grid--left .image-text__img-col,
.image-text__grid--right .image-text__img-col {
order: 1 !important;
}
.image-text__grid--left .image-text__text-col,
.image-text__grid--right .image-text__text-col {
order: 2 !important;
}
.image-text__text-col {
padding: 24px 20px;
}
} .four-images__title ul { list-style: disc !important; padding-left: 1.5em !important; margin: 0.5em 0 !important; }
.four-images__title ul li { list-style: disc !important; display: list-item !important; } .four-images__caption {
margin-top: 8px;
width: 100%;
text-align: left;
}
.four-images__text {
font-size: 1rem;
color: inherit;
line-height: 1.7;
margin-top: 6px;
}
.four-images__text p { margin: 0 0 0.5em !important; }
.four-images__text p:last-child { margin-bottom: 0 !important; }
.four-images__text ul { list-style: none !important; padding: 0 !important; margin: 0.5em 0 !important; }
.four-images__text ul li,
.four-images__text li { list-style: none !important; display: block !important; padding-left: 1.2em !important; position: relative !important; margin: 0 !important; }
.four-images__text ul li::before,
.four-images__text li::before { content: '•'; position: absolute; left: 0; top: 0; font-weight: 700; }
.four-images__text ol { list-style: decimal !important; padding-left: 1.5em !important; } .product-slider-wrap {
display: flex;
align-items: center;
gap: 12px;
position: relative;
min-width: 0;
width: 100%;
}
.product-slider__viewport {
flex: 1;
min-width: 0;
overflow: visible;
clip-path: inset(-20px -1px);
}
.product-slider__track {
display: flex;
gap: 24px;
transition: transform 0.4s ease;
align-items: stretch;
}
.product-card {
flex: 0 0 calc(25% - 18px);
min-width: 0;
border: 2px solid #e4e4e4;
border-radius: 6px;
overflow: hidden;
display: flex;
flex-direction: column;
background: #fff;
text-decoration: none;
color: inherit;
transition: border-color 0.2s, box-shadow 0.2s;
}
.product-card:hover {
border-color: var(--blue-primary, #0091d1);
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.product-card__img {
aspect-ratio: 4/3;
overflow: hidden;
background: #f7f7f7;
}
.product-card__img img {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block;
}
.product-card__body {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.product-card__title {
font-size: 1rem !important;
font-weight: 700;
color: #2c3e50;
margin: 0 !important;
line-height: 1.3;
} .product-card__body .product-card__title { margin: 0 !important; }
.product-card__body .product-card__title + p,
.product-card__body .product-card__title + .product-card__text { margin-top: 20px !important; } .product-card h3 { margin: 0 !important; }
.product-card h3 + p { margin-top: 20px !important; }
.product-card__text {
font-size: 1rem;
color: #495a65;
line-height: 1.6;
flex: 1;
}
.product-card__text p { margin: 0 !important; }
.product-slider__arrow {
flex: 0 0 auto;
width: 48px;
height: 48px;
border-radius: 50%;
border: 2px solid #0091d1;
background: #fff;
font-size: 2.2rem;
font-weight: 700;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #0091d1;
transition: background 0.2s, border-color 0.2s;
padding: 0;
}
.product-slider__arrow:hover {
background: var(--blue-primary, #0091d1);
border-color: var(--blue-primary, #0091d1);
color: #fff;
}
.product-slider__arrow:disabled {
opacity: 0.3;
cursor: not-allowed;
}
@media (max-width: 1024px) {
.product-card { flex: 0 0 calc(33.333% - 16px); }
}
@media (max-width: 768px) {
.product-card { flex: 0 0 calc(50% - 12px); }
}
@media (max-width: 480px) {
.product-card { flex: 0 0 100%; }
} .full-image__wrap {
position: relative;
cursor: zoom-in;
overflow: hidden;
display: block;
}
.full-image__wrap img {
max-width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
} .full-image__zoom-icon {
position: absolute;
bottom: 12px;
right: 12px;
background: rgba(0,0,0,0.55);
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.2s;
pointer-events: none;
}
.full-image__wrap:hover .full-image__zoom-icon {
opacity: 1;
} #wst-lightbox {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.92);
z-index: 99999;
align-items: center;
justify-content: center;
cursor: zoom-out;
}
#wst-lightbox.active {
display: flex;
}
#wst-lightbox img {
max-width: 95vw;
max-height: 95vh;
object-fit: contain;
box-shadow: 0 8px 40px rgba(0,0,0,0.6);
border-radius: 4px;
}
#wst-lightbox-close {
position: fixed;
top: 16px;
right: 20px;
color: #fff;
font-size: 2.5rem;
line-height: 1;
cursor: pointer;
background: none;
border: none;
z-index: 100000;
padding: 4px 10px;
} .full-image__lens {
display: none;
position: absolute;
border: 3px solid #0091d1;
border-radius: 50%;
width: 240px;
height: 240px;
cursor: none;
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
pointer-events: none;
z-index: 10;
overflow: hidden;
background-repeat: no-repeat;
background-color: #fff;
}
.full-image__wrap:hover .full-image__lens {
display: block;
} .three-cols__text ul { list-style: disc !important; padding-left: 1.5em !important; margin: 0 !important; }
.three-cols__text ul li,
.three-cols__text ol li { list-style: disc !important; display: list-item !important; margin-bottom: 10px !important; }
.three-cols__text ul li:last-child,
.three-cols__text ol li:last-child { margin-bottom: 0 !important; }
.three-cols__text ol { list-style: decimal !important; padding-left: 1.5em !important; margin: 0 !important; } .image-text__video-col {
background: #000;
}
.image-text__video-wrap {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.image-text__video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: none;
} .sb-hero-slider {
position: relative;
width: 100%;
max-width: 1880px;
margin-left: auto;
margin-right: auto;
height: 500px;
overflow: hidden;
background: #1a2a35;
}
.sb-hero-slider__track {
position: relative;
width: 100%;
height: 100%;
}
.sb-hero-slider__slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 0.6s ease-in-out;
pointer-events: none;
}
.sb-hero-slider__slide--active {
opacity: 1;
pointer-events: auto;
}
.sb-hero-slider__slide--prev {
opacity: 0;
}
.sb-hero-slider__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.05) 100%);
}
.sb-hero-slider__textbox {
position: absolute;
bottom: 48px;
left: 48px;
max-width: 520px;
background: rgba(0,145,209,0.92);
padding: 28px 32px;
border-radius: 4px;
}
.sb-hero-slider__title {
font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;
font-weight: 700;
color: #fff !important;
margin: 0 0 10px !important;
line-height: 1.25;
}
.sb-hero-slider__subtitle {
font-size: 1rem !important;
color: rgba(255,255,255,0.9) !important;
margin: 0 0 20px !important;
line-height: 1.6;
}
.sb-hero-slider__btn {
display: inline-block;
background: #fff;
color: #0091d1 !important;
font-weight: 700;
padding: 10px 24px;
border-radius: 3px;
text-decoration: none;
font-size: 1rem !important;
transition: background 0.2s;
}
.sb-hero-slider__btn:hover { background: rgba(255,255,255,0.85); } .sb-hero-slider__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: rgba(0,0,0,0.35);
color: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 2rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
padding: 0;
}
.sb-hero-slider__arrow:hover { background: rgba(0,145,209,0.85); }
.sb-hero-slider__arrow--prev { left: 16px; }
.sb-hero-slider__arrow--next { right: 16px; } .sb-hero-slider__dots {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.sb-hero-slider__dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #fff;
background: transparent;
cursor: pointer;
padding: 0;
transition: background 0.2s;
}
.sb-hero-slider__dot--active { background: #fff; }
@media (max-width: 768px) {
.sb-hero-slider { height: 320px; }
.sb-hero-slider__textbox { left: 16px; right: 16px; bottom: 24px; max-width: none; padding: 16px 20px; }
} .three-cols__h2 {
font-size: 1.4rem !important;
font-weight: 700;
color: var(--charcoal);
margin: 0 0 28px !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.three-cols__h2--border {
padding-bottom: 10px;
border-bottom: 1px solid var(--gray-border);
} .firm-usps-section {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.firm-usps__grid {
display: flex;
flex-wrap: nowrap;
gap: 0;
}
.firm-usps__item {
flex: 1 1 25%;
display: flex;
align-items: center;
gap: 16px;
padding: 28px 24px;
border-right: 1px solid #e4e4e4;
}
.firm-usps__item:last-child {
border-right: none;
}
.firm-usps__icon {
flex: 0 0 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #0091d1;
}
.firm-usps__icon img {
width: 40px;
height: 40px;
object-fit: contain;
}
.firm-usps__text {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.firm-usps__title {
font-size: 1rem !important;
font-weight: 700 !important;
color: #2c3e50;
display: block;
line-height: 1.3;
}
.firm-usps__sub {
font-size: 1rem !important;
color: #495a65;
display: block;
line-height: 1.4;
}
@media (max-width: 768px) {
.firm-usps__grid {
flex-wrap: wrap;
}
.firm-usps__item {
flex: 1 1 calc(50% - 1px);
border-bottom: 1px solid #e4e4e4;
}
.firm-usps__item:nth-child(even) {
border-right: none;
}
}
@media (max-width: 480px) {
.firm-usps__item {
flex: 1 1 100%;
border-right: none;
}
} .two-col-text__col--dark,
.two-col-text__col--dark .two-col-text__h2,
.two-col-text__col--dark .two-col-text__text,
.two-col-text__col--dark p,
.two-col-text__col--dark li,
.two-col-text__col--dark a:not(.btn) { color: rgba(255,255,255,0.85) !important; }
.two-col-text__col--dark .two-col-text__h2 { color: #ffffff !important; } .full-image__wrap--no-lupe .full-image__lens { display:none !important; }
.full-image__wrap--no-lupe { cursor:pointer; }
.tk-way__image--empty { background: transparent !important; }
.full-image__wrap--no-lightbox { cursor: default; }
.full-image__wrap--lightbox { cursor: zoom-in; } .accordion-details {
border-radius: 4px;
overflow: hidden;
}
.accordion-summary {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
cursor: pointer;
font-weight: 700;
font-size: 1rem;
list-style: none;
border-radius: 4px;
transition: opacity 0.2s;
user-select: none;
}
.accordion-summary::-webkit-details-marker { display: none; }
.accordion-summary:hover { opacity: 0.85; }
.accordion-summary__icon {
font-size: 0.75rem;
transition: transform 0.3s ease;
flex-shrink: 0;
margin-left: 12px;
}
.accordion-details[open] .accordion-summary__icon {
transform: rotate(180deg);
}
.accordion-details[open] .accordion-summary {
border-radius: 4px 4px 0 0;
}
.accordion-content {
padding: 20px 24px;
border: 1px solid #e4e4e4;
border-top: none;
border-radius: 0 0 4px 4px;
background: #fff;
line-height: 1.75;
}
.accordion-content p { margin: 0 0 0.75em !important; }
.accordion-content p:last-child { margin-bottom: 0 !important; }
.accordion-content ul { list-style: disc !important; padding-left: 1.5em !important; margin: 0.5em 0 !important; }
.accordion-content ul li { list-style: disc !important; display: list-item !important; } .accordion-content .tech-table-wrap {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin: 40px 0;
}
.accordion-content .tech-table-col {
flex: 1 1 300px;
min-width: 280px;
}
.accordion-content .tech-table {
width: 100%;
border-collapse: collapse;
font-size: 0.95rem;
color: #3a3a3a;
margin-bottom: 32px;
}
.accordion-content .tech-table caption {
caption-side: top;
text-align: left;
font-size: 1.05rem;
font-weight: 500;
margin-bottom: 12px;
color: #3a3a3a;
}
.accordion-content .tech-table th,
.accordion-content .tech-table td {
text-align: left;
padding: 6px 10px;
border-bottom: 1px solid #3a3a3a;
}
.accordion-content .tech-table th {
font-weight: 500;
background: rgba(0,0,0,0.04);
}
@media (max-width: 768px) {
.accordion-content .tech-table-wrap {
flex-direction: column;
gap: 24px;
}
} .tk-way {
margin: 0;
padding: 0;
}
.tk-way__image {
margin: 0 !important;
padding: 0 !important;
}
.tk-way__image img {
margin: 0 !important;
padding: 0 !important;
vertical-align: top;
}
.tk-way__text p {
margin: 0 0 0.5em !important;
}
.tk-way__text p:last-child {
margin-bottom: 0 !important;
} .tk-way { overflow: hidden; } .product-card {
position: relative;
}
.product-card__flag {
position: absolute;
top: 0;
left: 0;
background: #f5a623;
color: #fff;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 0 0 6px 0;
line-height: 1.3;
z-index: 2;
text-transform: uppercase;
letter-spacing: 0.05em;
} .tk-way__image { text-align: center; }
.tk-way__image img { margin: 0 auto !important; } .tk-way [style*="text-align:left"] ul,
.tk-way [style*="text-align:left"] ol {
text-align: left;
padding-left: 1.4em;
list-style-position: outside;
}
.tk-way [style*="text-align:center"] ul,
.tk-way [style*="text-align:center"] ol {
text-align: center;
padding-left: 0;
list-style-position: inside;
}
.tk-way [style*="text-align:right"] ul,
.tk-way [style*="text-align:right"] ol {
text-align: right;
padding-left: 0;
padding-right: 1.4em;
list-style-position: inside;
direction: rtl;
}
.tk-way [style*="text-align:right"] ul li,
.tk-way [style*="text-align:right"] ol li {
direction: ltr;
unicode-bidi: bidi-override;
} .four-images__item {
position: relative;
overflow: hidden;
}
.four-images__zoom-icon {
position: absolute;
bottom: 8px;
right: 8px;
background: rgba(0,0,0,0.5);
color: #fff;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.2s;
pointer-events: none;
}
.fi-has-lupe:hover .four-images__zoom-icon {
opacity: 1;
}
.fi-has-lightbox {
cursor: zoom-in;
} .product-slider-section .tk-section-label { text-transform: none !important; letter-spacing: 0 !important; font-size: 1.4rem !important; color: var(--charcoal) !important; } .tk-ways-section .tk-section-label { text-transform: none !important; letter-spacing: 0 !important; } .product-card__cat {
font-size: 0.72rem !important;
color: #888 !important;
font-weight: 400 !important;
display: block;
margin-bottom: 2px;
text-transform: none !important;
}
.subcat-card__cat,
.cat-card__cat {
font-size: 0.72rem !important;
color: #888 !important;
font-weight: 400 !important;
display: block;
margin-bottom: 2px;
}  .ws1-icon-item__img { display: block !important; } .ws1-icons--align-left .ws1-icon-item { text-align: left !important; }
.ws1-icons--align-left .ws1-icon-item__img { margin-left: 0 !important; margin-right: auto !important; }
.ws1-icons--align-left .ws1-icon-item__title,
.ws1-icons--align-left .ws1-icon-item__text,
.ws1-icons--align-left .ws1-icons__h2 { text-align: left !important; } .ws1-icons--align-center .ws1-icon-item { text-align: center !important; }
.ws1-icons--align-center .ws1-icon-item__img { margin-left: auto !important; margin-right: auto !important; }
.ws1-icons--align-center .ws1-icon-item__title,
.ws1-icons--align-center .ws1-icon-item__text,
.ws1-icons--align-center .ws1-icons__h2 { text-align: center !important; } .ws1-icons--align-right .ws1-icon-item { text-align: right !important; }
.ws1-icons--align-right .ws1-icon-item__img { margin-left: auto !important; margin-right: 0 !important; }
.ws1-icons--align-right .ws1-icon-item__title,
.ws1-icons--align-right .ws1-icon-item__text,
.ws1-icons--align-right .ws1-icons__h2 { text-align: right !important; } .image-text__text-col ul,
.image-text__text-col ol {
list-style: disc !important;
padding-left: 1.5em !important;
margin: 0.5em 0 !important;
}
.image-text__text-col ul li {
list-style: disc !important;
display: list-item !important;
}
.image-text__text-col ol {
list-style: decimal !important;
}
.image-text__text-col ol li {
list-style: decimal !important;
display: list-item !important;
} .image-text__img-col img { max-width: 100% !important; width: 100% !important; height: auto !important; object-fit: contain; display: block; } .woocommerce .variations_button .reset_variations,
.woocommerce table.variations td.value select,
.woocommerce .single_variation_wrap .woocommerce-variation-add-to-cart .button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
text-transform: none !important;
font-size: 1rem !important;
letter-spacing: 0 !important;
} .product-variants__heading { text-transform: none !important; font-size: 1rem !important; letter-spacing: 0 !important; } .product-card__sku { font-size: 0.72rem !important; } .product-card__footer { background: transparent !important; } .sidebar-widget--contact .sidebar-widget__title,
.sidebar-widget--contact .sidebar-contact__text,
.sidebar-widget--contact .sidebar-contact__phone {
color: #ffffff !important;
}
.sidebar-widget--contact .btn--primary {
background: #ffffff !important;
color: #2c3e50 !important;
border-color: #ffffff !important;
}
.sidebar-widget--contact .btn--primary:hover {
background: #cccccc !important;
border-color: #cccccc !important;
color: #2c3e50 !important;
} .shop-cat-header { background: #f2f2f2 !important; } a.tk-way { cursor: pointer; }
a.tk-way h3, a.tk-way p, a.tk-way div { color: inherit !important; } .four-images__grid img,
.full-image__wrap img {
max-width: 100%;
height: auto;
display: block;
} .tk-ways {
align-items: stretch !important;
display: grid !important;
}
.tk-ways .tk-way,
.tk-ways a.tk-way {
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
height: 100% !important;
} .tk-way__image {
margin-bottom: 0 !important;
flex-shrink: 0 !important;
} .tk-way__content {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
margin-top: 0 !important;
padding-top: 0 !important;
} .tk-way__title {
margin-top: 20px !important;
margin-bottom: 8px !important;
} .tk-way__btn-wrap {
margin-top: auto !important;
padding-top: 24px !important;
width: 100% !important;
} .three-videos__grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.three-videos__card {
flex: 1 1 calc(33.333% - 27px);
min-width: 260px;
box-sizing: border-box;
}
.three-videos__video-wrap {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
border-radius: 2px;
}
.three-videos__video-wrap iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: 0;
}
.three-videos__title {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.3;
}
.three-videos__text ul {
list-style: disc !important;
padding-left: 1.4em !important;
margin: 0.4em 0 !important;
}
.three-videos__text ul li {
list-style: disc !important;
display: list-item !important;
color: inherit !important;
}
.three-videos__text ul li::marker { color: #000 !important; }
@media (max-width: 900px) {
.three-videos__card { flex: 1 1 calc(50% - 12px); }
}
@media (max-width: 600px) {
.three-videos__card { flex: 1 1 100%; }
} .four-images__grid {
display: flex !important;
gap: 20px !important;
flex-wrap: nowrap !important;
}
.four-images__wrap {
flex: 1 1 0 !important;
min-width: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
@media (max-width: 900px) {
.four-images__wrap { flex: 1 1 calc(50% - 10px) !important; }
}
@media (max-width: 480px) {
.four-images__wrap { width: 100% !important; float: none !important; }
}  .two-col-text {
display: flex !important;
flex-direction: row !important;
gap: 40px !important;
align-items: stretch !important;
}
.two-col-text .two-col-text__col {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
@media (max-width: 768px) {
.two-col-text {
flex-direction: column !important;
gap: 16px !important;
}
}  .rt-tpg-container .tpg-row,
.rt-tpg-container .rt-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}
.rt-tpg-container .rt-col-md-4,
.rt-tpg-container .rt-col-sm-6,
.rt-tpg-container .rt-col-xs-12 {
display: flex !important;
flex-direction: column !important;
}
.rt-tpg-container .rt-holder {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
box-sizing: border-box !important;
border: none !important;
box-shadow: none !important;
text-align: left !important;
}
.rt-tpg-container .rt-detail {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
text-align: left !important;
padding: 16px 0 !important;
}  .rt-tpg-container .post-meta-user {
order: 1 !important;
font-size: 0.78rem !important;
color: #888 !important;
margin: 0 0 6px 0 !important;
display: block !important;
}
.rt-tpg-container .post-meta-user .date {
font-size: 0.78rem !important;
color: #888 !important;
} .rt-tpg-container .post-meta-user .author,
.rt-tpg-container .post-meta-user .comment-count {
display: none !important;
}
.rt-tpg-container .post-meta-user .date i {
display: none !important;
} .rt-tpg-container .entry-title {
order: 2 !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #2c3e50 !important;
margin: 0 0 12px 0 !important;
text-align: left !important;
}
.rt-tpg-container .entry-title a {
color: #2c3e50 !important;
text-decoration: none !important;
}
.rt-tpg-container .entry-title a:hover {
color: #0091d1 !important;
} .rt-tpg-container .rt-img-holder,
.rt-tpg-container .rt-holder .tpg-post-thumbnail {
order: 3 !important;
margin: 0 0 12px 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
.rt-tpg-container .rt-img-holder img,
.rt-tpg-container .tpg-post-thumbnail img {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
height: auto !important;
display: block !important;
} .rt-tpg-container .tpg-excerpt {
display: none !important;
} .rt-tpg-container .post-meta {
order: 5 !important;
margin-top: auto !important;
padding-top: 16px !important;
text-align: left !important;
}
.rt-tpg-container .post-meta .read-more a,
.rt-tpg-container .read-more a {
display: inline-block !important;
background: #0091d1 !important;
color: #ffffff !important;
padding: 8px 18px !important;
border-radius: 2px !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
text-decoration: none !important;
border: none !important;
}
.rt-tpg-container .post-meta .read-more a:hover,
.rt-tpg-container .read-more a:hover {
background: #007ab0 !important;
}  .rt-tpg-container .tpg-even .rt-content-loader {
align-items: stretch !important;
}
.rt-tpg-container .rt-grid-item {
display: flex;
flex-direction: column;
} .rt-tpg-container .wst-card {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border: 1px solid var(--gray-border, #e4e4e4);
border-radius: 4px;
overflow: hidden;
transition: box-shadow .25s, transform .25s;
}
.rt-tpg-container .wst-card:hover {
box-shadow: 0 4px 16px rgba(0,0,0,.1);
transform: translateY(-2px);
} .rt-tpg-container .wst-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding: 20px;
text-align: left;
}  .rt-tpg-container .wst-card__title {
font-size: 1.1rem;
font-weight: 700;
color: #3a3a3a;
margin: 0 0 14px;
line-height: 1.3;
}
.rt-tpg-container .wst-card__title a {
color: #3a3a3a;
text-decoration: none;
}
.rt-tpg-container .wst-card__title a:hover {
color: #0091d1;
} .rt-tpg-container .wst-card__image {
margin-bottom: 0;
border: none;
border-radius: 0;
overflow: hidden;
}
.rt-tpg-container .wst-card__image img {
width: 100%;
height: auto;
display: block;
border: none;
box-shadow: none;
border-radius: 0;
}
.rt-tpg-container .wst-card__image a {
display: block;
border: none;
} .rt-tpg-container .wst-card__spacer {
flex: 1;
min-height: 16px;
} .rt-tpg-container .wst-card__teaser {
font-size: .875rem;
color: #555;
line-height: 1.55;
margin: 0 0 12px;
} .rt-tpg-container .wst-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-top: 16px;
border-top: 1px solid var(--gray-border, #e4e4e4);
margin-top: 4px;
}
.rt-tpg-container .wst-card__footer .btn {
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.rt-tpg-container .wst-card__date {
font-size: .78rem;
color: #b3bfcc;
font-style: normal;
white-space: nowrap;
text-align: right;
} .four-images-section .four-images__grid {
display: flex !important;
flex-wrap: nowrap !important;
gap: 20px !important;
align-items: flex-start !important;
overflow: visible !important;
}
.four-images-section .four-images__wrap {
float: none !important;
width: auto !important;
flex: 1 1 0 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
} .four-images-section .four-images__item {
display: block !important;
width: 100% !important;
aspect-ratio: 1480 / 883 !important;
overflow: hidden !important;
position: relative !important;
} .four-images-section .four-images__item img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
@media (max-width: 900px) {
.four-images-section .four-images__grid { flex-wrap: wrap !important; gap: 20px !important; }
.four-images-section .four-images__wrap { flex: 1 1 calc(50% - 10px) !important; }
}
@media (max-width: 480px) {
.four-images-section .four-images__grid { gap: 0 !important; }
.four-images-section .four-images__wrap { flex: 1 1 100% !important; margin-top: 20px !important; }
.four-images-section .four-images__wrap:first-child { margin-top: 0 !important; }
} .hotspot-box {
position: relative;
display: inline-block;
width: 100%;
line-height: 0;
}
.hotspot-box__img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
} .hotspot-box__title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 20px 24px;
font-size: clamp(1rem, 1.8vw, 1.4rem);
font-weight: 700;
color: #fff;
background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
line-height: 1.3;
border-radius: 4px 4px 0 0;
} .hotspot-box__pin {
position: absolute;
transform: translate(-50%, -50%);
z-index: 10;
} .hotspot-box__icon {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--blue-primary, #0091d1);
border: 3px solid #fff;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0,0,0,0.35);
transition: transform 0.2s, background 0.2s;
padding: 0;
outline: none;
}
.hotspot-box__icon:hover,
.hotspot-box__pin.is-active .hotspot-box__icon {
background: var(--blue-dark, #006fa3);
transform: scale(1.12);
} .hotspot-box__tooltip {
position: absolute;
bottom: calc(100% + 14px);
left: 50%;
transform: translateX(-50%);
background: rgba(20, 20, 20, 0.9);
color: #fff;
font-size: 0.85rem;
line-height: 1.55;
padding: 12px 16px;
border-radius: 4px;
white-space: pre-line;
min-width: 200px;
max-width: 280px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s, visibility 0.18s;
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
z-index: 20;
text-align: left;
} .hotspot-box__tooltip-title {
display: block;
font-weight: 700;
margin-bottom: 8px;
font-size: .9rem;
color: #fff;
} .hotspot-box__tooltip-list,
.hotspot-box__tooltip ul,
.hotspot-box__tooltip ol {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
} .hotspot-box__tooltip ul::before,
.hotspot-box__tooltip ol::before {
content: none !important;
display: none !important;
}
.hotspot-box__tooltip-list li,
.hotspot-box__tooltip ul li,
.hotspot-box__tooltip ol li {
position: relative;
padding-left: 14px !important;
margin-bottom: 4px;
font-size: .85rem;
line-height: 1.5;
color: #fff;
list-style: none !important;
list-style-type: none !important;
} .hotspot-box__tooltip-list li::before,
.hotspot-box__tooltip ul li::before,
.hotspot-box__tooltip ol li::before {
content: '\2022' !important;
position: absolute;
left: 0;
top: 0;
color: #fff !important;
font-size: 1rem;
line-height: 1.5;
} .hotspot-box__tooltip-list li::marker,
.hotspot-box__tooltip ul li::marker,
.hotspot-box__tooltip ol li::marker {
content: none !important;
font-size: 0 !important;
}
.hotspot-box__tooltip-list li:last-child {
margin-bottom: 0;
} .hotspot-box__tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 7px solid transparent;
border-top-color: rgba(20, 20, 20, 0.9);
} .hotspot-box__pin:hover .hotspot-box__tooltip,
.hotspot-box__pin.is-active .hotspot-box__tooltip {
opacity: 1;
visibility: visible;
} .hotspot-box__pin:first-of-type .hotspot-box__tooltip {
left: 0;
transform: none;
}
.hotspot-box__pin:first-of-type .hotspot-box__tooltip::after {
left: 22px;
transform: none;
} .hotspot-box__pin:last-of-type .hotspot-box__tooltip {
left: auto;
right: 0;
transform: none;
}
.hotspot-box__pin:last-of-type .hotspot-box__tooltip::after {
left: auto;
right: 22px;
transform: none;
} .image-text__float {
width: 100%;
} .image-text__float--left .image-text__float-media {
float: left;
width: 45%;
margin: 0 32px 16px 0;
} .image-text__float--right .image-text__float-media {
float: right;
width: 45%;
margin: 0 0 16px 32px;
}
.image-text__float-media img {
width: 100%;
height: auto;
display: block;
} .image-text__float-body {
overflow: visible;
} @media (max-width: 768px) {
.image-text__float--left .image-text__float-media,
.image-text__float--right .image-text__float-media {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}  .four-images__item { position: relative; }
.four-images__zoom-icon {
position: absolute;
bottom: 10px;
right: 10px;
width: 36px;
height: 36px;
background: rgba(0,0,0,.45);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
.fi-has-lupe:hover .four-images__zoom-icon { opacity: 1; }
.fi-has-lupe { cursor: zoom-in; } .fi-has-lightbox { cursor: pointer; } .ss-layout {
display: flex !important;
flex-direction: row !important;
gap: 40px !important;
align-items: flex-start !important;
width: 100% !important;
} .ss-layout .ss-box--img {
flex: 0 0 auto !important;
min-width: 0 !important;
} .ss-layout .ss-box--txt {
flex: 1 1 0 !important;
min-width: 0 !important;
} .ss-track-wrap {
overflow: hidden !important;
width: 100% !important;
} .ss-track {
display: flex !important;
transition: transform .45s cubic-bezier(.4,0,.2,1) !important;
will-change: transform !important;
align-items: flex-start !important;
} .ss-slide {
flex: 0 0 100% !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
} .ss-box--img .ss-slide img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block !important;
} .ss-track-wrap {
width: 100% !important;
position: relative !important;
} .ss-track {
display: flex !important;
transition: transform .45s cubic-bezier(.4,0,.2,1) !important;
will-change: transform !important;
align-items: flex-start !important;
} .ss-slide {
flex: 0 0 100% !important;
width: 100% !important;
box-sizing: border-box !important;
min-width: 0 !important;
} .ss-box--img .ss-slide img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block !important;
} .ss-box--img img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block !important;
} @media (max-width: 768px) {
.ss-layout {
flex-direction: column !important;
gap: 24px !important;
}
} .ss-nav {
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px;
position: relative;
z-index: 10;
}
.ss-btn {
background: var(--blue-primary, #0091d1);
color: #fff;
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .2s;
}
.ss-btn:hover { background: var(--blue-dark, #006fa3); }
.ss-dots { display: none !important; }
.ss-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
padding: 0;
transition: background .2s;
}
.ss-dot--active { background: var(--blue-primary, #0091d1); } .ss-txt-h2 { font-size: clamp(1.1rem, 2vw, 1.5rem); font-weight: 700; line-height: normal; }
.ss-txt-body p { margin: 0 0 .75em; }
.ss-txt-body p:last-child { margin-bottom: 0; } @media (max-width: 768px) {
.ss-layout .ss-box:first-child,
.ss-layout .ss-box:last-child {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 24px;
}
}  .image-text__body li,
.two-col-text__text li,
.text-block__content li,
.tk-way__text li,
.ss-txt-body li,
.three-cols__text li,
.accordion__content li,
.single-article__body li {
margin-top: 0 !important;
margin-bottom: 10px !important;
padding: 0 !important;
}
.image-text__body li:last-child,
.two-col-text__text li:last-child,
.text-block__content li:last-child,
.tk-way__text li:last-child,
.ss-txt-body li:last-child,
.three-cols__text li:last-child,
.accordion__content li:last-child,
.single-article__body li:last-child {
margin-bottom: 0 !important;
}
.image-text__body ul, .image-text__body ol,
.two-col-text__text ul, .two-col-text__text ol,
.text-block__content ul, .text-block__content ol,
.tk-way__text ul, .tk-way__text ol,
.three-cols__text ul, .three-cols__text ol,
.accordion__content ul, .accordion__content ol,
.single-article__body ul, .single-article__body ol {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-left: 1.5em !important;
} .image-text__body li,
.two-col-text__text li,
.text-block__content li,
.tk-way__text li,
.three-cols__text li,
.accordion__content li,
.single-article__body li {
line-height: 1.5 !important;
} .four-images__wrap[style*="text-align:left"] .four-images__item img,
.four-images__wrap[style*="text-align: left"] .four-images__item img { object-position: left center !important; }
.four-images__wrap[style*="text-align:center"] .four-images__item img,
.four-images__wrap[style*="text-align: center"] .four-images__item img { object-position: center center !important; }
.four-images__wrap[style*="text-align:right"] .four-images__item img,
.four-images__wrap[style*="text-align: right"] .four-images__item img { object-position: right center !important; } .triple-slider-section .ts-layout {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.triple-slider-section .ts-col {
width: 100% !important;
}
.triple-slider-section .ts-items-wrap {
position: relative !important;
}
.triple-slider-section .ts-item {
transition: opacity .4s ease !important;
}
.triple-slider-section .ts-txt-h2 {
font-size: clamp(1rem, 1.5vw, 1.3rem);
font-weight: 700;
margin-bottom: 10px;
} .triple-slider-section .ts-nav {
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px;
position: relative;
z-index: 10; }
.triple-slider-section .ts-btn {
background: var(--blue-primary, #0091d1);
color: #fff;
border: none;
border-radius: 50%;
width: 32px; height: 32px;
cursor: pointer;
font-size: 1.2rem;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.triple-slider-section .ts-btn:hover { background: var(--blue-dark, #006fa3); }
.triple-slider-section .ts-dots { display: none !important; }
.triple-slider-section .ts-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
padding: 0;
transition: background .2s;
}
.triple-slider-section .ts-dot--active { background: var(--blue-primary, #0091d1); } .triple-slider-section [style*="background:#2c3e50"] .ts-dot {
background: rgba(255,255,255,0.4);
}
.triple-slider-section [style*="background:#2c3e50"] .ts-dot--active {
background: #fff;
}
.triple-slider-section [style*="background:#2c3e50"] .ts-btn {
background: rgba(255,255,255,0.2);
color: #fff;
}
.triple-slider-section [style*="background:#2c3e50"] .ts-btn:hover {
background: rgba(255,255,255,0.35);
} .three-cols__col[style*="text-align:center"] .three-cols__text ul,
.three-cols__col[style*="text-align: center"] .three-cols__text ul,
.three-cols__col[style*="text-align:center"] .three-cols__text ol,
.three-cols__col[style*="text-align: center"] .three-cols__text ol,
.three-cols__col[style*="text-align:right"] .three-cols__text ul,
.three-cols__col[style*="text-align: right"] .three-cols__text ul,
.three-cols__col[style*="text-align:right"] .three-cols__text ol,
.three-cols__col[style*="text-align: right"] .three-cols__text ol {
display: inline-block !important;
text-align: left !important;
padding-left: 1.5em !important;
width: auto !important;
} .three-cols__col[style*="text-align:center"] .three-cols__text,
.three-cols__col[style*="text-align: center"] .three-cols__text {
text-align: center !important;
}
.three-cols__col[style*="text-align:right"] .three-cols__text,
.three-cols__col[style*="text-align: right"] .three-cols__text {
text-align: right !important;
} .cuar-content-container {
margin-top: 60px !important;
margin-bottom: 60px !important;
} #menu-item-1259 .caret,
#menu-item-1261 .caret { display: none !important; }
#menu-item-1259 .dropdown-menu,
#menu-item-1261 .dropdown-menu { display: none !important; }
#menu-item-1259 > a,
#menu-item-1261 > a { pointer-events: auto !important; } .cuar-field-label,
.cuar-field-value,
.cuar-readonly-field,
.cuar-readonly-field *,
.cuar-edit-account-form,
.cuar-edit-account-form *,
.panel-body, .panel-body *,
.panel-heading, .panel-title {
font-size: 1em !important;
}
.cuar-field-id-nickname,
.cuar-field-id-description {
display: none !important;
} .wst-form-actions button[type=submit] {
display: inline-block !important;
background: #0091d1 !important;
color: #fff !important;
border: none !important;
border-radius: 2px !important;
padding: 12px 28px !important;
font-size: 1em !important;
font-family: inherit !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background .2s !important;
text-decoration: none !important;
}
.wst-form-actions button[type=submit]:hover {
background: #6c757d !important;
} .wst-field-row {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
padding: 10px 0 !important;
border-bottom: 1px solid #eee !important;
overflow: visible !important;
gap: 12px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.wst-field-row:last-child { border-bottom: none !important; }
.wst-field-row label {
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
flex-shrink: 0 !important;
font-weight: 600 !important;
color: #495a65 !important;
font-size: 1em !important;
overflow: visible !important;
white-space: normal !important;
word-break: break-word !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
} .wst-inline-edit {
flex: 1 !important;
min-width: 0 !important;
max-width: calc(100% - 200px) !important;
display: flex !important;
flex-direction: column !important;
float: none !important;
} .wst-inline-text {
display: block;
width: 100%;
word-break: break-word;
white-space: normal;
overflow: visible !important;
text-overflow: unset !important;
color: #3a4a56;
font-size: 1em;
cursor: pointer !important;
border-bottom: 1px dashed #aab4bc;
padding-bottom: 2px;
line-height: 1.5;
}
.wst-inline-edit,
.wst-inline-edit * { cursor: pointer !important; }
.wst-inline-edit.is-editing,
.wst-inline-edit.is-editing .wst-inline-input { cursor: text !important; }
.wst-inline-text:hover {
border-bottom-color: #0091d1;
color: #0091d1;
}
.wst-empty { font-style: normal; color: #aab4bc; } .wst-inline-input {
display: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 6px 10px !important;
border: 1px solid #aab4bc !important;
border-radius: 2px !important;
font-size: 1em !important;
font-family: inherit !important;
color: #3a4a56 !important;
background: #fff !important;
box-sizing: border-box !important;
box-shadow: none !important;
outline: none !important;
appearance: none !important;
-webkit-appearance: none !important;
margin: 0 !important;
float: none !important;
}
.wst-inline-input:focus {
border-color: #0091d1 !important;
box-shadow: 0 0 0 2px rgba(0,145,209,.15) !important;
outline: none !important;
} .wst-inline-edit.is-editing .wst-inline-text,
.wst-inline-edit.is-editing .wst-inline-hint { display: none !important; }
.wst-inline-edit.is-editing .wst-inline-input { display: block !important; } .wst-inline-edit--password { cursor: pointer; }
.wst-inline-text--pw { letter-spacing: 3px; font-size: 0.9em; }
.wst-inline-hint { display: inline-block; font-size: 0.8em; color: #aab4bc; margin-left: 4px; }
.wst-pw-fields { display: none; flex-direction: column; gap: 6px; width: 100%; }
.wst-inline-edit--password.is-editing .wst-inline-text--pw,
.wst-inline-edit--password.is-editing .wst-inline-hint { display: none; }
.wst-inline-edit--password.is-editing .wst-pw-fields { display: flex; }
.wst-pw-fields .wst-inline-input { display: block; } .wst-info-trigger {
display: inline-flex;
align-items: center;
cursor: pointer;
flex-shrink: 0;
} #wst-tooltip-overlay {
display: none;
position: fixed;
background: #fff;
color: #3a4a56;
font-size: 0.88em;
font-weight: 400;
line-height: 1.6;
padding: 16px 18px;
border-radius: 6px;
width: 300px;
z-index: 99999;
pointer-events: none;
box-shadow: 0 8px 24px rgba(0,0,0,.2), 0 2px 6px rgba(0,0,0,.1);
border: 1px solid #dde3e8;
white-space: normal;
word-break: break-word;
}
#wst-tooltip-overlay::before {
content: '';
position: absolute;
top: -7px;
left: 16px;
width: 12px;
height: 12px;
background: #fff;
border-left: 1px solid #dde3e8;
border-top: 1px solid #dde3e8;
transform: rotate(45deg);
}
#wst-tooltip-overlay.visible { display: block; } .wst-account-info-box {
display: block !important;
clear: both !important;
float: none !important; margin: 20px 9px !important;
padding: 0 !important;
background: none !important;
border: none !important;
font-size: 0.95em !important;
line-height: 1.7 !important;
color: #3a4a56 !important;
box-sizing: border-box !important;
width: auto !important;
} .cuar-js-msnry-item.col-lg-3 .wst-field-row,
.cuar-js-msnry-item.col-xl-2 .wst-field-row,
.cuar-js-msnry-item.col-md-6.col-lg-3 .wst-field-row {
flex-direction: column !important;
align-items: flex-start !important;
}
.cuar-js-msnry-item.col-lg-3 .wst-field-row label,
.cuar-js-msnry-item.col-xl-2 .wst-field-row label,
.cuar-js-msnry-item.col-md-6.col-lg-3 .wst-field-row label {
width: 100% !important;
max-width: 100% !important;
min-width: unset !important;
font-size: 0.82em !important;
color: #8a9bab !important;
font-weight: 600 !important;
margin-bottom: 2px !important;
}
.cuar-js-msnry-item.col-lg-3 .wst-inline-edit,
.cuar-js-msnry-item.col-xl-2 .wst-inline-edit,
.cuar-js-msnry-item.col-md-6.col-lg-3 .wst-inline-edit {
max-width: 100% !important;
width: 100% !important;
}.ws1-hero {
display: flex;
flex-direction: column;
background: #2c3e50;
} .ws1-hero__media-wrap {
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
}
.ws1-hero__bg {
position: absolute;
inset: 0;
width: 100%; height: 100%;
object-fit: cover;
background-size: cover;
background-position: center;
}
video.ws1-hero__bg { object-fit: cover; } .ws1-hero__badge-wrap {
position: absolute;
bottom: 0;
left: 0; right: 0;
display: flex;
justify-content: center;
padding-bottom: 0;
}
.ws1-hero__badge {
display: inline-block;
background: rgba(0, 145, 209, 0.5);
color: #fff;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 6px 20px;
border-radius: 0;
white-space: nowrap;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}
a.ws1-hero__badge:hover {
background: rgba(0, 145, 209, 0.5);
color: #e0e0e0;
} .ws1-hero__textbar {
background: #f4f4f4;
padding: 0;
width: 100%;
}
.ws1-hero__h1 {
font-size: clamp(1.5rem, 2.5vw, 2.2rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 20px;
line-height: 1.25;
}
.ws1-hero__sub {
font-size: 1rem;
line-height: 1.75;
color: #3a3a3a;
margin: 0;
max-width: 100%;
} .ws1-intro { margin: 0; padding: 0; } .ws1-intro__graybox {
position: relative;
background-color: #cce9f5;
background-size: 50% auto;
background-repeat: no-repeat;
background-position: right center;
min-height: 280px;
display: flex;
align-items: center;
overflow: hidden;
} .ws1-intro__graybox::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, #cce9f5 38%, rgba(204,233,245,0.6) 55%, transparent 100%);
pointer-events: none;
}
.ws1-intro__graybox .container {
position: relative;
z-index: 1;
width: 100%;
} .ws1-intro__graybox-content {
width: 38%;
min-width: 280px;
padding: 40px 0;
}
.ws1-intro__graybox-h {
font-size: clamp(1.2rem, 1.8vw, 1.6rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 14px;
line-height: 1.3;
}
.ws1-intro__graybox-txt {
font-size: 0.9rem;
line-height: 1.7;
color: #3a3a3a;
}
.ws1-intro__graybox-txt p { margin: 0 0 10px; }
.ws1-intro__graybox-txt p:last-child { margin: 0; }
@media (max-width: 900px) {
.ws1-intro__graybox {
background-size: cover;
background-position: center;
min-height: 220px;
}
.ws1-intro__graybox::after {
background: rgba(204,233,245,0.85);
}
.ws1-intro__graybox-content {
width: 100%;
padding: 32px 0;
}
} .ws1-icons {
padding: 56px 0;
background: #f7f7f7;
}
.ws1-icons__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 40px;
row-gap: 40px;
}
.ws1-icon-item { text-align: inherit; }
.ws1-icon-item__img {
width: auto;
height: 80px;
object-fit: contain;
margin: 0 0 12px;
display: block;
}
.ws1-icon-item__title {
font-size: 1.05rem;
font-weight: 700;
color: #2c3e50;
margin: 20px 0 0 !important;
line-height: 1.3;
text-align: inherit;
}
.ws1-icon-item__text {
font-size: 1rem;
line-height: 1.7;
color: #495a65;
margin-top: 20px !important;
margin: 0;
text-align: inherit;
} .ws1-icons--align-left   .ws1-icon-item__img { margin-left: 0; margin-right: auto; }
.ws1-icons--align-center .ws1-icon-item__img { margin-left: auto; margin-right: auto; }
.ws1-icons--align-right  .ws1-icon-item__img { margin-left: auto; margin-right: 0; }
.ws1-icons--align-left   .ws1-icon-item { text-align: left; }
.ws1-icons--align-center .ws1-icon-item { text-align: center; }
.ws1-icons--align-right  .ws1-icon-item { text-align: right; }
.ws1-icons--align-left   .ws1-icon-item__title,
.ws1-icons--align-left   .ws1-icon-item__text { text-align: left; }
.ws1-icons--align-center .ws1-icon-item__title,
.ws1-icons--align-center .ws1-icon-item__text { text-align: center; }
.ws1-icons--align-right  .ws1-icon-item__title,
.ws1-icons--align-right  .ws1-icon-item__text { text-align: right; }
@media (max-width: 900px) {
.ws1-icons__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.ws1-icons__grid { grid-template-columns: 1fr; }
} .ws1-app {
padding: 56px 0;
background: #f1f1f1;
}
.ws1-app__header {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 32px;
}
.ws1-app__h2 {
flex: 0 0 75%;
font-size: clamp(1.2rem, 1.8vw, 1.6rem);
font-weight: 700;
color: #2c3e50;
margin: 0;
}
.ws1-app__header-img {
flex: 0 0 calc(25% - 24px);
text-align: right;
}
.ws1-app__header-img img {
max-width: 100%;
height: 220px;
object-fit: contain;
}
.ws1-app__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px 28px;
}
.ws1-app__card {
background: transparent;
} .ws1-app__slider {
position: relative;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
overflow: hidden;
margin-bottom: 16px;
}
.ws1-app__slides {
display: flex;
overflow: hidden; }
.ws1-app__slide {
position: relative;
flex: 0 0 100%;
width: 100%;
}
.ws1-app__slide img {
width: 100%;
height: 240px;
object-fit: cover;
display: block;
} .ws1-app__badges {
position: absolute;
top: 12px;
right: 12px;
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-end;
}
.ws1-app__badge {
display: inline-block;
font-size: 0.78rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 2px;
white-space: nowrap;
}
.ws1-app__badge--blue   { background: #0091d1; color: #fff; }
.ws1-app__badge--yellow { background: #f0c040; color: #2c3e50; }
.ws1-app__badge--gray   { background: #d0d5da; color: #2c3e50; } .ws1-app__view-link {
position: absolute;
bottom: 10px;
right: 14px;
color: #0091d1;
font-size: 0.85rem;
font-weight: 700;
text-decoration: none;
}
.ws1-app__view-link:hover { text-decoration: underline; } .ws1-app__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255,255,255,0.85);
border: 1px solid #e4e4e4;
border-radius: 50%;
width: 36px; height: 36px;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #2c3e50;
transition: background 0.2s;
z-index: 2;
padding: 0;
}
.ws1-app__arrow:hover { background: #fff; }
.ws1-app__arrow--prev { left: 8px; }
.ws1-app__arrow--next { right: 8px; } .ws1-app__card-title {
font-size: 1.2rem;
font-weight: 700;
color: #2c3e50;
margin: 10px 0 0 !important;
padding-bottom: 0 !important;
line-height: 1.3;
}
.ws1-app__card-text {
font-size: 0.9rem;
line-height: 1.6;
color: #495a65;
margin: 2px 0 0 !important;
padding-top: 0 !important;
} .ws1-conv {
padding: 56px 0;
background: #fff;
}
.ws1-conv__h2 {
font-size: clamp(1.2rem, 1.8vw, 1.6rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 32px;
text-align: center;
}
.ws1-conv__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.ws1-conv__card {
border: 1px solid #e4e4e4;
border-radius: 2px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.ws1-conv__video {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
background: #000;
}
.ws1-conv__video iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: none;
}
.ws1-conv__body {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.ws1-conv__text {
font-size: 0.85rem;
line-height: 1.6;
color: #495a65;
margin: 0 0 16px;
flex: 1;
}
.ws1-conv__btn {
display: inline-block;
border: 1px solid #0091d1;
color: #0091d1;
padding: 7px 18px;
font-size: 1rem;
font-weight: 600;
border-radius: 2px;
text-decoration: none;
text-align: center;
transition: background 0.2s, color 0.2s;
align-self: flex-start;
}
.ws1-conv__btn:hover { background: #0091d1; color: #fff; } .ws1-usp {
background: #495a65;
padding: 0;
color: #fff;
}
.ws1-usp__h2 {
font-size: 1.1rem;
font-weight: 700;
color: inherit;
margin: 0 0 20px;
text-align: center;
}
.ws1-usp__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.ws1-usp__item {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 1rem;
color: inherit;
line-height: 1.5;
opacity: 0.9;
}
.ws1-usp__icon {
color: #0091d1;
font-size: 1.2rem;
font-weight: 700;
flex-shrink: 0;
margin-top: 1px;
}
.ws1-usp__item strong {
display: block;
color: inherit;
font-weight: 700;
margin-bottom: 10px;
} .ws1-usp[style*="#ffffff"],
.ws1-usp[style*="#f7f7f7"],
.ws1-usp[style*="#cce9f5"] {
color: var(--charcoal, #2c3e50);
} .ws1-table {
padding: 56px 0;
background: #fff;
}
.ws1-table__h2 {
font-size: clamp(1.2rem, 1.8vw, 1.6rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 8px;
}
.ws1-table__sub {
font-size: 0.9rem;
color: #495a65;
margin: 0 0 32px;
}
.ws1-table__cols {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.ws1-table__col-name {
font-size: 1rem;
font-weight: 700;
color: #2c3e50;
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 2px solid #e4e4e4;
}
.ws1-table__col-link {
font-size: 1rem;
font-weight: 400;
color: #0091d1;
text-decoration: none;
margin-left: 8px;
}
.ws1-table__col-link:hover { text-decoration: underline; }
.ws1-table__section { margin-bottom: 24px; }
.ws1-table__sec-head {
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #fff;
background: #495a65;
padding: 6px 12px;
margin-bottom: 0;
}
.ws1-table__inner {
width: 100%;
border-collapse: collapse;
font-size: 0.85rem;
}
.ws1-table__inner tbody tr:nth-child(even) { background: #f7f7f7; }
.ws1-table__inner td {
padding: 7px 12px;
border-bottom: 1px solid #e4e4e4;
color: #3a3a3a;
vertical-align: top;
}
.ws1-table__lbl { font-weight: 600; color: #495a65; width: 45%; } .ws1-cta {
padding: 48px 0;
background: #0091d1;
color: #fff;
}
.ws1-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}
.ws1-cta__h2 {
font-size: clamp(1.1rem, 1.8vw, 1.5rem);
font-weight: 700;
color: #fff;
margin: 0 0 8px;
}
.ws1-cta__sub {
font-size: 0.9rem;
color: rgba(255,255,255,0.85);
margin: 0;
}
.ws1-btn--cta {
display: inline-flex;
align-items: center;
background: #fff;
color: #0091d1 !important;
border: none;
padding: 14px 32px;
font-size: 0.95rem;
font-weight: 700;
border-radius: 2px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
cursor: pointer;
}
.ws1-btn--cta:hover { background: #e6f5fb; } @media (max-width: 900px) {
.ws1-hero__inner     { grid-template-columns: 1fr; }
.ws1-hero__img-right { display: none; }
.ws1-app__grid       { grid-template-columns: 1fr; }
.ws1-conv__grid      { grid-template-columns: repeat(2, 1fr); }
.ws1-usp__items      { grid-template-columns: 1fr; }
.ws1-table__cols     { grid-template-columns: 1fr; }
.ws1-cta__inner      { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
.ws1-conv__grid { grid-template-columns: 1fr; }
} a.ws1-icon-item { text-decoration: none; display: block; }
a.ws1-icon-item:hover .ws1-icon-item__title { color: var(--blue-primary); } .ws1-usp .ws1-usp__h2 { margin-bottom: 20px !important; }
.ws1-usp .ws1-usp__item strong { margin-bottom: 10px !important; display: block; }
.ws1-usp__strong { display: block; font-weight: 700; margin-bottom: 10px !important; }
.ws1-usp__body, .ws1-usp__body p { margin: 0 !important; padding: 0 !important; }
.ws1-hero__sub p { margin: 0 0 0.5em !important; }
.ws1-hero__sub p:last-child { margin-bottom: 0 !important; } .ws1-icons__grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .ws1-icons__grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ws1-icons__grid--4 { grid-template-columns: 1fr; } }.lp-wrap { font-family: 'Open Sans', sans-serif; }
.lp-overline {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #1a9ddb;
margin-bottom: 12px;
}
.lp-overline--light { color: #7dd4f5; } .lp-btn--primary {
display: inline-flex;
align-items: center;
background: #1a9ddb;
color: #fff !important;
border: none;
padding: 14px 28px;
font-size: 0.95rem;
font-weight: 700;
border-radius: 2px;
text-decoration: none;
transition: background 0.2s;
cursor: pointer;
}
.lp-btn--primary:hover { background: #0f7eb8; }
.lp-btn--ghost {
display: inline-flex;
align-items: center;
background: transparent;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.6);
padding: 12px 26px;
font-size: 0.95rem;
font-weight: 600;
border-radius: 2px;
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
}
.lp-btn--ghost:hover { border-color: #fff; background: rgba(255,255,255,0.08); }
.lp-btn--full { width: 100%; justify-content: center; } .lp-hero {
position: relative;
color: #fff;
padding-top: 0;
overflow: hidden;
min-height: 480px;
} .lp-hero[style*="background:#ffffff"] h1,
.lp-hero[style*="background:#ffffff"] .lp-hero__h1,
.lp-hero[style*="background:#f7f7f7"] h1,
.lp-hero[style*="background:#f7f7f7"] .lp-hero__h1 {
color: #3a3a3a !important;
}
.lp-hero[style*="background:#ffffff"] .lp-hero__text,
.lp-hero[style*="background:#f7f7f7"] .lp-hero__text {
color: rgba(58,58,58,0.8) !important;
}
.lp-hero[style*="background:#ffffff"] .lp-hero__badge,
.lp-hero[style*="background:#f7f7f7"] .lp-hero__badge {
background: rgba(0,145,209,0.1);
border-color: rgba(0,145,209,0.3);
color: #0091d1;
} .lp-hero__bg {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 0;
}
.lp-hero__bg--video { background: none; }
.lp-hero__overlay {
position: relative;
z-index: 1;
}
.lp-hero__stats {
position: relative;
z-index: 1;
} .lp-hero__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
padding-top: 64px;
padding-bottom: 64px;
}
.lp-hero__img img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.lp-hero__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
padding-top: 64px;
padding-bottom: 64px;
}
.lp-hero__badge {
display: inline-block;
background: rgba(26,157,219,0.25);
border: 1px solid rgba(26,157,219,0.5);
color: #7dd4f5;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 2px;
margin-bottom: 20px;
}
.lp-hero__h1 {
font-size: clamp(1.8rem, 3vw, 2.6rem);
font-weight: 800;
line-height: 1.2;
margin: 0 0 20px;
color: #fff;
}
.lp-hero__colored { color: #1a9ddb; }
.lp-hero__text {
font-size: 0.95rem;
line-height: 1.7;
color: rgba(255,255,255,0.8);
margin: 0 0 28px;
max-width: 520px;
}
.lp-hero__ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.lp-hero__sub {
font-size: 0.78rem;
color: rgba(255,255,255,0.5);
margin: 0;
}
.lp-hero__img img {
width: 100%;
border-radius: 4px;
object-fit: cover;
} .lp-hero__stats {
background: rgba(0,0,0,0.25);
border-top: 1px solid rgba(255,255,255,0.1);
padding: 20px 0;
}
.lp-hero__stats-inner {
display: flex;
gap: 48px;
flex-wrap: wrap;
}
.lp-hero__stat {
display: flex;
flex-direction: column;
gap: 2px;
}
.lp-hero__stat-value {
font-size: 1.6rem;
font-weight: 800;
color: #1a9ddb;
line-height: 1;
}
.lp-hero__stat-label {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
} .lp-problem {
background: #1e2d3a;
color: #fff;
padding: 72px 0;
}
.lp-problem__h2 {
font-size: clamp(1.4rem, 2.2vw, 1.9rem);
font-weight: 700;
color: #fff;
margin: 0 0 12px;
}
.lp-problem__sub {
font-size: 0.95rem;
color: rgba(255,255,255,0.65);
margin: 0 0 40px;
max-width: 680px;
}
.lp-problem__cards {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px;
}
.lp-problem__card {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
border-top: 3px solid #1a9ddb;
border-radius: 2px;
padding: 24px;
}
.lp-problem__card-title {
font-size: 1rem;
font-weight: 700;
color: #1a9ddb;
margin: 0 0 12px;
}
.lp-problem__card-text {
font-size: 0.875rem;
line-height: 1.65;
color: rgba(255,255,255,0.75);
margin: 0;
} .lp-advantages {
background: #f7f7f7;
padding: 72px 0;
}
.lp-advantages__h2 {
font-size: clamp(1.4rem, 2.2vw, 1.9rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 12px;
}
.lp-advantages__sub {
font-size: 0.95rem;
line-height: 1.7;
color: #495a65;
margin: 0 0 40px;
max-width: 680px;
}
.lp-advantages__cards {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px;
}
.lp-advantages__card {
background: #fff;
border: 1px solid #e4e4e4;
border-top: 3px solid #1a9ddb;
border-radius: 2px;
padding: 28px 24px;
}
.lp-advantages__card-value {
font-size: 2.4rem;
font-weight: 800;
color: #1a9ddb;
line-height: 1;
margin-bottom: 4px;
}
.lp-advantages__card-label {
font-size: 0.875rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 12px;
}
.lp-advantages__card-text {
font-size: 0.85rem;
line-height: 1.65;
color: #495a65;
margin: 0;
} .lp-process {
background: #f1f1f1;
padding: 72px 0;
}
.lp-process__h2 {
font-size: clamp(1.4rem, 2.2vw, 1.9rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 12px;
}
.lp-process__sub {
font-size: 0.95rem;
line-height: 1.7;
color: #495a65;
margin: 0 0 40px;
max-width: 680px;
}
.lp-process__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}
.lp-process__steps { display: flex; flex-direction: column; gap: 28px; }
.lp-process__step {
display: flex;
gap: 20px;
align-items: flex-start;
}
.lp-process__step-num {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: #1a9ddb;
color: #fff;
font-weight: 800;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.lp-process__step-title {
font-size: 1rem;
font-weight: 700;
color: #2c3e50;
margin: 0 0 6px;
}
.lp-process__step-text {
font-size: 0.875rem;
line-height: 1.65;
color: #495a65;
margin: 0;
}
.lp-process__right {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
min-height: 280px;
}
.lp-process__right-label {
font-size: 1.4rem;
font-weight: 700;
color: #b3bfcc;
text-align: center;
} .lp-testimonials {
background: #fff;
padding: 72px 0;
}
.lp-testimonials__h2 {
font-size: clamp(1.3rem, 2vw, 1.75rem);
font-weight: 700;
color: #2c3e50;
margin: 0 0 28px;
max-width: 700px;
}
.lp-testimonials__tabs {
display: flex;
gap: 4px;
margin-bottom: 36px;
flex-wrap: wrap;
border-bottom: 2px solid #e4e4e4;
padding-bottom: 0;
}
.lp-test-tab {
background: none;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
padding: 8px 20px;
font-size: 0.82rem;
font-weight: 600;
color: #888;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: color 0.2s, border-color 0.2s;
}
.lp-test-tab--active,
.lp-test-tab:hover {
color: #1a9ddb;
border-bottom-color: #1a9ddb;
}
.lp-testimonials__quotes {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 36px;
}
.lp-testimonials__quote {
background: #f7f9fb;
border: 1px solid #e4e4e4;
border-radius: 2px;
padding: 28px;
}
.lp-testimonials__quote-text {
font-size: 0.9rem;
line-height: 1.7;
color: #2c3e50;
font-style: italic;
margin: 0 0 20px;
}
.lp-testimonials__quote-author {
display: flex;
align-items: center;
gap: 12px;
}
.lp-testimonials__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: #1a9ddb;
color: #fff;
font-weight: 700;
font-size: 0.85rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.lp-testimonials__name {
font-weight: 700;
font-size: 0.875rem;
color: #2c3e50;
}
.lp-testimonials__role {
font-size: 0.78rem;
color: #888;
}
.lp-testimonials__trust {
display: flex;
gap: 32px;
flex-wrap: wrap;
padding-top: 24px;
border-top: 1px solid #e4e4e4;
}
.lp-testimonials__trust-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.875rem;
color: #495a65;
font-weight: 600;
}
.lp-check { color: #1a9ddb; font-weight: 700; } .lp-cta-form {
background: #1e2d3a;
padding: 72px 0;
color: #fff;
}
.lp-cta-form__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}
.lp-cta-form__h2 {
font-size: clamp(1.4rem, 2.2vw, 1.9rem);
font-weight: 700;
color: #fff;
margin: 0 0 16px;
}
.lp-cta-form__text {
font-size: 0.9rem;
line-height: 1.7;
color: rgba(255,255,255,0.75);
margin: 0 0 24px;
}
.lp-cta-form__bullets {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.lp-cta-form__bullets li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.875rem;
color: rgba(255,255,255,0.85);
}
.lp-check-blue { color: #1a9ddb; font-weight: 700; flex-shrink: 0; } .lp-cta-form__right {
background: #fff;
border-radius: 4px;
padding: 32px;
}
.lp-form-step-indicator {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #1a9ddb;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 2px solid #e4e4e4;
}
.lp-cta-form__right h3 {
font-size: 1.1rem;
font-weight: 700;
color: #2c3e50;
margin: 0 0 20px;
}
.lp-cta-form__right p {
font-size: 0.875rem;
color: #495a65;
margin: 0 0 8px;
}
.lp-cta-form__right select {
width: 100%;
padding: 10px 14px;
border: 1px solid #e4e4e4;
border-radius: 2px;
font-size: 0.875rem;
color: #888;
margin-bottom: 16px;
background: #fff;
} @media (max-width: 900px) {
.lp-hero__inner         { grid-template-columns: 1fr; }
.lp-hero__img           { display: none; }
.lp-problem__cards      { grid-template-columns: 1fr; }
.lp-advantages__cards   { grid-template-columns: 1fr; }
.lp-process__inner      { grid-template-columns: 1fr; }
.lp-process__right      { display: none; }
.lp-testimonials__quotes{ grid-template-columns: 1fr; }
.lp-cta-form__inner     { grid-template-columns: 1fr; }
.lp-hero__stats-inner   { gap: 24px; }
} .lp-section__badge {
font-size:.72rem;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;margin-bottom:12px;
}
.lp-section__h2 {
font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:800;
line-height:1.25;margin:0 0 16px;
}
.lp-section__sub {
font-size:.95rem;line-height:1.7;margin:0 0 40px;max-width:640px;
} .lp-problem { padding:64px 0; }
.lp-problem__grid {
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
margin-top:40px;
}
.lp-problem__card {
padding:24px;border-radius:6px;
}
.lp-problem__card-title {
font-size:1rem;font-weight:700;margin:0 0 10px;
}
.lp-problem__card-text {
font-size:.9rem;line-height:1.6;margin:0;
}
@media(max-width:768px) {
.lp-problem__grid { grid-template-columns:1fr; }
} .lp-advantages { padding:64px 0; }
.lp-advantages__grid {
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
margin-top:40px;
}
.lp-advantages__card {
padding:28px;border:2px solid #0091d1;border-radius:6px;
}
.lp-advantages__value {
font-size:clamp(2rem,4vw,3rem);font-weight:900;
color:#0091d1;line-height:1;margin-bottom:8px;
}
.lp-advantages__title {
font-size:.95rem;font-weight:700;color:#3a3a3a;margin:0 0 10px;
}
.lp-advantages__text {
font-size:.88rem;line-height:1.6;color:rgba(58,58,58,.75);margin:0;
}
@media(max-width:768px) {
.lp-advantages__grid { grid-template-columns:1fr; }
} .lp-process { padding:64px 0; }
.lp-process__inner {
display:grid;grid-template-columns:1fr 1fr;gap:60px;
align-items:center;margin-top:40px;
}
.lp-process__step {
display:flex;gap:16px;align-items:flex-start;margin-bottom:32px;
}
.lp-process__step:last-child { margin-bottom:0; }
.lp-process__num {
width:36px;height:36px;flex-shrink:0;
background:#0091d1;color:#fff;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-weight:800;font-size:.9rem;
}
.lp-process__step-title {
font-size:.95rem;font-weight:700;margin:0 0 6px;color:#3a3a3a;
}
.lp-process__step-text {
font-size:.88rem;line-height:1.6;margin:0;color:rgba(58,58,58,.75);
}
.lp-process__label-box {
display:flex;align-items:center;justify-content:center;
background:#e8f4fb;border-radius:8px;min-height:200px;
font-size:1.4rem;font-weight:800;color:#0091d1;text-align:center;
padding:32px;
}
@media(max-width:768px) {
.lp-process__inner { grid-template-columns:1fr; }
} .lp-testimonials { padding:64px 0; }
.lp-tst__tabs {
display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 24px;
border-bottom:1px solid #e0e0e0;padding-bottom:0;
}
.lp-tst__tab {
background:none;border:none;cursor:pointer;
padding:10px 16px;font-size:.82rem;font-weight:600;
color:#888;letter-spacing:.06em;text-transform:uppercase;
border-bottom:2px solid transparent;margin-bottom:-1px;
transition:color .2s,border-color .2s;
}
.lp-tst__tab--active { color:#0091d1;border-bottom-color:#0091d1; }
.lp-tst__panel { display:none; }
.lp-tst__panel--active { display:block; }
.lp-tst__grid {
display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;
}
.lp-tst__card {
background:#f7f7f7;border-radius:6px;padding:28px;
}
.lp-tst__quote {
font-size:.92rem;line-height:1.7;color:#3a3a3a;margin:0 0 20px;
font-style:italic;
}
.lp-tst__author { display:flex;align-items:center;gap:12px; }
.lp-tst__avatar {
width:40px;height:40px;border-radius:50%;
background:#0091d1;color:#fff;display:flex;
align-items:center;justify-content:center;
font-weight:700;font-size:.85rem;flex-shrink:0;
}
.lp-tst__name { font-weight:700;font-size:.88rem;color:#3a3a3a; }
.lp-tst__role { font-size:.8rem;color:#888; }
.lp-tst__trust {
display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;
padding-top:32px;border-top:1px solid #e0e0e0;
}
.lp-tst__trust-item {
display:flex;align-items:center;gap:8px;
font-size:.88rem;color:#3a3a3a;font-weight:600;
}
.lp-tst__trust-icon { color:#0091d1;font-weight:800; }
@media(max-width:768px) {
.lp-tst__grid { grid-template-columns:1fr; }
} .lp-cta { padding:64px 0; }
.lp-cta__inner {
display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;
}
.lp-cta__h2 {
font-size:clamp(1.4rem,2.2vw,2rem);font-weight:800;
line-height:1.25;margin:0 0 16px;
}
.lp-cta__sub {
font-size:.92rem;line-height:1.7;margin:0 0 24px;
}
.lp-cta__bullets {
list-style:none;padding:0;margin:0;
}
.lp-cta__bullets li {
padding:6px 0 6px 24px;position:relative;
font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.85);
}
.lp-cta__bullets li::before {
content:"✓";position:absolute;left:0;color:#0091d1;font-weight:700;
}
.lp-cta__form-box {
background:#fff;border-radius:8px;padding:32px;color:#3a3a3a;
}
.lp-cta__form-title {
font-size:.78rem;font-weight:700;letter-spacing:.1em;
text-transform:uppercase;color:#0091d1;margin:0 0 20px;
}
.lp-cta__step { display:none; }
.lp-cta__step--active { display:block; }
.lp-cta__step-label {
font-size:.72rem;color:#888;font-weight:600;
letter-spacing:.08em;margin-bottom:8px;
}
.lp-cta__step-title {
font-size:1.1rem;font-weight:800;margin:0 0 20px;color:#3a3a3a;
}
.lp-cta__field { margin-bottom:14px; }
.lp-cta__field label {
display:block;font-size:.82rem;font-weight:600;
color:#555;margin-bottom:6px;
}
.lp-cta__field input,
.lp-cta__field select,
.lp-cta__field textarea {
width:100%;padding:10px 12px;
border:1px solid #dde3e8;border-radius:4px;
font-size:.92rem;font-family:inherit;
color:#3a3a3a;background:#fff;box-sizing:border-box;
}
.lp-cta__field input:focus,
.lp-cta__field select:focus { outline:none;border-color:#0091d1; }
.lp-cta__btn {
width:100%;padding:12px;background:#0091d1;
color:#fff;border:none;border-radius:4px;
font-size:1rem;font-weight:700;cursor:pointer;
margin-top:8px;transition:background .2s;
}
.lp-cta__btn:hover { background:#007ab5; }
@media(max-width:768px) {
.lp-cta__inner { grid-template-columns:1fr; }
}.hero-slider {
position: relative;
width: 100%;
max-width: 1880px;
margin-left: auto;
margin-right: auto;
height: 520px;
overflow: hidden;
background: #1a2a35; }
@media (max-width: 768px) {
.hero-slider { height: 320px; }
} .hero-slider__slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #1a2a35;
opacity: 0;
transition: opacity 1s ease-in-out;
pointer-events: none;
}
.hero-slider__slide--active {
opacity: 1;
pointer-events: auto;
} .hero-slider__overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(0,0,0,0.30) 0%,
rgba(0,0,0,0.08) 60%,
rgba(0,0,0,0.04) 100%
);
} .hero-slider__textbox {
position: absolute;
bottom: 56px;
left: 60px;
background: #0091d1;
padding: 22px 30px;
max-width: 460px;
z-index: 2;
}
@media (max-width: 768px) {
.hero-slider__textbox { left:16px; right:16px; bottom:36px; max-width:none; padding:16px 20px; }
}
.hero-slider__title {
font-family: 'Open Sans', sans-serif;
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
margin: 0 0 6px;
}
@media (max-width:768px) { .hero-slider__title { font-size:1.15rem; } }
.hero-slider__subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 0.9rem;
color: rgba(255,255,255,0.92);
line-height: 1.5;
margin: 0;
}
.hero-slider__link { color:#ffffff; text-decoration:none; margin-left:4px; }
.hero-slider__link:hover { text-decoration:underline; }
.hero-slider__link strong { font-weight:700; } .hero-slider__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.3);
color: #ffffff;
width: 42px; height: 42px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background .2s;
padding: 0;
}
.hero-slider__btn:hover { background:rgba(0,145,209,0.75); border-color:transparent; }
.hero-slider__btn--prev { left:16px; }
.hero-slider__btn--next { right:16px; } .hero-slider__dots { position:absolute; bottom:14px; right:20px; display:flex; gap:8px; z-index:10; }
.hero-slider__dot { width:10px; height:10px; border-radius:50%; border:2px solid rgba(255,255,255,0.6); background:transparent; cursor:pointer; padding:0; transition:background .2s,border-color .2s; }
.hero-slider__dot--active, .hero-slider__dot:hover { background:#ffffff; border-color:#ffffff; }.woocommerce-account .woocommerce {
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
padding: 48px 0 80px;
align-items: start;
}
@media (max-width: 900px) {
.woocommerce-account .woocommerce { grid-template-columns: 1fr; gap: 24px; }
} .woocommerce-account .entry-title,
.page-title {
font-family: var(--font-primary);
font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700;
color: var(--charcoal); margin-bottom: 8px;
} .wst-account-nav {
background: var(--white);
border: 1px solid var(--gray-border); border-radius: 4px; overflow: hidden;
position: sticky;
top: 100px;
} .wst-account-nav__user {
display: flex;
align-items: center;
gap: 12px;
padding: 20px;
background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.1);
}
.wst-account-nav__avatar {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background: rgba(255,255,255,.15);
display: flex;
align-items: center;
justify-content: center;
}
.wst-account-nav__avatar-img { width: 100%; height: 100%; object-fit: cover; }
.wst-account-nav__avatar-initial {
font-size: 1.25rem;
font-weight: 700;
color: var(--white);
}
.wst-account-nav__user-info {
display: flex;
flex-direction: column;
gap: 2px;
overflow: hidden;
} .wst-account-nav__user-name {
font-size: 0.875rem;
font-weight: 700;
color: var(--white);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wst-account-nav__user-email {
font-size: 0.78rem;
color: rgba(255,255,255,.65);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .wst-account-nav__list {
list-style: none;
margin: 0;
padding: 8px 0;
}
.wst-account-nav__item { margin: 0; }
.wst-account-nav__link {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 20px;
font-family: var(--font-primary);
font-size: 0.875rem; font-weight: 500;
color: var(--charcoal); text-decoration: none;
border-left: 3px solid transparent;
transition: all 0.2s ease; }
.wst-account-nav__link:hover {
color: var(--blue-primary); background: var(--blue-light); border-left-color: var(--blue-primary);
}
.wst-account-nav__item--active .wst-account-nav__link {
color: var(--blue-primary);
background: var(--blue-light);
border-left-color: var(--blue-primary);
font-weight: 700;
} .wst-account-nav__item:last-child .wst-account-nav__link:hover {
color: var(--danger); background: #fff5f5;
border-left-color: var(--danger);
}
.wst-account-nav__icon {
flex-shrink: 0;
display: flex;
align-items: center;
opacity: .55;
}
.wst-account-nav__link:hover .wst-account-nav__icon,
.wst-account-nav__item--active .wst-account-nav__icon {
opacity: 1;
} .woocommerce-account .woocommerce-MyAccount-content {
min-width: 0; } .wst-account-section-title {
margin-bottom: 32px;
padding-bottom: 16px;
border-bottom: 2px solid var(--gray-border);
}
.wst-account-section-title h2 {
font-size: 1.75rem; font-weight: 700;
color: var(--charcoal);
margin: 0 0 6px;
}
.wst-account-section-title p {
font-size: 0.95rem;
color: var(--navy); margin: 0;
} .wst-account-welcome {
background: var(--blue-light); border: 1px solid rgba(0,145,209,.2);
border-left: 4px solid var(--blue-primary);
border-radius: 4px; padding: 20px 24px;
margin-bottom: 32px;
}
.wst-account-welcome__title {
font-size: 1.25rem; font-weight: 700;
color: var(--charcoal);
margin: 0 0 8px;
}
.wst-account-welcome__text {
font-size: 0.9rem;
color: var(--navy);
margin: 0;
line-height: 1.6;
}
.wst-account-welcome__text a {
color: var(--blue-primary);
font-weight: 600;
} .wst-account-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 36px;
}
@media (max-width: 600px) { .wst-account-stats { grid-template-columns: 1fr; } }
.wst-account-stat {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 24px 16px;
background: var(--white);
border: 1px solid var(--gray-border); border-radius: 4px;
text-decoration: none;
transition: box-shadow 0.25s ease, transform 0.25s ease; gap: 6px;
}
.wst-account-stat:hover {
box-shadow: 0 4px 12px rgba(0,0,0,.12); transform: translateY(-4px); }
.wst-account-stat__icon {
width: 44px;
height: 44px;
background: var(--blue-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--blue-primary);
margin-bottom: 4px;
}
.wst-account-stat__value {
font-size: 1.75rem; font-weight: 700;
color: var(--blue-primary);
line-height: 1;
}
.wst-account-stat__label {
font-size: 0.825rem; color: var(--navy);
font-weight: 500;
} .wst-account-section { margin-bottom: 40px; }
.wst-account-section__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--gray-border);
}
.wst-account-section__title {
font-size: 1rem; font-weight: 700;
color: var(--charcoal);
margin: 0;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.wst-account-section__link {
font-size: 0.82rem;
font-weight: 600;
color: var(--blue-primary);
text-decoration: none;
}
.wst-account-section__link:hover { text-decoration: underline; } .wst-account-orders-table th {
font-size: 0.78rem; font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.wst-order-number {
font-weight: 700;
color: var(--blue-primary);
text-decoration: none;
}
.wst-order-number:hover { text-decoration: underline; } .wst-order-status {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
border-radius: 2px; font-size: 0.72rem; font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.wst-order-status--processing,
.wst-order-status--on-hold    { background: #fff8e1; color: #b8860b; }
.wst-order-status--completed  { background: #e6f9f0; color: #2e7d54; }
.wst-order-status--cancelled,
.wst-order-status--refunded   { background: #fff0f0; color: var(--danger); }
.wst-order-status--pending    { background: var(--blue-light); color: var(--navy); } .wst-account-contact-teaser {
display: flex;
align-items: center;
gap: 16px;
padding: 20px 24px;
background: var(--navy); border-radius: 4px;
flex-wrap: wrap;
margin-top: 32px;
}
.wst-account-contact-teaser__icon {
color: rgba(255,255,255,.7);
flex-shrink: 0;
}
.wst-account-contact-teaser__text {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
}
.wst-account-contact-teaser__text strong {
font-size: 0.9rem;
color: var(--white);
}
.wst-account-contact-teaser__text span {
font-size: 0.82rem;
color: rgba(255,255,255,.7);
} .wst-login-page {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
padding: 48px 0 80px;
}
@media (max-width: 768px) { .wst-login-page { grid-template-columns: 1fr; } }
.wst-login-box {
background: var(--white);
border: 1px solid var(--gray-border); border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0,0,0,.10); }
.wst-login-box__header {
display: flex;
align-items: center;
gap: 12px;
padding: 20px 24px;
background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.1);
}
.wst-login-box__icon {
width: 40px;
height: 40px;
background: rgba(255,255,255,.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
flex-shrink: 0;
}
.wst-login-box__title {
font-size: 1.25rem; font-weight: 700;
color: var(--white);
margin: 0;
}
.wst-login-box .wst-form { padding: 28px 24px; } .wst-login-options {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0;
}
.wst-checkbox-label {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.875rem;
color: var(--charcoal);
cursor: pointer;
font-weight: 400;
}
.wst-checkbox-label input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: var(--blue-primary); cursor: pointer;
}
.wst-login-forgot {
font-size: 0.82rem;
color: var(--blue-primary);
text-decoration: none;
}
.wst-login-forgot:hover { text-decoration: underline; }
.wst-register-hint {
font-size: 0.78rem;
color: var(--navy);
line-height: 1.6;
margin: 12px 0 20px;
padding: 10px 12px;
background: var(--gray-light); border-radius: 2px;
}
.wst-register-hint a { color: var(--blue-primary); } .wst-form .wst-field {
margin-bottom: 20px;
} .wst-form .wst-label,
.woocommerce-account label {
display: block;
font-family: var(--font-primary);
font-size: 0.825rem;
font-weight: 600;
color: var(--charcoal);
margin-bottom: 6px;
}
.wst-form .required { color: var(--blue-primary); margin-left: 2px; } .wst-form input[type="text"],
.wst-form input[type="email"],
.wst-form input[type="password"],
.wst-form input[type="tel"],
.wst-form select,
.wst-form textarea,
.woocommerce-account .input-text,
.woocommerce-account select {
width: 100%;
padding: 0.65rem 0.9rem;
border: 1px solid var(--gray-medium); border-radius: 2px; font-family: var(--font-primary);
font-size: 1rem; color: var(--charcoal);
background: var(--white);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
line-height: 1.6;
} .wst-form input:focus,
.wst-form select:focus,
.wst-form textarea:focus,
.woocommerce-account .input-text:focus,
.woocommerce-account select:focus {
outline: none;
border-color: var(--blue-primary); box-shadow: 0 0 0 3px rgba(0, 145, 209, 0.15);
} .wst-form input::placeholder { color: var(--gray-medium); } .woocommerce-account .woocommerce-invalid input,
.wst-form input.woocommerce-invalid-input {
border-color: var(--danger); } .wst-password-wrap {
position: relative;
display: flex;
align-items: center;
}
.wst-password-wrap input { padding-right: 44px; }
.wst-password-toggle {
position: absolute;
right: 10px;
background: none;
border: none;
cursor: pointer;
color: var(--navy);
display: flex;
align-items: center;
padding: 4px;
transition: color 0.2s;
}
.wst-password-toggle:hover { color: var(--blue-primary); } .wst-field-hint {
display: block;
margin-top: 4px;
font-size: 0.78rem; color: var(--gray-medium); } .wst-account-divider {
position: relative;
text-align: center;
margin: 28px 0;
padding: 0;
}
.wst-account-divider::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: var(--gray-border);
}
.wst-account-divider span {
position: relative;
background: var(--white);
padding: 0 14px;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--navy);
} .wst-form-grid { display: grid; gap: 16px; }
.wst-form-grid--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 600px) { .wst-form-grid--2 { grid-template-columns: 1fr; } } .wst-form-actions {
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--gray-border);
display: flex;
gap: 12px;
align-items: center;
} .woocommerce-account .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-account button[type="submit"]:not(.wst-password-toggle) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0.75rem 1.75rem; font-family: var(--font-primary);
font-size: 0.875rem; font-weight: 600;
border-radius: 2px; border: 2px solid transparent;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
letter-spacing: 0.02em;
}
.woocommerce-account .button.btn--full,
.btn--full { width: 100%; } .woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
padding: 12px 16px;
border-radius: 2px;
margin-bottom: 20px;
font-size: 0.875rem;
display: flex;
align-items: flex-start;
gap: 10px;
border: 1px solid;
}
.woocommerce-account .woocommerce-message {
background: #e6f9f0;
border-color: #7dd4a8;
color: #1a5c39;
}
.woocommerce-account .woocommerce-error {
background: #fff0f0;
border-color: var(--danger);
color: var(--danger);
}
.woocommerce-account .woocommerce-info {
background: var(--blue-light); border-color: var(--blue-primary);
color: var(--navy);
} @media (max-width: 900px) {
.wst-account-nav {
position: static;
border-radius: 4px;
}
.wst-account-nav__list {
display: flex;
overflow-x: auto;
padding: 0;
scrollbar-width: none;
-ms-overflow-style: none;
gap: 0;
border-top: 1px solid var(--gray-border);
}
.wst-account-nav__list::-webkit-scrollbar { display: none; }
.wst-account-nav__item { white-space: nowrap; flex-shrink: 0; }
.wst-account-nav__link {
padding: 12px 16px;
border-left: none;
border-bottom: 3px solid transparent;
font-size: 0.82rem;
}
.wst-account-nav__link:hover,
.wst-account-nav__item--active .wst-account-nav__link {
border-left: none;
border-bottom-color: var(--blue-primary);
background: var(--blue-light);
}
} .cuar-page-account-details .cuar-private-page-content,
.cuar-page-account-details .panel-body,
.cuar-page-account-details .panel-heading,
.cuar-page-account-details .nav-tabs,
.cuar-page-account-details .tab-content,
.cuar-page-account-details .form-group label,
.cuar-page-account-details .form-control,
.cuar-page-account-details input,
.cuar-page-account-details select,
.cuar-page-account-details textarea {
font-size: 1em;
} .cuar-page-account-details .cuar-field-nickname,
.cuar-page-account-details [data-field-id="nickname"],
.cuar-page-account-details .form-group.nickname-field,
.cuar-page-account-details #nickname,
.cuar-page-account-details label[for="nickname"],
.cuar-page-account-details label[for="nickname"] + * {
display: none !important;
} .cuar-edit-account-form,
.cuar-edit-account-form *,
.cuar-readonly-field,
.cuar-readonly-field *,
.cuar-field-label,
.cuar-field-value,
.panel-body,
.panel-heading,
.panel-title,
.page-heading .cuar-title {
font-size: 1em;
} .cuar-field-id-nickname {
display: none !important;
} .wst-account-edit-form .panel { margin-bottom: 20px; }
.wst-field-row { display:flex; align-items:center; padding: 10px 0; border-bottom: 1px solid #eee; font-size:1em; }
.wst-field-row:last-child { border-bottom: none; }
.wst-field-row label { width: 200px; min-width: 200px; font-weight: 600; color: #495a65; font-size:1em; }
.wst-field-row input[type=text],
.wst-field-row input[type=email],
.wst-field-row input[type=url],
.wst-field-row input[type=password] { flex:1; padding: 7px 10px; border: 1px solid #cdd4da; border-radius: 2px; font-size:1em; font-family:inherit; }
.wst-field-row input:focus { outline: none; border-color: #0091d1; box-shadow: 0 0 0 2px rgba(0,145,209,.15); }
.wst-field-static { flex:1; color: #3a4a56; font-size:1em; }
.wst-field-row--divider { border-top: 2px solid #eee; margin-top: 10px; padding-top: 14px; border-bottom: none; }
.wst-field-row--divider label { font-weight: 700; color: #0091d1; width:auto; }
.wst-notice { padding: 12px 16px; border-radius: 2px; margin-bottom: 16px; font-size:1em; }
.wst-notice--success { background: #e8f5e9; border-left: 4px solid #43a047; color: #2e7d32; }
.wst-notice--info    { background: #e3f2fd; border-left: 4px solid #1e88e5; color: #1565c0; }
.wst-notice--error   { background: #fce4ec; border-left: 4px solid #e53935; color: #b71c1c; } .wst-form-actions button[type=submit] {
background: #0091d1;
color: #fff;
border: none;
border-radius: 2px;
padding: 12px 28px;
font-size: 1em;
font-family: inherit;
font-weight: 600;
cursor: pointer;
transition: background .2s;
}
.wst-form-actions button[type=submit]:hover {
background: #007ab5;
}.shop-layout { padding: 48px 0; }
.shop-layout__inner { display:grid; grid-template-columns:280px 1fr; gap:40px; align-items:start; } .shop-sidebar { position:sticky; top:90px; }
.shop-sidebar__inner { display:flex; flex-direction:column; gap:24px; }
.sidebar-widget {
background: var(--white);
border: 1px solid var(--gray-border);
border-radius: 4px;
padding: 20px;
}
.sidebar-widget__title {
font-size: 0.85rem;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
color: var(--charcoal);
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 2px solid var(--blue-light);
}
.sidebar-widget--contact { background:var(--blue-primary); border-color:var(--blue-primary); }
.sidebar-widget--contact .sidebar-widget__title { color:rgba(255,255,255,0.8); border-bottom-color:rgba(255,255,255,0.2); }
.sidebar-widget--contact p { color:rgba(255,255,255,0.85); font-size: 1rem; } .category-tree { display:flex; flex-direction:column; gap:4px; }
.category-tree__item > a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
color: var(--navy);
font-size: 1rem;
font-weight: 600;
border-radius: 2px;
transition: all var(--trans);
border-left: 3px solid transparent;
}
.category-tree__item > a:hover,
.category-tree__item--active > a {
background: var(--blue-light);
color: var(--blue-primary);
border-left-color: var(--blue-primary);
}
.category-tree__count {
background: var(--gray-border);
color: var(--navy);
font-size: 0.72rem;
padding: 1px 7px;
border-radius: 20px;
font-weight: 700;
}
.category-tree__sub { margin-top:4px; margin-left:16px; }
.category-tree__sub li a {
display: block;
padding: 6px 12px;
font-size: 1rem;
color: var(--navy);
border-radius: 2px;
transition: all var(--trans);
}
.category-tree__sub li a:hover { color:var(--blue-primary); background:var(--blue-light); } .filter-list { display:flex; flex-direction:column; gap:8px; }
.filter-checkbox { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:0.875rem; color:var(--navy); }
.filter-checkbox input[type="checkbox"] { accent-color:var(--blue-primary); width:16px; height:16px; } .category-header {
display: flex;
align-items: flex-start;
gap: 32px;
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid var(--gray-border);
}
.category-header__title { font-size: clamp(1.4rem,2.5vw,2rem); margin-bottom: 8px; }
.category-header__desc { color: var(--navy); }
.category-header__image { flex-shrink:0; width:200px; border-radius:4px; overflow:hidden; }
.shop-title { font-size: 2rem; margin-bottom: 24px; }
.shop-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
padding: 14px 16px;
background: var(--gray-light);
border-radius: 2px;
}
.shop-toolbar__results { font-size:0.9rem; color:var(--navy); }
.shop-toolbar__sort select {
padding: 6px 12px;
border: 1px solid var(--gray-medium);
border-radius: 2px;
font-size: 0.875rem;
background: var(--white);
} .products-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
list-style: none;
}
.product-card { border-radius: 4px; overflow:hidden; background:var(--white); border:1px solid var(--gray-border); transition:all var(--trans); }
.product-card:hover { box-shadow:var(--shadow-md); border-color:var(--blue-primary); transform:translateY(-3px); }
.product-card__inner { display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit; }
.product-card__image { position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--gray-light); }
.product-card__image img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.product-card:hover .product-card__image img { transform:scale(1.04); }
.product-card__placeholder { display:flex; align-items:center; justify-content:center; height:100%; }
.product-card__badges { position:absolute; top:12px; left:12px; display:flex; flex-direction:column; gap:4px; }
.product-card__body { padding:20px; flex:1; }
.product-card__cat { font-size:0.75rem; text-transform:none; letter-spacing:0; color:var(--charcoal); font-weight:600; display:block; margin-bottom:6px; }
.product-card__title { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:6px; }
.product-card__sku { font-size:0.75rem; color:var(--gray-medium); display:block; margin-bottom:8px; }
.product-card__desc { font-size:0.875rem; color:var(--navy); line-height:1.5; }
.product-card__download { display:flex; align-items:center; gap:6px; margin-top:10px; font-size:0.8rem; }
.product-card__download a { color:var(--blue-primary); font-weight:600; }
.product-card__footer {
padding: 12px 20px;
border-top: 1px solid var(--gray-light);
background: var(--gray-light);
}
.product-card__cta {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.85rem;
font-weight: 600;
color: var(--blue-primary);
transition: gap var(--trans);
}
.product-card:hover .product-card__cta { gap:10px; } .shop-pagination { margin-top:40px; }
.shop-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid var(--gray-medium);
border-radius: 2px;
color: var(--navy);
font-weight: 600;
font-size: 0.9rem;
transition: all var(--trans);
}
.shop-pagination .page-numbers.current,
.shop-pagination .page-numbers:hover { background:var(--blue-primary); border-color:var(--blue-primary); color:var(--white); } .product-single { padding: 48px 0 80px; }
.product-single__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
} .product-gallery { }
.product-gallery__main {
border-radius: 4px;
overflow: hidden;
background: var(--gray-light);
margin-bottom: 12px;
aspect-ratio: 1;
}
.product-gallery__image { width:100%; height:100%; object-fit:contain; }
.product-gallery__thumbs { display:flex; gap:8px; flex-wrap:wrap; }
.product-gallery__thumb {
width: 80px;
height: 80px;
border: 2px solid var(--gray-border);
border-radius: 2px;
overflow: hidden;
cursor: pointer;
padding: 0;
background: none;
transition: border-color var(--trans);
}
.product-gallery__thumb.is-active,
.product-gallery__thumb:hover { border-color: var(--blue-primary); }
.product-gallery__thumb img { width:100%; height:100%; object-fit:cover; } .product-downloads {
margin-top: 24px;
padding: 16px;
background: var(--gray-light);
border-radius: 4px;
}
.product-downloads h4 { font-size: 1rem !important; text-transform:uppercase; letter-spacing:0.08em; color:var(--navy); margin-bottom:12px; }
.product-downloads ul { display:flex; flex-direction:column; gap:8px; }
.download-link {
display: flex;
align-items: center;
gap: 8px;
color: var(--blue-primary);
font-size: 0.9rem;
font-weight: 600;
transition: color var(--trans);
}
.download-link:hover { color: var(--blue-dark); } .product-single__meta-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.product-single__category { font-size:0.85rem; color:var(--charcoal); font-weight:600; }
.product-single__sku { font-size:0.82rem; color:var(--gray-medium); }
.product-single__title { font-size: clamp(1.4rem,2.5vw,2rem); margin-bottom: 20px; }
.product-single__short-desc {
color: var(--navy);
font-size: 1rem;
line-height: 1.7;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--gray-border);
} .product-highlights {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 28px;
}
.product-highlights li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 1rem;
color: var(--navy);
}
.product-highlights li .icon { color:var(--blue-primary); flex-shrink:0; margin-top:2px; } .product-single__cta-box {
background: var(--gray-light);
border-radius: 4px;
padding: 24px;
margin-bottom: 24px;
}
.product-single__price-note {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.875rem;
color: var(--navy);
margin-bottom: 16px;
background: var(--blue-light);
border-radius: 2px;
padding: 12px;
}
.price-on-request { color:var(--navy); font-weight:600; font-size:1rem; } .product-single__cta-box .single_add_to_cart_button.button,
.product-single__cta-box .button.alt {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
background: var(--blue-primary);
color: var(--white);
border: none;
border-radius: 2px;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: all var(--trans);
width: 100%;
justify-content: center;
font-family: var(--font-primary);
}
.product-single__cta-box .single_add_to_cart_button.button:hover { background:var(--blue-dark); transform:translateY(-1px); }
.product-single__contact-alt {
margin-top: 14px;
text-align: center;
}
.product-single__contact-alt a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 1rem;
color: var(--blue-primary);
font-weight: 600;
} .product-single__applications { margin-top: 20px; }
.product-single__applications h4 { font-size: 1rem !important; text-transform:uppercase; letter-spacing:0.08em; color:var(--navy); margin-bottom:10px; }
.application-tags { display:flex; flex-wrap:wrap; gap:8px; } .product-single__tabs {
margin-top: 60px;
padding-top: 48px;
border-top: 1px solid var(--gray-border);
}
.woocommerce-tabs ul.tabs {
display: flex;
gap: 0;
border-bottom: 2px solid var(--gray-border);
list-style: none;
margin-bottom: 32px;
}
.woocommerce-tabs ul.tabs li {
padding: 0;
}
.woocommerce-tabs ul.tabs li a {
display: block;
padding: 12px 24px;
font-weight: 600;
font-size: 1rem;
color: var(--navy);
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: all var(--trans);
}
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover { color:var(--blue-primary); border-bottom-color:var(--blue-primary); }
.woocommerce-tabs .panel { display:none; }
.woocommerce-tabs .panel.active { display:block; } .product-related { margin-top: 60px; padding-top:48px; border-top:1px solid var(--gray-border); }
.product-related__title { font-size:1.4rem; margin-bottom:24px; }
.product-related__card a { text-decoration:none; }
.product-related__card .card__body { padding:16px; }
.product-related__card .card__title { font-size:0.95rem; } @media (max-width: 1100px) {
.shop-layout__inner { grid-template-columns: 240px 1fr; gap:24px; }
.products-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
.shop-layout__inner { grid-template-columns: 1fr; }
.shop-sidebar { position:static; }
.products-grid { grid-template-columns: repeat(2,1fr); gap:16px; }
.product-single__layout { grid-template-columns: 1fr; gap:32px; }
}
@media (max-width: 480px) {
.products-grid { grid-template-columns: 1fr; }
} .wst-related {
margin: 48px 0 32px;
clear: both;
}
.wst-related__title {
font-size: 1.25rem;
font-weight: 700;
color: var(--wst-navy, #495a65);
margin: 0 0 24px;
padding-bottom: 12px;
border-bottom: 2px solid #e4e4e4;
} .wst-related__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: stretch;
}
.wst-related__grid::after {
display: none;
}
.wst-related__item {
float: none;
width: calc(33.333% - 14px);
flex: 0 0 calc(33.333% - 14px);
margin-right: 0;
margin-bottom: 0;
background: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 4px;
display: flex;
flex-direction: column;
overflow: hidden;
transition: box-shadow 0.2s, border-color 0.2s;
}
.wst-related__item:nth-child(3n) {
margin-right: 0;
}
.wst-related__item:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.10);
border-color: #0091d1;
} .wst-related__img-wrap {
display: block;
overflow: hidden;
background: #f8f8f8;
aspect-ratio: 4 / 3;
}
.wst-related__img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
padding: 12px;
}
.wst-related__item:hover .wst-related__img-wrap img {
transform: scale(1.04);
} .wst-related__body {
padding: 16px;
display: flex;
flex-direction: column;
flex: 1;
}
.wst-related__cat {
font-size: 0.72rem;
text-transform: none;
letter-spacing: 0;
color: var(--charcoal);
font-weight: 600;
margin-bottom: 6px;
}
.wst-related__cat a {
color: inherit;
text-decoration: none;
}
.wst-related__name {
font-size: 0.9rem;
font-weight: 600;
color: #3a3a3a;
margin: 0 0 6px;
line-height: 1.35;
}
.wst-related__name a {
color: inherit;
text-decoration: none;
transition: color 0.15s;
}
.wst-related__name a:hover { color: #0091d1; }
.wst-related__sku {
font-size: 0.78rem;
color: #888;
margin-bottom: 12px;
flex: 1;
}
.wst-related__btn {
display: inline-block;
font-size: 0.8rem;
padding: 6px 14px;
margin-top: 40px;
} @media (max-width: 640px) {
.wst-related__item {
float: none;
width: 100%;
margin-right: 0;
}
} @media (min-width: 641px) and (max-width: 900px) {
.wst-related__item {
width: calc(50% - 10px);
}
.wst-related__item:nth-child(3n) {
margin-right: 20px;
}
.wst-related__item:nth-child(2n) {
margin-right: 0;
}
}