/* Auftragsvermittlung.de — lightweight 2026 design layer. No JS/fonts/images. Farben aus tokens.css. */
:root{
 --primary-color:var(--av-legacy-blue); --secondary-color:var(--av-legacy-green-bright);
 --main-color-one:var(--av-navy-900); --paragraph-color:var(--av-legacy-slate);
 --border-color:var(--av-line); --border-color-two:var(--av-line-strong);
 --scolor1:var(--av-bg); --scolor2:var(--av-surface-alt); --scolor3:var(--av-navy-900);
 --scolor4:var(--av-legacy-green-light); --scolor5:var(--av-legacy-green-bright);
}
html{scroll-behavior:smooth}
body{color:#243a50;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
a,button,input,select,textarea{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--av-focus-width) solid var(--av-focus-color);outline-offset:var(--av-focus-offset)}
.custom-container{max-width:1220px;padding-left:22px;padding-right:22px}
.header,.header.bg-gray{background:#fff!important;box-shadow:0 2px 24px rgba(8,39,69,.06);border-bottom:1px solid #e9eef4}
.navbar-area .navbar-nav li a{color:#18354e;font-weight:600}
.navbar-area .navbar-nav li a:hover{color:#187a56}
.navbar-area .navbar-nav li{padding-left:12px;padding-right:12px}
.cmn-btn,.cmn-btn.primary-btn,.cmn-btn.secondary-btn{border-radius:14px;text-transform:none;font-weight:700;letter-spacing:0;padding:13px 24px;min-height:47px;box-shadow:none}
/* .primary-btn und .secondary-btn: Hauptaktion Grün aus components.css */
.cmn-btn.black-outline-btn{border:1px solid #97adc1;color:#103a5b;background:#fff}
.cmn-btn.black-outline-btn:hover{border-color:#0a4bb0;color:#0a4bb0;background:#f5faff}
.hero-section{background:#f0f7fc!important;position:relative;overflow:hidden}
.hero-section:before{content:"";position:absolute;width:560px;height:560px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(97,189,53,.15),transparent 70%);pointer-events:none}
.hero-section .banner-content-wraper{position:relative;z-index:1}
.hero-section .main-title{color:#092f51;letter-spacing:-.04em;line-height:1.11;font-weight:800}
.hero-section .subtitle-4{color:#415970;max-width:630px;line-height:1.75}
.hero-section .banner-btn-wraper{gap:12px!important}
.hero-section .banner-form{background:#fff;border:1px solid #d8e5ef;box-shadow:0 12px 36px rgba(9,47,81,.075);border-radius:16px}
.hero-section .banner-form input{color:#19364f}
.hero-section .banner-image-part .main-image img.no-image{display:none!important}
.hero-section .banner-image-part .main-image:has(img.no-image){min-height:340px;background:url('/assets/frontend/homepage/images/banner-main-img.png') center/contain no-repeat}
section .title-2{color:#103450;letter-spacing:-.025em;line-height:1.2;font-weight:750}
.service-card,.workflow-card,.single-features-card,.single-features-card a,.handyman-card,.blog-card{border-radius:18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card,.workflow-card,.single-features-card{border:1px solid #e1eaf2;background:#fff;box-shadow:0 5px 20px rgba(12,44,73,.04)}
.service-card:hover,.workflow-card:hover,.single-features-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(12,44,73,.10);border-color:#bfd2e1}
.service-card .content-part h4 a:hover{color:#0a4bb0}
.footerWraper.dark-bg{background:#081843!important;color:#edf5fa}
.footerWraper .footer-link-list a{color:#dce9f3}
.footerWraper .footer-link-list a:hover{color:#86d957}
.footerWraper .footer-area-top{padding-top:64px;padding-bottom:56px}
.footerWraper .widget-title{color:#fff}
input,select,textarea{border-radius:10px}
img{height:auto}
@media(max-width:991px){
 .custom-container{padding-left:18px;padding-right:18px}
 .navbar-area .navbar-nav li{padding:6px 8px}
 .hero-section .banner-image-part .main-image:has(img.no-image){min-height:240px}
}
@media(max-width:767px){
 .hero-section .main-title{font-size:clamp(2rem,8vw,3rem)}
 .hero-section .banner-btn-wraper{display:flex!important;flex-direction:column;align-items:stretch}
 .hero-section .banner-btn-wraper .cmn-btn{width:100%;text-align:center}
 .hero-section .banner-image-part .main-image:has(img.no-image){min-height:180px}
 .footerWraper .footer-area-top{padding-top:42px;padding-bottom:32px}
 .cmn-btn{min-height:45px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
/* Visual refresh v2: stronger visual identity and modern landing-page sections */
body{background:#fff;color:#26445d}
.header,.header.bg-gray{position:relative;z-index:10;background:#fff!important}
.hero-section{background:linear-gradient(118deg,#e9f3fb 0%,#f5fbff 56%,#eff9ef 100%)!important;padding:76px 0 78px}
.hero-section .banner-content-wraper{gap:50px}
.hero-section .banner-text-part-wraper{max-width:635px;flex:1.1}
.hero-section .main-title{font-size:clamp(2.7rem,4.5vw,4.5rem);line-height:1.06;letter-spacing:-.055em;color:#0b2e4d}
.hero-section .subtitle-4{font-size:clamp(1.04rem,1.5vw,1.23rem);color:#476279;line-height:1.7}
.hero-section .banner-btn-wraper a{border-radius:13px;font-size:1rem;box-shadow:0 10px 22px rgba(11,71,125,.12)}
.hero-section .banner-form{margin-top:26px;max-width:520px;padding:9px;border-radius:15px}
.hero-section .banner-form .banner-form-wraper{margin-top:0}
.hero-section .banner-form input{font-size:1rem}
.hero-section .banner-image-part{height:auto;min-height:380px;max-width:500px;align-self:center;flex:1}
.hero-section .banner-image-part .main-image{position:relative}
.hero-section .banner-image-part .main-image:has(img.no-image){min-height:380px;background:linear-gradient(155deg,#cee3f2,#e8f3fb);border:1px solid #d5e5f1;border-radius:30px;box-shadow:0 24px 70px rgba(11,71,125,.13)}
.hero-section .banner-image-part .main-image:has(img.no-image):before{content:"HANDWERK. VERTRAUEN. VERBINDUNG.";position:absolute;left:8%;top:10%;font-size:.78rem;letter-spacing:.12em;font-weight:800;color:#0a4bb0}
.hero-section .banner-image-part .main-image:has(img.no-image):after{content:"✓ Passende Profis finden  ·  ✓ Aufträge vergleichen";position:absolute;bottom:20px;left:8%;right:8%;padding:14px 17px;font-weight:650;color:#103e60;background:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(11,71,125,.08);font-size:.86rem}
.hero-section .banner-image-part .main-image:has(img.no-image){background-image:url('/assets/frontend/homepage/images/banner-main-img.png'),linear-gradient(155deg,#cee3f2,#e8f3fb);background-repeat:no-repeat;background-position:center 52%,center;background-size:85% auto,cover}
.features-section,.service-section,.handyman-section{background:#fff}
.service-section,.how-it-work{background:#f7fafd}
.service-card,.single-job-card,.workflow-card,.handyman-card,.single-features-card{border:1px solid #dae7f0!important;background:#fff!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,53,84,.06)}
.service-card,.single-job-card{padding:22px}
.service-card .image-part{border-radius:13px;overflow:hidden}
.workflow-card .icon-wraper{margin:0 auto 18px;background:#eaf5e5;color:#0a4bb0}
.title-part .sub-title{font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:.82rem}
.title-part .title-2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}
.section-title-wraper{margin-bottom:36px}
.navbar-area .navbar-nav li a{font-size:.94rem}
@media(max-width:1050px){.hero-section .banner-content-wraper{gap:24px}.hero-section .banner-image-part{min-height:300px}}
@media(max-width:767px){.hero-section{padding:52px 0 60px}.hero-section .banner-content-wraper{flex-direction:column}.hero-section .banner-text-part-wraper{max-width:100%;width:100%}.hero-section .main-title{font-size:clamp(2.3rem,9vw,3.6rem)}.hero-section .banner-image-part{width:100%;max-width:100%;min-height:260px}.hero-section .banner-image-part .main-image:has(img.no-image){min-height:300px}.hero-section .banner-btn-wraper{width:100%}.hero-section .banner-form{width:100%}}

/* New primary public navigation, desktop and responsive */
.header .navbar-area{padding:14px 0}
.header .navbar-area .nav-container{display:flex;align-items:center;gap:22px}
.header .navbar-brand img{max-height:48px;object-fit:contain}
.header .navbar-area .navbar-nav{display:flex;align-items:center;gap:3px}
.header .navbar-area .navbar-nav>.nav-item{padding:0}
.header .navbar-area .navbar-nav>.nav-item>.nav-link{display:block;color:#244964;font-size:14px;font-weight:700;padding:11px 14px;border-radius:11px;line-height:1.5;white-space:nowrap}
.header .navbar-area .navbar-nav>.nav-item>.nav-link:hover,.header .navbar-area .navbar-nav>.nav-item>.nav-link.active{background:#e9f4fc;color:#0a4bb0}
.header .navbar-area .navbar-right-content{flex-shrink:0}
.header .navbar-toggler{border-radius:11px!important;width:44px!important;height:44px!important}
@media(max-width:1199px){.header .navbar-area .navbar-nav>.nav-item>.nav-link{padding:10px 8px;font-size:13px}}
@media(max-width:991px){.header .navbar-area .navbar-collapse{background:#fff;border:1px solid #dae6ef;box-shadow:0 14px 30px rgba(11,47,76,.09);padding:14px;border-radius:16px;margin-top:13px;max-height:65vh;overflow-y:auto}.header .navbar-area .navbar-nav{display:block}.header .navbar-area .navbar-nav>.nav-item>.nav-link{padding:14px 13px;font-size:15px;white-space:normal}.header .navbar-area .nav-container{flex-wrap:wrap}}

/* Brand and homepage service taxonomy, designed for contrast and keyboard use. */
.header .av-brand-logo{display:block;width:260px;max-width:100%;height:auto}
.av-category-showcase{background:linear-gradient(180deg,#f5faff 0%,#fff 100%);padding:76px 0 96px}
.av-category-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.av-category-kicker{color:#0a4bb0!important;font-weight:800;letter-spacing:.14em;font-size:12px;margin:0 0 10px}
.av-category-heading h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;line-height:1.14;color:#0c304d;margin:0 0 9px;font-weight:800}
.av-category-heading p:not(.av-category-kicker){color:#526d81;margin:0}
.av-category-all{display:inline-flex;align-items:center;gap:8px;background:#0a4bb0;padding:12px 18px;border-radius:11px;color:#fff!important;font-weight:750;white-space:nowrap}
.av-category-all:hover{background:#09365f;color:#fff!important}
.av-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.av-category-card{background:#fff;border:1px solid #d9e6f0;border-radius:15px;padding:18px 15px;display:flex;align-items:center;gap:12px;color:#183e5b!important;box-shadow:0 5px 18px rgba(13,58,88,.045);font-weight:700;line-height:1.35;min-height:79px}
.av-category-card:hover{border-color:#a3c4dc;box-shadow:0 12px 25px rgba(13,58,88,.11);transform:translateY(-2px)}
.av-category-card__mark{background:#e9f5e3;color:#216b37;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:17px;flex:0 0 32px}
.av-category-card__arrow{margin-left:auto;color:#3b7193;font-size:19px;flex-shrink:0}
.hero-section .banner-image-part .main-image:has(img.no-image):before,.hero-section .banner-image-part .main-image:has(img.no-image):after{display:none}
.hero-section .banner-image-part .main-image:has(img.no-image){background:#e6f2fb url('/assets/frontend/homepage/images/banner-main-img.png') center/contain no-repeat;border:0;box-shadow:none}
.hero-section .banner-form input::placeholder{color:#648097;opacity:1}
.header .navbar-brand{display:flex;align-items:center}
@media(max-width:1050px){.av-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header .av-brand-logo{width:220px}}
@media(max-width:767px){.av-category-heading{display:block}.av-category-all{margin-top:22px}.av-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.av-category-showcase{padding:48px 0 62px}.header .av-brand-logo{width:205px}}
@media(max-width:420px){.av-category-grid{grid-template-columns:1fr}.av-category-card{min-height:65px}}

/* larger branded wordmark: dark blue name, green .de */
.header .av-brand-logo{width:340px!important;max-width:min(340px,100%)!important;height:auto!important}
.header .navbar-area .nav-container{gap:14px}
@media(max-width:1200px){.header .av-brand-logo{width:290px!important;max-width:290px!important}.header .navbar-area .nav-container{gap:10px}}
@media(max-width:991px){.header .av-brand-logo{width:290px!important;max-width:min(290px,100%)!important}}
@media(max-width:480px){.header .av-brand-logo{width:250px!important;max-width:min(250px,100%)!important}}
/* Browser-verified fix: legacy navbar-brand max-width:180px clipped our larger logo. */
@media(min-width:1200px){.header .logo-wrapper{min-width:315px!important}.header .navbar-brand{width:300px!important;max-width:300px!important}.header .navbar-brand .av-brand-logo{width:300px!important;max-width:300px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{min-width:255px!important}.header .navbar-brand{width:250px!important;max-width:250px!important}.header .navbar-brand .av-brand-logo{width:250px!important;max-width:250px!important}}
@media(max-width:991px){.header .logo-wrapper{min-width:0!important}.header .navbar-brand{width:260px!important;max-width:calc(100vw - 100px)!important}.header .navbar-brand .av-brand-logo{width:100%!important;max-width:100%!important}}

/* Bigger crisp SVG logo, with responsive navbar sizing. */
@media(min-width:1200px){.header .logo-wrapper{min-width:365px!important}.header .navbar-brand{width:350px!important;max-width:350px!important}.header .navbar-brand .av-brand-logo{width:350px!important;max-width:350px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{min-width:285px!important}.header .navbar-brand{width:275px!important;max-width:275px!important}.header .navbar-brand .av-brand-logo{width:275px!important;max-width:275px!important}}
@media(max-width:991px){.header .navbar-brand{width:285px!important;max-width:calc(100vw - 95px)!important}.header .navbar-brand .av-brand-logo{width:100%!important;max-width:100%!important}}
/* Wordmark enlarged on request, 2026-10-27. */
@media(min-width:1400px){.header .logo-wrapper{min-width:450px!important}.header .navbar-brand{width:440px!important;max-width:440px!important}.header .navbar-brand .av-brand-logo{width:440px!important;max-width:440px!important}}
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{min-width:385px!important}.header .navbar-brand{width:375px!important;max-width:375px!important}.header .navbar-brand .av-brand-logo{width:375px!important;max-width:375px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{min-width:315px!important}.header .navbar-brand{width:305px!important;max-width:305px!important}.header .navbar-brand .av-brand-logo{width:305px!important;max-width:305px!important}}
@media(max-width:991px){.header .navbar-brand{width:315px!important;max-width:calc(100vw - 86px)!important}.header .navbar-brand .av-brand-logo{width:100%!important;max-width:100%!important}}

/* Enlarge the WHOLE original SVG wordmark, not its subtitle glyphs. */
@media(min-width:1400px){.header .logo-wrapper{min-width:520px!important}.header .navbar-brand{width:505px!important;max-width:505px!important}.header .navbar-brand .av-brand-logo{width:505px!important;max-width:505px!important}}
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{min-width:465px!important}.header .navbar-brand{width:450px!important;max-width:450px!important}.header .navbar-brand .av-brand-logo{width:450px!important;max-width:450px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{min-width:355px!important}.header .navbar-brand{width:340px!important;max-width:340px!important}.header .navbar-brand .av-brand-logo{width:340px!important;max-width:340px!important}}
@media(max-width:991px){.header .navbar-brand{width:335px!important;max-width:calc(100vw - 86px)!important}.header .navbar-brand .av-brand-logo{width:100%!important;max-width:100%!important}}
/* Laptop navigation: preserve larger whole logo without overflowing right CTA. */
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{min-width:415px!important}.header .navbar-brand{width:405px!important;max-width:405px!important}.header .navbar-brand .av-brand-logo{width:405px!important;max-width:405px!important}}
/* Navbar 2026-10-27: large brand + compact, adjacent menu in the same container. */
@media(min-width:992px){
 .header .navbar-area .nav-container{gap:8px!important;justify-content:flex-start!important}
 .header .navbar-area .navbar-collapse{flex:0 1 auto!important;min-width:0!important;gap:0!important;justify-content:flex-start!important}
 .header .navbar-area .navbar-collapse .navbar-nav{flex:0 1 auto!important;gap:0!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-item{padding-left:3px!important;padding-right:3px!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-link{padding-left:7px!important;padding-right:7px!important;white-space:nowrap!important}
 .header .navbar-area .navbar-right-content{flex:0 0 auto!important;margin-left:auto!important}
 .header .navbar-area .logo-wrapper{flex:0 0 auto!important}
}
@media(min-width:1400px){.header .logo-wrapper{min-width:0!important;width:490px!important}.header .navbar-brand{width:490px!important;max-width:490px!important}.header .navbar-brand .av-brand-logo{width:490px!important;max-width:490px!important}}
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{min-width:0!important;width:405px!important}.header .navbar-brand{width:405px!important;max-width:405px!important}.header .navbar-brand .av-brand-logo{width:405px!important;max-width:405px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{min-width:0!important;width:320px!important}.header .navbar-brand{width:320px!important;max-width:320px!important}.header .navbar-brand .av-brand-logo{width:320px!important;max-width:320px!important}.header .navbar-area .navbar-collapse .navbar-nav .nav-item{padding:0!important}.header .navbar-area .navbar-collapse .navbar-nav .nav-link{padding-left:4px!important;padding-right:4px!important}}
/* Clearly larger entire header logo: wider header, compact adjacent navigation. */
@media(min-width:1400px){
 .header .navbar-area .nav-container{max-width:1500px!important;width:calc(100% - 48px)!important;gap:9px!important}
 .header .logo-wrapper{min-width:0!important;width:650px!important;max-width:650px!important}
 .header .navbar-brand,.header .navbar-brand .av-brand-logo{width:650px!important;max-width:650px!important}
 .header .navbar-area .navbar-collapse{flex:0 0 auto!important;gap:0!important}
 .header .navbar-area .navbar-right-content{margin-left:auto!important}
}
@media(min-width:1200px) and (max-width:1399px){
 .header .navbar-area .nav-container{max-width:none!important;width:calc(100% - 38px)!important;gap:8px!important}
 .header .logo-wrapper{min-width:0!important;width:490px!important;max-width:490px!important}
 .header .navbar-brand,.header .navbar-brand .av-brand-logo{width:490px!important;max-width:490px!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-item{padding:0!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-link{padding-left:5px!important;padding-right:5px!important}
}
/* Critical visibility fix: old max-height:48px made the 650px SVG render as a tiny centered logo. */
.header .navbar-brand img.av-brand-logo{height:auto!important;max-height:none!important;object-fit:fill!important;display:block!important;flex-shrink:0!important}
.header .navbar-brand{height:auto!important;min-height:0!important;align-items:center!important}
.header .logo-wrapper{height:auto!important;min-height:0!important}
@media(min-width:992px){.header .navbar-area .nav-container{align-items:center!important;padding-top:12px!important;padding-bottom:12px!important}}
@media(max-width:991px){.header .navbar-area .nav-container{align-items:center!important}}
/* Fine tuning: scale entire logo down ~11%, preserve natural SVG proportions. */
@media(min-width:1400px){.header .logo-wrapper{width:580px!important;max-width:580px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:580px!important;max-width:580px!important}}
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{width:450px!important;max-width:450px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:450px!important;max-width:450px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{width:305px!important;max-width:305px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:305px!important;max-width:305px!important}}
@media(min-width:768px) and (max-width:991px){.header .navbar-brand{width:310px!important;max-width:310px!important}.header .navbar-brand img.av-brand-logo{width:310px!important;max-width:310px!important}}
@media(max-width:767px){.header .navbar-brand{width:290px!important;max-width:calc(100vw - 86px)!important}.header .navbar-brand img.av-brand-logo{width:100%!important;max-width:100%!important}}
/* Final small downward adjustment: maintain natural vector aspect ratio. */
@media(min-width:1400px){.header .logo-wrapper{width:540px!important;max-width:540px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:540px!important;max-width:540px!important}}
@media(min-width:1200px) and (max-width:1399px){.header .logo-wrapper{width:420px!important;max-width:420px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:420px!important;max-width:420px!important}}
@media(min-width:992px) and (max-width:1199px){.header .logo-wrapper{width:290px!important;max-width:290px!important}.header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:290px!important;max-width:290px!important}}
@media(min-width:768px) and (max-width:991px){.header .navbar-brand{width:295px!important;max-width:295px!important}.header .navbar-brand img.av-brand-logo{width:295px!important;max-width:295px!important}}
@media(max-width:767px){.header .navbar-brand{width:275px!important;max-width:calc(100vw - 86px)!important}.header .navbar-brand img.av-brand-logo{width:100%!important;max-width:100%!important}}
/* Header alignment: left edge of logo tracks left edge of hero title. */
@media(min-width:1200px){
 .header .navbar-area{padding:6px 0!important}
 .header .navbar-area .nav-container{max-width:1220px!important;width:calc(100% - 36px)!important;padding:7px 22px!important;gap:7px!important;justify-content:flex-start!important;align-items:center!important}
 .header .logo-wrapper{flex:0 0 380px!important;width:380px!important;max-width:380px!important;min-width:0!important}
 .header .navbar-brand,.header .navbar-brand img.av-brand-logo{width:380px!important;max-width:380px!important;height:auto!important;max-height:none!important}
 .header .navbar-area .navbar-collapse{flex:0 0 auto!important;min-width:0!important;gap:0!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-item{padding:0!important}
 .header .navbar-area .navbar-collapse .navbar-nav .nav-link{padding-left:5px!important;padding-right:5px!important;white-space:nowrap!important}
 .header .navbar-area .navbar-right-content{margin-left:10px!important;flex:0 0 auto!important}
}
@media(min-width:992px) and (max-width:1199px){
 .header .navbar-area{padding:5px 0!important}
 .header .navbar-area .nav-container{padding-top:5px!important;padding-bottom:5px!important}
 .header .navbar-area .navbar-right-content{margin-left:9px!important}
}
@media(max-width:991px){
 .header .navbar-area{padding:5px 0!important}
 .header .navbar-area .nav-container{padding-top:5px!important;padding-bottom:5px!important}
 /* Mobile menu already contains its own registration button; avoid a duplicate row. */
 .header .navbar-area .navbar-right-content{display:none!important}
}
/* More compact white header, while preserving the full logo dimensions. */
@media(min-width:1200px){
 .header .navbar-area{padding-top:2px!important;padding-bottom:2px!important}
 .header .navbar-area .nav-container{padding-top:0!important;padding-bottom:0!important}
}
@media(min-width:992px) and (max-width:1199px){
 .header .navbar-area{padding-top:2px!important;padding-bottom:2px!important}
 .header .navbar-area .nav-container{padding-top:0!important;padding-bottom:0!important}
}
@media(max-width:991px){
 .header .navbar-area{padding-top:2px!important;padding-bottom:2px!important}
 .header .navbar-area .nav-container{padding-top:2px!important;padding-bottom:2px!important}
}