@media screen and (orientation: portrait) {
    * { max-width: 100vw; }
    .form-group { width: 100%; }
    .r-field-number,
    .r-field-text { text-align: center !important; }
    
    span[data-field="nummer"] {
        display: inline-block  !important;
        background-color: #ff0;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        border-radius: 100%;
        font-weight: 600;
        font-size: 2rem;
        margin-top: 1rem;
    }
    
    span[data-field="Nummer"] {
        display: inline-block  !important;
        background-color: #357d13;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        border-radius: 100%;
        font-weight: 600;
        font-size: 2rem;
        margin-top: 1rem;
        color: #fff;
    }
    
    .form-group td { padding: 0 !important; }
    
    td[data-field="Gattung"] > span > span {font-size: 2rem !important; }
    td[data-field="Art"] > span > span {font-size: 2rem !important; }
    td[data-field="Sorte"] > span > span {font-size: 2rem !important; }
    
    [data-field="nummer"]::before,
    [data-field="Nummer"]::before,
    [data-field="Gattung"]::before,
    [data-field="Art"]::before,
    [data-field="Sorte"]::before { display: none !important; }
    

    

}