/* --------------------------------------------------
   Formularfelder
-------------------------------------------------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 10px;

    color: var(--color-text);
    background-color: #F0F7F6;
    border-color: #E1EFED;
}

textarea {
    height: 150px;
}

/* Kontaktseite */
form[aria-label="Kontaktformular"] p {
    margin-bottom: 12px;
}

.wpb_single_image.img__linkedin img {
    margin-top: 10px;
    width: 30px;
}

/* --------------------------------------------------
   Contact Form 7
-------------------------------------------------- */

label.form__anrede {
    display: block;
    margin-bottom: 10px;
}

label.form__optionale-angaben {
    display: block;
    margin-top: 10px;
}

.form__titel {
    margin-bottom: 0 !important;
}

.form__titel + p {
    margin-top: 0 !important;
}

.wpcf7 select {
    height: 42px;
    padding: 6px 10px;

    font-size: 16px;
    line-height: 1.2;
}

.wpcf7 select[name="Titel"] {
    height: 40px;
}

.wpcf7-list-item {
    margin: 0 10px 0 0;
}

.wpcf7-form fieldset {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wpcf7-form fieldset p {
    margin-bottom: 12px;
}


/* --------------------------------------------------
   Checkboxen
-------------------------------------------------- */

input[type="checkbox"] {
    margin-left: 0 !important;
}

.login-remember input[type="checkbox"],
.wpcf7-list-item input[type="checkbox"] {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;

    accent-color: var(--color-neon);
    cursor: pointer;
}


/* --------------------------------------------------
   Buttons
-------------------------------------------------- */

input.wpcf7-submit,
input.cf7-submit,
button.password-change__submit,
input#wp-submit,
.dgem-reset-password button {
    appearance: none;
    -webkit-appearance: none;

    padding: 8px 20px;

    color: var(--color-text);
    background: var(--color-neon);

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

    border: none;
    border-radius: 0;
    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

input.wpcf7-submit:hover,
input.wpcf7-submit:focus,
button.password-change__submit:hover,
button.password-change__submit:focus,
.dgem-reset-password button:hover,
.dgem-reset-password button:focus {
    color: var(--color-text);
    background: var(--button-hover);
}

input.wpcf7-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


/* --------------------------------------------------
   Login
-------------------------------------------------- */

#loginform {
    margin-top: 37px;
}

p.login-remember {
    font-size: 14px;
}

.login-remember label {
    margin: 0;

    color: var(--color-text);
    font-weight: 500;

    cursor: pointer;
}

.dgem-login-forgot-password {
    margin-top: 35px;
}


/* --------------------------------------------------
   Passwort ändern
-------------------------------------------------- */

.password-change__field {
    margin-bottom: 25px;
}


/* --------------------------------------------------
   Passwort vergessen
-------------------------------------------------- */

.dgem-forgot-password {
    margin-top: 35px;
}

.dgem-forgot-password a {
    font-size: 14px;
    opacity: 0.6;
}

.dgem-forgot-password a:hover {
    opacity: 1;
}


/* --------------------------------------------------
   Veranstaltungen
-------------------------------------------------- */

.single-veranstaltung form {
    margin-top: -20px;
}

input[type="radio"] {
    margin-right: 5px;
}


/* --------------------------------------------------
   Preisauswahl
-------------------------------------------------- */

.wpcf7-form-control-wrap.preis_auswahl .wpcf7-list-item {
    display: block;
    margin: 0 0 8px 0;
}


/* --------------------------------------------------
   Anmeldungs-Accordion
-------------------------------------------------- */

.anmeldung__accordion {
    padding: 27px 0;
    border-top: 1px solid var(--color-grey-30);
}

.dgem-collapsible {
    padding: 27px 0 0;
    border-top: 1px solid var(--color-grey-30);
}

.anmeldung__accordion.wp-block-details summary,
.dgem-collapsible.wp-block-details summary{
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
}

/* Standard-Pfeil entfernen */
.anmeldung__accordion > summary,
.dgem-collapsible > summary{
    display: flex;
    align-items: center;

    list-style: none;
    cursor: pointer;
}

/* Standard-Pfeil in Safari und Chrome entfernen */
.anmeldung__accordion > summary::-webkit-details-marker,
.dgem-collapsible > summary::-webkit-details-marker{
    display: none;
}

/* Eigenen Pfeil erstellen */
.anmeldung__accordion > summary::after,
.dgem-collapsible > summary::after{
    content: "";

    width: 8px;
    height: 8px;
    margin-top: -5px;
    margin-left: 11px;

    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;

    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

/* Pfeil beim Öffnen nach oben drehen */
.anmeldung__accordion[open] > summary::after,
.dgem-collapsible[open] > summary::after
{
    transform: rotate(225deg);
}


/* --------------------------------------------------
   Mitglied werden
-------------------------------------------------- */
.dgem-form-sepa-only {
    margin-bottom: 25px;
}

/*.dgem-form-sepa-only a {
    margin-top: 20px;
    display: block;
}*/

/** Contact Form 7 **/

.wpcf7-form legend {
	font-weight: 600;
	margin-bottom: 2px;
}

.wpcf7-form fieldset {
	margin-bottom: 40px;
	margin-top: 40px;
}

.wpcf7-form input[type="date"] {
	color: var(--color-text);
        background-color: #F0F7F6;
        border-color: #E1EFED;
        width: 100%;
        margin-top: 7px;
	border: 1px solid rgb(225, 239, 237);
	border-radius: 0;
        padding: 10px 15px;
        max-width: 100%;
}

@media (max-width: 768px) {
.dgem-form-sepa-only {
    margin-top: 0px;
}
}

/* --------------------------------------------------
   Tagungsbeiträge untereinander
-------------------------------------------------- */
fieldset.tagungsbeitrag .wpcf7-radio .wpcf7-list-item {
    display: block;
    margin: 0 0 8px 0;
}

fieldset.tagungsbeitrag .wpcf7-radio .wpcf7-list-item.first {
    margin: 12px 0 8px 0;
}

fieldset.tagungsbeitrag .wpcf7-radio .wpcf7-list-item:last-child {
    margin-bottom: 0;
}