#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}*{box-sizing:border-box}.row{display:flex}.column{flex:50%;padding:10px}.collapsible{background-color:#777;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.active,.collapsible:hover{background-color:#555}.collapsible:after{content:"+";color:#fff;font-weight:700;float:right;margin-left:5px}.active:after{content:"−"}.content{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:disabled{cursor:default;background-color:#d3d3d3;color:gray}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.grid-container-zeilen{display:grid;grid-template-columns:auto}.grid-item-zeile{background-color:#fffc;border:1px solid rgba(0,0,0,.8);padding:20px;font-size:30px;text-align:center}.grid-container-spalten-2{display:grid;grid-template-columns:auto auto;padding:2px}.grid-container-spalten-3{display:grid;grid-template-columns:auto auto auto;padding:2px}.grid-item-spalte{background-color:#fffc;border:1px solid white;padding:2px;font-size:20px;text-align:center}.aktiv{color:#000;background-color:#90ee90;border:1px solid white}.inaktiv{color:#000;background-color:#d3d3d3cc;border:1px solid white}