.vm-ai-section{
  font-size: 12px;
  text-align: justify;
}

.vm-ai-section h2{
  margin: 0 0 12px;
  font-size: 20px;
  color: #d5aa43;
  letter-spacing: 1px;
  font-weight: normal;
}

.vm-ai-section p{
  margin: 0 0 14px;
}

.vm-note-box{
  margin: 22px 0 0;
  padding: 16px 18px;
  background: rgba(18,14,12,0.72);
  border: 1px solid rgba(213,170,67,0.22);
}

.vm-note-title{
  color: #d5aa43;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.vm-note-text{
  font-size: 12px;
  line-height: 1.7;
  color: #d7c7b6;
  text-align: justify;
}
/**/
.vm-ai-page{
  width: 100%;
  margin: 0px;
  color: #d7c7b6;
  line-height: 1.7;
}
.vm-ai-bg{
  background:
    linear-gradient(180deg, rgba(17,13,11,0.92) 0%, rgba(20,17,15,0.96) 100%),
    url(../../../../images/velmoor/ai_page_bg.jpg) center/cover no-repeat;
}
.vm-ai-hero{
  background:
    linear-gradient(180deg, rgba(17,13,11,0.92) 0%, rgba(20,17,15,0.97) 100%),
    url(../../../DEIN-HINTERGRUND.jpg) center/cover no-repeat;
  border: 1px solid #3a2d27;
  box-shadow: 0 0 25px rgba(0,0,0,0.45);
}

.vm-ai-overlay{
  padding: 38px 42px;
  background: rgba(10,8,7,0.42);
}

.vm-ai-inner{
  border: 1px solid rgba(213,170,67,0.35);
  background: rgba(10,8,7,0.68);
  padding: 32px;
}

.vm-ai-kicker{
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
  color: #9d8872;
  text-align: center;
  margin-bottom: 10px;
}

.vm-ai-page h1{
  margin: 0 0 8px;
  text-align: center;
  font-size: 42px;
  letter-spacing: 2px;
  color: #d5aa43;
  font-weight: normal;
}

.vm-ai-subline{
  text-align: center;
  font-style: italic;
  color: #b8a48d;
  font-size: 15px;
  margin-bottom: 26px;
}

.vm-ai-divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(213,170,67,0.6), transparent);
  margin: 24px 0 28px;
}

.vm-ai-intro{
  font-size: 12px;
  text-align: justify;
  margin-bottom: 26px;
}

.vm-ai-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.vm-ai-card{
  background: rgba(18,14,12,0.76);
  border: 1px solid rgba(213,170,67,0.18);
  padding: 18px 18px 16px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.vm-ai-card h2{
  margin: 0 0 10px;
  font-size: 17px;
  color: #d5aa43;
  letter-spacing: 1px;
  font-weight: normal;
}

.vm-ai-card p{
  margin: 0 0 12px;
  font-size: 12px;
  text-align: justify;
}

.vm-ai-card p:last-child{
  margin-bottom: 0;
}

.vm-ai-list{
  margin: 0;
  padding-left: 18px;
  font-size: 12px;
}

.vm-ai-list li{
  margin-bottom: 6px;
}

.vm-ai-note{
  font-size: 12px;
  background: rgba(213,170,67,0.08);
  border: 1px solid rgba(213,170,67,0.22);
  padding: 14px 16px;
  color: #dbc8ac;
}

.vm-ai-note strong{
  color: #d5aa43;
  font-weight: normal;
  letter-spacing: .5px;
}

@media (max-width: 800px){
  .vm-ai-overlay{
    padding: 20px;
  }

  .vm-ai-inner{
    padding: 20px;
  }

  .vm-ai-grid{
    grid-template-columns: 1fr;
  }

  .vm-ai-page h1{
    font-size: 32px;
  }
}