* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* verhindert horizontales Scrollen */
  font-family: sans-serif;
  color: #696969;
  background-color: #F2F2F2;
}

h1, h2, h3 {
    display: block;
    font-weight: bolder;
}
h1 { 
    font-size: 1.5em; 
    margin: .75em 0;
}
h2 { 
    font-family: Courier;     
    font-size: 1.17em; 
    margin: 0 0;
}
h3 { 
    font-size: 1.17em; 
    margin: .83em 0;
}
@media print {
    h1 { page-break-before: always; }
    h1, h2, h3 { page-break-after: avoid }
}

A:link {
font-family:Arial;font-size:0.95em;
FONT-WEIGHT: normal; color: #0B4C5F; text-decoration: none; border-bottom: 1px dotted; border-color: #a4a4a4;
}
A:visited {
font-family:Arial;font-size:0.95em;
FONT-WEIGHT: normal; color: #0B4C5F; text-decoration: none; border-bottom: 1px dotted; border-color: #a4a4a4;
}
A:hover {
font-family:Arial;font-size:0.95em;
color: #DF0174; text-decoration: underline;
}
A:active {
font-family:Arial;font-size:0.95em;
color: #ff0000; 
}

.box {
  display: flex;
  justify-content: center;
  align-items: center; /* optional */
  width: 100%;
  padding: 10px 5%;
  margin-bottom: 7.5%;
  background: linear-gradient(101deg, rgba(90, 151, 94, 1) 20%, rgba(22, 88, 152, 1) 80%);
  box-sizing: border-box;
  overflow-x: hidden;
}

table {
  width: 90%;
  max-width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}

td {
  padding: clamp(10px, 5vw, 40px);
  background-color: #f2f2f2;
  text-align: left;
  font-size: clamp(0.9rem, 1.2vw, 1.2rem);
  max-width: 100%;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  td {
    padding: 30px;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  td {
    padding: 20px;
    font-size: 0.9rem;
  }
}