/*Tabelleneigenschaften*/
.Kostenkalkulation, .Kostenkalkulation tr, .Kostenkalkulation td {
    width: 100%;
    border-collapse: collapse;  
    border: 1px solid lightgray;
}
.Überschriften {
    text-align: center;
    line-height: 30px;
}
.Titel {
    padding: 10px;
}
.Doppelklasse {
    text-align: center;
    font-weight: bold;
    color: black;
    background-color: whitesmoke;
}
.Einzelpreis {
    min-width: 100px;
    padding: 10px;;
    text-align: right;
}
.Stück {
    min-width: 100px;
    padding: 10px;
    text-align: center;
}
.Auswahl {
    min-width: 100px;
    padding: 10px;
    text-align: center;
}
.Gesamtpreis {
    min-width: 100px;
    padding: 10px;
    text-align: right;
    font-weight: bold;
}

/*Nummernfelder*/
#Begleitpersonen, #TPruefung, #Ausbildung, #PPruefung, #TGebuehr, #PGebuehr, #TPruefung1, #Ausbildung1, #PPruefung1, #TGebuehr1, #PGebuehr1, #TPruefung2, #Ausbildung2, #PPruefung2, #TGebuehr2, #PGebuehr2 {
    width: 65px;
    padding: 2px;
    border: 1px solid lightgrey;
    text-align: center;
}
#Begleitpersonen:focus, #TPruefung:focus, #Ausbildung:focus, #PPruefung:focus, #TGebuehr:focus, #PGebuehr:focus, #TPruefung1:focus, #Ausbildung1:focus, #PPruefung1:focus, #TGebuehr1:focus, #PGebuehr1:focus, #TPruefung2:focus, #Ausbildung2:focus, #PPruefung2:focus, #TGebuehr2:focus, #PGebuehr2:focus {
    border: 1px solid grey;
}

/*Handy / Kleine Anzeige*/
@media screen and (max-width: 600px) {
    .Kostenkalkulation thead {
        display: none;
    }
    .Kostenkalkulation tr{
        border: 0;
    }
    .Kostenkalkulation td {
        display: block;
        border: 0;   
    }
    .Titel {
        font-weight: bold;
        color: #0d0e48;
        background-color:whitesmoke;
    }
    .Doppelklasse {
        text-align: center;
        font-weight: bold;
        color: #0d0e48;
        background-color:lavender;
    }
    .Einzelpreis::before {
        float: left;
        content: "Einzelpreis: ";
    }
    .Einzelpreis {
        text-align: right;
        
    }
    .Stück::before {
        float: left;
        content: "Anzahl: ";;
    }
    .Stück {
        text-align: right;
    }
    .Auswahl::before {
        float: left;
        content: "Auswählen: ";
    }
    .Auswahl {
        text-align: right;
    }
    .Gesamtpreis::before {
        float: left;
        content: "Summe: ";
    }
    .Gesamtpreis {
        font-weight: bold;
    }
}