/* ARGUS V141 — visual refinement, contrast, warmer editorial tone, DE header safety */

/* 1) International block: remove the heavy gradient and make every line clearly readable. */
.argus-v139-international{
  background:#f4efe6!important;
  color:#171714!important;
  border-top:1px solid rgba(145,104,30,.18)!important;
  border-bottom:1px solid rgba(145,104,30,.20)!important;
}
.argus-v139-international::before{
  background:radial-gradient(circle at 88% 18%,rgba(193,148,63,.10),transparent 28%)!important;
  opacity:1!important;
}
.argus-v139-international .argus-v139-int-grid{gap:52px!important;}
.argus-v139-international .argus-v139-kicker{color:#946918!important;}
.argus-v139-international h2{
  color:#191816!important;
  text-shadow:none!important;
  max-width:17ch!important;
}
.argus-v139-international .argus-v139-lead{
  color:#4d4942!important;
  opacity:1!important;
}
.argus-v139-international .argus-v139-tags span{
  background:rgba(255,255,255,.72)!important;
  color:#5f4a23!important;
  border-color:rgba(145,104,30,.26)!important;
  box-shadow:0 5px 18px rgba(72,56,28,.04)!important;
}
.argus-v139-international .btn-ghost{
  color:#24211d!important;
  border-color:rgba(66,53,31,.30)!important;
  background:rgba(255,255,255,.38)!important;
}
.argus-v139-international .btn-ghost:hover{
  color:#111!important;
  background:#fff!important;
  border-color:rgba(145,104,30,.42)!important;
}

/* Right-hand professional card: photographic, warmer and less severe without changing the brand. */
.argus-v139-international .argus-v139-panel{
  overflow:hidden!important;
  padding:0!important;
  background:#111315!important;
  border-color:rgba(145,104,30,.30)!important;
  box-shadow:0 24px 60px rgba(34,28,18,.16)!important;
  backdrop-filter:none!important;
}
.argus-v141-panel-photo{
  margin:0!important;
  position:relative!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(225,188,105,.22)!important;
}
.argus-v141-panel-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  filter:saturate(.88) contrast(.98)!important;
}
.argus-v141-panel-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(7,8,9,.48));
  pointer-events:none;
}
.argus-v141-panel-copy{padding:27px 30px 30px!important;}
.argus-v139-international .argus-v139-panel h3{color:#e5c47d!important;}
.argus-v139-international .argus-v139-panel p{color:#e2e3e4!important;}
.argus-v139-international .argus-v139-panel ul{color:#f0f0ed!important;}
.argus-v139-international .argus-v139-panel li::marker{color:#d7ad58!important;}

/* 2) Background-check visual: a single editorial image breaks up long technical copy. */
.argus-v141-background-visual{
  position:relative;
  margin:4px 0 30px;
  border-radius:20px;
  overflow:hidden;
  min-height:260px;
  box-shadow:0 18px 46px rgba(23,21,18,.10);
  border:1px solid rgba(124,91,34,.14);
  background:#171717;
}
.argus-v141-background-visual img{
  display:block;
  width:100%;
  height:clamp(260px,32vw,410px);
  object-fit:cover;
  object-position:center 45%;
  filter:saturate(.88) contrast(.98);
}
.argus-v141-background-visual figcaption{
  position:absolute;
  left:18px;
  bottom:16px;
  max-width:calc(100% - 36px);
  padding:9px 12px;
  border-radius:999px;
  background:rgba(8,9,10,.78);
  color:#f4e5c3;
  border:1px solid rgba(226,187,99,.28);
  backdrop-filter:blur(7px);
  font:700 .76rem/1.25 Orbitron,system-ui,sans-serif;
  letter-spacing:.06em;
}

/* 3) A slightly warmer light palette in the new professional area softens the overall visual tone. */
.argus-v139-professional{background:#f7f2e9!important;}
.argus-v139-pro-card{
  border-radius:21px!important;
  border-color:rgba(88,68,34,.12)!important;
  box-shadow:0 14px 34px rgba(54,43,25,.055)!important;
}

/* 4) German desktop navigation: reserve clear space around the logo and keep long labels away from it. */
@media (min-width:1761px){
  html[lang="de"] .site-header .container.navbar{
    grid-template-columns:252px minmax(0,1fr)!important;
    column-gap:34px!important;
  }
  html[lang="de"] .site-header .logo{
    width:252px!important;
    max-width:252px!important;
  }
  html[lang="de"] .site-header .logo img{
    max-width:238px!important;
  }
  html[lang="de"] .site-header .nav-links{
    margin-left:0!important;
    justify-content:flex-end!important;
    gap:0!important;
  }
  html[lang="de"] .site-header .nav-links a{
    font-size:10px!important;
    padding-left:5px!important;
    padding-right:5px!important;
    letter-spacing:.018em!important;
  }
  html[lang="de"] .site-header .nav-links a.lang-choice{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* At medium-wide German desktop widths, use the existing clean drawer rather than compressing labels over the logo. */
@media (min-width:1360px) and (max-width:1760px){
  html[lang="de"] .site-header .container.navbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:10px!important;
  }
  html[lang="de"] .site-header .logo{
    width:auto!important;
    max-width:238px!important;
    min-width:0!important;
  }
  html[lang="de"] .site-header .logo img{max-width:230px!important;}
  html[lang="de"] .site-header .mobile-lang-set{display:flex!important;}
  html[lang="de"] .site-header .menu-toggle{display:inline-flex!important;}
  html[lang="de"] .site-header .nav-links{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(430px,90vw)!important;
    height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:102px 24px 30px!important;
    background:linear-gradient(180deg,#090b0d,#050607)!important;
    border-left:1px solid rgba(214,166,75,.26)!important;
    box-shadow:-32px 0 80px rgba(0,0,0,.56)!important;
    transform:translateX(104%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    z-index:218!important;
  }
  html[lang="de"] body.nav-open .site-header .nav-links{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html[lang="de"] body:not(.nav-open) .site-header .nav-links{
    transform:translateX(104%)!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[lang="de"] .site-header .nav-links a{
    display:flex!important;
    align-items:center!important;
    min-height:52px!important;
    padding:14px 4px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    border-radius:0!important;
    font-size:14px!important;
    letter-spacing:.045em!important;
  }
  html[lang="de"] .site-header .nav-links a.lang-choice{display:none!important;}
}

@media(max-width:980px){
  .argus-v139-international .argus-v139-int-grid{gap:30px!important;}
  .argus-v141-panel-photo{aspect-ratio:16/8!important;}
}
@media(max-width:620px){
  .argus-v139-international h2{font-size:2.08rem!important;}
  .argus-v141-panel-copy{padding:22px!important;}
  .argus-v141-background-visual{border-radius:16px;margin-bottom:22px;}
  .argus-v141-background-visual img{height:250px;}
  .argus-v141-background-visual figcaption{left:12px;right:12px;bottom:12px;max-width:none;border-radius:12px;}
}
