/* ==========================================================
   EVERYONE ASSEMBLE
   NEW REPLY + NEW THREAD
   POSTING CONSOLE
   ========================================================== */

.eapostform-page{
    --eapf-bg:#020d18;
    --eapf-deep:#010914;
    --eapf-panel:#04192b;
    --eapf-panel-soft:#08243a;
    --eapf-panel-light:#0b3150;

    --eapf-line:#1d5f8f;
    --eapf-line-light:#287db2;
    --eapf-line-soft:rgba(29,95,143,.32);
    --eapf-line-faint:rgba(29,95,143,.16);

    --eapf-accent:#218bd0;
    --eapf-accent-dark:#1674b5;
    --eapf-accent-light:#75d0ff;

    --eapf-text:#e1f1fa;
    --eapf-text-soft:#c4d8e4;
    --eapf-muted:#8fa9bc;

    --eapf-success:#72c9a6;
    --eapf-warning:#e7b56f;
    --eapf-danger:#e66c79;

    width:100%;
    margin:24px auto;

    color:var(--eapf-text-soft);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;
}

.eapostform-page,
.eapostform-page *,
.eapostform-page *::before,
.eapostform-page *::after{
    box-sizing:border-box;
}

.eapostform-page a{
    color:var(--eapf-accent-light);
    text-decoration:none;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eapostform-page a:hover{
    color:var(--eapf-text);
}

.eapostform-page .smalltext,
.eapostform-page small{
    font-size:12px !important;
}

.eapostform-page h1,
.eapostform-page h2,
.eapostform-page h3,
.eapostform-page h4,
.eapostform-page h5,
.eapostform-page h6{
    margin:0;

    color:inherit;

    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}

/* ==========================================================
   FORMULARKARTE
   ========================================================== */

.eapostform-card{
    position:relative;

    width:100%;
    margin:0;

    color:var(--eapf-text-soft);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.12),
            transparent 37%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.99),
            rgba(1,9,20,.99)
        );

    border:1px solid var(--eapf-line-soft);

    box-shadow:
        0 21px 46px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow:hidden;
}

.eapostform-card::before{
    content:"";

    position:absolute;
    z-index:5;
    top:0;
    left:0;

    width:90px;
    height:3px;

    background:var(--eapf-accent-light);

    box-shadow:
        90px 0 0 var(--eapf-accent),
        180px 0 0 rgba(33,139,208,.32);
}

/* ==========================================================
   KOPFBEREICH
   ========================================================== */

.eapostform-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    min-height:82px;
    padding:19px 22px 17px;

    background:
        linear-gradient(
            90deg,
            rgba(8,43,69,.78),
            rgba(1,9,20,.88)
        );

    border-bottom:1px solid var(--eapf-line-soft);
}

.eapostform-head-main{
    display:flex;
    align-items:center;
    gap:14px;

    min-width:0;
}

.eapostform-head-code{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;

    width:50px;
    height:50px;

    color:var(--eapf-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.15),
            rgba(1,9,20,.82)
        );

    border:1px solid var(--eapf-line);

    font-size:12px;
    font-weight:800;
    letter-spacing:.5px;

    clip-path:polygon(
        9px 0,
        100% 0,
        100% calc(100% - 9px),
        calc(100% - 9px) 100%,
        0 100%,
        0 9px
    );
}

.eapostform-head-copy{
    min-width:0;
}

.eapostform-head-label{
    display:block;

    margin-bottom:3px;

    color:var(--eapf-muted);

    font-size:12px;
    font-weight:700;

    letter-spacing:1.4px;
    text-transform:uppercase;
}

.eapostform-title{
    margin:0;

    color:var(--eapf-text);

    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:23px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.8px;
    text-transform:uppercase;
}

/* ==========================================================
   FORMULARTABELLE
   ========================================================== */

