:root{
  --tt-main: #c75c3c;
  --tt-secondary: #7b3f28;
  --tt-akzent: #d9cbbe;
  --tt-kontrast: #5a6d7c;
  --tt-neutral: #2b1e16
}
html, body {
  height: 100%;
  background: var(--tt-akzent);
  color: var(--tt-secondary);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
a{ color: var(--tt-kontrast); }
.navbar-brand span{ color: var(--tt-main); font-weight: 800; }
.header-hero{
  color: var(--tt-akzent)
  position: relative;
  min-height: 70vh;
  display: grid;
  align-items: center;
  padding: 4rem 1rem;
  background: radial-gradient(1200px 800px at 20% 20%, rgba(255,255,255,0.04), transparent 60%);
}
.header-hero .title{
  max-width: 760px;
}
.header-hero h1{
  color: var(--tt-main);
  font-weight: 900;
  letter-spacing: .5px;
  margin-bottom: .25rem;
}
.header-hero h2{
  color: var(--tt-secondary);
  font-weight: 600;
  font-size: 1.4rem;
  margin-bottom: .75rem;
}
.header-hero p.slogan{
  font-weight: 800;
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
}
.header-hero .tv-wrap img{
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 40px rgba(0,0,0,.5));
}
.section{
  padding: 3rem 0;
}
.form-hint{
  font-size: .9rem; opacity: .8;
}
footer{
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 2rem;
  padding: 2rem 0;
  font-size: .95rem;
  color: #cfd6de;
}
.small-muted{ color: var(--tt-secondary); font-size: .9rem; opacity: .8; }

.danger {background-color:red;padding:0px 10px 0px 10px;font-weight:bold;color:white;border-radius: 7px;}