.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Loader animation */
.spinner {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.editor__canvas-controls__icon--bodentief{
    background-image: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.5 26.75"><defs><style>.cls-1{fill:%23fff;}</style></defs><path class="cls-1" d="M26.25,26.75H1.25c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25h25c.69,0,1.25.56,1.25,1.25s-.56,1.25-1.25,1.25Z"/><path class="cls-1" d="M14.42,22.23v-3.83h0v-5.27l2.18,2.19.95-.95-2.86-2.86s0,0,0,0c-.53-.53-1.38-.53-1.91,0l-2.86,2.86.95.95,2.19-2.19v3.83h0v5.27l-2.19-2.19-.95.95,2.86,2.86s0,0,0,0c.53.53,1.38.53,1.91,0l2.86-2.86-.95-.95-2.19,2.19Z"/><g id="Rechteck_946" data-name="Rechteck 946"><path class="cls-1" d="M20.25,11.1H7.25c-1.1,0-2-.9-2-2V2c0-1.1.9-2,2-2h13c1.1,0,2,.9,2,2v7.1c0,1.1-.9,2-2,2ZM7.25,1.5c-.28,0-.5.22-.5.5v7.1c0,.28.22.5.5.5h13c.28,0,.5-.22.5-.5V2c0-.28-.22-.5-.5-.5H7.25Z"/></g></svg>');
}