/* Vorschlag „modern“ für Kontakt- und Bewerbungsformular */
.tx-powermail.modern form{background:#f4faf1;border-radius:18px;padding:28px 24px 24px;box-shadow:0 6px 24px rgba(1,35,67,.08);box-sizing:border-box;max-width:100%}
.tx-powermail.modern h3{margin-top:0}
.tx-powermail.modern .powermail_field{position:relative}
.tx-powermail.modern .powermail_input,.tx-powermail.modern .powermail_textarea,.tx-powermail.modern .powermail_captcha{box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;border:2px solid #cfe6c6!important;border-radius:12px!important;background:#fff;padding:20px 14px 8px!important;height:auto;font-size:16px;transition:border-color .2s,box-shadow .2s}
.tx-powermail.modern .powermail_textarea{min-height:130px}
.tx-powermail.modern .powermail_input:focus,.tx-powermail.modern .powermail_textarea:focus,.tx-powermail.modern .powermail_captcha:focus{border-color:var(--green-schrift)!important;box-shadow:0 0 0 4px rgba(48,171,9,.18);outline:none}
.tx-powermail.modern label.schwebe{position:absolute;left:16px;top:14px;color:#6b6b6b;font-size:16px;pointer-events:none;transition:all .18s ease;background:transparent}
.tx-powermail.modern .powermail_field:focus-within label.schwebe,.tx-powermail.modern label.schwebe.voll{top:4px;font-size:12px;color:var(--green-schrift);font-weight:700;letter-spacing:.02em}
/* gesetzlich / privat als Wahlknöpfe */
.tx-powermail.modern .powermail_fieldwrap_type_radio .powermail_field{display:flex;gap:10px;flex-wrap:wrap}
.tx-powermail.modern .powermail_fieldwrap_type_radio .radio{flex:1 1 0;width:auto!important;margin:0}
.tx-powermail.modern .powermail_fieldwrap_type_radio .radio label{display:block;text-align:center;border:2px solid #cfe6c6;border-radius:999px;background:#fff;padding:10px 14px;cursor:pointer;transition:all .2s}
.tx-powermail.modern .powermail_fieldwrap_type_radio .radio input{position:absolute;opacity:0;width:1px;height:1px}
.tx-powermail.modern .powermail_fieldwrap_type_radio .radio label:has(input:checked){background:var(--green-schrift);border-color:var(--green-schrift);color:#fff;font-weight:700}
.tx-powermail.modern .powermail_fieldwrap_type_radio .radio label:has(input:focus-visible){outline:3px solid #005aaa;outline-offset:3px}
/* Haken mit Eichel-Grün */
.tx-powermail.modern input[type=checkbox]{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid var(--green-schrift);border-radius:7px;background:#fff;vertical-align:-6px;margin-right:8px;cursor:pointer;transition:all .2s}
.tx-powermail.modern input[type=checkbox]:checked{background:var(--green-schrift) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;transform:scale(1.08)}
/* Unterlagen: Ablagefeld */
.tx-powermail.modern .powermail_fieldwrap_type_file .powermail_field{box-sizing:border-box;border:2px dashed #9fd28c;border-radius:12px;background:#fff;padding:14px}
.tx-powermail.modern .powermail_fieldwrap_type_file input[type=file]{border:0!important;padding:0!important;background:none;width:100%}
.tx-powermail.modern input[type=file]::file-selector-button{font-family:inherit;background:#eaf6e6;color:var(--green-schrift);border:0;border-radius:999px;padding:8px 16px;margin-right:12px;font-weight:700;cursor:pointer}
.tx-powermail.modern .powermail_captcha{padding:12px 14px!important}
.tx-powermail.modern .powermail_captchaimage{border-radius:10px;margin-top:10px}
/* Senden-Knopf mit Papierflieger */
.tx-powermail.modern button.powermail_submit{font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:999px;background:var(--green-schrift);color:#fff;font-size:17px;font-weight:700;letter-spacing:.03em;padding:14px 20px;cursor:pointer;box-shadow:0 4px 12px rgba(31,122,10,.3);transition:transform .2s,box-shadow .2s,background .2s}
.tx-powermail.modern button.powermail_submit svg{width:22px;height:22px;transition:transform .35s ease}
.tx-powermail.modern button.powermail_submit:hover{background:var(--green-schrift-hover);transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,122,10,.35)}
.tx-powermail.modern button.powermail_submit:hover svg{transform:translate(6px,-4px) rotate(-12deg)}
@media (prefers-reduced-motion:reduce){.tx-powermail.modern *{transition:none!important}}
.tx-powermail.modern .powermail_fieldwrap_type_file input[type=file]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.tx-powermail.modern label.datei{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;margin:6px 0 0}
.tx-powermail.modern .datei-knopf{background:#eaf6e6;color:var(--green-schrift);border-radius:999px;padding:8px 16px;font-weight:700}
.tx-powermail.modern .datei-name{color:#6b6b6b}
#inhaltsbereich .tx-powermail.modern .datei-liste{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
#inhaltsbereich .tx-powermail.modern .datei-liste li{display:flex;align-items:center;gap:10px;margin:0;padding:8px 8px 8px 14px;background:#f3faf0;border:1px solid #cfe8c4;border-radius:10px;line-height:1.3}
#inhaltsbereich .tx-powermail.modern .datei-liste li::before{content:none;display:none}
.tx-powermail.modern .datei-titel{flex:1;min-width:0;overflow-wrap:anywhere;color:#012343}
.tx-powermail.modern .datei-groesse{color:#6b6b6b;font-size:.9em;white-space:nowrap}
.tx-powermail.modern .datei-weg{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#a33;cursor:pointer}
.tx-powermail.modern .datei-weg:hover{background:#fbe9e9}
.tx-powermail.modern .datei-weg:focus-visible{outline:3px solid #005aaa;outline-offset:2px}
.tx-powermail.modern .datei-weg svg{width:18px;height:18px}
.tx-powermail.modern .datei-info{margin:10px 0 0;font-size:.9em;color:#6b6b6b}
.tx-powermail.modern .datei-info.zu-gross{color:#b00020;font-weight:700}
.tx-powermail.modern .powermail_field:has(input[type=file]:focus-visible) .datei-knopf{outline:3px solid #005aaa;outline-offset:3px}
/* Einwilligungs-Haken genau unter dem ALTCHA-Kästchen, Text daneben bündig */
.tx-powermail.modern .powermail_fieldwrap_type_check label{display:block;position:relative;padding-left:46px}
.tx-powermail.modern .powermail_fieldwrap_type_check label input[type=checkbox]{position:absolute;left:14px;top:1px;margin:0}
/* Spamschutz (ALTCHA) passend zu den Feldern */
.tx-powermail.modern altcha-widget{--altcha-border-color:#cfe6c6;--altcha-border-width:2px;--altcha-border-radius:12px;--altcha-color-base:#fff;--altcha-color-base-content:#012343;--altcha-color-primary:var(--green-schrift);--altcha-color-success:var(--green-schrift);--altcha-checkbox-border-color:var(--green-schrift);--altcha-checkbox-border-radius:7px;--altcha-checkbox-size:24px;--altcha-max-width:100%;--altcha-shadow:none;--altcha-spinner-color:var(--green-schrift);display:block;margin-bottom:12px;font-family:inherit}
.tx-powermail.modern .formular-hinweis{margin:14px 0 0;padding:12px 16px;border-radius:12px;font-weight:700}
.tx-powermail.modern .formular-hinweis:empty{display:none}
.tx-powermail.modern .formular-hinweis.ok{background:#eaf6e6;color:#1a6304;border-left:6px solid var(--green)}
.tx-powermail.modern .formular-hinweis.fehler{background:#fdecea;color:#a31515;border-left:6px solid #d61515}
.tx-powermail.modern button.powermail_submit:disabled{opacity:.7;cursor:wait}
/* Dankeschön nach dem Absenden */
.tx-powermail .formular-danke{max-width:600px;margin:0 auto;box-sizing:border-box;background:#f4faf1;border-radius:18px;padding:36px 28px;text-align:center;box-shadow:0 6px 24px rgba(1,35,67,.08);outline:none;animation:danke-ein .5s ease}
.tx-powermail .formular-danke svg{width:64px;height:64px;margin:0 auto 12px;display:block}
.tx-powermail .formular-danke svg circle{fill:var(--green-schrift)}
.tx-powermail .formular-danke svg path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:danke-haken .6s .3s ease forwards}
.tx-powermail .formular-danke .danke-titel{font-family:'Caveat Brush',cursive;font-size:30px;color:var(--darkblue);margin:0 0 8px}
.tx-powermail .formular-danke .danke-text{max-width:34em;margin:0 auto 22px!important;color:#012343}
.tx-powermail .formular-danke .danke-gruss{font-family:'Caveat Brush',cursive;font-size:30px;line-height:1.1;color:var(--green-schrift);margin:6px 0 10px;display:inline-block;transform:rotate(-3deg);padding-bottom:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M4 8 C 50 2, 120 2, 196 6' fill='none' stroke='%231f7a0a' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") bottom/100% 10px no-repeat}
.tx-powermail .formular-danke .danke-logo{display:block;width:160px;max-width:100%;height:auto;margin:0 auto 18px}
.tx-powermail .formular-danke .danke-test{font-size:14px;color:#6b6b6b;background:#fff;border-radius:8px;padding:6px 10px;display:inline-block;margin:0 0 18px}
@keyframes danke-ein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes danke-haken{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.tx-powermail .formular-danke,.tx-powermail .formular-danke svg path{animation:none;stroke-dashoffset:0}}
/* 10.10.2026: unsichtbares Datei-Feld bleibt innerhalb des Ablagefelds (sonst wird die Seite seitlich verschiebbar) */
.tx-powermail.modern .powermail_fieldwrap_type_file .powermail_field{position:relative;overflow:hidden}
.tx-powermail.modern .powermail_fieldwrap_type_file input[type=file]{left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;clip-path:inset(50%)}
/* Kurzer Hinweis über dem Einwilligungs-Haken (Kontaktformular) */
.tx-powermail.modern .formular-notiz{margin:0 0 12px;padding-left:46px;font-size:.95em;line-height:1.5;color:#3d3d3d}