.lcm-form-generator-container {
    padding:20px;
}
.lcm-form-generator-shortcode-list {
    margin-bottom:20px;
}
.lcm-form-generator-shortcode-list button {
    margin-right:5px;
    padding:5px 10px;
    cursor:pointer;
}
.lcm-form-generator-row {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:10px;
    border:1px solid #eee;
    padding:5px;
    width:100%;
    position:relative;
    background-color:#ffffff;
}
.lcm-form-generator-col-3,
.lcm-form-generator-col-6,
.lcm-form-generator-col-12 {
    padding:10px;
    border:1px dashed #ddd;
    box-sizing:border-box;
    position:relative;
}
.lcm-form-generator-col-3 { width:33.33%; }
.lcm-form-generator-col-6 { width:50%; }
.lcm-form-generator-col-12 { width:100%; }

.lcm-form-generator-col-empty::after {
    content:"Leere Spalte (klicken)";
    color:#aaa;
    font-size:0.9em;
    position:absolute;
    top:5px;
    left:5px;
}
.lcm-form-generator-col-3.selected-col,
.lcm-form-generator-col-6.selected-col,
.lcm-form-generator-col-12.selected-col {
    background-color:#f0f8ff;
    border:2px solid #007bff;
}
.lcm-col-menu {
    position:absolute;
    top:5px;
    right:5px;
    background:#fff;
    border:1px solid #ccc;
    display:none;
    z-index:9999;
}
.lcm-col-menu.visible {
    display:block;
}
.lcm-col-menu button {
    display:block;
    width:100%;
    border:none;
    background:#fff;
    text-align:left;
    padding:5px 10px;
    cursor:pointer;
}
.lcm-col-menu button:hover {
    background:#f0f0f0;
}
.lcm-form-generator-code-output {
    margin-top:20px;
    border:1px solid #ccc;
    padding:10px;
    white-space:pre-wrap;
}
.lcm-form-generator-copy-button {
    margin-top:10px;
    padding:10px 20px;
    background:#007bff;
    color:#fff;
    border:none;
    cursor:pointer;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin:0 5px;
    padding:5px 10px;
    cursor:pointer;
}
.ui-dialog-titlebar {
    background:#007bff;
    color:#fff;
}
.ui-dialog-titlebar-close {
    background:#fff;
    border:none;
    color:#007bff;
}

/* LCM-Row-Delete-Button: */
.lcm-delete-row-btn {
    z-index:9999;
    cursor:pointer;
}

/* CF7 optional styling (Frontend): */
.wpcf7-form {
    background-color:#f9f9f9;
    padding:20px;
    border:1px solid #ddd;
    border-radius:5px;
}
.wpcf7-form label {
    display:block;
    margin-bottom:5px;
    font-weight:bold;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="file"],
.wpcf7-form textarea {
    width:100%;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #ccc;
    border-radius:3px;
    box-sizing:border-box;
}
.wpcf7-form input[type="submit"] {
    background:#007bff;
    color:#fff;
    padding:10px 20px;
    border:none;
    border-radius:3px;
    cursor:pointer;
}
.zeile {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:10px;
    align-items:flex-start;
}
.ein-drittel-zeile {
    width:33.33%;
    padding:10px;
    box-sizing:border-box;
}
.ein-halb-zeile {
    width:50%;
    padding:10px;
    box-sizing:border-box;
}
.ganze-zeile {
    width:100%;
    padding:10px;
    box-sizing:border-box;
}
.info-text {
    margin:10px 0;
}