/*


 __    __    ______   .___  ___.  _______ 
|  |  |  |  /  __  \  |   \/   | |   ____|
|  |__|  | |  |  |  | |  \  /  | |  |__   
|   __   | |  |  |  | |  |\/|  | |   __|  
|  |  |  | |  `--'  | |  |  |  | |  |____ 
|__|  |__|  \______/  |__|  |__| |_______|
                                          


*/

.ttitel {
  font-size: 1.5em !important;
}

.ttitely {
  font-size: 1em !important;
  color: #EF9E02;
}

.content {
  text-align: right;
  margin-left: 0;
}

.content span {
  font-size: 3em;
}

.content {
  font-size: 2em;
  line-height: 1.6em;
}

.content,
.times {
  text-shadow: 0px 3px #821717;
}

.container > div:nth-child(1){
  padding-top: 20px;
}

.container > div:nth-child(odd) {
  text-align: right;
}

.uren {
    font-size: 3em;
  line-height: 1em;
  text-align: left;
  align-self: center;
  color: #EF9E02;
}


.container {
  padding-top: 10px;
  padding-bottom: 10px;
  
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 16px;
  width: 100%;
  margin-left: 0;

  margin-right: auto;

  align-items:stretch;
}

@media (max-width: 600px) {
  .container {
    grid-template-columns: 1fr; 
    gap: 8px;
    margin-bottom: 20px;
    margin-left: 20px;
 
  }
  
    .container > div {
    text-align: left !important; 
  }

  .uren {
    align-self: start;
    padding-bottom: 0;
  }
  
    .content {
    font-size: 1.2em;
  }
  
  .subContent {
    margin: 0; 
  }

  .ttitel {f
    font-size: 1em;
  }

  .uren {
    font-size: 1.2em;
  }
}

.time {
  text-align: left;
  color: #EF9E02;
}

.button {
  background: white;
  padding: 5px 30px;
  border-radius: 18px;
  text-decoration: none ;
  border: 3px solid white;
  transition: all 0.3s ease;
}

.button:hover {
  background: #AF1917;
  border-radius: 0;
}

.subletter {
  font-size: 0.8em;
}