#titel {
  width: 100%;
  top: 0px;
  right: 0px;
  height: 100px;
  text-decoration: none;
  color: var(--thc-d2);
/*  position: fixed;*/
/*  border: 1px solid #cdcdcd;*/
  background: var(--titel-bg-color);
  font-size: 2.4em;
}
#titel h1 {margin:0px;}
#titel a:link {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#titel a:visited {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#titel a:hover {color:var(--thc-d2);}
#titel a:active {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#titel p {font-size: 0.35em;}

@media screen and (max-width: 770px) {
    #title {
        height: 70px;
        background:red;
    }
}

@media screen and (max-width: 570px) {
    #titel {
        position: static;
        width: 99.5%;
    }
}

@media screen and (max-height: 250px) {
    #titel {
        display: none;
    }
}