* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    box-sizing: border-box;
}

#tastaturWrapper {
    position: absolute;
    border: solid 2px #333;
    margin: 1rem;
    border-radius: 1rem;
    padding: 0.5rem;
    height: calc(100% - 20rem);
    overflow: scroll;
    width: calc(100% - 2rem);
}

#Tastatur {
    position: relative;
    background: transparent;
    border: solid 1px #aaa;
    width: 10px;
    height: 10px;
}

.Taste {
    position: absolute;
    border: solid 2px #999;
    width: 3.8rem;
    height: 3.8rem;
    padding: 0.2rem;
    cursor: pointer;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.Taste:active {
    border: solid 2px #f00;
}

.TSlot {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.TS1 {
    grid-column: 1;
    grid-row: 1;
}
.TS2 {
    grid-column: 2;
    grid-row: 1;
}
.TS3 {
    grid-column: 3;
    grid-row: 1;
}
.TS4 {
    grid-column: 1;
    grid-row: 2;
}
.TS5 {
    grid-column: 2;
    grid-row: 2;
}
.TS6 {
    grid-column: 3;
    grid-row: 2;
}
.TS7 {
    grid-column: 1;
    grid-row: 3;
}
.TS8 {
    grid-column: 2;
    grid-row: 3;
}
.TS9 {
    grid-column: 3;
    grid-row: 3;
}

.Settings {
    position: absolute;
    border: solid 2px #333;
    width: 100%;
    height: 18rem;
    bottom: 0;
    padding: 1rem;
}

.ButtonStyle {
    padding: 0.3rem;
    font-size: 16px;
    border: solid 2px #333;
    border-radius: 0.2rem;
    background-color: #ddd;
    cursor: pointer;
    transition: 50ms;
}

.ButtonStyle:hover {
    background-color: #0a70ff;
    color: #fff;
}

.ButtonStyle:active {
    transform: scale(1.05);
}

#addKey {
    position: relative;
}

#einstellTaste {
    width: 10rem;
    height: 10rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.InputStyle {
    width: 100%;
    height: 100%;
    text-align: center;
}

.InputStyle:focus {
    outline: none;
}

#keySettings {
    position: absolute;
    right: 1rem;
}

.InputStyle2 {
    width: 4rem;
}

#changeKeyButtonField {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

#changeKeyButton {
    background-color: orangered;
    margin-right: 1rem;
}

#sheetSize {
    width: 5rem;
}