:root {
  --bg: #0f172a;
  --card: #1e293b;
  --text: #e2e8f0;
  --accent: #38bdf8;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  margin:0;
  font-family: Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 18px;
}

header {
  display:flex;
  justify-content:space-between;
  padding:1rem 2rem;
  background:#020617;
}


nav a {
  margin-left:1rem;
  color:#4da3ff;
  text-decoration:none;
}


.hero {
  text-align:center;
  padding:4rem 1rem;
}

.hero h1 {
  font-size:2.2rem;
}

	.hero img {
	  text-align:center;
	  max-width: 80%; /* Prevents image from exceeding container width */
	  height: auto;    /* Keeps aspect ratio */
	}

.btn {
  display:inline-block;
  margin-top:1rem;
  padding:12px 20px;
  background:var(--accent);
  color:black;
  text-decoration:none;
  border-radius:8px;
  font-weight:bold;
}

.container {
  max-width:900px;
  margin:auto;
  padding:1rem;
}

.card {
  text-align:center;
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  margin-bottom:1rem;
}

.card2 {
  text-align:center;
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  grid-column: 1 / span 2; /* Start at column line 1, span 2 columns */
  margin-bottom:1rem;
}

.cardseminar {
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  margin-bottom:1rem;
}

.grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.testimonial {
  font-style:italic;
  margin-top:1rem;
  opacity:0.9;
}

/*
.menu-toggle {
  display:none;
  font-size:1.5rem;
}
*/

/*
@media(max-width:700px){
  .grid {grid-template-columns:1fr;}
  nav {display:none;}
  .menu-toggle {display:block;}
}
*/

		@media(max-width:700px){
		
		  .grid {
		    grid-template-columns:1fr;
		  }
		
		  header {
		    text-align:center;
		    padding:1rem;
		  }
		
		  nav {
		    display:block;
		    margin-top:10px;
		  }
		
		  nav a {
		    display:inline-block;
		    margin:6px 8px;
		    color:#4da3ff;
		    text-decoration:none;
		  }
		}
		
		
.tableseminar {
margin-left: auto;
margin-right: auto; /* Centers the table */
border-collapse: collapse;
}




    a.contact:link {
        color: #4da3ff; /* Light blue for contrast */
        text-decoration: none;
    }

    /* Visited link */
    a.contact:visited {
        color: #b388ff; /* Light purple */
        text-decoration: none;
    }

    /* Hover effect */
    a.contact:hover {
        color: #ffffff; /* White on hover */
        text-decoration: underline;
    }

    /* Active link (when clicked) */
    a.contact:active {
        color: #ff5252; /* Bright red */
    }