/* Frauenservice Graz - phpList Anmeldeseite
   Ablegen unter: /lists/templates/fsgraz/subscribe.css
*/

/* ===== Seite ===== */
body {
    background: #f5f0f5 !important;
    background-image: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333333 !important;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}

/* ===== phpList-Tabellenstruktur transparent machen ===== */
table.tablebg,
table.tabheadbg,
table[width="1024"] {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

table.tablebg td,
table.tabheadbg td {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Leere Header-Zeilen und Spacer ausblenden */
table.tabheadbg tr:first-child,
table.tabheadbg tr:first-child + tr {
    display: none !important;
}

table.tabheadbg tr:last-child > td:first-child {
    display: none !important;
    width: 0 !important;
}

td.contentpad > div {
    padding: 0 !important;
}

/* ===== Unser eigener Card-Wrapper ===== */
#fsg-card {
    display: inline-block;
    width: 700px;
    max-width: 96vw;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(123, 37, 128, 0.14);
    text-align: left;
    vertical-align: top;
}

/* ===== Logo-Bereich ===== */
#fsg-header {
    background: #ffffff;
    padding: 22px 30px 16px;
    text-align: center;
    border-bottom: 4px solid #7B2580;
    border-radius: 8px 8px 0 0;
    display: block;
    box-sizing: border-box;
}

#fsg-header img {
    height: 65px;
    width: auto;
}

#fsg-header a {
    display: inline-block;
    line-height: 0;
}

/* ===== Formular-Inhalt ===== */
#fsg-form-content {
    padding: 24px 32px 28px;
}

/* ===== Überschriften ===== */
h1, h2, h3,
#fsg-form-content p:first-child {
    color: #7B2580 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: left;
}

/* ===== Felder ===== */
input[type="text"],
input[type="email"],
select,
textarea {
    border: 1px solid #c9a8d0 !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    background: #fdf9fe !important;
}

input[type="text"]:focus,
input[type="email"]:focus {
    outline: none !important;
    border-color: #7B2580 !important;
    box-shadow: 0 0 0 2px rgba(123, 37, 128, 0.12) !important;
}

/* ===== Pflichtfeld ===== */
span.required, .required {
    color: #7B2580 !important;
    font-weight: bold;
}

/* ===== Button ===== */
input[type="submit"],
input.button,
.button {
    background: #7B2580 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 26px !important;
    font-size: 15px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    cursor: pointer !important;
    margin-top: 8px !important;
}

/* ===== Links ===== */
a {
    color: #7B2580 !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ===== Responsive: Handy und Tablet Hochformat ===== */
@media (max-width: 768px) {
    body { padding: 0; font-size: 17px; }
    #fsg-card {
        width: 100vw;
        max-width: 100vw;
        border-radius: 0;
        box-shadow: none;
    }
    #fsg-header { border-radius: 0; padding: 18px 16px 14px; }
    #fsg-header img { height: 55px; }
    #fsg-form-content { padding: 20px 18px 26px; }

    input[type="text"],
    input[type="email"],
    select,
    textarea {
        font-size: 17px !important;
        padding: 11px 12px !important;
    }

    input[type="submit"],
    input.button,
    .button {
        font-size: 17px !important;
        padding: 13px 28px !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    label, p, li, td {
        font-size: 17px !important;
    }
}