@charset "UTF-8";
/* CSS Document */

/* Alles ist auf .ad-basiskurs-box scoped -> beeinflusst nichts anderes */
.ad-basiskurs-box{
  background:#f8f9fb;
  color:#333;
  max-width:750px;
  margin:50px auto;
  padding:40px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .3s ease, box-shadow .3s ease;
}

.ad-basiskurs-box:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.12);
}

.ad-basiskurs-supertitle{
  margin:0 0 10px;
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#777;
}

.ad-basiskurs-title{
  margin:0 0 10px;
  font-size:30px;
  letter-spacing:.5px;
}

.ad-basiskurs-subtitle{
  margin:0 0 25px;
  font-size:16px;
  color:#666;
}

.ad-basiskurs-dates{ margin:0; }

.ad-basiskurs-date{
  margin:15px 0;
  font-size:20px;
  line-height:1.4;
}

.ad-basiskurs-day{
  font-weight:700;
  font-size:21px;
}

.ad-basiskurs-holidays{
  margin-top:25px;
  color:#555;
}

.ad-basiskurs-holidays-label{
  margin:0;
  font-size:15px;
}

.ad-basiskurs-holidays-dates{
  margin:6px 0 0;
  font-size:15px;
  font-weight:600;
  color:#333;
}

.ad-basiskurs-text{
  margin:25px 0 0;
  text-align:left;
  font-size:16px;
  line-height:1.6;
  color:#444;
}

/* Animation scoped */
.ad-fade-in{
  opacity:0;
  transform:translateY(15px);
  animation:adFadeInUp .8s ease forwards;
}

@keyframes adFadeInUp{
  to{ opacity:1; transform:translateY(0); }
}

/* Responsive */
@media (max-width: 600px){
  .ad-basiskurs-box{
    margin:20px 12px;
    padding:22px 16px;
  }
  .ad-basiskurs-title{ font-size:24px; }
  .ad-basiskurs-date{ font-size:17px; }
  .ad-basiskurs-day{ font-size:18px; }
  .ad-basiskurs-text{ font-size:15px; }
}