.eapostform-table{
    width:100%;

    margin:0;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eapostform-table > tbody > tr > td,
.eapostform-table > tr > td{
    padding:15px 17px;

    color:var(--eapf-text-soft);

    background:rgba(1,9,20,.28);

    border-right:1px solid var(--eapf-line-faint);
    border-bottom:1px solid var(--eapf-line-faint);

    font-size:12px;
    line-height:1.6;

    vertical-align:top;
}

.eapostform-table > tbody > tr:nth-child(even) > td,
.eapostform-table > tr:nth-child(even) > td{
    background:rgba(4,25,43,.4);
}

.eapostform-table > tbody > tr > td:last-child,
.eapostform-table > tr > td:last-child{
    border-right:0;
}

.eapostform-table > tbody > tr:last-child > td,
.eapostform-table > tr:last-child > td{
    border-bottom:0;
}

/* Auch Pluginzeilen an das Design anpassen */

.eapostform-table .trow1,
.eapostform-table .trow2,
.eapostform-table .tcat,
.eapostform-table .tfoot{
    color:var(--eapf-text-soft);

    border-color:var(--eapf-line-faint);
}

.eapostform-table .trow1{
    background:rgba(1,9,20,.28);
}

.eapostform-table .trow2{
    background:rgba(4,25,43,.4);
}

.eapostform-table .tcat{
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            rgba(1,9,20,.4)
        );
}

/* ==========================================================
   KONTEXTZEILE
   ========================================================== */

.eapostform-context{
    padding:10px 17px !important;

    color:var(--eapf-muted) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            rgba(1,9,20,.42)
        ) !important;

    font-size:12px !important;
    font-weight:700;

    letter-spacing:.6px;
    text-transform:uppercase;
}

/* ==========================================================
   BESCHRIFTUNGSSPALTE
   ========================================================== */

.eapostform-label-cell{
    width:220px;

    color:var(--eapf-muted) !important;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.55),
            rgba(1,9,20,.48)
        ) !important;
}

