.service{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(24px,3.4vw,56px); align-items:start}
.service__copy{display:grid; gap:22px; align-content:start}
/* Der Ablauf stand vorher nirgends - die linke Spalte war zur Haelfte leer.
   Bewusst ohne Zeitangabe: eine Reaktionszeit ist nirgends festgelegt. */
.service__ablauf{display:grid; gap:14px; counter-reset:none}
.service__ablauf li{display:grid; grid-template-columns:28px 1fr; gap:12px; align-items:start}
.service__ablauf span{display:grid; place-items:center; width:28px; height:28px; border-radius:50%;
  background:var(--navy-900); color:var(--white); font-size:.85rem; font-weight:700}
.service__ablauf p{margin:0; color:var(--ink-muted); line-height:1.55}
.service__ablauf strong{color:var(--navy-900)}
.service__direkt{padding:18px 20px; border-radius:var(--r-md); background:var(--white); border:1px solid var(--border)}
.service__direkt-titel{margin:0 0 10px; font-weight:700; color:var(--navy-900)}
.service__hint{padding:18px 20px; border-radius:var(--r-md); background:var(--bg-subtle); border:1px solid var(--border); color:var(--ink-muted)}
.service__hint strong{color:var(--navy-900)}
.service__ways{display:grid; gap:10px}
.service__ways li{display:flex; align-items:center; gap:10px; font-weight:600}
.service__ways svg{width:18px; height:18px; color:var(--navy-600)}
.service__ways a{color:var(--navy-900); text-decoration:none}
.service__ways a:hover{color:var(--navy-600)}
#zammad-feedback-form{padding:clamp(24px,3vw,36px); border:1px solid var(--border); border-radius:var(--r-lg); background:var(--white); color:var(--ink)}
#zammad-feedback-form h2{font-family:var(--font-display); font-size:1.35rem; font-weight:600; color:var(--navy-900); margin:0 0 22px}
#zammad-feedback-form .zammad-form-group{margin-bottom:18px}
#zammad-feedback-form label{display:block; font-weight:600; color:var(--navy-900); margin-bottom:6px; font-size:.94rem}
#zammad-feedback-form .zammad-form-control{width:100%; padding:13px 15px; border:1px solid var(--border-strong,#d5dee8); border-radius:var(--r-md); background:var(--white); font:inherit; color:var(--ink); transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out)}
#zammad-feedback-form .zammad-form-control:focus{outline:none; border-color:var(--navy-600); box-shadow:0 0 0 3px rgba(1,37,73,.12)}
#zammad-feedback-form textarea.zammad-form-control{min-height:150px; resize:vertical}
#zammad-feedback-form .js-zammad-form-modal-title{display:none}
/* Zammad gibt dem Knopf die Klasse "btn" - dieselbe wie die Marke, deshalb hier ueberschreiben */
#zammad-feedback-form button[type=submit], #zammad-feedback-form input[type=submit]{display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border:0; border-radius:var(--r-pill); background:var(--sun-500); color:var(--navy-900); font-family:inherit; font-weight:700; font-size:1rem; cursor:pointer; box-shadow:var(--shadow-sm); transition:transform var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out)}
#zammad-feedback-form button[type=submit]:hover{filter:brightness(1.04)}
#zammad-feedback-form button[type=submit]:active{transform:scale(.98)}
#zammad-feedback-form .zammad-form-group.is-hidden{display:none}
/* Zammad liefert Dateifeld und Haekchen roh aus - beide sahen im Entwurf wie Systemvorgaben aus */
#zammad-feedback-form input[type=file]{width:100%; padding:11px 13px; border:1px dashed var(--border-strong,#d5dee8);
  border-radius:var(--r-md); background:var(--bg-subtle); font:inherit; color:var(--ink-muted); cursor:pointer}
#zammad-feedback-form input[type=file]::file-selector-button{margin-right:12px; padding:9px 16px; border:0;
  border-radius:var(--r-pill); background:var(--navy-900); color:var(--white); font:inherit; font-weight:600; cursor:pointer}
#zammad-feedback-form input[type=file]:hover{border-color:var(--navy-600)}
#zammad-feedback-form .zammad-form-group--agreement label,
#zammad-feedback-form label:has(input[type=checkbox]){display:grid; grid-template-columns:auto 1fr; gap:11px;
  align-items:start; font-weight:400; color:var(--ink-muted); line-height:1.5}
#zammad-feedback-form input[type=checkbox]{width:20px; height:20px; margin:1px 0 0; accent-color:var(--navy-900); cursor:pointer}
#zammad-feedback-form input[type=checkbox]:focus-visible{outline:2px solid var(--navy-600); outline-offset:2px}
.service__laden{color:var(--ink-muted)}
.service__fehler{padding:18px 20px; border-radius:var(--r-md); background:#FEF6F5; border:1px solid #F0C9C5; color:#8C1D18}
.service__fehler a{color:inherit}
.service__fallback{margin-top:14px; font-size:.9rem; color:var(--ink-muted)}
.service__fallback a{color:var(--navy-900); font-weight:600}
@media (max-width:900px){ .service{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ #zammad-feedback-form button[type=submit]{transition:none} }