/* =========================================================================
   EINHEITLICHE KNÖPFE (alle Seiten außer der Handy-App und dem Check-in)
   Vier Arten: Hauptaktion (blau) · Nebenaktion (weiß mit Rahmen) ·
   Gefährlich (rot umrandet, endgültig: rot gefüllt) · Klein (in Tabellen).
   Die bisherigen Klassen (bs-, va-, ep-, tp-, sb-, db-knopf, btn-…) zeigen alle
   hierher; neue Seiten nehmen knopf-haupt / knopf-neben / knopf-gefahr(-voll).
   Symbole: <span class="ik ik-plus" aria-hidden="true"></span> (Linie in Schriftfarbe).
   Wird in head.php als letzte Datei geladen; "html body" schlägt die alten Regeln.
   ========================================================================= */
:root {
    --knopf-blau: #1660d6;
    --knopf-blau-dunkel: #0f4fb8;
    --knopf-rand: #cbd5e1;
    --knopf-text: #0d1220;
    --knopf-rot: #b42318;
    --knopf-rot-rand: #e2a29c;
}

/* Grundform */
html body .bs-knopf,
html body .va-knopf,
html body .ep-knopf,
html body .tp-knopf,
html body .sb-knopf,
html body .db-knopf,
html body .btn-print,
html body .btn-assign,
html body .btn-calendar,
html body .btn-save,
html body .btn-edit,
html body .btn-reset,
html body .oa-knopf-rot,
html body .ob-knopf-rot,
html body .oa-knopf-rot-voll,
html body .ob-knopf-rot-voll,
html body .knopf-haupt,
html body .knopf-neben,
html body .knopf-gefahr,
html body .knopf-gefahr-voll {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 40px; padding: 0 16px; box-sizing: border-box;
    border: 1px solid transparent; border-radius: 9px;
    font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.2;
    text-decoration: none; white-space: nowrap; cursor: pointer;
    width: auto; margin: 0; opacity: 1; filter: none; transition: background-color .15s, border-color .15s;
}