.eapostform-label{
    display:block;

    color:var(--eapf-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eapostform-label-note{
    display:block;

    margin-top:6px;

    color:var(--eapf-muted);

    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   EINGABEFELDER
   ========================================================== */

.eapostform-page input[type="text"],
.eapostform-page input[type="password"],
.eapostform-page input[type="email"],
.eapostform-page input[type="number"],
.eapostform-page input[type="date"],
.eapostform-page select,
.eapostform-page textarea{
    width:100%;
    max-width:none;

    margin:0;
    padding:9px 11px;

    color:var(--eapf-text);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.98),
            rgba(4,25,43,.94)
        );

    border:1px solid var(--eapf-line);
    border-radius:0;
    outline:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.55;

    box-shadow:
        inset 0 4px 12px rgba(0,0,0,.2),
        0 1px 0 rgba(255,255,255,.02);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.eapostform-page input[type="text"],
.eapostform-page input[type="password"],
.eapostform-page input[type="email"],
.eapostform-page input[type="number"],
.eapostform-page input[type="date"],
.eapostform-page select{
    min-height:40px;
}

.eapostform-page input[type="text"]:focus,
.eapostform-page input[type="password"]:focus,
.eapostform-page input[type="email"]:focus,
.eapostform-page input[type="number"]:focus,
.eapostform-page input[type="date"]:focus,
.eapostform-page select:focus,
.eapostform-page textarea:focus{
    border-color:var(--eapf-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(1,9,20,.99),
            rgba(8,43,69,.93)
        );

    box-shadow:
        inset 0 4px 12px rgba(0,0,0,.18),
        0 0 0 3px rgba(117,208,255,.08);
}

.eapostform-page input::placeholder,
.eapostform-page textarea::placeholder{
    color:var(--eapf-muted);
    opacity:.7;
}

.eapostform-page select{
    cursor:pointer;
}

.eapostform-page select option{
    color:var(--eapf-text);
    background:var(--eapf-deep);
}

/* ==========================================================
   BETREFFFELD
   ========================================================== */

.eapostform-subject-row input[name="subject"]{
    max-width:720px;
}

/* ==========================================================
   EDITOR
   ========================================================== */

.eapostform-message-row .eapostform-label-cell{
    padding-top:18px;
}

.eapostform-editor-cell{
    min-width:0;
}

.eapostform-editor-cell textarea{
    display:block;

    width:100% !important;
    min-height:390px;

    padding:13px 14px !important;

    font-size:13px;
    line-height:1.75;

    resize:vertical;
}

.eapostform-editor-cell .editor{
    max-width:100%;
}

.eapostform-editor-cell .editor_control_bar,
.eapostform-editor-cell .toolbar{
    max-width:100%;
}

/* ==========================================================
   SMILIES
   ========================================================== */

.eapostform-smilies{
    margin-top:15px;

    color:var(--eapf-muted);

    font-size:12px;
}

.eapostform-smilies img{
    max-width:28px;
    max-height:28px;

    margin:2px;

    vertical-align:middle;
}

/* ==========================================================
   CHECKBOXEN UND OPTIONEN
   ========================================================== */

.eapostform-page input[type="checkbox"],
.eapostform-page input[type="radio"]{
    flex-shrink:0;

    width:17px;
    height:17px;
    margin:1px 0 0;

    accent-color:var(--eapf-accent-light);
    cursor:pointer;
}

.eapostform-option-list{
    display:grid;
    gap:8px;
}

.eapostform-option{
    display:flex;
    align-items:flex-start;
    gap:8px;

    width:max-content;
    max-width:100%;

    color:var(--eapf-text-soft);

    font-size:12px;
    line-height:1.5;

    cursor:pointer;
}

.eapostform-option strong{
    color:var(--eapf-text-soft);

    font-size:12px;
}

.eapostform-option:hover{
    color:var(--eapf-accent-light);
}

.eapostform-option:hover strong{
    color:var(--eapf-accent-light);
}

/* ==========================================================
   ANHÄNGE UND ZEITPLANUNG
   ========================================================== */

.eapostform-extras{
    display:grid;
    gap:13px;

    padding:15px 17px;

    background:
        linear-gradient(
            90deg,
            rgba(8,43,69,.45),
            rgba(1,9,20,.68)
        );

    border-top:1px solid var(--eapf-line-soft);
}

.eapostform-extras:empty{
    display:none;
}

.eapostform-extras > br{
    display:none;
}

.eapostform-extras .tborder{
    width:100%;

    margin:0;

    color:var(--eapf-text-soft);
    background:var(--eapf-deep);

    border-color:var(--eapf-line);
}

.eapostform-extras .thead,
.eapostform-extras .tcat{
    color:var(--eapf-accent-light);
    background:var(--eapf-panel);

    border-color:var(--eapf-line);
}

.eapostform-extras .trow1,
.eapostform-extras .trow2{
    color:var(--eapf-text-soft);
    background:var(--eapf-bg);

    border-color:var(--eapf-line);
}

/* ==========================================================
   ABSENDEBEREICH
   ========================================================== */

.eapostform-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    min-height:72px;
    padding:14px 17px;

    background:
        linear-gradient(
            90deg,
            rgba(8,43,69,.75),
            rgba(1,9,20,.95)
        );

    border-top:1px solid var(--eapf-line-soft);
}

.eapostform-actions > *{
    margin:0 !important;
}

.eapostform-actions select{
    width:auto;
    min-width:220px;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.eapostform-page .button,
.eapostform-page button,
.eapostform-page input[type="submit"],
.eapostform-page input[type="button"],
.eapostform-page input[type="reset"]{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:auto;
    min-height:40px;
    padding:8px 13px;

    color:var(--eapf-deep) !important;
    -webkit-text-fill-color:var(--eapf-deep) !important;

    background:
        linear-gradient(
            180deg,
            #9cddff,
            var(--eapf-accent-light)
        ) !important;

    border:1px solid var(--eapf-accent-light) !important;
    border-radius:0;

    outline:0;
    cursor:pointer;

    font-family:Arial,sans-serif;
    font-size:12px !important;
    font-weight:800;
    line-height:1.35;

    letter-spacing:.4px;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:uppercase;

    clip-path:polygon(
        8px 0,
        100% 0,
        100% calc(100% - 8px),
        calc(100% - 8px) 100%,
        0 100%,
        0 8px
    );

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eapostform-page .button:hover,
.eapostform-page button:hover,
.eapostform-page input[type="submit"]:hover,
.eapostform-page input[type="button"]:hover,
.eapostform-page input[type="reset"]:hover{
    color:var(--eapf-accent-light) !important;
    -webkit-text-fill-color:var(--eapf-accent-light) !important;

    background:
        linear-gradient(
            180deg,
            var(--eapf-panel-light),
            var(--eapf-panel)
        ) !important;

    border-color:var(--eapf-accent) !important;
}

/* ==========================================================
   FEHLER UND HINWEISE
   ========================================================== */

.eapostform-page .error,
.eapostform-page .error_message{
    margin:0 0 14px;
    padding:12px 14px;

    color:#ffe6ea;

    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.15),
            rgba(1,9,20,.45)
        );

    border:1px solid rgba(230,108,121,.4);
    border-left:3px solid var(--eapf-danger);

    font-size:12px;
    line-height:1.6;
}

/* ==========================================================
   UMFRAGE
   ========================================================== */

.eapostform-poll-options{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 11px;

    margin-top:9px;
}

.eapostform-poll-options input[type="text"]{
    width:90px;
}

/* ==========================================================
   THREAD REVIEW
   ========================================================== */

.eapostform-review{
    position:relative;

    margin:21px 0 0;

    background:
        linear-gradient(
            145deg,
            rgba(4,25,43,.98),
            rgba(1,9,20,.98)
        );

    border:1px solid var(--eapf-line-soft);

    box-shadow:
        0 16px 34px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.02);

    overflow:hidden;
}

