/*
Theme Name: dravo consult Gutenberg v054
Theme URI: https://dravo-consult.de
Author: dravo consult
Description: Editierbares Gutenberg-Mehrseiten-Theme für dravo consult. Startseite, Expertise, elocal, tendercheck, Profil, Werdegang und Kontakt sind als eigenständige Gutenberg-Seiten angelegt.
Version: 5.4.0
Text Domain: dravo-consult
Requires at least: 6.4
Requires PHP: 7.4
*/
:root{--ink:#003a70;--ink-2:#33414c;--navy-deep:#002a52;--slate:#7d829e;--muted:#a8acbe;--red:#c1272e;--red-dark:#9e1f25;--paper:#f5f6f8;--paper-2:#e9ecf2;--white:#fff;--line:#d3d5de;--shadow:0 24px 70px rgba(0,42,82,.12);--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}.dravo-wrap{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}.dravo-section{padding:58px 0}.dravo-paper{background:var(--paper);border-block:1px solid var(--line)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(211,213,222,.9);backdrop-filter:blur(14px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-branding img{width:142px;height:auto;display:block}.site-branding .custom-logo{width:142px}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:29px}.primary-nav a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink-2);padding:8px 0;position:relative}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--red);transition:right .2s}.primary-nav a:hover:after{right:0}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:3px;color:var(--ink);font-weight:700}
.dravo-eyebrow{font-size:12px;line-height:1.4;letter-spacing:.17em;text-transform:uppercase;color:var(--red);font-weight:700}.dravo-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fafbfb 100%);border-bottom:1px solid var(--line)}.dravo-hero>.wp-block-group__inner-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:76px;align-items:center;padding:60px 0 56px}.dravo-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.025;letter-spacing:-.035em;margin:23px 0 0;font-weight:700}.dravo-hero h1 strong{color:var(--red)}.dravo-hero-lead{font-size:19px;color:var(--ink-2);max-width:41rem;margin-top:28px}.dravo-proof{display:flex;align-items:center;gap:14px;margin-top:26px;color:var(--slate);font-size:14px}.dravo-proof:before{content:"";width:42px;height:2px;background:var(--red);flex:none}.dravo-buttons{margin-top:38px}.wp-block-button__link{border-radius:3px!important;font-weight:700;font-size:14.5px;padding:12px 22px!important}.dravo-primary .wp-block-button__link{background:var(--red)!important;color:#fff!important}.dravo-secondary .wp-block-button__link{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)}
.dravo-hero-card{background:var(--ink);color:#fff;min-height:510px;padding:34px;border-radius:4px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.dravo-hero-card .wp-block-image img{width:118px;height:118px;object-fit:cover;object-position:center top;border-radius:4px}.dravo-hero-card h2{font-size:32px;line-height:1.15;margin:8px 0 0}.dravo-role{color:#bcc4c9!important;margin-top:8px}.dravo-quote-small{font-size:21px;line-height:1.4;color:#f2f4f5!important}.dravo-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8f9aa1!important}
.dravo-cred{background:var(--ink);color:#fff}.dravo-cred>.wp-block-group__inner-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto;display:grid;grid-template-columns:repeat(5,1fr)}.dravo-stat{padding:35px 28px;border-left:1px solid rgba(255,255,255,.1)}.dravo-stat:last-child{border-right:1px solid rgba(255,255,255,.1)}.dravo-stat h3{font-size:37px;line-height:1;margin:0;font-weight:700}.dravo-stat h3 strong{color:var(--red)}.dravo-stat p{color:#aeb7bd;font-size:13.5px;margin:11px 0 0}
.dravo-section>.wp-block-group__inner-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}.dravo-section-head{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:70px;align-items:end;margin-bottom:52px}.dravo-section-head h2{font-size:clamp(31px,4vw,48px);line-height:1.08;margin:12px 0 0}.dravo-section-head>p{color:var(--slate);font-size:18px;margin:0}.dravo-services{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px}.dravo-service{border:1px solid var(--line);background:#fff;padding:24px 26px 26px;min-height:206px;position:relative}.dravo-service:after{content:"";position:absolute;left:26px;bottom:-1px;width:42px;height:3px;background:var(--red)}.dravo-number{font-size:11px;letter-spacing:.14em;color:var(--red)!important}.dravo-service h3{font-size:23px;line-height:1.18;margin:24px 0 12px}.dravo-service p{color:var(--slate);font-size:15px;margin:0}
.dravo-outcome{background:var(--ink);color:#fff}.dravo-outcome .dravo-section-head>p{color:#b7c0c6}.dravo-outcome-grid{display:grid!important;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.dravo-outcome-item{padding:34px;border-left:1px solid rgba(255,255,255,.15)}.dravo-outcome-item:last-child{border-right:1px solid rgba(255,255,255,.15)}.dravo-outcome-item h3{font-size:27px;margin:14px 0 9px}.dravo-outcome-item p{color:#b7c0c6;font-size:15px}.dravo-outcome-item .dravo-number{color:var(--red)!important}
.dravo-elocal{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.dravo-elocal .wp-block-image img{width:262px;max-width:100%;height:auto}.dravo-elocal h2{font-size:clamp(32px,4vw,47px);line-height:1.08}.dravo-elocal p{font-size:17px;color:var(--slate)}.dravo-pills{display:flex!important;flex-wrap:wrap;gap:9px}.dravo-pill{font-size:11px;border:1px solid var(--line);padding:7px 10px;background:#fff;margin:0!important}.dravo-process{border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px rgba(31,39,45,.06)}.dravo-process-step{display:grid!important;grid-template-columns:44px 1fr;gap:18px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line)}.dravo-process-step:last-child{border-bottom:0}.dravo-process-step h4{font-size:15px;margin:0}.dravo-process-step p{font-size:13px;margin:2px 0 0;color:var(--slate)}
.dravo-profile{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:74px;align-items:start}.dravo-profile-card{background:var(--paper);border:1px solid var(--line);padding:36px}.dravo-profile-card .wp-block-image img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:3px}.dravo-profile-card h3{font-size:30px;margin:28px 0 5px}.dravo-profile-card p{color:var(--slate)}.dravo-tags{display:flex!important;flex-wrap:wrap;gap:8px}.dravo-tag{font-size:10.5px;text-transform:uppercase;padding:7px 9px;border:1px solid var(--line);background:#fff;margin:0!important}.dravo-profile-body .dravo-lead{font-size:26px;line-height:1.4;color:var(--ink)}.dravo-profile-body p{font-size:16.5px;color:var(--slate)}.dravo-principles{margin-top:38px;border-top:1px solid var(--line)}.dravo-principle{display:grid!important;grid-template-columns:38px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.dravo-principle h4{margin:0;font-size:15.5px}.dravo-principle p{font-size:14px;margin:3px 0 0}
.dravo-timeline{max-width:960px;margin-left:auto}.dravo-timeline-row{display:grid!important;grid-template-columns:150px 1fr;gap:40px;padding:11px 0;border-top:1px solid var(--line)}.dravo-timeline-row:last-child{border-bottom:1px solid var(--line)}.dravo-year{font-size:13px;color:var(--red)!important}.dravo-timeline-row h3{font-size:17px;margin:0}.dravo-timeline-row p{margin:5px 0 0;color:var(--slate);font-size:15px}.dravo-bigquote{padding:72px 0;background:var(--red);color:#fff}.dravo-bigquote>.wp-block-group__inner-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}.dravo-bigquote blockquote{margin:0;border:0;padding:0}.dravo-bigquote blockquote p{font-size:clamp(28px,4vw,45px);font-weight:700;line-height:1.22;max-width:22em}.dravo-bigquote cite{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.dravo-contact{display:grid!important;grid-template-columns:1.05fr .95fr;gap:78px}.dravo-contact h2{font-size:clamp(34px,4vw,50px);line-height:1.08}.dravo-contact-intro>p{font-size:18px;color:var(--slate)}.dravo-contact-card{border-top:3px solid var(--red);background:var(--paper);padding:31px}.dravo-contact-row{display:grid!important;grid-template-columns:100px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.dravo-contact-row:last-child{border-bottom:0}.dravo-contact-key{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)!important}.dravo-contact-value{text-align:right;font-size:15px;font-weight:700;margin:0!important}
.site-footer{background:var(--ink);color:#c2c9ce;padding:48px 0 28px}.footer-inner{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-logo img{width:158px}.footer-copy{max-width:29rem;color:#9da7ad;font-size:14px}.footer-menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px 35px}.footer-menu a{color:#c2c9ce;text-decoration:none;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;color:#7f8a91;font-size:12.5px}.entry-content{margin:0}.page-content{width:min(calc(100% - 64px),900px);margin:50px auto}
@media(max-width:1020px){.dravo-hero>.wp-block-group__inner-container{grid-template-columns:1fr .75fr;gap:42px}.dravo-services{grid-template-columns:repeat(2,1fr)}.dravo-section-head{grid-template-columns:1fr;gap:25px}.dravo-elocal,.dravo-profile,.dravo-contact{gap:45px}}
@media(max-width:820px){.dravo-wrap,.dravo-section>.wp-block-group__inner-container,.dravo-hero>.wp-block-group__inner-container,.dravo-cred>.wp-block-group__inner-container,.dravo-bigquote>.wp-block-group__inner-container,.footer-inner{width:min(calc(100% - 40px),var(--wrap))}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 20px}.primary-nav.open{display:block}.primary-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav a{display:block;padding:12px 8px;border-bottom:1px solid var(--line)}.dravo-hero>.wp-block-group__inner-container{grid-template-columns:1fr}.dravo-cred>.wp-block-group__inner-container{grid-template-columns:repeat(2,1fr)}.dravo-outcome-grid,.dravo-elocal,.dravo-profile,.dravo-contact{grid-template-columns:1fr}.footer-top{flex-direction:column}}
@media(max-width:580px){.dravo-section{padding:44px 0}.header-inner{height:70px}.primary-nav{top:70px}.dravo-hero h1{font-size:40px}.dravo-hero-lead{font-size:17px}.dravo-cred>.wp-block-group__inner-container,.dravo-services{grid-template-columns:1fr}.dravo-timeline-row{grid-template-columns:1fr;gap:7px}.dravo-contact-row{grid-template-columns:1fr;gap:4px}.dravo-contact-value{text-align:left}.footer-menu ul{grid-template-columns:1fr 1fr}}


/* WordPress 7 / Gutenberg: explicit layout containers (v1.1) */
.dravo-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.dravo-hero{width:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fafbfb 100%);border-bottom:1px solid var(--line)}
.dravo-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:76px;align-items:center;padding:60px 0 56px}
.dravo-cred{width:100%;background:var(--ink);color:#fff}
.dravo-cred-grid{display:grid!important;grid-template-columns:repeat(5,1fr)}
.dravo-section{width:100%;padding:58px 0}
.dravo-section>.dravo-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.dravo-bigquote{width:100%}.dravo-bigquote>.dravo-container{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.dravo-head-title,.dravo-head-copy,.dravo-process-copy,.dravo-principle-copy,.dravo-timeline-copy{min-width:0}
.dravo-section-head{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:70px;align-items:end;margin-bottom:52px}
.dravo-section-head .dravo-head-copy{color:var(--slate);font-size:18px;margin:0}
.dravo-hero-card{display:flex!important;flex-direction:column;justify-content:space-between}
.dravo-hero-photo img{width:118px!important;height:118px!important;object-fit:cover;object-position:center top;border-radius:4px}
.dravo-elocal-logo img{width:180px!important}
.dravo-profile-photo img{width:100%!important;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:3px}
@media(max-width:1020px){.dravo-hero-grid{grid-template-columns:1fr .75fr;gap:42px}.dravo-section-head{grid-template-columns:1fr;gap:25px}}
@media(max-width:820px){.dravo-container,.dravo-section>.dravo-container,.dravo-bigquote>.dravo-container{width:min(calc(100% - 40px),var(--wrap))}.dravo-hero-grid{grid-template-columns:1fr}.dravo-cred-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.dravo-cred-grid{grid-template-columns:1fr}}


/* tendercheck section */
.dravo-tender{background:#fff;border-top:1px solid var(--line)}
.dravo-tender-grid{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:start}
.dravo-tender-copy{background:var(--ink);color:#fff;padding:38px;min-height:100%}
.dravo-tender-copy h3{font-size:30px;line-height:1.16;margin:0 0 18px}
.dravo-tender-copy p{color:#c4cdd5;font-size:16px}
.dravo-tender-process{box-shadow:0 18px 50px rgba(0,42,82,.07)}
.dravo-tender-outcomes{display:grid!important;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dravo-tender-outcomes .dravo-outcome-item{color:var(--ink);border-left:1px solid var(--line)}
.dravo-tender-outcomes .dravo-outcome-item:last-child{border-right:1px solid var(--line)}
.dravo-tender-outcomes .dravo-outcome-item p{color:var(--slate)}

/* Page editor: header preview only. Hidden on public website. */
.dravo-editor-header{display:none!important}
@media(max-width:1020px){.dravo-tender-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:820px){.dravo-tender-outcomes{grid-template-columns:1fr}.dravo-tender-outcomes .dravo-outcome-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}}


/* v1.5 brand rules: elocal / tendercheck */

.dravo-tender-logo{margin:0 0 22px!important}.dravo-tender-logo img{width:262px;max-width:100%;height:auto;display:block}.dravo-tender-head .dravo-head-title{align-self:start}.dravo-language-switcher{display:flex;align-items:center;gap:7px;margin-left:4px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--slate)}.dravo-language-switcher a{text-decoration:none;color:var(--slate);padding:6px 2px}.dravo-language-switcher a:hover,.dravo-language-switcher a.is-current{color:var(--ink)}.dravo-lang-sep{color:var(--line)}
.dravo-brand{white-space:nowrap;font-weight:inherit}
.dravo-brand-red{color:var(--red)!important}
.dravo-brand-tail{color:inherit}
.dravo-brand-eyebrow{color:var(--ink)!important}
.dravo-brand-eyebrow .dravo-brand-red{color:var(--red)!important}
.primary-nav .dravo-brand-tail{color:var(--ink-2)!important}
.site-footer .dravo-brand-tail{color:#c2c9ce!important}


/* v1.7 product-family logo sizing: equal optical height */
.dravo-elocal-logo,
.dravo-tender-logo{
  margin:0 0 22px!important;
  min-height:96px;
  display:flex!important;
  align-items:flex-start;
  justify-content:flex-start;
}
.dravo-elocal-logo img,
.dravo-tender-logo img{
  width:auto!important;
  height:auto!important;
  max-height:96px!important;
  max-width:100%!important;
  object-fit:contain;
  object-position:left top;
  display:block!important;
}
@media(max-width:580px){
  .dravo-elocal-logo,.dravo-tender-logo{min-height:76px}
  .dravo-elocal-logo img,.dravo-tender-logo img{max-height:76px!important}
}


/* ==========================================================
   v1.8.0 — Premium redesign
   More editorial rhythm, stronger dravo presence, a full-bleed
   hero stage, aligned facts, differentiated product stages and
   restrained motion. Existing Gutenberg content stays editable.
   ========================================================== */
:root{
  --wrap:1240px;
  --shadow-soft:0 18px 55px rgba(0,42,82,.09);
  --shadow-float:0 28px 80px rgba(0,42,82,.14);
  --paper-blue:#f2f5f8;
}
html{scroll-padding-top:98px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.005em}
.dravo-section{padding:96px 0}
.dravo-paper{background:linear-gradient(180deg,#f7f8fa 0%,#f2f4f7 100%);border:0}
.dravo-eyebrow{letter-spacing:.19em}

/* Header — make dravo consult unmistakably the sender. */
.site-header{background:rgba(255,255,255,.965);border-bottom:1px solid rgba(0,42,82,.09);box-shadow:0 7px 28px rgba(0,42,82,.035)}
.header-inner{height:90px;gap:32px}
.site-branding{flex:0 0 auto}
.site-branding img,.site-branding .custom-logo{width:176px!important;height:auto!important}
.primary-nav ul{gap:27px}
.primary-nav a{font-size:14px;font-weight:650;letter-spacing:.002em}
.primary-nav a:after{height:2px;bottom:0}

/* Buttons — slightly more tactile, still restrained. */
.wp-block-button__link{border-radius:2px!important;padding:13px 24px!important;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.dravo-primary .wp-block-button__link{box-shadow:0 10px 24px rgba(193,39,46,.16)}
.dravo-primary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(193,39,46,.23);background:var(--red-dark)!important}
.dravo-secondary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,42,82,.08)}

/* Hero — left editorial message, right full-bleed executive stage. */
.dravo-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#fff 0%,#fbfcfd 59%,#eef3f7 100%);border:0}
.dravo-hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.72;background:
  radial-gradient(circle at 10% 19%,rgba(0,58,112,.08) 0 1px,transparent 1.5px),
  radial-gradient(circle at 30% 57%,rgba(193,39,46,.075) 0 1px,transparent 1.5px),
  linear-gradient(113deg,transparent 0 31%,rgba(0,58,112,.035) 31.1% 31.25%,transparent 31.35% 100%);
  background-size:42px 42px,64px 64px,100% 100%;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 48%,transparent 72%)}
.dravo-hero:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:max(63%,calc(50% + 195px));right:0;background:
  radial-gradient(circle at 82% 22%,rgba(255,255,255,.08),transparent 31%),
  linear-gradient(145deg,#064a83 0%,#003a70 52%,#002a52 100%);box-shadow:inset 1px 0 rgba(255,255,255,.08)}
.dravo-hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1.22fr) minmax(350px,.78fr)!important;gap:78px!important;min-height:clamp(650px,calc(86vh - 90px),790px);padding:76px 0 98px!important;align-items:center!important}
.dravo-hero-copy{max-width:760px}
.dravo-hero h1{font-size:clamp(46px,4.65vw,66px);line-height:1.035;letter-spacing:-.042em;margin:22px 0 0;max-width:12.6em}
.dravo-hero h1 strong{color:var(--red);font-weight:800}
.dravo-hero-lead{font-size:19px;line-height:1.65;max-width:42rem;margin-top:30px;color:#304658}
.dravo-proof{margin-top:25px;font-size:14px;color:#717b8e}
.dravo-buttons{margin-top:36px}
.dravo-buttons{display:flex!important;gap:14px!important;flex-wrap:wrap!important;align-items:center!important}.dravo-buttons .wp-block-button{margin:0!important}
.dravo-hero-card{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:535px!important;padding:48px 8px 44px 48px!important;color:#fff;position:relative}
.dravo-hero-card:before{content:"";position:absolute;left:18px;top:48px;bottom:44px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04))}
.dravo-hero-card .wp-block-image{margin:0 0 24px!important}
.dravo-hero-card .wp-block-image img,.dravo-hero-photo img{width:170px!important;height:170px!important;object-fit:cover!important;object-position:center top!important;border-radius:5px!important;border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 42px rgba(0,20,45,.25)}
.dravo-hero-card h2{font-size:36px;letter-spacing:-.025em;margin:7px 0 0}
.dravo-role{font-size:16px!important;color:#c7d3dc!important;margin-top:10px}
.dravo-quote-small{font-size:22px;line-height:1.43;color:#fff!important;max-width:18em;margin-bottom:26px!important}
.dravo-meta{font-size:11px;letter-spacing:.12em;color:#9fb5c5!important}
.dravo-scroll-cue{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);text-align:center;color:#778698;pointer-events:none}
.dravo-scroll-label{margin:0!important;font-size:10px!important;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.dravo-scroll-arrow{margin:3px 0 0!important;color:var(--red)!important;font-size:21px!important;line-height:1;animation:dravoScroll 1.9s ease-in-out infinite}
@keyframes dravoScroll{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* Facts — one floating trust band, not five PowerPoint tiles. */
.dravo-cred{background:linear-gradient(180deg,#f3f5f7 0%,#fff 100%)!important;color:var(--ink)!important;padding:0 0 34px;overflow:visible}
.dravo-cred-grid{position:relative;z-index:8;transform:translateY(-34px);display:grid!important;grid-template-columns:repeat(5,1fr)!important;background:#fff;border:1px solid rgba(0,42,82,.09);box-shadow:var(--shadow-float);overflow:hidden}
.dravo-stat{padding:30px 26px 28px!important;border:0!important;border-right:1px solid rgba(0,42,82,.09)!important;min-height:142px}
.dravo-stat:last-child{border-right:0!important}
.dravo-stat h3{height:46px;display:flex;align-items:baseline;color:var(--ink)!important;font-size:40px!important;line-height:1!important;margin:0!important;font-weight:780!important;letter-spacing:-.035em}
.dravo-stat h3 strong{font-size:1em!important;line-height:1!important;color:var(--red)!important;font-weight:780!important}
.dravo-stat p{color:#6f7b88!important;font-size:13px!important;line-height:1.42;margin:10px 0 0!important}

/* Section heads — more editorial, less slide-like. */
.dravo-section-head{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;gap:86px!important;align-items:end!important;margin-bottom:62px!important}
.dravo-section-head h2{font-size:clamp(36px,3.7vw,52px);letter-spacing:-.035em;line-height:1.06;margin-top:14px}
.dravo-section-head .dravo-head-copy,.dravo-section-head>p{font-size:18px;line-height:1.65;color:#6f7b88}

/* Expertise — two lead fields, four quieter supporting fields. */
.dravo-expertise{position:relative;overflow:hidden}
.dravo-expertise:before{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,58,112,.065),transparent 68%);pointer-events:none}
.dravo-services{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}
.dravo-service{min-height:0!important;border:0!important;border-top:1px solid rgba(0,42,82,.16)!important;background:transparent!important;padding:28px 10px 30px!important;box-shadow:none!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.dravo-service:after{display:none!important}
.dravo-service:nth-child(1),.dravo-service:nth-child(2){grid-column:span 6;background:#fff!important;padding:34px 36px 40px!important;min-height:264px!important;border-top:3px solid var(--red)!important;box-shadow:var(--shadow-soft)!important}
.dravo-service:nth-child(n+3){grid-column:span 3}
.dravo-service:hover{transform:translateY(-5px);border-color:var(--red)!important}
.dravo-service:nth-child(1):hover,.dravo-service:nth-child(2):hover{box-shadow:0 26px 70px rgba(0,42,82,.13)!important}
.dravo-service h3{font-size:22px;line-height:1.2;margin:24px 0 13px}
.dravo-service:nth-child(1) h3,.dravo-service:nth-child(2) h3{font-size:28px;max-width:14em}
.dravo-service p{color:#6f7b88;font-size:15px;line-height:1.6}
.dravo-number{font-weight:750}

/* Working method — a connected decision path across a deep stage. */
.dravo-outcome{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(53,126,181,.2),transparent 28%),linear-gradient(135deg,#003a70,#002a52 74%)!important;color:#fff;padding-top:104px!important;padding-bottom:104px!important}
.dravo-outcome:after{content:"";position:absolute;right:-8vw;bottom:-23vw;width:48vw;height:48vw;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.018),0 0 0 170px rgba(255,255,255,.012)}
.dravo-outcome .dravo-section-head{position:relative;z-index:2;margin-bottom:70px!important}
.dravo-outcome .dravo-section-head h2{font-size:clamp(40px,4vw,58px)}
.dravo-outcome .dravo-section-head>p,.dravo-outcome .dravo-head-copy{color:#c0cbd4!important}
.dravo-outcome-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:0!important;gap:42px}
.dravo-outcome-grid:before{content:"";position:absolute;left:5%;right:5%;top:22px;height:1px;background:linear-gradient(90deg,rgba(193,39,46,.9),rgba(255,255,255,.24),rgba(255,255,255,.08))}
.dravo-outcome-item{position:relative;padding:0 28px 4px 0!important;border:0!important;background:transparent!important}
.dravo-outcome-item .dravo-number{position:relative;z-index:2;display:flex;width:45px;height:45px;align-items:center;justify-content:center;margin:0 0 30px!important;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#003a70;color:#fff!important;font-size:10px;box-shadow:0 0 0 8px rgba(0,58,112,.92)}
.dravo-outcome-item h3{font-size:29px;letter-spacing:-.02em;margin:0 0 11px}
.dravo-outcome-item p{font-size:15.5px;line-height:1.62;color:#bdc9d2!important}

/* elocal — bright analytical product stage. */
.dravo-elocal-section{position:relative;background:#fff;overflow:hidden}
.dravo-elocal-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,transparent 8%,var(--red) 24%,#003a70 76%,transparent 92%);opacity:.78}
.dravo-elocal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:90px!important;align-items:center!important}
.dravo-elocal h2{font-size:clamp(36px,3.8vw,52px);letter-spacing:-.035em;line-height:1.07;margin-top:8px}
.dravo-elocal p{font-size:17px;line-height:1.68;color:#6f7b88}
.dravo-pills{margin-top:28px!important}
.dravo-pill{border:0!important;border-bottom:1px solid rgba(0,42,82,.18)!important;background:transparent!important;padding:7px 1px 6px!important;margin-right:16px!important;text-transform:uppercase;letter-spacing:.08em;color:#66727f!important}
.dravo-process{border:0!important;background:var(--paper-blue)!important;box-shadow:none!important;padding:10px 34px}
.dravo-process-step{position:relative;grid-template-columns:56px 1fr!important;gap:20px!important;padding:23px 0!important;border-bottom:1px solid rgba(0,42,82,.11)!important}
.dravo-process-step:last-child{border-bottom:0!important}
.dravo-process-step .dravo-number{font-size:20px!important;letter-spacing:-.03em;color:var(--red)!important}
.dravo-process-step h4{font-size:16px!important;letter-spacing:-.01em}
.dravo-process-step p{font-size:13.5px!important;color:#75818e!important}

/* Product logos — equal perceived main-word height. Master proportions remain intact. */
.dravo-elocal-logo,.dravo-tender-logo{min-height:120px!important;margin:0 0 26px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}
.dravo-elocal-logo img{width:auto!important;height:96px!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:left top!important}
.dravo-tender-logo img{width:auto!important;height:112px!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:left top!important}

/* tendercheck — equal brand status, deliberately more risk/decision oriented. */
.dravo-tender{position:relative;background:linear-gradient(180deg,#f4f6f8 0%,#eef2f5 100%)!important;border:0!important;overflow:hidden}
.dravo-tender:after{content:"";position:absolute;right:-8%;top:17%;width:430px;height:430px;background:radial-gradient(circle,rgba(193,39,46,.06),transparent 68%);pointer-events:none}
.dravo-tender-head{position:relative;z-index:2}
.dravo-tender-grid{position:relative;z-index:2;grid-template-columns:.94fr 1.06fr!important;gap:24px!important;align-items:stretch!important}
.dravo-tender-copy{position:relative;overflow:hidden;background:linear-gradient(145deg,#064a83,#003a70 65%,#002e5a)!important;color:#fff!important;padding:48px 46px!important;box-shadow:var(--shadow-soft);min-height:100%}
.dravo-tender-copy:after{content:"";position:absolute;right:-120px;bottom:-130px;width:310px;height:310px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.02)}
.dravo-tender-copy h3{font-size:34px!important;letter-spacing:-.025em;line-height:1.12;max-width:12em}
.dravo-tender-copy p{color:#c7d2db!important;line-height:1.68}
.dravo-tender-process{background:#fff!important;box-shadow:var(--shadow-soft)!important;padding:11px 34px!important}
.dravo-tender-outcomes{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin-top:36px!important;border:0!important;gap:18px}
.dravo-tender-outcomes .dravo-outcome-item{border:0!important;border-top:1px solid rgba(0,42,82,.18)!important;padding:26px 22px 6px 0!important;color:var(--ink)!important}
.dravo-tender-outcomes .dravo-outcome-item .dravo-number{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--red)!important;margin:0 0 17px!important}
.dravo-tender-outcomes .dravo-outcome-item h3{font-size:24px}
.dravo-tender-outcomes .dravo-outcome-item p{color:#6f7b88!important}

/* Profile — image as editorial portrait, not a boxed business-card. */
.dravo-profile-section{background:linear-gradient(180deg,#fff,#f6f8fa)!important}
.dravo-profile{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr)!important;gap:92px!important;align-items:center!important}
.dravo-profile-card{background:transparent!important;border:0!important;padding:0!important}
.dravo-profile-card .wp-block-image{margin:0 0 24px!important;position:relative}
.dravo-profile-card .wp-block-image:after{content:"";position:absolute;left:-15px;bottom:-15px;width:72%;height:72%;border-left:3px solid var(--red);border-bottom:3px solid var(--red);z-index:-1}
.dravo-profile-card .wp-block-image img{aspect-ratio:4/4.65!important;border-radius:2px!important;box-shadow:var(--shadow-soft)}
.dravo-profile-card h3{font-size:28px;margin:30px 0 4px}
.dravo-profile-card>p{font-size:14px}
.dravo-tags{margin-top:18px!important}
.dravo-tag{background:transparent!important;border:0!important;border-bottom:1px solid rgba(0,42,82,.16)!important;padding:6px 0!important;margin-right:14px!important}
.dravo-profile-body h2{font-size:clamp(38px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 26px}
.dravo-profile-body .dravo-lead{font-size:24px;line-height:1.45;color:var(--ink);max-width:24em}
.dravo-profile-body p{line-height:1.7;color:#6f7b88}
.dravo-principles{margin-top:36px}
.dravo-principle{grid-template-columns:46px 1fr!important;padding:19px 0!important}

/* Career — clean timeline, with stronger year hierarchy. */
.dravo-career{background:#fff}
.dravo-timeline{max-width:1080px!important;margin-left:auto!important}
.dravo-timeline-row{grid-template-columns:175px 1fr!important;gap:42px!important;padding:22px 0!important;border-top:1px solid rgba(0,42,82,.12)!important;position:relative}
.dravo-timeline-row:before{content:"";position:absolute;left:175px;top:0;bottom:0;width:1px;background:rgba(0,42,82,.06)}
.dravo-year{font-size:16px!important;font-weight:800;letter-spacing:-.015em;color:var(--red)!important;margin:0!important}
.dravo-timeline-row h3{font-size:19px!important;letter-spacing:-.015em}
.dravo-timeline-row p{font-size:15px!important;line-height:1.6;color:#75818e!important}

/* Quote — calm, high-impact punctuation instead of a red PowerPoint panel. */
.dravo-bigquote{position:relative;overflow:hidden;padding:104px 0!important;background:linear-gradient(135deg,#002a52 0%,#003a70 100%)!important;color:#fff}
.dravo-bigquote:before{content:"“";position:absolute;left:max(4vw,calc((100vw - var(--wrap))/2 - 30px));top:-62px;font-family:Georgia,serif;font-size:260px;line-height:1;color:rgba(193,39,46,.58);pointer-events:none}
.dravo-bigquote blockquote{position:relative;z-index:2;padding-left:86px!important}
.dravo-bigquote blockquote p{font-size:clamp(32px,4.2vw,54px)!important;letter-spacing:-.035em;font-weight:650!important;line-height:1.18!important;max-width:21em!important}
.dravo-bigquote cite{font-size:11px!important;letter-spacing:.15em;color:#b5c4cf!important}

/* Contact — clear final action rather than an administrative endpoint. */
.dravo-contact-section{background:linear-gradient(180deg,#fff 0%,#f4f6f8 100%);padding-top:104px!important;padding-bottom:108px!important}
.dravo-contact{grid-template-columns:1.08fr .92fr!important;gap:96px!important;align-items:start}
.dravo-contact h2{font-size:clamp(40px,4.2vw,58px)!important;letter-spacing:-.04em;line-height:1.04;max-width:9.5em}
.dravo-contact-intro>p{font-size:18px;line-height:1.67;color:#6f7b88;max-width:35em}
.dravo-contact-card{border:0!important;border-top:3px solid var(--red)!important;background:#fff!important;padding:36px 34px!important;box-shadow:var(--shadow-soft)}
.dravo-contact-row{padding:16px 0!important}

/* Footer slightly deeper and quieter. */
.site-footer{background:#00284e!important;padding-top:58px}
.footer-logo img{width:176px!important}

/* Restrained reveal motion. JS applies the classes only when supported. */
.dravo-motion-ready .dravo-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.dravo-motion-ready .dravo-reveal.is-visible{opacity:1;transform:none}
.dravo-motion-ready .dravo-service.dravo-reveal:nth-child(2),
.dravo-motion-ready .dravo-outcome-item.dravo-reveal:nth-child(2){transition-delay:.07s}
.dravo-motion-ready .dravo-service.dravo-reveal:nth-child(3),
.dravo-motion-ready .dravo-outcome-item.dravo-reveal:nth-child(3){transition-delay:.14s}
.dravo-motion-ready .dravo-service.dravo-reveal:nth-child(4){transition-delay:.09s}
.dravo-motion-ready .dravo-service.dravo-reveal:nth-child(5){transition-delay:.16s}
.dravo-motion-ready .dravo-service.dravo-reveal:nth-child(6){transition-delay:.23s}

/* Tablet */
@media(max-width:1050px){
 .dravo-section{padding:78px 0}
 .dravo-hero:after{left:66%}
 .dravo-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)!important;gap:46px!important;min-height:650px}
 .dravo-hero-card{padding-left:34px!important}
 .dravo-hero-card:before{left:8px}
 .dravo-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dravo-service:nth-child(n){grid-column:auto!important;min-height:220px!important;padding:30px!important;background:#fff!important;box-shadow:0 12px 36px rgba(0,42,82,.06)!important;border-top:2px solid rgba(0,42,82,.13)!important}
 .dravo-service:nth-child(1),.dravo-service:nth-child(2){border-top-color:var(--red)!important}
 .dravo-elocal,.dravo-profile,.dravo-contact{gap:54px!important}
 .dravo-tender-grid{gap:20px!important}
}

/* Mobile / narrow tablet */
@media(max-width:820px){
 html{scroll-padding-top:78px}
 .header-inner{height:76px}
 .site-branding img,.site-branding .custom-logo{width:154px!important}
 .primary-nav{top:76px!important}
 .dravo-language-switcher{margin-left:auto}
 .dravo-hero:after{display:none}
 .dravo-hero:before{mask-image:linear-gradient(180deg,#000,transparent 62%)}
 .dravo-hero-grid{grid-template-columns:1fr!important;gap:36px!important;min-height:0;padding:58px 0 72px!important}
 .dravo-hero h1{font-size:clamp(40px,10vw,55px);max-width:none}
 .dravo-hero-card{background:linear-gradient(145deg,#064a83,#003a70 62%,#002a52)!important;border-radius:3px!important;min-height:0!important;padding:38px 32px 40px!important;box-shadow:var(--shadow-float)!important}
 .dravo-hero-card:before{display:none}
 .dravo-hero-card .wp-block-image img,.dravo-hero-photo img{width:150px!important;height:150px!important}
 .dravo-scroll-cue{display:none!important}
 .dravo-cred{padding:28px 0 46px}
 .dravo-cred-grid{transform:none!important;grid-template-columns:repeat(2,1fr)!important}
 .dravo-stat{border-right:1px solid rgba(0,42,82,.09)!important;border-bottom:1px solid rgba(0,42,82,.09)!important}
 .dravo-section-head{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:46px!important}
 .dravo-services{grid-template-columns:1fr!important}
 .dravo-outcome-grid{grid-template-columns:1fr!important;gap:0!important}
 .dravo-outcome-grid:before{left:22px;right:auto;top:16px;bottom:36px;width:1px;height:auto;background:linear-gradient(180deg,var(--red),rgba(255,255,255,.12))}
 .dravo-outcome-item{padding:0 0 36px 78px!important}
 .dravo-outcome-item .dravo-number{position:absolute;left:0;top:-7px}
 .dravo-elocal,.dravo-tender-grid,.dravo-profile,.dravo-contact{grid-template-columns:1fr!important;gap:42px!important}
 .dravo-tender-outcomes{grid-template-columns:1fr!important;gap:0}
 .dravo-tender-outcomes .dravo-outcome-item{padding:24px 0!important}
 .dravo-tender-outcomes .dravo-outcome-item .dravo-number{position:static}
 .dravo-profile-card{max-width:520px}
 .dravo-timeline-row{grid-template-columns:1fr!important;gap:7px!important;padding:22px 0!important}
 .dravo-timeline-row:before{display:none}
 .dravo-bigquote blockquote{padding-left:38px!important}
 .dravo-bigquote:before{left:10px;font-size:200px}
}

@media(max-width:580px){
 .dravo-section{padding:62px 0}
 .header-inner{height:72px}
 .primary-nav{top:72px!important}
 .site-branding img,.site-branding .custom-logo{width:144px!important}
 .dravo-hero-grid{padding:48px 0 62px!important}
 .dravo-hero h1{font-size:37px;line-height:1.055;overflow-wrap:anywhere}
 .dravo-hero-lead{font-size:17px}
 .dravo-hero-card{padding:32px 25px 34px!important}
 .dravo-buttons .wp-block-button{width:100%!important}.dravo-buttons .wp-block-button__link{display:block!important;width:100%!important;text-align:center}
 .dravo-hero-card h2{font-size:31px}
 .dravo-quote-small{font-size:19px}
 .dravo-cred-grid{grid-template-columns:1fr!important}
 .dravo-stat{min-height:0!important;padding:23px 24px!important;display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}
 .dravo-stat h3{height:auto!important;font-size:34px!important}
 .dravo-stat p{margin:0!important}
 .dravo-service:nth-child(n){min-height:0!important;padding:27px 24px!important}
 .dravo-outcome{padding:72px 0!important}
 .dravo-process{padding:6px 22px!important}
 .dravo-process-step{grid-template-columns:46px 1fr!important;gap:14px!important}
 .dravo-elocal-logo,.dravo-tender-logo{min-height:94px!important}
 .dravo-elocal-logo img{height:76px!important}
 .dravo-tender-logo img{height:89px!important}
 .dravo-tender-copy{padding:34px 27px!important}
 .dravo-tender-process{padding:6px 22px!important}
 .dravo-bigquote{padding:78px 0!important}
 .dravo-bigquote blockquote{padding-left:20px!important}
 .dravo-bigquote:before{font-size:155px;top:-35px}
 .dravo-contact-section{padding:76px 0!important}
 .dravo-contact-card{padding:28px 24px!important}
}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .dravo-scroll-arrow{animation:none!important}
 .dravo-motion-ready .dravo-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .wp-block-button__link,.dravo-service{transition:none!important}
}


/* ======================================================================
   v019 — visual identity / Decision Network
   Adds a recognisable analytical key visual while tightening the hero
   typography so the main headline reads as a professional web headline,
   not as a stack of oversized PowerPoint line breaks.
   ====================================================================== */
.dravo-hero{
  background:linear-gradient(112deg,#ffffff 0%,#fbfcfd 56%,#edf3f7 100%)!important;
}
.dravo-hero:before{
  opacity:1!important;
  mask-image:none!important;
  background-image:url('assets/decision-network.svg')!important;
  background-repeat:no-repeat!important;
  background-position:58% 52%!important;
  background-size:min(78vw,1060px) auto!important;
  filter:none!important;
}
.dravo-hero:after{
  left:max(65%,calc(50% + 210px))!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.10),transparent 26%),
    linear-gradient(145deg,#064a83 0%,#003a70 54%,#002a52 100%)!important;
}
.dravo-hero-grid{
  grid-template-columns:minmax(0,1.34fr) minmax(330px,.66fr)!important;
  gap:66px!important;
  min-height:clamp(650px,calc(84vh - 90px),760px)!important;
  padding:70px 0 90px!important;
}
.dravo-hero-copy{max-width:760px!important}
.dravo-hero h1{
  font-size:clamp(43px,4.05vw,58px)!important;
  line-height:1.075!important;
  letter-spacing:-.038em!important;
  max-width:13.8em!important;
  margin-top:20px!important;
  text-wrap:balance;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.dravo-hero h1 strong{white-space:nowrap}
.dravo-hero-lead{max-width:39rem!important;margin-top:27px!important}
.dravo-hero-card{padding-left:38px!important;min-height:520px!important}
.dravo-hero-card:before{left:8px!important}
.dravo-hero-card .wp-block-image img,.dravo-hero-photo img{width:188px!important;height:188px!important}
.dravo-hero-card h2{font-size:34px!important}

/* The network is intentionally visible, but copy always wins legibility. */
.dravo-hero-copy{position:relative}
.dravo-hero-copy:after{
  content:"";position:absolute;z-index:-1;inset:-34px -46px -36px -42px;
  background:radial-gradient(ellipse at 42% 48%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 54%,rgba(255,255,255,0) 82%);
  pointer-events:none;
}

@media(max-width:1120px){
 .dravo-hero:after{left:67%!important}
 .dravo-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;gap:42px!important}
 .dravo-hero h1{font-size:clamp(41px,4.3vw,53px)!important;max-width:14em!important}
 .dravo-hero-card{padding-left:28px!important}
 .dravo-hero-card .wp-block-image img,.dravo-hero-photo img{width:166px!important;height:166px!important}
}
@media(max-width:820px){
 .dravo-hero:before{background-position:75% 3%!important;background-size:900px auto!important;opacity:.52!important}
 .dravo-hero-grid{grid-template-columns:1fr!important;gap:34px!important;padding:54px 0 68px!important}
 .dravo-hero h1{font-size:clamp(38px,7.5vw,50px)!important;line-height:1.08!important;max-width:16em!important;text-wrap:balance}
 .dravo-hero-copy:after{inset:-28px -20px -26px -20px}
 .dravo-hero-card .wp-block-image img,.dravo-hero-photo img{width:156px!important;height:156px!important}
}
@media(max-width:580px){
 .dravo-hero:before{background-position:68% 1%!important;background-size:760px auto!important;opacity:.38!important}
 .dravo-hero h1{font-size:clamp(34px,9.2vw,41px)!important;line-height:1.09!important;letter-spacing:-.033em!important;max-width:none!important;text-wrap:pretty;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important}
 .dravo-hero h1 strong{white-space:normal}
}

@media(prefers-reduced-motion:reduce){
 .dravo-scroll-arrow{animation:none!important}
}

/* v019 typography guardrails across the start page: balanced lines, no forced word breaking. */
.dravo-section-head h2,
.dravo-elocal h2,
.dravo-tender-head h2,
.dravo-tender-copy h3,
.dravo-profile-body h2,
.dravo-outcome h2,
.dravo-contact h2,
.dravo-bigquote blockquote p{
  text-wrap:balance;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(min-width:821px){
 .dravo-section-head h2{font-size:clamp(35px,3.35vw,48px)!important;line-height:1.09!important}
 .dravo-outcome .dravo-section-head h2{font-size:clamp(38px,3.6vw,52px)!important}
 .dravo-contact h2{font-size:clamp(38px,3.65vw,52px)!important;max-width:11.5em!important}
}

/* ======================================================================
   v019 final colour and visual refinement
   Anthracite is the default text colour. Navy remains a stage/structure
   colour; dravo red remains the only strong textual accent.
   ====================================================================== */
:root{
  --charcoal:#20262c;
  --charcoal-2:#46515a;
  --charcoal-3:#6f7880;
  --brand-navy:#003a70;
  --brand-navy-deep:#002a52;
}
body{color:var(--charcoal)!important}
h1,h2,h3,h4,h5,h6{color:var(--charcoal)}
.primary-nav a{color:var(--charcoal)!important}
.primary-nav .dravo-brand-tail,.dravo-brand-tail{color:#4d555c!important}
.dravo-language-switcher a{color:#69727a!important}
.dravo-language-switcher a:hover,.dravo-language-switcher a.is-current{color:var(--charcoal)!important}
.dravo-secondary .wp-block-button__link{color:var(--charcoal)!important}
.dravo-hero-lead{color:var(--charcoal-2)!important}
.dravo-proof{color:#737b82!important}
.dravo-stat h3{color:var(--charcoal)!important}
.dravo-stat p,.dravo-section-head .dravo-head-copy,.dravo-section-head>p,.dravo-service p,.dravo-elocal p,.dravo-process-step p,.dravo-profile-card p,.dravo-profile-body p,.dravo-principle p,.dravo-timeline-row p,.dravo-contact-intro>p{color:var(--charcoal-3)!important}
.dravo-service h3,.dravo-elocal h2,.dravo-profile-body h2,.dravo-profile-body .dravo-lead,.dravo-timeline-row h3,.dravo-contact h2,.dravo-contact-value{color:var(--charcoal)!important}
.dravo-tender-head h2,.dravo-tender-outcomes .dravo-outcome-item h3{color:var(--charcoal)!important}
.dravo-tender-outcomes .dravo-outcome-item p{color:var(--charcoal-3)!important}

/* Keep navy where it creates depth rather than reading as body typography. */
.dravo-hero-card,.dravo-outcome,.site-footer{color:#fff}
.dravo-hero-card h2,.dravo-hero-card h3,.dravo-outcome h2,.dravo-outcome h3,.dravo-bigquote h2,.dravo-bigquote h3{color:#fff!important}
.dravo-tender-copy h3{color:#fff!important}

/* Sparse route graphic in front of the blue stage, behind all copy. */
.dravo-hero:before{
  z-index:0!important;
  opacity:.92!important;
  background-position:50% 48%!important;
  background-size:max(1180px,100vw) auto!important;
}
.dravo-hero:after{z-index:-1!important}
.dravo-hero-grid,.dravo-scroll-cue{z-index:2!important}
.dravo-hero-copy{z-index:2!important}
.dravo-hero-card{z-index:2!important}

/* Headline: strong, but never a pile of oversized short lines. */
.dravo-hero-grid{
  grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr)!important;
  gap:58px!important;
}
.dravo-hero-copy{max-width:800px!important}
.dravo-hero h1{
  font-size:clamp(42px,3.75vw,55px)!important;
  line-height:1.095!important;
  letter-spacing:-.035em!important;
  max-width:15.2em!important;
  text-wrap:balance!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.dravo-hero h1 strong{color:var(--red)!important;white-space:nowrap}

@media(max-width:1120px){
 .dravo-hero-grid{grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr)!important;gap:40px!important}
 .dravo-hero h1{font-size:clamp(40px,4.2vw,51px)!important;max-width:14.8em!important}
 .dravo-hero:before{background-size:1200px auto!important;background-position:45% 44%!important;opacity:.82!important}
}
@media(max-width:820px){
 .dravo-hero-grid{grid-template-columns:1fr!important}
 .dravo-hero h1{font-size:clamp(38px,7.2vw,49px)!important;max-width:16em!important}
 .dravo-hero:before{background-size:1050px auto!important;background-position:48% 4%!important;opacity:.48!important}
}
@media(max-width:580px){
 .dravo-hero h1{font-size:clamp(33px,9vw,40px)!important;line-height:1.11!important;max-width:none!important;text-wrap:pretty!important}
 .dravo-hero h1 strong{white-space:normal}
 .dravo-hero:before{background-size:920px auto!important;opacity:.34!important}
}
.site-footer .dravo-brand-tail,.dravo-outcome .dravo-brand-tail,.dravo-tender-copy .dravo-brand-tail{color:#d7e0e6!important}

/* ======================================================================
   v020 — consolidated review fixes
   1) hero executive stage is reliably dark and readable
   2) Gutenberg flow gaps cannot offset custom-grid siblings
   3) statistic baselines are deterministic
   4) expertise lead fields have identical geometry
   5) tendercheck now follows the elocal product-stage language
   ====================================================================== */

/* --- Gutenberg / WordPress flow-gap guardrails for custom layouts --- */
.dravo-hero-grid > *,
.dravo-cred-grid > *,
.dravo-services > *,
.dravo-outcome-grid > *,
.dravo-elocal > *,
.dravo-tender-grid > *,
.dravo-tender-outcomes > *,
.dravo-profile > *,
.dravo-contact > *{
  margin-block-start:0!important;
  margin-block-end:0!important;
}

/* --- Hero: dark right stage must sit behind, not behind the section --- */
.dravo-hero:before{
  z-index:0!important;
  opacity:.72!important;
  background-position:47% 47%!important;
  background-size:max(1180px,100vw) auto!important;
}
.dravo-hero:after{
  z-index:1!important;
  left:68%!important;
  background-image:
    linear-gradient(rgba(0,42,82,.10),rgba(0,42,82,.10)),
    url('assets/decision-network.svg'),
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.11),transparent 28%),
    linear-gradient(145deg,#064a83 0%,#003a70 54%,#002a52 100%)!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:center,58% 48%,center,center!important;
  background-size:100% 100%,max(1180px,100vw) auto,100% 100%,100% 100%!important;
}
.dravo-hero-grid,.dravo-scroll-cue{position:relative;z-index:2!important}
.dravo-hero-card{z-index:3!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,20,45,.08)}
.dravo-hero-card h2{color:#fff!important}
.dravo-hero-card .dravo-role{color:#d6e0e7!important}
.dravo-hero-card .dravo-quote-small{color:#fff!important}
.dravo-hero-card .dravo-meta{color:#b5c8d6!important}

/* Hero headline: natural professional wrapping; no balancing into one-word lines. */
.dravo-hero-grid{
  grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr)!important;
  gap:54px!important;
}
.dravo-hero-copy{max-width:830px!important}
.dravo-hero h1{
  font-size:clamp(41px,3.55vw,52px)!important;
  line-height:1.105!important;
  letter-spacing:-.033em!important;
  max-width:16.4em!important;
  text-wrap:pretty!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* --- Facts: one common number baseline, including 35+ --- */
.dravo-stat{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
}
.dravo-stat h3{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
}
.dravo-stat-main,.dravo-stat-suffix{
  display:inline-block!important;
  font:inherit!important;
  line-height:1!important;
  vertical-align:baseline!important;
}
.dravo-stat-suffix{color:var(--red)!important;margin-left:2px!important}
.dravo-stat p{margin:10px 0 0!important}

/* --- Expertise: identical lead-card boxes and aligned supporting row --- */
.dravo-services{align-items:stretch!important}
.dravo-service{margin:0!important;height:100%!important}
.dravo-service:nth-child(1),.dravo-service:nth-child(2){
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
}
.dravo-service:nth-child(1) h3,.dravo-service:nth-child(2) h3{min-height:2.4em}
.dravo-service:nth-child(n+3){display:flex!important;flex-direction:column!important;align-self:stretch!important}
.dravo-service:nth-child(n+3) h3{min-height:2.45em}

/* --- tendercheck: same product-family stage as elocal --- */
.dravo-tender{
  position:relative!important;
  background:#fff!important;
  border-top:1px solid rgba(32,38,44,.08)!important;
  overflow:hidden!important;
}
.dravo-tender:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:7px;
  background:linear-gradient(180deg,transparent 8%,var(--red) 24%,#003a70 76%,transparent 92%);
  opacity:.78;pointer-events:none;
}
.dravo-tender:after{display:none!important}
.dravo-tender-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:90px!important;
  align-items:center!important;
}
.dravo-tender-copy{
  background:transparent!important;
  color:var(--charcoal)!important;
  padding:0!important;
  box-shadow:none!important;
  min-height:0!important;
  overflow:visible!important;
}
.dravo-tender-copy:after{display:none!important}
.dravo-tender-copy h2,.dravo-tender-copy h3{
  color:var(--charcoal)!important;
  font-size:clamp(36px,3.8vw,52px)!important;
  letter-spacing:-.035em!important;
  line-height:1.07!important;
  margin:8px 0 22px!important;
  max-width:13em!important;
  text-wrap:pretty!important;
}
.dravo-tender-copy p{
  color:var(--charcoal-3)!important;
  font-size:17px!important;
  line-height:1.68!important;
}
.dravo-tender-copy .dravo-brand-tail{color:#4d555c!important}
.dravo-tender-process{
  border:0!important;
  background:var(--paper-blue)!important;
  box-shadow:none!important;
  padding:10px 34px!important;
}
.dravo-tender-outcomes{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  margin-top:44px!important;
  border:0!important;
}
.dravo-tender-outcomes .dravo-outcome-item{
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(0,42,82,.16)!important;
  padding:24px 22px 6px 0!important;
  color:var(--charcoal)!important;
}
.dravo-tender-outcomes .dravo-outcome-item .dravo-number{
  display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--red)!important;margin:0 0 15px!important;
}
.dravo-tender-outcomes .dravo-outcome-item h3{color:var(--charcoal)!important;font-size:22px!important;margin:0 0 8px!important}
.dravo-tender-outcomes .dravo-outcome-item p{color:var(--charcoal-3)!important;margin:0!important}

@media(max-width:1120px){
 .dravo-hero:after{left:66%!important}
 .dravo-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)!important;gap:38px!important}
 .dravo-hero h1{font-size:clamp(39px,4vw,49px)!important;max-width:16em!important}
 .dravo-tender-grid{gap:54px!important}
}
@media(max-width:820px){
 .dravo-hero:after{display:none!important}
 .dravo-hero h1{font-size:clamp(37px,7.1vw,48px)!important;max-width:16em!important;text-wrap:pretty!important}
 .dravo-tender-grid{grid-template-columns:1fr!important;gap:42px!important}
 .dravo-tender-copy h2,.dravo-tender-copy h3{max-width:none!important}
 .dravo-tender-outcomes{grid-template-columns:1fr!important;gap:0!important}
}
@media(max-width:580px){
 .dravo-hero h1{font-size:clamp(32px,8.7vw,39px)!important;line-height:1.12!important}
 .dravo-stat h3{height:auto!important;min-height:0!important}
}


/* ======================================================================
   v021 — brand consistency + stable working-method alignment
   - every visible "dravo consult" occurrence generated by the theme uses
     the corporate text mark: dravo red / consult neutral
   - 01 / 02 / 03 in the working-method stage never move out of alignment
     during reveal animations
   ====================================================================== */
.dravo-brand-consult{display:inline!important;white-space:nowrap!important;font-weight:inherit!important}
.dravo-brand-consult .dravo-brand-red{color:var(--red)!important}
.dravo-brand-consult .dravo-brand-tail{color:var(--charcoal,#20262c)!important}
.dravo-bigquote .dravo-brand-consult .dravo-brand-tail{color:rgba(255,255,255,.78)!important}
.site-footer .dravo-brand-consult .dravo-brand-tail{color:#c2c9ce!important}

/* Keep the complete 01/02/03 decision path on one deterministic top line. */
.dravo-outcome-grid{align-items:start!important}
.dravo-outcome-grid>.dravo-outcome-item{
  align-self:start!important;
  margin:0!important;
  top:auto!important;
}
.dravo-outcome-item>.dravo-number{margin-top:0!important}
/* Outcome items must not vertically translate at different stagger times. */
.dravo-motion-ready .dravo-outcome-item.dravo-reveal,
.dravo-motion-ready .dravo-outcome-item.dravo-reveal.is-visible{
  transform:none!important;
  transition-property:opacity!important;
  transition-duration:.48s!important;
  transition-delay:0s!important;
}

/* ======================================================================
   v022 — multipage architecture
   Startseite becomes a concise entry page; Expertise, elocal, tendercheck,
   Profil, Werdegang and Kontakt are independent Gutenberg pages.
   ====================================================================== */

/* Navigation now links to real pages. */
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a{color:var(--charcoal,#20262c)!important}
.primary-nav .current-menu-item > a:after,
.primary-nav .current_page_item > a:after{right:0!important}

/* Shared page hero: strong but deliberately shorter than the home hero. */
.dravo-page-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(112deg,#fff 0%,#fbfcfd 60%,#edf3f7 100%);
  border-bottom:1px solid rgba(32,38,44,.10)
}
.dravo-page-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url('assets/decision-network.svg') no-repeat 86% 44%/min(64vw,900px) auto;
  opacity:.52
}
.dravo-page-hero-inner{position:relative;z-index:2;padding:92px 0 88px!important}
.dravo-page-hero h1{
  margin:16px 0 0!important;max-width:15em;
  font-size:clamp(44px,4.8vw,66px)!important;line-height:1.04!important;
  letter-spacing:-.045em!important;color:var(--charcoal,#20262c)!important;
  text-wrap:pretty!important;hyphens:none!important
}
.dravo-page-hero-lead{max-width:48rem;margin:25px 0 0!important;font-size:19px!important;line-height:1.68!important;color:var(--charcoal-2,#46515a)!important}

/* Start page: still visually strong, but no longer a long one-page presentation. */
.dravo-home-hero .dravo-hero-grid{min-height:clamp(620px,76vh,720px)!important}
.dravo-home-expertise,.dravo-home-profile{padding:94px 0!important}
.dravo-home-products{padding:100px 0!important}
.dravo-home-teaser-grid{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:92px;align-items:start}
.dravo-home-teaser-copy h2,.dravo-home-section-title h2,.dravo-home-profile-copy h2,.dravo-home-cta h2{
  font-size:clamp(38px,4vw,54px)!important;line-height:1.06!important;letter-spacing:-.04em!important;margin:12px 0 22px!important;color:var(--charcoal,#20262c)!important
}
.dravo-home-teaser-copy>p,.dravo-home-profile-copy>p{font-size:17px!important;line-height:1.7!important;color:var(--charcoal-3,#6f7880)!important}
.dravo-home-feature-list{display:grid!important;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(32,38,44,.12)}
.dravo-feature{margin:0!important;padding:22px 0!important;border-bottom:1px solid rgba(32,38,44,.12)}
.dravo-feature .dravo-number{margin:0 0 8px!important;color:var(--red)!important}
.dravo-feature h3{margin:0 0 6px!important;font-size:21px!important;line-height:1.22!important;color:var(--charcoal,#20262c)!important}
.dravo-feature>p:last-child{margin:0!important;font-size:15px!important;line-height:1.58!important;color:var(--charcoal-3,#6f7880)!important}

.dravo-home-section-title{max-width:760px;margin-bottom:46px}
.dravo-home-products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dravo-home-product-card{
  margin:0!important;padding:42px 42px 38px!important;min-height:390px;
  display:flex!important;flex-direction:column!important;
  background:#fff;border:1px solid rgba(32,38,44,.10);border-top:3px solid var(--red);
  box-shadow:0 18px 55px rgba(0,42,82,.07)
}
.dravo-home-product-logo{height:96px!important;min-height:96px!important;margin:0 0 24px!important;display:flex!important;align-items:center!important}
.dravo-home-product-logo img{width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
.dravo-home-elocal-logo img{height:74px!important}
.dravo-home-tender-logo img{height:88px!important}
.dravo-home-product-card h3{font-size:27px!important;line-height:1.18!important;letter-spacing:-.025em!important;margin:0 0 14px!important;color:var(--charcoal,#20262c)!important}
.dravo-home-product-card>p{font-size:15.5px!important;color:var(--charcoal-3,#6f7880)!important;margin:0 0 18px!important}
.dravo-home-product-card .dravo-buttons{margin-top:auto!important}

.dravo-home-profile-grid{display:grid!important;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:78px;align-items:center}
.dravo-home-profile-image{max-width:420px}
.dravo-home-profile-photo img{width:100%!important;aspect-ratio:4/4.6;object-fit:cover;object-position:center top;border-radius:3px;box-shadow:0 20px 60px rgba(0,42,82,.12)}
.dravo-home-profile-copy{max-width:720px}
.dravo-home-cta{background:#002f5b!important;color:#fff!important;padding:88px 0!important}
.dravo-home-cta .dravo-eyebrow{color:#e7494f!important}
.dravo-home-cta h2{color:#fff!important;max-width:12em}
.dravo-home-cta p{max-width:43rem;color:#c7d2db!important;font-size:18px!important}

/* Expertise page — equal service cards and a deterministic 01/02/03 grid. */
.dravo-expertise-page{padding:92px 0!important}
.dravo-services-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.dravo-services-page>.dravo-service{min-height:260px!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:32px!important}
.dravo-services-page>.dravo-service h3{min-height:2.4em!important}
.dravo-method-section{padding:94px 0 100px!important;background:#003a70!important;color:#fff!important}
.dravo-method-head{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:86px;align-items:end;margin-bottom:58px!important}
.dravo-method-head h2{font-size:clamp(40px,4.3vw,58px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:12px 0 0!important;color:#fff!important;max-width:10em}
.dravo-method-head>p:last-child{margin:0!important;color:#cfdae3!important;font-size:18px!important;line-height:1.65!important}
.dravo-method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid rgba(255,255,255,.16)}
.dravo-method-grid>.dravo-feature{
  min-height:258px!important;padding:32px 36px 24px 0!important;margin:0!important;
  border:0!important;border-bottom:0!important;border-right:1px solid rgba(255,255,255,.15)!important;
  display:grid!important;grid-template-rows:42px auto 1fr;align-content:start!important
}
.dravo-method-grid>.dravo-feature+ .dravo-feature{padding-left:36px!important}
.dravo-method-grid>.dravo-feature:last-child{border-right:0!important}
.dravo-method-grid .dravo-number{margin:0!important;align-self:start!important;color:#ef585e!important}
.dravo-method-grid h3{margin:0 0 12px!important;font-size:27px!important;line-height:1.2!important;color:#fff!important}
.dravo-method-grid .dravo-feature>p:last-child{margin:0!important;color:#c8d4dd!important;font-size:15.5px!important;line-height:1.62!important}

/* Product pages: identical shell for elocal and tendercheck. */
.dravo-product-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#fff 0%,#fbfcfd 57%,#eef3f7 100%);border-bottom:1px solid rgba(32,38,44,.10)}
.dravo-product-hero:before{content:"";position:absolute;inset:0;background:url('assets/decision-network.svg') no-repeat 88% 48%/min(62vw,880px) auto;opacity:.48;pointer-events:none}
.dravo-product-hero-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:78px;align-items:end;padding:86px 0 82px!important}
.dravo-product-page-logo{height:108px!important;min-height:108px!important;margin:0 0 18px!important;display:flex!important;align-items:center!important}
.dravo-product-page-logo img{width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
.dravo-product-elocal-logo img{height:82px!important}
.dravo-product-tender-logo img{height:98px!important}
.dravo-product-kicker{display:none}
.dravo-product-hero h1{font-size:clamp(44px,4.7vw,64px)!important;line-height:1.04!important;letter-spacing:-.045em!important;max-width:13.4em!important;margin:4px 0 0!important;color:var(--charcoal,#20262c)!important;text-wrap:pretty!important;hyphens:none!important}
.dravo-product-hero-aside{padding:28px 0 8px 32px!important;border-left:2px solid var(--red);align-self:center}
.dravo-product-owner{font-size:15px!important;color:var(--charcoal-2,#46515a)!important;margin:0 0 7px!important}
.dravo-product-meta{font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--charcoal-3,#6f7880)!important;margin:0!important}
.dravo-product-main{padding:96px 0!important}
.dravo-product-main-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:86px;align-items:center}
.dravo-product-copy h2{font-size:clamp(38px,4vw,54px)!important;line-height:1.06!important;letter-spacing:-.04em!important;margin:12px 0 22px!important;color:var(--charcoal,#20262c)!important;max-width:12em}
.dravo-product-copy>p{font-size:17px!important;line-height:1.72!important;color:var(--charcoal-3,#6f7880)!important}
.dravo-product-process{box-shadow:none!important;background:#fff!important;border:1px solid rgba(32,38,44,.10)!important}
.dravo-product-process .dravo-process-step{padding:23px 24px!important;min-height:84px}
.dravo-product-benefit-section{padding:90px 0 96px!important}
.dravo-product-benefit-section h2{font-size:clamp(38px,4vw,54px)!important;letter-spacing:-.04em!important;margin:12px 0 38px!important;color:var(--charcoal,#20262c)!important}
.dravo-product-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dravo-product-benefits>.dravo-feature{padding:28px 28px 30px!important;border:1px solid rgba(32,38,44,.10)!important;border-top:2px solid var(--red)!important;background:#fff!important;min-height:210px!important}
.dravo-page-cta{padding:74px 0 78px!important;background:#f3f5f7!important;border-top:1px solid rgba(32,38,44,.08)}
.dravo-page-cta-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:46px;align-items:center}
.dravo-page-cta-inner h2{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0!important;color:var(--charcoal,#20262c)!important}
.dravo-page-cta-inner>p{grid-column:1;margin:10px 0 0!important;color:var(--charcoal-3,#6f7880)!important;font-size:17px!important}
.dravo-page-cta-inner>.dravo-buttons{grid-column:2;grid-row:1 / span 2;margin:0!important}

/* Profile, career and contact pages. */
.dravo-profile-page{padding:94px 0!important}
.dravo-career-page{padding:94px 0 98px!important}
.dravo-contact-page{padding:94px 0 102px!important}
.dravo-contact-page .dravo-contact{align-items:start!important}

/* Footer now behaves as real site navigation. */
.footer-menu .current-menu-item>a{color:#fff!important}

@media(max-width:1050px){
 .dravo-home-teaser-grid,.dravo-method-head,.dravo-product-main-grid{gap:54px!important}
 .dravo-home-products-grid{gap:16px!important}
 .dravo-services-page{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dravo-product-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)!important;gap:44px!important}
}
@media(max-width:820px){
 .dravo-page-hero-inner{padding:68px 0 66px!important}
 .dravo-page-hero h1{font-size:clamp(39px,8vw,52px)!important}
 .dravo-home-teaser-grid,.dravo-home-profile-grid,.dravo-method-head,.dravo-product-hero-grid,.dravo-product-main-grid,.dravo-page-cta-inner{grid-template-columns:1fr!important;gap:40px!important}
 .dravo-home-products-grid,.dravo-product-benefits{grid-template-columns:1fr!important}
 .dravo-home-product-card{min-height:0!important}
 .dravo-method-grid{grid-template-columns:1fr!important}
 .dravo-method-grid>.dravo-feature,.dravo-method-grid>.dravo-feature+ .dravo-feature{padding:26px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;min-height:0!important;grid-template-rows:auto!important}
 .dravo-method-grid .dravo-number{margin:0 0 10px!important}
 .dravo-product-hero-aside{padding:22px 0 0!important;border-left:0!important;border-top:2px solid var(--red)}
 .dravo-page-cta-inner>.dravo-buttons{grid-column:1!important;grid-row:auto!important}
 .dravo-services-page{grid-template-columns:1fr!important}
}
@media(max-width:580px){
 .dravo-page-hero-inner{padding:54px 0 52px!important}
 .dravo-page-hero h1,.dravo-product-hero h1{font-size:clamp(34px,9vw,42px)!important;line-height:1.08!important}
 .dravo-home-expertise,.dravo-home-profile,.dravo-home-products,.dravo-expertise-page,.dravo-product-main,.dravo-product-benefit-section,.dravo-profile-page,.dravo-career-page,.dravo-contact-page{padding:64px 0!important}
 .dravo-home-product-card{padding:30px 26px!important}
 .dravo-product-page-logo{height:94px!important;min-height:94px!important}
 .dravo-product-elocal-logo img{height:72px!important}.dravo-product-tender-logo img{height:86px!important}
}


/* ======================================================================
   v023 — final collected refinements after multipage live review
   - all six Expertise items are white cards in a calm two-column grid
   - profile portrait aligns with the first profile content line
   - footer logo gets a clean light presentation plate on the dark footer
   - Decision Network is more legible; the stray red route segment is removed
   - product text marks use the corporate red/neutral split everywhere
   ====================================================================== */

/* Footer: the supplied master bitmap is designed for a light field. */
.footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#fff!important;
  padding:12px 14px!important;
  border-radius:2px!important;
  line-height:0!important;
}
.footer-logo .custom-logo-link{display:block!important;line-height:0!important}
.footer-logo img{display:block!important;width:158px!important;height:auto!important;margin:0!important}

/* Expertise: every item is an equally styled white card. */
.dravo-services-page{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.dravo-services-page>.dravo-service,
.dravo-services-page>.dravo-service:nth-child(1),
.dravo-services-page>.dravo-service:nth-child(2),
.dravo-services-page>.dravo-service:nth-child(n+3){
  grid-column:auto!important;
  min-height:260px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:32px 34px 34px!important;
  background:#fff!important;
  border:1px solid rgba(32,38,44,.09)!important;
  border-top:3px solid var(--red)!important;
  box-shadow:0 14px 42px rgba(0,42,82,.055)!important;
}
.dravo-services-page>.dravo-service:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 20px 50px rgba(0,42,82,.09)!important;
}
.dravo-services-page>.dravo-service h3,
.dravo-services-page>.dravo-service:nth-child(1) h3,
.dravo-services-page>.dravo-service:nth-child(2) h3{
  min-height:0!important;
  max-width:none!important;
  font-size:25px!important;
  line-height:1.18!important;
  margin:22px 0 12px!important;
}
.dravo-services-page>.dravo-service p:last-child{margin-bottom:0!important}

/* Profile page: portrait begins with the text block instead of floating lower. */
.dravo-profile-page .dravo-profile{align-items:start!important}
.dravo-profile-page .dravo-profile-card{align-self:start!important;margin-top:0!important}
.dravo-profile-page .dravo-profile-body{align-self:start!important}
.dravo-profile-page .dravo-profile-body h2{margin-top:0!important}
.dravo-profile-page .dravo-profile-card .wp-block-image{margin-top:0!important}

/* Stronger but still quiet Decision Network on every page hero. */
.dravo-page-hero:before{opacity:.72!important}
.dravo-product-hero:before{opacity:.67!important}

@media(max-width:820px){
  .dravo-services-page{grid-template-columns:1fr!important}
  .dravo-services-page>.dravo-service,
  .dravo-services-page>.dravo-service:nth-child(1),
  .dravo-services-page>.dravo-service:nth-child(2),
  .dravo-services-page>.dravo-service:nth-child(n+3){min-height:0!important}
}


/* ======================================================================
   v024 — Frontend/Gutenberg hero parity
   The blue executive stage is now anchored to the actual right grid
   column instead of to a viewport-width calculation. This prevents the
   portrait/profile copy from drifting onto white on very wide screens.
   No design/content changes beyond this technical alignment fix.
   ====================================================================== */
@media (min-width:821px){
  /* Remove the old viewport-calculated stage. */
  .dravo-home-hero:after{display:none!important}

  /* The right grid cell itself defines the beginning of the blue stage. */
  .dravo-home-hero .dravo-hero-card{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    background:transparent!important;
  }

  /* Extend the stage from the card's true left edge to the viewport edge.
     The hero's overflow:hidden clips it cleanly to the section. */
  .dravo-home-hero .dravo-hero-card:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:-100vh;
    bottom:-100vh;
    width:100vw;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(0,42,82,.10),rgba(0,42,82,.10)),
      url('assets/decision-network.svg'),
      radial-gradient(circle at 24% 18%,rgba(255,255,255,.11),transparent 28%),
      linear-gradient(145deg,#064a83 0%,#003a70 54%,#002a52 100%);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:center,left 48%,center,center;
    background-size:100% 100%,max(1180px,100vw) auto,100% 100%,100% 100%;
    box-shadow:inset 1px 0 rgba(255,255,255,.08);
  }
}


/* v025: Impressum */
.dravo-legal-section{background:#f5f6f8}
.dravo-legal-content{max-width:900px}
.dravo-legal-content h2{font-size:26px;line-height:1.2;margin:0 0 14px;color:var(--ink-2)}
.dravo-legal-content h2:not(:first-child){margin-top:38px}
.dravo-legal-content p{font-size:16px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
.dravo-legal-content a{color:var(--ink-2);text-decoration-color:var(--red);text-underline-offset:3px}
.dravo-legal-credit{margin-top:42px!important;padding-top:22px;border-top:1px solid var(--line);font-size:13px!important;color:#666!important}


/* v026: Datenschutz / lange Rechtstexte */
.dravo-legal-content h3{font-size:21px;line-height:1.28;margin:30px 0 12px;color:var(--ink-2)}
.dravo-legal-content h4{font-size:17px;line-height:1.35;margin:22px 0 9px;color:var(--ink-2)}
.dravo-legal-content ul{margin:10px 0 20px 1.3em;padding:0;color:var(--ink-2)}
.dravo-legal-content li{font-size:16px;line-height:1.65;margin:0 0 8px;padding-left:3px}
.dravo-legal-content>h2:first-child{margin-top:0}
.dravo-legal-content strong{color:var(--ink-2)}
.dravo-legal-content .dravo-brand-red{color:var(--red)!important}
.dravo-legal-content .dravo-brand-tail{color:var(--ink-2)!important}
@media(max-width:580px){.dravo-legal-content h2{font-size:23px}.dravo-legal-content h3{font-size:19px}.dravo-legal-content h4{font-size:16px}.dravo-legal-content p,.dravo-legal-content li{font-size:15px}}


/* ======================================================================
   v027 — wide product showcase with real elocal screens and neutral
   tendercheck demo. elocal and tendercheck have equal visual weight.
   ====================================================================== */
:root{--wrap:1460px}
body{color:#20262c}
.dravo-brand-tail{color:#20262c!important}
.dravo-brand-red{color:var(--red)!important}

/* Start page uses more of wide desktop screens, while text stays readable. */
.dravo-home-hero .dravo-container,
.dravo-home-products-v027 .dravo-container,
.dravo-cred .dravo-container{width:min(calc(100% - 80px),1460px)!important}
.dravo-home-hero .dravo-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr)!important;gap:88px!important}
.dravo-home-hero .dravo-hero-copy{max-width:830px!important}
.dravo-home-hero h1{font-size:clamp(46px,4vw,64px)!important;max-width:14em!important;line-height:1.06!important}

/* Facts: exact common top line; last item now presents both products. */
.dravo-cred-grid{align-items:stretch!important}
.dravo-stat{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.dravo-stat h3{height:48px!important;min-height:48px!important;align-items:baseline!important}
.dravo-stat p{margin-top:10px!important}
.dravo-stat-products p{line-height:1.48!important}
.dravo-stat-products .dravo-brand{white-space:nowrap;font-weight:700}
.dravo-stat-products .dravo-brand + .dravo-brand:before{content:" · ";color:#6f7880;font-weight:400}

/* New balanced product bands on the home page. */
.dravo-home-products-v027{padding:82px 0 96px!important;background:#f6f7f9}
.dravo-product-band{display:grid!important;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:52px;align-items:center;background:#fff;border:1px solid rgba(32,38,44,.10);box-shadow:0 18px 54px rgba(0,42,82,.07);padding:34px 36px;margin:0 0 26px!important;border-radius:4px}
.dravo-product-band:last-child{margin-bottom:0!important}
.dravo-product-band-copy{padding:10px 2px 12px}
.dravo-product-band-logo{height:92px!important;display:flex!important;align-items:center!important;margin:0 0 18px!important}
.dravo-product-band-logo img{width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
.dravo-product-band-elocal .dravo-product-band-logo img{height:72px!important}
.dravo-product-band-tender .dravo-product-band-logo img{height:82px!important}
.dravo-product-band h3{font-size:31px!important;line-height:1.16!important;letter-spacing:-.03em!important;margin:0 0 14px!important;color:#20262c!important}
.dravo-product-band-copy>p{font-size:16px!important;line-height:1.65!important;color:#68747e!important;margin:0 0 18px!important}
.dravo-product-points{display:grid!important;gap:8px;margin:18px 0 0!important}
.dravo-product-point{position:relative;padding-left:20px!important;margin:0!important;font-size:14px!important;line-height:1.45!important;color:#44515b!important}
.dravo-product-point:before{content:"";position:absolute;left:0;top:.52em;width:8px;height:8px;border:1.5px solid var(--red);border-radius:50%}
.dravo-product-band-visual{margin:0!important;background:#fbfcfd;border:1px solid rgba(0,42,82,.10);border-radius:4px;padding:12px;box-shadow:0 16px 44px rgba(0,42,82,.08);overflow:hidden}
.dravo-product-band-visual img{width:100%!important;height:auto!important;display:block!important;border-radius:2px}

/* Product pages share exactly the same visual architecture. */
.dravo-product-hero-v027{padding:76px 0!important;background:linear-gradient(112deg,#fff 0%,#fbfcfd 64%,#f0f4f7 100%)}
.dravo-product-hero-v027-grid{display:grid!important;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:64px;align-items:center}
.dravo-product-hero-v027 .dravo-product-page-logo{margin-bottom:20px!important}
.dravo-product-hero-v027 h1{font-size:clamp(42px,4vw,61px)!important;line-height:1.06!important;letter-spacing:-.04em!important;color:#20262c!important;margin:8px 0 18px!important;max-width:12em!important}
.dravo-product-hero-v027 .dravo-page-hero-lead{font-size:17.5px!important;line-height:1.68!important;color:#59656f!important;margin:0 0 22px!important}
.dravo-product-hero-screen{margin:0!important;padding:12px;background:#fff;border:1px solid rgba(0,42,82,.11);box-shadow:0 20px 58px rgba(0,42,82,.10);border-radius:5px;overflow:hidden}
.dravo-product-hero-screen img{width:100%!important;height:auto!important;display:block!important;border-radius:2px}
.dravo-product-capabilities{padding:28px 0 78px!important;background:#fff}
.dravo-product-capabilities-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dravo-capability{padding:25px 24px!important;border:1px solid rgba(0,42,82,.11)!important;background:#fff!important;min-height:150px}
.dravo-capability h3{font-size:18px!important;margin:0 0 8px!important;color:#20262c!important}
.dravo-capability p{font-size:14px!important;line-height:1.52!important;color:#69757f!important;margin:0!important}

.dravo-product-story{padding:0 0 88px!important;background:#f6f7f9}
.dravo-product-story-row{display:grid!important;grid-template-columns:minmax(270px,.58fr) minmax(0,1.42fr);gap:54px;align-items:center;background:#fff;border:1px solid rgba(0,42,82,.10);padding:28px 30px;margin-bottom:20px!important;border-radius:4px}
.dravo-product-story-row.is-reverse{grid-template-columns:minmax(0,1.42fr) minmax(270px,.58fr)}
.dravo-product-story-row.is-reverse .dravo-product-story-copy{order:2}
.dravo-product-story-row.is-reverse .dravo-product-story-image{order:1}
.dravo-product-story-copy .dravo-number{font-size:28px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--red)!important;margin:0 0 10px!important}
.dravo-product-story-copy h2{font-size:30px!important;line-height:1.14!important;letter-spacing:-.03em!important;margin:0 0 13px!important;color:#20262c!important}
.dravo-product-story-copy>p{font-size:15.5px!important;line-height:1.65!important;color:#65717b!important;margin:0!important}
.dravo-product-story-image{margin:0!important;padding:8px;background:#fff;border:1px solid rgba(0,42,82,.10);box-shadow:0 12px 34px rgba(0,42,82,.07);border-radius:4px;overflow:hidden}
.dravo-product-story-image img{display:block!important;width:100%!important;height:auto!important;border-radius:2px}

/* Keep individual detail screenshots readable and not too tall. */
.dravo-screen-project img{max-height:520px;object-fit:contain}
.dravo-screen-materials img,.dravo-screen-daily img{max-height:480px;object-fit:contain}
.dravo-screen-tender-crop img{max-height:450px;object-fit:contain}

@media(max-width:1050px){
 :root{--wrap:1240px}
 .dravo-product-band,.dravo-product-hero-v027-grid,.dravo-product-story-row,.dravo-product-story-row.is-reverse{grid-template-columns:1fr!important;gap:30px!important}
 .dravo-product-story-row.is-reverse .dravo-product-story-copy,.dravo-product-story-row.is-reverse .dravo-product-story-image{order:initial}
 .dravo-product-capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
 .dravo-home-hero .dravo-container,.dravo-home-products-v027 .dravo-container,.dravo-cred .dravo-container{width:min(calc(100% - 40px),var(--wrap))!important}
 .dravo-product-band{padding:26px 24px!important}
 .dravo-product-capabilities-grid{grid-template-columns:1fr!important}
 .dravo-product-story-row{padding:24px 22px!important}
}

/* v028: primary navigation is rendered once in a fixed canonical order to prevent duplicated legacy menu items. */
.primary-nav .dravo-primary-menu{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}
@media(max-width:820px){.primary-nav .dravo-primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}}


/* v030 – bilingual DE/EN architecture */
.dravo-language-switcher{white-space:nowrap;flex:none}
.dravo-lang-en .dravo-page-hero h1,.dravo-lang-en .dravo-product-hero-v027 h1{hyphens:none;word-break:normal;overflow-wrap:normal}
@media(max-width:1120px) and (min-width:821px){
 .header-inner{gap:18px}
 .primary-nav .dravo-primary-menu{gap:18px}
 .primary-nav a{font-size:13px!important}
}


/* v031 wide-layout correction */
:root{--wrap:1520px}
.header-inner,.footer-inner,.dravo-wrap,.dravo-container,.dravo-section>.dravo-container,.dravo-bigquote>.dravo-container,.dravo-home-hero .dravo-container,.dravo-home-products-v027 .dravo-container,.dravo-cred .dravo-container{width:min(calc(100% - 56px),var(--wrap))!important}
.page-content{width:min(calc(100% - 56px),1240px)!important;margin:56px auto!important}
.dravo-legal-content{max-width:900px!important}
.dravo-home-hero .dravo-hero-grid,.dravo-hero>.wp-block-group__inner-container{width:min(calc(100% - 56px),var(--wrap))!important}
.dravo-section-head{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:94px!important}
.dravo-timeline{max-width:1120px!important}
@media (max-width:1024px){
  :root{--wrap:1280px}
  .header-inner,.footer-inner,.dravo-wrap,.dravo-container,.dravo-section>.dravo-container,.dravo-bigquote>.dravo-container,.dravo-home-hero .dravo-container,.dravo-home-products-v027 .dravo-container,.dravo-cred .dravo-container,.dravo-home-hero .dravo-hero-grid,.dravo-hero>.wp-block-group__inner-container,.page-content{width:min(calc(100% - 40px),var(--wrap))!important}
}

/* v032 bilingual legal pages */
.dravo-legal-note{padding:15px 18px;border-left:3px solid var(--red);background:#f6f7f9;color:#596775!important;font-size:14px!important;margin-bottom:32px!important}


/* ======================================================================
   v033 — mobile correction for the START PAGE only
   Later desktop rules in v027/v031 had higher specificity than the older
   responsive rules. These final overrides restore a true one-column home
   layout on phones without changing the already-correct subpages.
   ====================================================================== */
@media (max-width:820px){
  .dravo-home-hero{overflow:hidden!important}
  .dravo-home-hero .dravo-container,
  .dravo-home-products-v027 .dravo-container,
  .dravo-cred .dravo-container{width:min(calc(100% - 36px),var(--wrap))!important}

  .dravo-home-hero .dravo-hero-grid{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
    min-height:0!important;
    padding:50px 0 54px!important;
    align-items:stretch!important
  }
  .dravo-home-hero .dravo-hero-copy{max-width:none!important;min-width:0!important}
  .dravo-home-hero h1{
    font-size:clamp(38px,9.2vw,48px)!important;
    line-height:1.055!important;
    max-width:none!important;
    margin-top:18px!important;
    overflow-wrap:normal!important;
    word-break:normal!important
  }
  .dravo-home-hero .dravo-hero-lead{font-size:17.5px!important;line-height:1.6!important;margin-top:22px!important;max-width:none!important}
  .dravo-home-hero .dravo-buttons{margin-top:28px!important}
  .dravo-home-hero .dravo-hero-card{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:34px 30px 36px!important;
    margin:0!important;
    background:linear-gradient(145deg,#064a83,#003a70 62%,#002a52)!important;
    box-shadow:0 18px 48px rgba(0,42,82,.16)!important
  }
  .dravo-home-hero .dravo-hero-card:after{display:none!important}
  .dravo-home-hero .dravo-hero-card:before{display:none!important}
  .dravo-home-hero .dravo-hero-card .wp-block-image img,
  .dravo-home-hero .dravo-hero-photo img{width:142px!important;height:142px!important}

  .dravo-cred{padding:28px 0 42px!important}
  .dravo-cred .dravo-cred-grid{
    transform:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important
  }
  .dravo-cred .dravo-stat{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:128px!important;
    padding:24px 22px!important;
    border-right:1px solid rgba(0,42,82,.09)!important;
    border-bottom:1px solid rgba(0,42,82,.09)!important
  }
  .dravo-cred .dravo-stat h3{height:auto!important;min-height:42px!important;font-size:35px!important}
  .dravo-cred .dravo-stat p{margin-top:8px!important}

  .dravo-home-products-v027{padding:62px 0 72px!important}
  .dravo-home-products-v027 .dravo-product-band{
    grid-template-columns:minmax(0,1fr)!important;
    gap:26px!important;
    padding:24px 22px!important;
    min-width:0!important
  }
  .dravo-home-products-v027 .dravo-product-band-copy,
  .dravo-home-products-v027 .dravo-product-band-visual{min-width:0!important}
  .dravo-home-products-v027 .dravo-product-band h3{font-size:27px!important}
  .dravo-home-products-v027 .dravo-product-band-visual{padding:8px!important}
}

@media (max-width:580px){
  .dravo-home-hero .dravo-container,
  .dravo-home-products-v027 .dravo-container,
  .dravo-cred .dravo-container{width:calc(100% - 30px)!important}
  .dravo-home-hero .dravo-hero-grid{gap:24px!important;padding:40px 0 44px!important}
  .dravo-home-hero h1{font-size:clamp(34px,10.3vw,41px)!important;line-height:1.06!important}
  .dravo-home-hero .dravo-hero-lead{font-size:16.5px!important}
  .dravo-home-hero .dravo-hero-card{padding:29px 24px 31px!important}
  .dravo-home-hero .dravo-hero-card .wp-block-image img,
  .dravo-home-hero .dravo-hero-photo img{width:132px!important;height:132px!important}
  .dravo-home-hero .dravo-hero-card h2{font-size:29px!important}
  .dravo-home-hero .dravo-quote-small{font-size:18px!important}

  .dravo-cred .dravo-cred-grid{grid-template-columns:1fr!important}
  .dravo-cred .dravo-stat{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    padding:20px 20px!important
  }
  .dravo-cred .dravo-stat h3{min-height:0!important;height:auto!important;font-size:32px!important}
  .dravo-cred .dravo-stat p{margin:0!important}
  .dravo-cred .dravo-stat-products{display:block!important}
  .dravo-cred .dravo-stat-products h3{margin-bottom:8px!important}

  .dravo-home-products-v027{padding:54px 0 64px!important}
  .dravo-home-products-v027 .dravo-product-band{padding:22px 18px!important;margin-bottom:18px!important}
  .dravo-home-products-v027 .dravo-product-band-logo{height:76px!important;margin-bottom:14px!important}
  .dravo-home-products-v027 .dravo-product-band-elocal .dravo-product-band-logo img{height:60px!important}
  .dravo-home-products-v027 .dravo-product-band-tender .dravo-product-band-logo img{height:68px!important}
}


/* ============================================================
   v034 — capability-card alignment correction
   Gutenberg applies its default block gap as a top margin to
   subsequent group blocks. In a CSS grid this displaced cards
   2–4 vertically. All capability cards must start on one line.
   Applies to elocal and tendercheck, DE and EN.
   ============================================================ */
.dravo-product-capabilities-grid > .dravo-capability{
  margin-block-start:0!important;
  margin-top:0!important;
  align-self:stretch!important;
}


/* ======================================================================
   v035 — Keynotes as a first-class offer
   ====================================================================== */
.dravo-home-keynotes{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 8%,rgba(90,154,201,.20),transparent 27%),linear-gradient(135deg,#003a70 0%,#002a52 76%);padding:96px 0 102px!important;color:#fff}
.dravo-home-keynotes:after{content:"";position:absolute;right:-160px;bottom:-230px;width:520px;height:520px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 78px rgba(255,255,255,.018),0 0 0 156px rgba(255,255,255,.012);pointer-events:none}
.dravo-home-keynotes .dravo-container{position:relative;z-index:2}
.dravo-keynote-home-head{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:84px;align-items:end;margin-bottom:46px!important}
.dravo-keynote-home-head h2{font-size:clamp(38px,3.5vw,54px);line-height:1.06;letter-spacing:-.035em;margin:12px 0 0!important;color:#fff!important}
.dravo-keynote-home-lead{font-size:18px!important;line-height:1.66!important;color:#c5d1da!important;margin:0!important}
.dravo-keynote-home-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dravo-keynote-home-card{margin-block-start:0!important;margin-top:0!important;background:#fff;color:#20262c;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 58px rgba(0,19,38,.24);overflow:hidden;border-radius:4px;min-width:0}
.dravo-keynote-home-visual{background:#f5f6f8;border-bottom:1px solid rgba(0,42,82,.10);overflow:hidden}
.dravo-keynote-home-visual figure{margin:0!important}
.dravo-keynote-home-image img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:contain;background:#fff}
.dravo-keynote-home-copy{padding:24px 25px 27px!important}
.dravo-keynote-format{font-size:11px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:var(--red)!important;margin:0 0 11px!important}
.dravo-keynote-home-copy h3{font-size:23px!important;line-height:1.17!important;letter-spacing:-.025em;color:#20262c!important;margin:0 0 12px!important}
.dravo-keynote-home-copy>p:last-child{font-size:14.5px!important;line-height:1.58!important;color:#68747e!important;margin:0!important}
.dravo-keynote-home-cta{margin-top:34px!important;display:flex!important;align-items:center;gap:22px;flex-wrap:wrap}
.dravo-home-keynotes .dravo-keynote-language-note{color:#c5d1da!important;font-size:13px!important;margin:0!important;max-width:46rem}

.dravo-keynotes-hero .dravo-page-hero-inner{padding-top:76px!important;padding-bottom:70px!important}
.dravo-keynotes-intro{background:#fff;padding:70px 0 72px!important}
.dravo-keynotes-intro-inner{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:76px;align-items:start}
.dravo-keynotes-intro-inner h2{font-size:clamp(34px,3.2vw,49px);line-height:1.08;letter-spacing:-.035em;margin:0!important;color:#20262c!important}
.dravo-keynotes-intro-inner>p{font-size:16.5px!important;line-height:1.7!important;color:#68747e!important;margin:0 0 15px!important}
.dravo-keynote-language-note{padding:13px 16px!important;border-left:3px solid var(--red);background:#f6f7f9;color:#5f6c77!important;font-size:13.5px!important}
.dravo-keynotes-list{background:#f6f7f9;padding:78px 0 90px!important}
.dravo-keynote-row{display:grid!important;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:58px;align-items:center;background:#fff;border:1px solid rgba(0,42,82,.10);box-shadow:0 18px 48px rgba(0,42,82,.06);border-radius:4px;padding:34px 36px;margin:0 0 24px!important}
.dravo-keynote-row:last-child{margin-bottom:0!important}
.dravo-keynote-row.is-reverse{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)}
.dravo-keynote-row.is-reverse .dravo-keynote-row-copy{order:2}
.dravo-keynote-row.is-reverse .dravo-keynote-row-visual{order:1}
.dravo-keynote-row-copy{padding:8px 4px;min-width:0}
.dravo-keynote-row-copy h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#20262c!important;margin:0 0 8px!important}
.dravo-keynote-subtitle{font-size:17px!important;font-weight:700!important;color:#003a70!important;margin:0 0 17px!important}
.dravo-keynote-row-copy>p:not(.dravo-keynote-format):not(.dravo-keynote-subtitle):not(.dravo-keynote-live){font-size:15.5px!important;line-height:1.66!important;color:#68747e!important;margin:0 0 18px!important}
.dravo-keynote-row-visual{margin:0!important;background:#fff;border:1px solid rgba(0,42,82,.11);box-shadow:0 14px 38px rgba(0,42,82,.08);border-radius:4px;padding:8px;overflow:hidden;min-width:0}
.dravo-keynote-row-visual figure{margin:0!important}
.dravo-keynote-slide img{display:block!important;width:100%!important;height:auto!important;object-fit:contain;background:#fff}
.dravo-keynote-tags{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:20px!important}
.dravo-keynote-tag{margin:0!important;padding:6px 9px!important;border:1px solid rgba(0,42,82,.15);font-size:10.5px!important;line-height:1.2!important;letter-spacing:.06em;text-transform:uppercase;color:#5d6974!important;background:#fff}
.dravo-keynote-live{margin:20px 0 0!important;padding:14px 16px!important;border-left:3px solid var(--red);background:#f5f7f8;color:#44515b!important;font-size:14px!important;line-height:1.55!important}
.dravo-keynote-bridge{background:linear-gradient(135deg,#003a70,#002a52 78%);color:#fff;padding:86px 0 92px!important}
.dravo-keynote-bridge-head{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;align-items:end;margin-bottom:38px!important}
.dravo-keynote-bridge-head h2{color:#fff!important;font-size:clamp(34px,3.2vw,49px)!important;line-height:1.08!important;margin:10px 0 0!important}
.dravo-keynote-bridge-head>p{color:#c4d0d9!important;font-size:17px!important;line-height:1.65!important;margin:0!important}
.dravo-keynote-bridge-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dravo-keynote-bridge-card{margin-block-start:0!important;margin-top:0!important;background:#fff;color:#20262c;padding:30px 30px 28px!important;border-radius:4px}
.dravo-keynote-bridge-card h3{font-size:30px!important;margin:0 0 12px!important}
.dravo-keynote-bridge-card>p{color:#68747e!important;font-size:15px!important;line-height:1.62!important;margin:0 0 22px!important}

@media(max-width:1050px){
 .dravo-keynote-home-head,.dravo-keynotes-intro-inner,.dravo-keynote-bridge-head{grid-template-columns:1fr!important;gap:24px!important}
 .dravo-keynote-home-grid{grid-template-columns:1fr!important}
 .dravo-keynote-row,.dravo-keynote-row.is-reverse{grid-template-columns:1fr!important;gap:28px!important}
 .dravo-keynote-row.is-reverse .dravo-keynote-row-copy,.dravo-keynote-row.is-reverse .dravo-keynote-row-visual{order:initial}
}
@media(max-width:820px){
 .dravo-home-keynotes{padding:66px 0 72px!important}
 .dravo-home-keynotes .dravo-container,.dravo-keynotes-intro .dravo-container,.dravo-keynotes-list .dravo-container,.dravo-keynote-bridge .dravo-container{width:min(calc(100% - 36px),var(--wrap))!important}
 .dravo-keynote-home-head{margin-bottom:32px!important}
 .dravo-keynote-home-head h2{font-size:36px!important}
 .dravo-keynote-home-copy{padding:21px 21px 24px!important}
 .dravo-keynotes-intro{padding:54px 0!important}
 .dravo-keynotes-list{padding:56px 0 66px!important}
 .dravo-keynote-row{padding:22px 20px!important;margin-bottom:18px!important}
 .dravo-keynote-row-copy h2{font-size:31px!important}
 .dravo-keynote-bridge{padding:62px 0 70px!important}
 .dravo-keynote-bridge-grid{grid-template-columns:1fr!important}
}
@media(max-width:580px){
 .dravo-home-keynotes .dravo-container,.dravo-keynotes-intro .dravo-container,.dravo-keynotes-list .dravo-container,.dravo-keynote-bridge .dravo-container{width:calc(100% - 30px)!important}
 .dravo-keynote-home-head h2{font-size:32px!important}
 .dravo-keynote-home-lead{font-size:16.5px!important}
 .dravo-keynote-home-copy h3{font-size:21px!important}
 .dravo-keynote-row{padding:18px 16px!important}
 .dravo-keynote-row-copy h2{font-size:28px!important}
 .dravo-keynote-subtitle{font-size:16px!important}
 .dravo-keynote-bridge-card{padding:24px 22px!important}
}


/* ======================================================================
   v036 — keynotes brand integration
   key red, notes dark; logo with dark separator dots and equal-width tagline.
   ====================================================================== */
.dravo-brand-keynotes{font-weight:800!important;text-transform:lowercase!important;letter-spacing:-.01em}
.primary-nav .dravo-brand-keynotes,.footer-menu .dravo-brand-keynotes{font-weight:800!important}
.dravo-keynote-home-title .dravo-keynotes-logo-home{margin:0 0 22px!important;max-width:470px!important}
.dravo-keynotes-logo-home{display:block!important;background:#fff;border-radius:4px;box-shadow:0 12px 34px rgba(0,19,38,.18);overflow:hidden}
.dravo-keynotes-logo-home img{display:block!important;width:100%!important;height:auto!important;background:#fff!important}
.dravo-keynotes-logo-hero{margin:0 0 22px!important;max-width:500px!important}
.dravo-keynotes-logo-hero img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
.dravo-keynotes-wordmark{margin:0 0 18px!important;font-size:clamp(38px,4vw,58px)!important;line-height:1!important}
.dravo-keynotes-hero .dravo-page-hero-inner{padding-top:62px!important;padding-bottom:72px!important}
.dravo-keynotes-hero h1{margin-top:12px!important;max-width:17em!important}
@media(max-width:820px){
 .dravo-keynote-home-title .dravo-keynotes-logo-home{max-width:390px!important;margin-bottom:18px!important}
 .dravo-keynotes-logo-hero{max-width:390px!important;margin-bottom:18px!important}
 .dravo-keynotes-hero .dravo-page-hero-inner{padding-top:48px!important;padding-bottom:58px!important}
}
@media(max-width:580px){
 .dravo-keynote-home-title .dravo-keynotes-logo-home,.dravo-keynotes-logo-hero{max-width:100%!important}
}

/* ======================================================================
   v037 — logo tonality softened
   keynotes/tendercheck less dominant; softer dark tone, reduced plastic effect.
   ====================================================================== */
.primary-nav .dravo-brand-keynotes,
.primary-nav .dravo-brand-tendercheck,
.footer-menu .dravo-brand-keynotes,
.footer-menu .dravo-brand-tendercheck{font-weight:700!important}
.primary-nav .dravo-brand-keynotes .dravo-brand-tail,
.footer-menu .dravo-brand-keynotes .dravo-brand-tail{color:#59616a!important}
.primary-nav .dravo-brand-tendercheck .dravo-brand-tail,
.footer-menu .dravo-brand-tendercheck .dravo-brand-tail{color:#4f5861!important}

.dravo-tender-logo img,
.dravo-home-tender-logo img,
.dravo-product-tender-logo img,
.dravo-keynotes-logo-home img,
.dravo-keynotes-logo-hero img{
  filter:saturate(.88) contrast(.93) brightness(1.03)!important;
}
.dravo-home-tender-logo img{height:82px!important}
.dravo-product-tender-logo img{height:92px!important}
.dravo-keynote-home-title .dravo-keynotes-logo-home{max-width:440px!important}
.dravo-keynotes-logo-hero{max-width:460px!important}
.dravo-keynotes-logo-home{box-shadow:0 6px 18px rgba(0,19,38,.10)!important}

@media(max-width:820px){
  .dravo-home-tender-logo img{height:80px!important}
  .dravo-product-tender-logo img{height:84px!important}
  .dravo-keynote-home-title .dravo-keynotes-logo-home{max-width:370px!important}
  .dravo-keynotes-logo-hero{max-width:370px!important}
}


/* ======================================================================
   v038 — refined keynotes logo
   Softer master artwork integrated; website uses original artwork without
   additional CSS filtering. White and transparent masters are included.
   ====================================================================== */
.dravo-keynotes-logo-home img,
.dravo-keynotes-logo-hero img{filter:none!important}
.dravo-keynotes-logo-home{box-shadow:0 6px 18px rgba(0,19,38,.08)!important}


/* ======================================================================
   v039 — keynotes hero alignment and typography
   Logo aligned with hero copy; headline reduced for calmer hierarchy.
   ====================================================================== */
.dravo-keynotes-hero .dravo-page-hero-inner{
  padding-top:58px!important;
  padding-bottom:66px!important;
}
.dravo-keynotes-hero .dravo-keynotes-logo-hero{
  display:block!important;
  width:min(100%,460px)!important;
  max-width:460px!important;
  margin:0 0 28px 0!important;
  padding:0!important;
  text-align:left!important;
}
.dravo-keynotes-hero .dravo-keynotes-logo-hero img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  object-position:left center!important;
}
.dravo-keynotes-hero h1{
  margin:0!important;
  max-width:20em!important;
  font-size:clamp(40px,3.55vw,54px)!important;
  line-height:1.07!important;
  letter-spacing:-.038em!important;
}
.dravo-keynotes-hero .dravo-page-hero-lead{
  max-width:52rem!important;
  margin-top:22px!important;
  font-size:18px!important;
  line-height:1.62!important;
}
@media(max-width:820px){
  .dravo-keynotes-hero .dravo-page-hero-inner{padding-top:46px!important;padding-bottom:54px!important}
  .dravo-keynotes-hero .dravo-keynotes-logo-hero{max-width:370px!important;margin-bottom:24px!important}
  .dravo-keynotes-hero h1{font-size:clamp(36px,7vw,46px)!important;max-width:18em!important}
  .dravo-keynotes-hero .dravo-page-hero-lead{font-size:17px!important;line-height:1.6!important}
}
@media(max-width:580px){
  .dravo-keynotes-hero .dravo-keynotes-logo-hero{max-width:315px!important;margin-bottom:21px!important}
  .dravo-keynotes-hero h1{font-size:clamp(32px,9vw,40px)!important;line-height:1.08!important}
}


/* v040 — correct less-plastic keynotes logo asset */
.dravo-keynotes-logo-home img,.dravo-keynotes-logo-hero img{filter:none!important}


/* ======================================================================
   v041 — unified product-brand logo scale
   elocal is the visual reference: same optical logo height, left aligned.
   Uses existing approved logo assets only; no new artwork generated.
   ====================================================================== */
:root{
  --dravo-logo-height-desktop:82px;
  --dravo-logo-height-home:72px;
  --dravo-logo-height-mobile:60px;
}

/* Product-page heroes: elocal, tendercheck and keynotes use one scale. */
.dravo-product-page-logo,
.dravo-keynotes-hero .dravo-keynotes-logo-hero{
  width:auto!important;
  max-width:100%!important;
  height:108px!important;
  min-height:108px!important;
  margin:0 0 20px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dravo-product-page-logo img,
.dravo-product-elocal-logo img,
.dravo-product-tender-logo img,
.dravo-keynotes-hero .dravo-keynotes-logo-hero img{
  display:block!important;
  width:auto!important;
  height:var(--dravo-logo-height-desktop)!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}

/* Home page: all three offer brands share the same optical height. */
.dravo-product-band-logo,
.dravo-keynote-home-title .dravo-keynotes-logo-home{
  width:auto!important;
  max-width:100%!important;
  height:92px!important;
  min-height:92px!important;
  margin:0 0 18px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dravo-product-band-logo img,
.dravo-product-band-elocal .dravo-product-band-logo img,
.dravo-product-band-tender .dravo-product-band-logo img,
.dravo-keynote-home-title .dravo-keynotes-logo-home img{
  display:block!important;
  width:auto!important;
  height:var(--dravo-logo-height-home)!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
/* keynotes sits on a dark home-page band; only its small logo plate is white. */
.dravo-keynote-home-title .dravo-keynotes-logo-home{
  background:#fff!important;
  padding:4px 8px!important;
  border-radius:3px!important;
  height:auto!important;
  min-height:0!important;
  width:fit-content!important;
}

/* Keep all logo left edges on the same copy axis. */
.dravo-product-band-copy,
.dravo-product-hero-v027-copy,
.dravo-keynote-home-title,
.dravo-keynotes-hero .dravo-page-hero-inner{
  text-align:left!important;
}

@media(max-width:820px){
  .dravo-product-page-logo,
  .dravo-keynotes-hero .dravo-keynotes-logo-hero{
    height:82px!important;
    min-height:82px!important;
    margin-bottom:16px!important;
  }
  .dravo-product-page-logo img,
  .dravo-product-elocal-logo img,
  .dravo-product-tender-logo img,
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img,
  .dravo-product-band-logo img,
  .dravo-product-band-elocal .dravo-product-band-logo img,
  .dravo-product-band-tender .dravo-product-band-logo img,
  .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    height:var(--dravo-logo-height-mobile)!important;
  }
  .dravo-product-band-logo{height:76px!important;min-height:76px!important}
}


/* ======================================================================
   v042 — brand logo optical normalization
   IMPORTANT: no artwork changed. Existing approved assets only.
   elocal is the visual reference. The previous v041 rule equalised the
   image-box height; that made the longer wordmarks look larger. v042
   equalises the VISIBLE logo width instead and compensates transparent
   margins in the existing PNGs.
   ====================================================================== */
:root{
  --brand-page-elocal-width:223px;
  --brand-page-tender-width:227px;
  --brand-page-keynotes-width:241px;
  --brand-home-elocal-width:196px;
  --brand-home-tender-width:199px;
  --brand-home-keynotes-width:212px;
  --brand-mobile-elocal-width:163px;
  --brand-mobile-tender-width:166px;
  --brand-mobile-keynotes-width:177px;
}

/* All three brand figures start exactly on the copy axis. */
.dravo-product-page-logo,
.dravo-product-band-logo,
.dravo-keynotes-hero .dravo-keynotes-logo-hero,
.dravo-keynote-home-title .dravo-keynotes-logo-home,
.dravo-home-product-logo,
.dravo-elocal-logo,
.dravo-tender-logo{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding:0!important;
  display:block!important;
  text-align:left!important;
  overflow:visible!important;
  box-shadow:none!important;
}

/* Product/keynote pages — preserve elocal's current optical size. */
.dravo-product-elocal-logo img,
.dravo-product-page-logo.dravo-product-elocal-logo img{
  width:var(--brand-page-elocal-width)!important;
  height:auto!important;
}
.dravo-product-tender-logo img,
.dravo-product-page-logo.dravo-product-tender-logo img{
  width:var(--brand-page-tender-width)!important;
  height:auto!important;
}
.dravo-keynotes-hero .dravo-keynotes-logo-hero img{
  width:var(--brand-page-keynotes-width)!important;
  height:auto!important;
  margin-left:-4px!important; /* compensates existing transparent left inset */
}

/* Start page — same perceived size, again using elocal as reference. */
.dravo-product-band-elocal .dravo-product-band-logo img,
.dravo-home-elocal-logo img{
  width:var(--brand-home-elocal-width)!important;
  height:auto!important;
}
.dravo-product-band-tender .dravo-product-band-logo img,
.dravo-home-tender-logo img{
  width:var(--brand-home-tender-width)!important;
  height:auto!important;
}
.dravo-keynote-home-title .dravo-keynotes-logo-home{
  width:fit-content!important;
  background:#fff!important;
  padding:0!important;
  border-radius:3px!important;
}
.dravo-keynote-home-title .dravo-keynotes-logo-home img{
  width:var(--brand-home-keynotes-width)!important;
  height:auto!important;
  margin-left:-3px!important; /* compensates existing transparent left inset */
}

/* Legacy product-logo classes, if Gutenberg still contains an older block. */
.dravo-elocal-logo img{width:var(--brand-page-elocal-width)!important;height:auto!important}
.dravo-tender-logo img{width:var(--brand-page-tender-width)!important;height:auto!important}

/* Logo and the text below share one left edge. */
.dravo-product-hero-v027-copy,
.dravo-product-band-copy,
.dravo-keynote-home-title,
.dravo-keynotes-hero .dravo-page-hero-inner{
  text-align:left!important;
}
.dravo-product-hero-v027-copy > *,
.dravo-product-band-copy > *,
.dravo-keynote-home-title > *,
.dravo-keynotes-hero .dravo-page-hero-inner > *{
  margin-left:0;
}

@media(max-width:820px){
  .dravo-product-elocal-logo img,
  .dravo-product-page-logo.dravo-product-elocal-logo img,
  .dravo-product-band-elocal .dravo-product-band-logo img,
  .dravo-home-elocal-logo img,
  .dravo-elocal-logo img{
    width:var(--brand-mobile-elocal-width)!important;
    height:auto!important;
  }
  .dravo-product-tender-logo img,
  .dravo-product-page-logo.dravo-product-tender-logo img,
  .dravo-product-band-tender .dravo-product-band-logo img,
  .dravo-home-tender-logo img,
  .dravo-tender-logo img{
    width:var(--brand-mobile-tender-width)!important;
    height:auto!important;
  }
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img,
  .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    width:var(--brand-mobile-keynotes-width)!important;
    height:auto!important;
    margin-left:-3px!important;
  }
}

/* ======================================================================
   v043 — keynotes full-width page fix
   The keynotes page is now handled like elocal/tendercheck and is no
   longer wrapped by the narrow generic .page-content container.
   ====================================================================== */

/* ======================================================================
   v044 — Startseite: Blaufläche etwas glänzender und plastischer
   Nur die bestehende rechte Blaufläche wird verfeinert; Layout bleibt gleich.
   ====================================================================== */
@media (min-width:821px){
  .dravo-home-hero .dravo-hero-card:after{
    background-image:
      linear-gradient(115deg,
        rgba(255,255,255,.11) 0%,
        rgba(255,255,255,.035) 19%,
        rgba(255,255,255,0) 38%),
      radial-gradient(circle at 22% 15%,
        rgba(255,255,255,.20) 0%,
        rgba(255,255,255,.07) 18%,
        transparent 34%),
      linear-gradient(180deg,
        rgba(255,255,255,.055) 0%,
        transparent 25%,
        rgba(0,18,40,.09) 100%),
      url('assets/decision-network.svg'),
      linear-gradient(145deg,#0a548f 0%,#06477e 27%,#003a70 57%,#00294f 100%) !important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat !important;
    background-position:center,center,center,left 48%,center !important;
    background-size:100% 100%,100% 100%,100% 100%,max(1180px,100vw) auto,100% 100% !important;
    box-shadow:
      inset 1px 0 rgba(255,255,255,.18),
      inset 0 1px rgba(255,255,255,.10),
      inset 0 -1px rgba(0,18,40,.22) !important;
  }

  /* Fine light edge at the transition from white to blue */
  .dravo-home-hero .dravo-hero-card{
    filter:drop-shadow(-8px 0 18px rgba(0,42,82,.055));
  }
}

/* Mobile: keep the existing compact blue card, just add a little depth. */
@media (max-width:820px){
  .dravo-home-hero .dravo-hero-card{
    background:
      linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%),
      linear-gradient(150deg,#075087 0%,#003a70 58%,#002a52 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 16px 34px rgba(0,42,82,.14) !important;
  }
}

/* ======================================================================
   v045 — Startseite: Logo-Unterzeilen optisch gleich groß
   Keine neuen Logos. Bestehende, freigegebene Assets:
   elocal-logo.png / tendercheck-logo-v041.png / keynotes-logo-v041.png.
   elocal bleibt Referenz. Die Breiten sind aus der tatsächlichen
   Pixelhöhe der Unterzeilen berechnet, nicht aus der Gesamtbildhöhe.
   ====================================================================== */
:root{
  --home-elocal-logo-width:196px;
  --home-tender-logo-width:280px;
  --home-keynotes-logo-width:433px;
}

/* elocal reference: tagline visible height ≈ 9.76 px */
.dravo-home-products-v027 .dravo-product-band-elocal .dravo-product-band-logo img{
  width:var(--home-elocal-logo-width)!important;
  height:auto!important;
  max-width:100%!important;
  margin-left:0!important;
}

/* tendercheck: same visible tagline height as elocal */
.dravo-home-products-v027 .dravo-product-band-tender .dravo-product-band-logo img{
  width:var(--home-tender-logo-width)!important;
  height:auto!important;
  max-width:100%!important;
  margin-left:-4px!important; /* transparent left inset of approved PNG */
}

/* keynotes: same visible tagline height as elocal */
.dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home{
  width:fit-content!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding:0!important;
  overflow:visible!important;
}
.dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
  width:var(--home-keynotes-logo-width)!important;
  height:auto!important;
  max-width:100%!important;
  margin-left:-36px!important; /* transparent left inset of approved PNG */
}

/* Visible logo left edges remain on the same axis as the copy below. */
.dravo-home-products-v027 .dravo-product-band-copy,
.dravo-home-keynotes .dravo-keynote-home-title{
  text-align:left!important;
}

/* Tablet: preserve equal tagline scale with a common proportional reduction. */
@media (max-width:820px){
  :root{
    --home-elocal-logo-width:163px;
    --home-tender-logo-width:233px;
    --home-keynotes-logo-width:360px;
  }
  .dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    margin-left:-30px!important;
  }
}

/* Small phones: reduce all three by the same factor so keynotes still fits. */
@media (max-width:580px){
  :root{
    --home-elocal-logo-width:136px;
    --home-tender-logo-width:194px;
    --home-keynotes-logo-width:300px;
  }
  .dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    margin-left:-25px!important;
  }
}

/* ======================================================================
   v046 — Startseite: keynotes-Logo exakt bündig mit Überschrift
   Die v045-Größen bleiben unverändert. Nur die horizontale Ausrichtung
   wird korrigiert. Der kleine negative Wert kompensiert ausschließlich
   den transparenten linken Innenrand des vorhandenen PNGs.
   ====================================================================== */
.dravo-home-keynotes .dravo-keynote-home-title{
  padding-left:0!important;
  margin-left:0!important;
}
.dravo-home-keynotes .dravo-keynote-home-title h2{
  padding-left:0!important;
  margin-left:0!important;
}
.dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home{
  margin-left:0!important;
  margin-right:auto!important;
}
.dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
  margin-left:-7px!important;
}

@media (max-width:820px){
  .dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    margin-left:-6px!important;
  }
}
@media (max-width:580px){
  .dravo-home-keynotes .dravo-keynote-home-title .dravo-keynotes-logo-home img{
    margin-left:-5px!important;
  }
}

/* ======================================================================
   v047 — Produktseiten: Unterzeilen von keynotes / tendercheck auf
   dieselbe sichtbare Schriftgröße wie elocal skalieren.
   KEINE neuen Logos. elocal-logo.png bleibt die Referenz.

   Messbasis der vorhandenen PNGs:
   elocal Unterzeile:      ca. 13 px bei 261 px Bildbreite
   tendercheck Unterzeile: ca. 70 px bei 2009 px Bildbreite
   keynotes Unterzeile:    ca. 49 px bei 2172 px Bildbreite

   Bei der unveränderten elocal-Seitenbreite von 223 px ergeben sich:
   tendercheck ≈ 319 px, keynotes ≈ 493 px.
   ====================================================================== */
:root{
  --brand-page-elocal-width:223px;
  --brand-page-tender-width:319px;
  --brand-page-keynotes-width:493px;
}

/* elocal bleibt unverändert */
.dravo-product-page-logo.dravo-product-elocal-logo img,
.dravo-product-elocal-logo img,
.dravo-elocal-logo img{
  width:var(--brand-page-elocal-width)!important;
  height:auto!important;
}

/* tendercheck größer, bis die Claim-Schrift optisch elocal entspricht */
.dravo-product-page-logo.dravo-product-tender-logo img,
.dravo-product-tender-logo img,
.dravo-tender-logo img{
  width:var(--brand-page-tender-width)!important;
  height:auto!important;
  margin-left:0!important;
}

/* keynotes größer, bis die Claim-Schrift optisch elocal entspricht */
.dravo-keynotes-hero .dravo-keynotes-logo-hero{
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
}
.dravo-keynotes-hero .dravo-keynotes-logo-hero img{
  width:var(--brand-page-keynotes-width)!important;
  height:auto!important;
  max-width:100%!important;
  margin-left:-7.5px!important; /* nur transparenter linker PNG-Rand */
}

/* Tablet: alle drei proportional verkleinern, Claim-Größen bleiben gleich */
@media(max-width:820px){
  :root{
    --brand-page-elocal-width:163px;
    --brand-page-tender-width:233px;
    --brand-page-keynotes-width:360px;
  }
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img{
    margin-left:-5.5px!important;
  }
}

/* Kleine Displays: gemeinsamer proportionaler Maßstab, damit keynotes passt */
@media(max-width:580px){
  :root{
    --brand-page-elocal-width:136px;
    --brand-page-tender-width:194px;
    --brand-page-keynotes-width:300px;
  }
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img{
    margin-left:-4.6px!important;
  }
}

/* ======================================================================
   v048 — Keynotes-Seite: Logo etwas kleiner und sichtbares "k" bündig
   mit der Textachse darunter.
   KEIN neues Logo; ausschließlich CSS-Skalierung des vorhandenen PNGs.
   elocal bleibt optische Referenz.
   ====================================================================== */
:root{
  --brand-page-keynotes-width:430px;
}

/* Der sichtbare linke Rand des vorhandenen PNGs beginnt erst nach
   transparentem Innenraum. Dieser wird hier kompensiert. */
.dravo-keynotes-hero .dravo-keynotes-logo-hero{
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.dravo-keynotes-hero .dravo-keynotes-logo-hero img{
  width:var(--brand-page-keynotes-width)!important;
  height:auto!important;
  max-width:100%!important;
  margin-left:-35px!important;
  object-position:left center!important;
}

/* Tablet und Smartphone proportional zum Desktopwert */
@media(max-width:820px){
  :root{ --brand-page-keynotes-width:330px; }
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img{
    margin-left:-27px!important;
  }
}
@media(max-width:580px){
  :root{ --brand-page-keynotes-width:275px; }
  .dravo-keynotes-hero .dravo-keynotes-logo-hero img{
    margin-left:-23px!important;
  }
}


/* ======================================================================
   v049 — Footer brand tails + safe Gutenberg ownership
   Only visual change: "notes" and "check" use the same light footer tone
   as "cal". Existing Gutenberg content is preserved by functions.php.
   ====================================================================== */
.site-footer .footer-menu .dravo-brand-keynotes .dravo-brand-tail,
.site-footer .footer-menu .dravo-brand-tendercheck .dravo-brand-tail{
  color:#d7e0e6!important;
}


/* ======================================================================
   v050 — Footer: elocal complete wordmark bold
   Only the footer brand weight is changed; user Gutenberg edits remain
   protected by the safe-update logic introduced in v049.
   ====================================================================== */
.site-footer .footer-menu .dravo-brand-elocal,
.site-footer .footer-menu .dravo-brand-elocal .dravo-brand-red,
.site-footer .footer-menu .dravo-brand-elocal .dravo-brand-tail{
  font-weight:700!important;
}


/* ======================================================================
   v051 — Startseite: plastisches "Entscheidungen" + hochwertigere Blaufläche
   Keine Inhaltsänderung, keine neuen Bilder. Gutenberg-Inhalte bleiben geschützt.
   ====================================================================== */

/* 1) "Entscheidungen": dezenter plastischer Rot-Effekt im Stil der Markenwelt */
.dravo-home-hero h1 strong{
  color:#c9272e!important;
  background:linear-gradient(
    180deg,
    #f1464b 0%,
    #d62d35 36%,
    #c1272e 58%,
    #a91f25 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.25px rgba(111,13,20,.32);
  text-shadow:
    0 1px 0 rgba(255,255,255,.42),
    0 2px 0 rgba(135,18,25,.35),
    0 5px 9px rgba(92,8,15,.15);
  filter:drop-shadow(0 3px 2px rgba(112,12,20,.10));
}

/* 2) Desktop: rechte Blaufläche deutlich tiefer, glänzender und weniger "PowerPoint". */
@media (min-width:821px){
  .dravo-home-hero .dravo-hero-card:after{
    background-image:
      /* schmaler, weicher Lichtreflex */
      linear-gradient(
        112deg,
        transparent 0%,
        transparent 10%,
        rgba(255,255,255,.19) 18%,
        rgba(255,255,255,.075) 28%,
        rgba(255,255,255,.018) 39%,
        transparent 48%
      ),
      /* oberer Glanz / Lichtquelle */
      radial-gradient(
        ellipse at 24% 6%,
        rgba(132,205,255,.28) 0%,
        rgba(86,170,229,.12) 24%,
        transparent 47%
      ),
      /* räumliche Randabdunklung */
      linear-gradient(
        90deg,
        rgba(0,24,49,.20) 0%,
        rgba(0,24,49,.055) 10%,
        transparent 27%,
        transparent 82%,
        rgba(0,18,39,.18) 100%
      ),
      /* feiner Glasverlauf */
      linear-gradient(
        180deg,
        rgba(255,255,255,.085) 0%,
        rgba(255,255,255,.015) 22%,
        transparent 42%,
        rgba(0,12,30,.075) 100%
      ),
      url('assets/decision-network.svg'),
      /* tiefer Grundverlauf */
      linear-gradient(
        145deg,
        #1268a6 0%,
        #09558f 22%,
        #034578 46%,
        #003664 70%,
        #002446 100%
      ) !important;

    background-repeat:
      no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat !important;
    background-position:
      center,center,center,center,left 48%,center !important;
    background-size:
      100% 100%,100% 100%,100% 100%,100% 100%,max(1180px,100vw) auto,100% 100% !important;

    box-shadow:
      inset 2px 0 0 rgba(255,255,255,.22),
      inset 0 1px 0 rgba(255,255,255,.19),
      inset 0 -1px 0 rgba(0,10,26,.36),
      inset -18px 0 34px rgba(0,17,37,.12),
      -14px 0 34px rgba(0,45,86,.10) !important;
  }

  /* Die eigentliche Karte bleibt transparent, erhält aber räumliche Tiefe. */
  .dravo-home-hero .dravo-hero-card{
    filter:drop-shadow(-10px 12px 22px rgba(0,32,64,.10))!important;
  }
}

/* Mobile: gleicher Charakter, aber ruhiger. */
@media (max-width:820px){
  .dravo-home-hero .dravo-hero-card{
    background:
      linear-gradient(
        118deg,
        rgba(255,255,255,.14) 0%,
        rgba(255,255,255,.035) 29%,
        transparent 46%
      ),
      radial-gradient(
        ellipse at 20% 5%,
        rgba(117,198,252,.20),
        transparent 42%
      ),
      linear-gradient(
        145deg,
        #0d609c 0%,
        #064d84 36%,
        #003a70 65%,
        #00284d 100%
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(0,13,30,.22),
      0 18px 40px rgba(0,42,82,.16) !important;
  }
}


/* ======================================================================
   v052 — Startseite: "Entscheidungen" kräftigeres, satteres Rot
   Nur Farbtiefe/Plastizität des vorhandenen Wortes wird angepasst.
   Keine Inhalts- oder Layoutänderung.
   ====================================================================== */
.dravo-home-hero h1 strong{
  color:#c1272e!important;
  background:linear-gradient(
    180deg,
    #f12f37 0%,
    #dc2029 28%,
    #c71922 52%,
    #b4141c 74%,
    #951018 100%
  )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.32px rgba(92,8,14,.42)!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.28),
    0 2px 0 rgba(128,10,17,.45),
    0 4px 0 rgba(103,8,14,.16),
    0 7px 10px rgba(86,5,12,.20)!important;
  filter:
    saturate(1.18)
    contrast(1.06)
    drop-shadow(0 3px 2px rgba(100,7,13,.13))!important;
}


/* ======================================================================
   v053 — Startseite: "Entscheidungen" satter, dunkler und weniger fett
   Nur Typografie/Farbwirkung des Wortes wird verändert.
   ====================================================================== */
.dravo-home-hero h1 strong{
  font-weight:700!important;
  color:#c1272e!important;
  background:linear-gradient(
    180deg,
    #df2028 0%,
    #cf1d25 28%,
    #bd1820 52%,
    #a9141b 76%,
    #891016 100%
  )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.10px rgba(82,5,10,.28)!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.16),
    0 1.5px 0 rgba(111,7,13,.30),
    0 4px 7px rgba(69,3,9,.14)!important;
  filter:
    saturate(1.28)
    contrast(1.12)
    drop-shadow(0 2px 1px rgba(80,4,10,.10))!important;
}


/* ======================================================================
   v054 — domain migration only
   No visual changes. Existing Gutenberg content remains user-owned.
   ====================================================================== */