/* Hauptaktion */
html body .bs-knopf,
html body .bs-knopf--gruen,
html body .bs-knopf--blau,
html body .va-knopf,
html body .va-knopf--gruen,
html body .va-knopf--blau,
html body .va-knopf--lila,
html body .ep-knopf--blau,
html body .tp-knopf--blau,
html body .sb-knopf--blau,
html body .db-knopf--blau,
html body .btn-print,
html body .btn-assign,
html body .btn-calendar,
html body .btn-save,
html body .knopf-haupt {
    background: var(--knopf-blau); border-color: var(--knopf-blau); color: #fff;
}
html body .bs-knopf:hover,
html body .bs-knopf--gruen:hover,
html body .bs-knopf--blau:hover,
html body .va-knopf:hover,
html body .va-knopf--gruen:hover,
html body .va-knopf--blau:hover,
html body .va-knopf--lila:hover,
html body .ep-knopf--blau:hover,
html body .tp-knopf--blau:hover,
html body .sb-knopf--blau:hover,
html body .db-knopf--blau:hover,
html body .btn-print:hover,
html body .btn-assign:hover,
html body .btn-calendar:hover,
html body .btn-save:hover,
html body .knopf-haupt:hover { background: var(--knopf-blau-dunkel); border-color: var(--knopf-blau-dunkel); color: #fff; }

/* Nebenaktion */
html body .bs-knopf--hell,
html body .bs-knopf--grau,
html body .va-knopf--hell,
html body .va-knopf--grau,
html body .ep-knopf:not(.ep-knopf--blau),
html body .tp-knopf:not(.tp-knopf--blau):not(.tp-knopf--rot),
html body .sb-knopf:not(.sb-knopf--blau):not(.sb-knopf--dunkel):not(.sb-knopf--weiss),
html body .db-knopf:not(.db-knopf--blau),
html body .btn-edit,
html body .btn-reset,
html body .knopf-neben {
    background: #fff; border-color: var(--knopf-rand); color: var(--knopf-text);
}
html body .bs-knopf--hell:hover,
html body .bs-knopf--grau:hover,
html body .va-knopf--hell:hover,
html body .va-knopf--grau:hover,
html body .ep-knopf:not(.ep-knopf--blau):hover,
html body .tp-knopf:not(.tp-knopf--blau):not(.tp-knopf--rot):hover,
html body .sb-knopf:not(.sb-knopf--blau):not(.sb-knopf--dunkel):not(.sb-knopf--weiss):hover,
html body .db-knopf:not(.db-knopf--blau):hover,
html body .btn-edit:hover,
html body .btn-reset:hover,
html body .knopf-neben:hover { background: #f3f6fa; border-color: #94a3b8; color: var(--knopf-text); }

/* Gefährlich */
html body .tp-knopf--rot,
html body .oa-knopf-rot,
html body .ob-knopf-rot,
html body .va-knopf--orange,
html body .knopf-gefahr {
    background: #fff; border-color: var(--knopf-rot-rand); color: var(--knopf-rot);
}
html body .tp-knopf--rot:hover,
html body .oa-knopf-rot:hover,
html body .ob-knopf-rot:hover,
html body .va-knopf--orange:hover,
html body .knopf-gefahr:hover { background: #fff5f5; border-color: var(--knopf-rot); color: var(--knopf-rot); }
html body .bs-knopf--rot,
html body .va-knopf--rot,
html body .oa-knopf-rot-voll,
html body .ob-knopf-rot-voll,
html body .knopf-gefahr-voll {
    background: var(--knopf-rot); border-color: var(--knopf-rot); color: #fff;
}
html body .bs-knopf--rot:hover,
html body .va-knopf--rot:hover,
html body .oa-knopf-rot-voll:hover,
html body .ob-knopf-rot-voll:hover,
html body .knopf-gefahr-voll:hover { background: #912018; border-color: #912018; color: #fff; }

/* Gesperrt und Tastatur */
html body .bs-knopf:disabled,
html body .va-knopf:disabled,
html body .ep-knopf:disabled,
html body .tp-knopf:disabled,
html body .sb-knopf:disabled,
html body .db-knopf:disabled,
html body .btn-print:disabled,
html body .btn-assign:disabled,
html body .btn-calendar:disabled,
html body .btn-save:disabled,
html body .btn-edit:disabled,
html body .btn-reset:disabled,
html body .oa-knopf-rot:disabled,
html body .ob-knopf-rot:disabled,
html body .oa-knopf-rot-voll:disabled,
html body .ob-knopf-rot-voll:disabled,
html body .knopf-haupt:disabled,
html body .knopf-neben:disabled,
html body .knopf-gefahr:disabled,
html body .knopf-gefahr-voll:disabled,
html body .bs-knopf[aria-disabled="true"],
html body .va-knopf[aria-disabled="true"],
html body .ep-knopf[aria-disabled="true"],
html body .tp-knopf[aria-disabled="true"],
html body .sb-knopf[aria-disabled="true"],
html body .db-knopf[aria-disabled="true"],
html body .btn-print[aria-disabled="true"],
html body .btn-assign[aria-disabled="true"],
html body .btn-calendar[aria-disabled="true"],
html body .btn-save[aria-disabled="true"],
html body .btn-edit[aria-disabled="true"],
html body .btn-reset[aria-disabled="true"],
html body .oa-knopf-rot[aria-disabled="true"],
html body .ob-knopf-rot[aria-disabled="true"],
html body .oa-knopf-rot-voll[aria-disabled="true"],
html body .ob-knopf-rot-voll[aria-disabled="true"],
html body .knopf-haupt[aria-disabled="true"],
html body .knopf-neben[aria-disabled="true"],
html body .knopf-gefahr[aria-disabled="true"],
html body .knopf-gefahr-voll[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
html body .bs-knopf:focus-visible,
html body .va-knopf:focus-visible,
html body .ep-knopf:focus-visible,
html body .tp-knopf:focus-visible,
html body .sb-knopf:focus-visible,
html body .db-knopf:focus-visible,
html body .btn-print:focus-visible,
html body .btn-assign:focus-visible,
html body .btn-calendar:focus-visible,
html body .btn-save:focus-visible,
html body .btn-edit:focus-visible,
html body .btn-reset:focus-visible,
html body .oa-knopf-rot:focus-visible,
html body .ob-knopf-rot:focus-visible,
html body .oa-knopf-rot-voll:focus-visible,
html body .ob-knopf-rot-voll:focus-visible,
html body .knopf-haupt:focus-visible,
html body .knopf-neben:focus-visible,
html body .knopf-gefahr:focus-visible,
html body .knopf-gefahr-voll:focus-visible { outline: 3px solid rgba(22, 96, 214, .35); outline-offset: 2px; }

/* Klein: in Tabellen, Listenzeilen und ausdrücklich mit .knopf-klein */
html body table :is(.bs-knopf, .va-knopf, .ep-knopf, .tp-knopf, .sb-knopf, .db-knopf, .btn-print, .btn-assign, .btn-calendar, .btn-save, .btn-edit, .btn-reset, .oa-knopf-rot, .ob-knopf-rot, .oa-knopf-rot-voll, .ob-knopf-rot-voll, .knopf-haupt, .knopf-neben, .knopf-gefahr, .knopf-gefahr-voll),
html body .knopf-klein,
html body .va-knopf--lila,
html body .btn-print,
html body .btn-assign { min-height: 32px; padding: 0 12px; font-size: 13px; border-radius: 8px; gap: 6px; }

/* Absende-Knöpfe ohne Klasse (z. B. „Einstellungen speichern“) bekommen dasselbe Blau;
   Knöpfe type="button" ohne Klasse sind meist Schalter/Filter mit eigenem Aussehen */
html body main button[type="submit"]:not([class]),
html body main input[type="submit"]:not([class]) {
    background-color: var(--knopf-blau); color: #fff; border: 1px solid var(--knopf-blau); border-radius: 9px; font-weight: 700;
}
html body main button[type="submit"]:not([class]):hover,
html body main input[type="submit"]:not([class]):hover { background-color: var(--knopf-blau-dunkel); opacity: 1; }

@media (max-width: 600px) {
    html body .bs-knopf,
html body .va-knopf,
html body .ep-knopf,
html body .tp-knopf,
html body .sb-knopf,
html body .db-knopf,
html body .btn-print,
html body .btn-assign,
html body .btn-calendar,
html body .btn-save,
html body .btn-edit,
html body .btn-reset,
html body .oa-knopf-rot,
html body .ob-knopf-rot,
html body .oa-knopf-rot-voll,
html body .ob-knopf-rot-voll,
html body .knopf-haupt,
html body .knopf-neben,
html body .knopf-gefahr,
html body .knopf-gefahr-voll { min-height: 44px; white-space: normal; text-align: center; max-width: 100%; }
    html body table :is(.bs-knopf, .va-knopf, .ep-knopf, .tp-knopf, .sb-knopf, .db-knopf, .btn-print, .btn-assign, .btn-calendar, .btn-save, .btn-edit, .btn-reset, .oa-knopf-rot, .ob-knopf-rot, .oa-knopf-rot-voll, .ob-knopf-rot-voll, .knopf-haupt, .knopf-neben, .knopf-gefahr, .knopf-gefahr-voll), html body .knopf-klein { min-height: 36px; }
}

/* Linien-Symbole */
.ik {
    display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; vertical-align: -3px;
    background-color: currentColor;
    -webkit-mask: var(--ik) center / contain no-repeat; mask: var(--ik) center / contain no-repeat;
}
.ik-plus { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.ik-speichern { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h11l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M7 3v5h8M7 21v-7h10v7'/%3E%3C/svg%3E"); }
.ik-muell { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 10v6M14 10v6'/%3E%3C/svg%3E"); }
.ik-haken { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.ik-x { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
.ik-download { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10.5l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
.ik-upload { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V9M7 13.5l5-5 5 5M5 4h14'/%3E%3C/svg%3E"); }
.ik-mail { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E"); }
.ik-neu_laden { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5'/%3E%3C/svg%3E"); }
.ik-zurueck { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10a6 6 0 0 1 0 12h-3'/%3E%3C/svg%3E"); }
.ik-drucken { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4v-7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v7h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E"); }
.ik-offen { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 7.8-1.2'/%3E%3C/svg%3E"); }
.ik-diagramm { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M6 17v-5M12 17V5M18 17v-8'/%3E%3C/svg%3E"); }
.ik-monitor { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E"); }
.ik-start { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5l12 7.5-12 7.5z'/%3E%3C/svg%3E"); }
.ik-verbot { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E"); }
.ik-stift { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); }
.ik-glocke { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16v-5a6 6 0 0 1 12 0v5l2 2H4z'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); }
.ik-glocke_aus { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16v-5a6 6 0 0 1 9.5-4.9M18 11v5l2 2H8'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0M3 3l18 18'/%3E%3C/svg%3E"); }
.ik-kalender { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.ik-megafon { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h4l9 5V5l-9 5z'/%3E%3Cpath d='M19 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E"); }
.ik-klemmbrett { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 3h6v3H9z'/%3E%3C/svg%3E"); }
.ik-pin { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.ik-ordner { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5H9l2 2h8.5A1.5 1.5 0 0 1 21 8.5v9a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5z'/%3E%3C/svg%3E"); }
.ik-telefon { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); }
.ik-karte { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M6 16a3 3 0 0 1 6 0M14 10h4M14 14h3'/%3E%3C/svg%3E"); }
.ik-personen { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M16 4.5a3.5 3.5 0 0 1 0 7M18 14a5 5 0 0 1 3 6'/%3E%3C/svg%3E"); }
.ik-globus { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }

/* Abstand Symbol–Text, wo kein Flex-Abstand greift */
.ik:not(:only-child) { margin-right: .45em; }
html body .bs-knopf .ik,
html body .va-knopf .ik,
html body .ep-knopf .ik,
html body .tp-knopf .ik,
html body .sb-knopf .ik,
html body .db-knopf .ik,
html body .btn-print .ik,
html body .btn-assign .ik,
html body .btn-calendar .ik,
html body .btn-save .ik,
html body .btn-edit .ik,
html body .btn-reset .ik,
html body .oa-knopf-rot .ik,
html body .ob-knopf-rot .ik,
html body .oa-knopf-rot-voll .ik,
html body .ob-knopf-rot-voll .ik,
html body .knopf-haupt .ik,
html body .knopf-neben .ik,
html body .knopf-gefahr .ik,
html body .knopf-gefahr-voll .ik { margin-right: 0; }