:root {
  --border: 4px;
}

.sens {
    border-radius: 8px;
    border: var(--border);
    padding: 2px 8px 2px 8px;
    margin-top: 8px;
    max-width: 480px;
}
.darkblue {
    background: #001144ff;
    color: #ffffffff;
    border: var(--border) #001144ff solid;
}
.blue {
    color: #0000ffff;
    background: #ffffffff;
    border: var(--border) #0000ffff solid;
}
.lightblue {
    color: #00aaffff;
    background: #ffffffff;
    border: var(--border) #00aaffff solid;
}
.lightgreen {
    color: #88aa88ff;
    background: #ffffffff;
    border: var(--border) #88aa88ff solid;
}
.darkgreen {
    color: #22aa88ff;
    background: #ffffffff;
    border: var(--border) #22aa88ff solid;
}
.green {
    color: #22aa44ff;
    background: #ffffffff;
    border: var(--border) #22aa44ff solid;
}
.lightgreen {
    color: #88cc44ff;
    background: #ffffffff;
    border: var(--border) #88cc44ff solid;
}
.yellow {
    color: #ffaa00ff;
    background: #ffffffff;
    border: var(--border) #ffaa00ff solid;
}
.orange {
    color: #ff6600ff;
    background: #ffffffff;
    border: var(--border) #ff6600ff solid;
}
.red {
    background: #ff0000ff;
    color: #ffffffff;
    border: var(--border) #ff0000ff solid;
}
.violett {
    background: #aa00aaff;
    color: #ffffffff;
    border: var(--border) #aa00aaff solid;
}
.black {
    background: #ffffffff;
    color: #aaaaaaff;
    border: var(--border) #aaaaaaff solid;
}
.sens:hover {
    background: #ffffffff;
    color: #000000aa;
    border: var(--border) #000000aa solid; 
}
.tab-ac {
    display: grid;
    margin: 4px;
    grid-template-columns: 100px 100px;
}
.right {
    float: right;
}

#sensoren {
  position: relative;
}