:root{
  --tm-blue-900:#061a3a;
  --tm-blue-700:#0a2b63;
  --tm-blue-500:#0e3a86;
  --tm-text:#ffffff;
  --tm-muted:rgba(255,255,255,.78);
  --tm-border:rgba(255,255,255,.18);
  --tm-card:#ffffff;
}

html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--tm-text);
  /* ruhiger Verlauf: dunkles Blau bleibt länger, Übergang tiefer */
  background: linear-gradient(180deg, var(--tm-blue-900) 0%, var(--tm-blue-700) 70%, var(--tm-blue-500) 100%);
}

a{color:inherit; text-decoration:none;}
a:hover{text-decoration:underline;}

.tm-header{border-bottom:1px solid rgba(255,255,255,.12);}
.tm-header-inner{
  max-width:1200px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:18px;
}

.tm-brand{display:flex; align-items:center;}
.tm-brand-link{display:inline-flex; align-items:center;}
.tm-logo{height:44px; width:auto; display:block;}

/* Text neben dem Logo */
.tm-brand-meta,
.tm-brandline{
  margin-left:12px;
  line-height:1.1;
}
.tm-brand-meta strong,
.tm-brandline strong{display:block; font-size:15px; letter-spacing:.2px;}
.tm-brand-meta span,
.tm-brandline span{display:block; font-size:12px; color:var(--tm-muted);}

.tm-topnav{margin-left:auto;}
.tm-topnav-list{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:10px;}
.tm-topnav-item{position:relative;}

.tm-topnav-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  color:var(--tm-text);
  font:inherit;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
}
.tm-topnav-trigger:hover,
.tm-topnav-item.is-open .tm-topnav-trigger{
  border-color: var(--tm-border);
  background: rgba(255,255,255,.06);
}

.tm-topnav-dropdown{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:240px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(6,26,58,.96);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  z-index:9999;
}
.tm-topnav-item.is-open .tm-topnav-dropdown{display:block;}
/* optional hover on desktop */
@media (hover:hover){
  .tm-topnav-item.has-dropdown:hover .tm-topnav-dropdown{display:block;}
  .tm-topnav-item.has-dropdown:hover .tm-topnav-trigger{border-color: var(--tm-border); background: rgba(255,255,255,.06);}
}

.tm-dropdown-menu{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.tm-dropdown-menu a{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  border:1px solid transparent;
  color:var(--tm-text);
  white-space:nowrap;
}
.tm-dropdown-menu a:hover{
  border-color: var(--tm-border);
  background: rgba(255,255,255,.06);
  text-decoration:none;
}

/* Layout */
.tm-main{max-width:1200px; margin:0 auto; padding:20px 16px 40px;}
.tm-content{max-width:100%;}

/* Footer */
.tm-footer{border-top:1px solid rgba(255,255,255,.12); margin-top:24px;}
.tm-footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.tm-footer-left{font-size:14px; color:var(--tm-muted);}
.tm-footer-right .tm-menu{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:14px;}
.tm-footer-right .tm-menu a{
  display:inline-block;
  padding:6px 8px;
  border-radius:10px;
  border:1px solid transparent;
  color:var(--tm-muted);
  line-height:1;
}
.tm-footer-right .tm-menu a:hover{border-color: var(--tm-border); background: rgba(255,255,255,.06); color:var(--tm-text); text-decoration:none;}

/* Small screens */
@media (max-width: 720px){
  .tm-header-inner{flex-wrap:wrap; justify-content:space-between;}
  .tm-topnav{width:100%;}
  .tm-topnav-list{justify-content:flex-end; flex-wrap:wrap;}
  .tm-topnav-dropdown{right:0; left:auto; min-width:200px;}
  .tm-footer-inner{flex-direction:column; align-items:flex-start;}
}