/* COM.IN Markenfarben der ursprünglichen Website */
:root {
  --ink: #292b2c;
  --green: #354ea0;
  --mint: #eaf8fc;
  --lime: #cceff7;
  --cream: #ffffff;
  --orange: #00b7de;
  --blue-soft: #e9edfa;
}
body { background: #fff; }
.hero h1 { font-size: clamp(2.55rem, 4.6vw, 4.45rem); }
.site-header { height: 96px; }
.brand { display: block; font-size: 0; letter-spacing: normal; }
.brand img { width: 255px; height: auto; }
.site-header nav a:not(.nav-cta):hover { color: #00b7de; }
.nav-cta, .primary { background: #354ea0; color: #fff; }
.nav-cta:hover, .primary:hover { background: #293d85; }
.secondary { border-color: #aeb6d5; color: #354ea0; }
.eyebrow { color: #354ea0; }
.eyebrow.light { color: #bdeff8; }
.hero-note { background: #00b7de; color: #292b2c; box-shadow: 0 14px 40px #354ea033; }
.course-card.language { background: #eaf8fc; }
.course-card.computer { background: #e9edfa; }
.course-card.company { background: #cceff7; }
.course-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.course-card { min-width: 0; }
.tags span { border-color: #354ea055; }
.news, .contact { background: #354ea0; }
.news-badge { background: #00b7de; color: #292b2c; }
.process li > span { background: #cceff7; }
.contact-links a:hover { color: #354ea0; }
.footer-brand img { width: 190px; height: auto; }
dialog::backdrop { background: #26356a99; }
@media (max-width: 800px) {
  .site-header { height: 80px; }
  .brand img { width: 205px; }
  .site-header nav { top: 76px; }
  .hero h1 { font-size: 2.7rem; }
  .course-grid { grid-template-columns: 1fr; }
  .course-card { width: 100%; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 2.35rem; }
  .course-card h3 { font-size: 1.55rem; }
  .button-row { flex-wrap: wrap; }
  .button-row .button { width: 100%; }
  .facts { grid-template-columns: 1fr; gap: 18px; }
  .legal h1 { font-size: 2.3rem !important; overflow-wrap: anywhere; }
}
@media (min-width: 801px) and (max-width: 980px) {
  .course-grid { grid-template-columns: 1fr 1fr; }
  .course-card.company { grid-column: 1 / -1; }
}