.eapostform-review::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:80px;
    height:2px;

    background:var(--eapf-accent-light);

    box-shadow:
        80px 0 0 var(--eapf-accent),
        160px 0 0 rgba(33,139,208,.32);
}

.eapostform-review-table{
    width:100%;

    margin:0;

    border:0;
    border-collapse:collapse;
    border-spacing:0;
}

.eapostform-review-title{
    padding:15px 17px !important;

    color:var(--eapf-text) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            rgba(1,9,20,.44)
        ) !important;

    border-bottom:1px solid var(--eapf-line-soft) !important;

    font-size:15px !important;
    font-weight:700;

    letter-spacing:.8px;
    text-align:left !important;
    text-transform:uppercase;
}

.eapostform-review-head{
    padding:9px 14px !important;

    color:var(--eapf-accent-light) !important;

    background:rgba(8,43,69,.57) !important;

    border-top:1px solid var(--eapf-line-faint) !important;
    border-bottom:1px solid var(--eapf-line-faint) !important;

    font-size:12px !important;
    font-weight:700;

    letter-spacing:.4px;
}

.eapostform-review-message{
    padding:17px !important;

    color:var(--eapf-text-soft) !important;
    background:rgba(1,9,20,.37) !important;

    border-bottom:1px solid var(--eapf-line-faint) !important;

    font-size:12px;
    line-height:1.7;
}

.eapostform-review-message img{
    max-width:100%;
    height:auto;
}

.eapostform-review-more{
    padding:11px 14px !important;

    color:var(--eapf-muted) !important;
    background:rgba(4,25,43,.65) !important;

    border-top:1px solid var(--eapf-line-soft) !important;

    font-size:12px !important;
    text-align:center;
}

/* ==========================================================
   FORENREGELN
   ========================================================== */

.eapostform-page > .tborder{
    margin-top:18px;

    color:var(--eapf-text-soft);
    background:var(--eapf-bg);

    border-color:var(--eapf-line);
}

.eapostform-page > .tborder .thead{
    color:var(--eapf-accent-light);
    background:var(--eapf-panel);

    border-color:var(--eapf-line);
}

