/* VAL SECURITY — BLACK / METALLIC GOLD PREMIUM THEME */
:root{color-scheme:dark;--bg:#050505;--panel:#0b0b0b;--panel2:#11100d;--line:rgba(211,160,58,.34);--gold:#e0ad45;--gold-bright:#ffd77a;--white:#f5f2eb;--muted:#b8b2a5;--accent:#e0ad45;--accent2:#f8d77c;--shadow:0 18px 60px rgba(0,0,0,.48)}
html{background:#050505;scroll-behavior:smooth}body{background-color:#050505!important;color:#f5f2eb!important;font-family:Inter,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 0%,rgba(180,119,24,.09),transparent 34%),radial-gradient(ellipse at 0% 55%,rgba(212,158,49,.045),transparent 36%),#050505}
::selection{background:#d9a441;color:#080706}a{transition:color .2s ease,border-color .2s ease,background .2s ease}a:hover{color:var(--gold-bright)}
.topbar,.sub-top,.site-header,.topbar-inner{background:rgba(5,5,5,.97)!important;border-color:rgba(224,173,69,.42)!important;backdrop-filter:blur(14px)}
.logo b,.sub-brand b,.brand b{color:#f3d58c} .logo small,.sub-brand small{color:#c7bda7}
h1,h2,h3,h4,.hero h1,.page-title,.section-title{color:#f7f3e9}h1 span,h2 span,.eyebrow,.sub-title,.gold,.accent{color:var(--gold)!important}
.hero,.hero-section,.page-hero,.learning-hero,.content-hero{background-color:#070707!important}
.card,.course-card,.tile,.feature-card,.content-card,.panel,.quiz-card,.question-card,.info-card,.stat-card,.lesson-card,.module-card,.result-card,.contact-card{background:linear-gradient(145deg,rgba(22,20,16,.98),rgba(7,7,7,.99))!important;border:1px solid rgba(224,173,69,.28)!important;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.card:hover,.course-card:hover,.tile:hover,.feature-card:hover,.lesson-card:hover,.module-card:hover{border-color:rgba(255,205,103,.75)!important;box-shadow:0 18px 46px rgba(0,0,0,.48),0 0 24px rgba(224,173,69,.08);transform:translateY(-2px)}
button,.btn,.button,.cta,.submit-btn,input[type=submit]{border:1px solid #e1b44e!important;background:linear-gradient(135deg,#f7d77b,#b77a1d)!important;color:#100d07!important;font-weight:800!important;box-shadow:0 5px 20px rgba(201,145,39,.16)}
button:hover,.btn:hover,.button:hover,.cta:hover,input[type=submit]:hover{background:linear-gradient(135deg,#ffe7a2,#d69a2f)!important;color:#050505!important;box-shadow:0 0 25px rgba(224,173,69,.22)}
.btn-secondary,.button-secondary,.btn-outline{background:rgba(0,0,0,.6)!important;color:#f3d58c!important;border-color:rgba(224,173,69,.7)!important}
input,select,textarea{background:#10100f!important;color:#f5f2eb!important;border:1px solid rgba(224,173,69,.36)!important;border-radius:7px}input:focus,select:focus,textarea:focus{outline:1px solid #e0ad45!important;box-shadow:0 0 0 3px rgba(224,173,69,.12)!important}
hr,.divider,.section-divider{border-color:rgba(224,173,69,.3)!important}footer,.footer,.site-footer{background:#030303!important;border-top:1px solid rgba(224,173,69,.38)!important;color:#c9c1b1!important}
img{height:auto}img[src$=".webp"]{image-rendering:auto} .brand-logo,.logo img,.sub-brand img{object-fit:contain}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* VAL Security – premium learning journey cards */
.practice-premium .practice-grid {
  gap: 16px;
  border: 0;
  margin-top: 38px;
}
.practice-premium .practice-item {
  position: relative;
  isolation: isolate;
  min-height: 190px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 40px;
  grid-template-rows: auto 1fr;
  align-items: center;
  column-gap: 16px;
  padding: 20px 18px;
  border: 1px solid rgba(213, 166, 63, .42);
  border-radius: 7px;
  background-color: #080a0a;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.18);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.practice-premium .practice-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(3,6,7,.94) 0%, rgba(3,6,7,.82) 54%, rgba(3,6,7,.62) 100%),
              linear-gradient(0deg, rgba(0,0,0,.48), rgba(0,0,0,.16));
}
.practice-premium .practice-item:hover {
  transform: translateY(-3px);
  border-color: rgba(242, 198, 91, .9);
  box-shadow: 0 16px 34px rgba(0,0,0,.35), 0 0 22px rgba(217,179,76,.09);
}
.practice-premium .practice-number {
  grid-column: 1 / -1;
  align-self: start;
  color: #e8bb53;
  font-size: 12px;
  letter-spacing: .12em;
}
.practice-premium .practice-icon {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(224,180,69,.72);
  border-radius: 13px;
  background: rgba(4,9,10,.78);
  color: #efc45e;
  font-size: 27px;
}
.practice-premium .practice-item-copy {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
}
.practice-premium .practice-item-copy b {
  display: block;
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(15px, 1.1vw, 19px);
  letter-spacing: .015em;
}
.practice-premium .practice-item-copy small {
  display: block;
  color: #d1d7d6;
  font-size: 13px;
  line-height: 1.55;
}
.practice-premium .practice-arrow {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(224,180,69,.72);
  border-radius: 50%;
  color: #efc45e;
  background: rgba(4,9,10,.76);
  font-size: 21px;
}
.practice-premium .practice-learn {
  background-image: url('../img/gesetzbuecher-val-security.webp');
}
.practice-premium .practice-drill {
  background-image: url('../img/pruefungstraining-premium.webp');
}
.practice-premium .practice-review {
  background-image: url('../img/lernfortschritt-val-security.webp');
}
.practice-premium .practice-apply {
  background-image: url('../img/security-team.webp');
}
@media (max-width: 1050px) {
  .practice-premium .practice-item { min-height: 175px; padding: 18px 15px; column-gap: 12px; }
  .practice-premium .practice-item-copy small { font-size: 12px; }
}
@media (max-width: 760px) {
  .practice-premium .practice-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 26px; }
  .practice-premium .practice-item { min-height: 150px; grid-template-columns: 52px minmax(0,1fr) 38px; padding: 16px; }
  .practice-premium .practice-icon { width: 52px; height: 52px; }
  .practice-premium .practice-item-copy b { margin-bottom: 6px; }
}