/* Seite „Whisky International“: Foto-Hero hinter dem Einleitungstext (nur auf dieser Seite eingebunden).
   Das Foto ist in beiden Farbschemata dunkel; Schriftfarben sind daher fest hell. */
.international-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(320px, 28vw, 420px);
  background:#0A0C0C url("../img/whisky-international/hero-international-900.webp") 70% center / cover no-repeat;
  color:#F6F1E6;
  margin-top:12px;
}
@media (min-width:700px){
  .international-hero{ background-image:url("../img/whisky-international/hero-international-2000.webp"); background-position:right center; }
}
.international-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(6,8,9,.78) 0%, rgba(6,8,9,.62) 40%, rgba(6,8,9,.12) 72%, rgba(6,8,9,0) 100%);
}
.international-hero .hero{ width:100%; padding-block:56px; }
.international-hero .kicker{ color:#E7BE73; }
.international-hero h1{ color:#FFFFFF; text-shadow:0 1px 18px rgba(0,0,0,.5); }
.international-hero .lede{ color:#EDE6D6; text-shadow:0 1px 12px rgba(0,0,0,.55); }
@media (max-width:699px){
  .international-hero::before{ background:linear-gradient(180deg, rgba(6,8,9,.74) 0%, rgba(6,8,9,.64) 55%, rgba(6,8,9,.82) 100%); }
  .international-hero .hero{ padding-block:44px; }
}