.eapostform-page > .tborder .trow1,
.eapostform-page > .tborder .trow2,
.eapostform-page > .tborder .tcat,
.eapostform-page > .tborder .tfoot{
    color:var(--eapf-text-soft);
    background:var(--eapf-bg);

    border-color:var(--eapf-line);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:760px){

    .eapostform-head{
        align-items:flex-start;
    }

    .eapostform-table > tbody > tr > td,
    .eapostform-table > tr > td{
        display:block;

        width:100% !important;

        border-right:0;
    }

    .eapostform-label-cell{
        padding-bottom:10px !important;

        border-bottom:0 !important;
    }

    .eapostform-field-cell,
    .eapostform-editor-cell{
        padding-top:10px !important;
    }

    .eapostform-editor-cell textarea{
        min-height:310px;
    }
}

@media screen and (max-width:500px){

    .eapostform-head{
        padding:17px 14px 15px;
    }

    .eapostform-head-code{
        width:44px;
        height:44px;
    }

    .eapostform-title{
        font-size:19px;
    }

    .eapostform-table > tbody > tr > td,
    .eapostform-table > tr > td{
        padding-right:13px;
        padding-left:13px;
    }

    .eapostform-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .eapostform-actions > *,
    .eapostform-actions select,
    .eapostform-actions .button,
    .eapostform-actions input[type="submit"],
    .eapostform-actions input[type="button"]{
        width:100%;
    }
}

/* ==========================================================
   POSTING CONSOLE – KOMPAKTE EINSTELLUNGSKARTEN
   ========================================================== */

.eapostform-settings{
    position:relative;

    padding:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,43,69,.34),
            rgba(1,9,20,.52)
        );

    border-top:1px solid var(--eapf-line-soft);
}

.eapostform-settings-head{
    display:flex;
    align-items:center;
    gap:12px;

    min-height:65px;
    padding:13px 17px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.1),
            rgba(1,9,20,.42)
        );

    border-bottom:1px solid var(--eapf-line-soft);
}

.eapostform-settings-code{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;

    width:40px;
    height:40px;

    color:var(--eapf-accent-light);
    background:rgba(33,139,208,.08);

    border:1px solid var(--eapf-line);

    font-size:12px;
    font-weight:800;
    line-height:1;

    letter-spacing:.5px;

    clip-path:polygon(
        7px 0,
        100% 0,
        100% calc(100% - 7px),
        calc(100% - 7px) 100%,
        0 100%,
        0 7px
    );
}

.eapostform-settings-label{
    display:block;

    margin-bottom:2px;

    color:var(--eapf-muted);

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1px;
    text-transform:uppercase;
}

.eapostform-settings-title{
    margin:0;

    color:var(--eapf-text);

    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.45px;
    text-transform:uppercase;
}

/* ==========================================================
   GRID
   ========================================================== */

.eapostform-settings-table{
    display:block;

    width:100%;

    margin:0;

    border:0;
    border-collapse:separate;
    border-spacing:0;
}

.eapostform-settings-table > tbody{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;

    width:100%;
    padding:14px;
}

.eapostform-settings-table > tbody > tr{
    display:block;

    min-width:0;
    margin:0;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.5),
            rgba(1,9,20,.58)
        );

    border:1px solid rgba(29,95,143,.22);

    box-shadow:
        0 7px 17px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.018);

    overflow:hidden;
}

.eapostform-settings-table > tbody > tr:hover{
    border-color:rgba(117,208,255,.32);
}

/* Abonnement, Umfrage und Captcha über volle Breite */

.eapostform-settings-table > tbody > tr.is-poll,
.eapostform-settings-table > tbody > tr:has(input[type="radio"]),
.eapostform-settings-table > tbody > tr:has(.captcha),
.eapostform-settings-table > tbody > tr:has(input[name="imagestring"]){
    grid-column:1 / -1;
}

/* ==========================================================
   KARTENKOPF UND KARTENINHALT
   ========================================================== */

.eapostform-settings-table > tbody > tr > td{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:var(--eapf-text-soft) !important;
    background:transparent !important;

    border:0 !important;

    font-family:Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.eapostform-settings-table > tbody > tr > td:first-child{
    position:relative;

    padding:11px 13px 10px !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.105),
            rgba(1,9,20,.18)
        ) !important;

    border-bottom:1px solid rgba(29,95,143,.18) !important;
}

.eapostform-settings-table > tbody > tr > td:first-child::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:48px;
    height:2px;

    background:var(--eapf-accent-light);

    box-shadow:48px 0 0 rgba(33,139,208,.42);
}

