/* 0.4.80: approved compact experience section, complete in the normal document flow. */
.vg-site #eigene-schutzmittel.vg-experience-073 {
  position: relative;
  background: radial-gradient(ellipse at 85% 12%, #30444c 0%, #243642 31%, #1d2c37 72%);
  padding-block: clamp(3.2rem, 5.5vw, 5.2rem);
  overflow: hidden;
}
#eigene-schutzmittel.vg-experience-073::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-block: 1px solid #ffffff0b;
}
#eigene-schutzmittel .vg-experience-073__layout { display: block; }
#eigene-schutzmittel .vg-experience-073__intro { position: static; margin-bottom: 2.5rem; }
#eigene-schutzmittel.vg-experience-073 h2 { max-width: none; font-size: clamp(2rem, 3.15vw, 2.8rem); line-height: 1.13; }
#eigene-schutzmittel.vg-experience-073 .vg-eyebrow { margin-bottom: .8rem; }
#eigene-schutzmittel .vg-experience-073__progress { display: none; }
#eigene-schutzmittel .vg-experience-073__chapters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 3rem; }
#eigene-schutzmittel .vg-experience-073__chapter { display: block; padding: 0; border: 0; min-height: 0; }
#eigene-schutzmittel .vg-experience-073__chapter + .vg-experience-073__chapter::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  width: 1px;
  background: linear-gradient(#c4b18b73, #c4b18b15);
  transform-origin: top;
}
#eigene-schutzmittel .vg-experience-073__number { margin-bottom: 1.15rem; letter-spacing: .17em; }
#eigene-schutzmittel.vg-experience-073 h3 {
  min-height: 2.5em;
  font-size: clamp(1.45rem, 1.85vw, 1.65rem);
  line-height: 1.23;
  margin-bottom: 1.1rem;
  letter-spacing: -.012em;
}
#eigene-schutzmittel .vg-experience-073__chapter p { font-size: 1.08rem; line-height: 1.65; max-width: none; color: #d1d9dc; }
#eigene-schutzmittel .vg-experience-073__link { grid-column: 1 / -1; margin-top: 2rem; }
#eigene-schutzmittel .vg-experience-073__link .vg-text-link { font-size: .8rem; }

@media (prefers-reduced-motion: no-preference) {
  #eigene-schutzmittel .vg-experience-enter-080 {
    animation: vg-experience-enter-080 620ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: var(--vg-experience-delay-080, 0ms);
  }
  #eigene-schutzmittel .vg-experience-enter-080::before {
    animation: vg-experience-line-080 850ms 60ms cubic-bezier(.22, 1, .36, 1) both;
  }
}
@keyframes vg-experience-enter-080 {
  from { opacity: .18; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes vg-experience-line-080 {
  from { transform: scaleY(.08); opacity: .2; }
  to { transform: scaleY(1); opacity: 1; }
}
@media (max-width: 1000px) {
  #eigene-schutzmittel .vg-experience-073__chapters { gap: 0 2rem; }
  #eigene-schutzmittel .vg-experience-073__chapter + .vg-experience-073__chapter::before { left: -1rem; }
}
@media (max-width: 900px) {
  #eigene-schutzmittel .vg-experience-073__intro { margin-bottom: 2rem; }
  #eigene-schutzmittel .vg-experience-073__chapters { grid-template-columns: 1fr; gap: 0; }
  #eigene-schutzmittel .vg-experience-073__chapter { padding-block: 1.7rem; border-top: 1px solid #4b5c64; }
  #eigene-schutzmittel .vg-experience-073__chapter:first-child { padding-top: 0; border-top: 0; }
  #eigene-schutzmittel .vg-experience-073__chapter + .vg-experience-073__chapter::before { display: none; }
  #eigene-schutzmittel.vg-experience-073 h3 { min-height: 0; margin-bottom: .8rem; max-width: 24ch; }
  #eigene-schutzmittel .vg-experience-073__number { margin-bottom: .65rem; }
  #eigene-schutzmittel .vg-experience-073__link { margin-top: .5rem; }
  #eigene-schutzmittel.vg-experience-073 h2 { max-width: 23ch; font-size: clamp(2rem, 6vw, 2.6rem); }
}
@media (max-width: 540px) {
  #eigene-schutzmittel .vg-experience-073__chapter p { font-size: 1.05rem; }
}
@media (prefers-reduced-motion: reduce), print {
  #eigene-schutzmittel .vg-experience-enter-080,
  #eigene-schutzmittel .vg-experience-enter-080::before { animation: none !important; transition: none !important; }
}
@media print {
  .vg-site #eigene-schutzmittel.vg-experience-073 { background: #fff !important; padding-block: 1rem; overflow: visible; }
  #eigene-schutzmittel .vg-experience-073__chapters { display: block; }
  #eigene-schutzmittel .vg-experience-073__chapter { padding-block: 1rem; }
  #eigene-schutzmittel.vg-experience-073 h3 { min-height: 0; }
}