span{
    font-weight: bold;
}

p > span:nth-of-type(1){
    text-align: center; display: block;
    color: gold;
}

.fomel{
    color: var(--txt-color-2);
    text-align: center;
    display: block;
    font-weight: inherit;
    margin: 1rem;
}

.new, .new *{
    color: #72d836;
    font-weight: inherit;
}
.old, .old *{
    color: #df3f3f;
    text-decoration: line-through;
}
input[type="text"],input[type="submit"]{
    margin-bottom: .3rem;
    display: block;
    margin: auto;
    margin-top: 1rem;
}
input[type="text"]{
    width: 40ch;
}

legend{
    font-weight: bold;
}

div {
    display: block;
    margin: 0 auto;
    max-width: 60ch;

}


.container {
  display: flex;
  flex-direction: row;
  gap: 2rem;            /* Abstand zwischen den Spalten */
  max-width: 70ch;
  margin: 0 auto;
  margin-top: 1rem;
}

.container > div {
  flex: 1;              /* beide nehmen gleich viel Platz */
}

.container > div:last-child {
  flex: 2;   /* doppelt so breit */
}
h3{
    color: gold;
}