.eapostform-settings-table > tbody > tr > td:last-child{
    padding:12px 13px 13px !important;
}

/* Alte und fremde Überschriftselemente neutralisieren */

.eapostform-settings-table h1,
.eapostform-settings-table h2,
.eapostform-settings-table h3,
.eapostform-settings-table h4,
.eapostform-settings-table h5,
.eapostform-settings-table h6,
.eapostform-settings-table h7,
.eapostform-settings-table h8,
.eapostform-settings-table h9,
.eapostform-settings-table h10,
.eapostform-settings-table h11,
.eapostform-settings-table h12,
.eapostform-settings-table h13,
.eapostform-settings-table h14{
    display:inline;

    margin:0 !important;
    padding:0 !important;

    color:inherit !important;

    font-family:Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:inherit !important;
    line-height:inherit !important;

    letter-spacing:normal !important;
    text-transform:none !important;
}

/* ==========================================================
   KARTENTITEL
   ========================================================== */

.eapostform-setting-title{
    display:block;

    color:var(--eapf-accent-light);

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eapostform-setting-description{
    display:block;

    margin-top:3px;

    color:var(--eapf-muted);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.5;
}

/* ==========================================================
   OPTIONEN
   ========================================================== */

.eapostform-option-list{
    display:grid;
    gap:8px;

    margin:0;
}

.eapostform-option{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:start;
    gap:8px;

    width:100%;
    max-width:none;
    min-height:31px;

    margin:0;
    padding:6px 8px;

    color:var(--eapf-text-soft);

    background:rgba(1,9,20,.3);

    border:1px solid rgba(29,95,143,.13);

    cursor:pointer;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.5;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.eapostform-option:hover{
    color:var(--eapf-text);

    background:rgba(33,139,208,.075);
    border-color:rgba(117,208,255,.25);
}

.eapostform-option input[type="checkbox"],
.eapostform-option input[type="radio"]{
    width:17px;
    height:17px;

    margin:1px 0 0;

    accent-color:var(--eapf-accent-light);
}

.eapostform-option-copy{
    min-width:0;

    color:inherit;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.5;
}

.eapostform-option-copy strong,
.eapostform-option strong{
    color:inherit;

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:1.5;
}

/* Standard-Abonnementtemplate ebenfalls ordentlich darstellen */

.eapostform-settings-table label{
    color:var(--eapf-text-soft);

    font-family:Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.eapostform-settings-table label:has(input[type="radio"]){
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:start;
    gap:8px;

    margin:0 0 7px;
    padding:6px 8px;

    background:rgba(1,9,20,.3);

    border:1px solid rgba(29,95,143,.13);

    cursor:pointer;
}

.eapostform-settings-table label:has(input[type="radio"]):hover{
    background:rgba(33,139,208,.075);
    border-color:rgba(117,208,255,.25);
}

.eapostform-settings-table label:has(input[type="radio"]) br{
    display:none;
}

/* ==========================================================
   UMFRAGE
   ========================================================== */

.eapostform-poll-options{
    display:grid;
    grid-template-columns:auto 110px minmax(0,1fr);
    align-items:center;
    gap:9px;

    margin-top:10px;
    padding-top:10px;

    border-top:1px solid rgba(29,95,143,.16);
}

.eapostform-poll-options label,
.eapostform-poll-limit{
    color:var(--eapf-muted);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.5;
}

.eapostform-poll-options input[type="text"]{
    width:110px;
    min-height:37px;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:760px){

    .eapostform-settings-table > tbody{
        grid-template-columns:1fr;
    }

    .eapostform-settings-table > tbody > tr{
        grid-column:1 !important;
    }
}

@media screen and (max-width:480px){

    .eapostform-settings-head{
        padding-right:13px;
        padding-left:13px;
    }

    .eapostform-settings-table > tbody{
        padding:10px;
    }

    .eapostform-poll-options{
        grid-template-columns:1fr;
    }

    .eapostform-poll-options input[type="text"]{
        width:100%;
    }
}