/* QHT Cross-Browser Reset
   Einmal einbinden: <link rel="stylesheet" href="/reset.css">
   Verhindert Browser-spezifische Defaults (Safari, Firefox, Edge)
*/

/* Box Model */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* Form-Elemente: Safari/Firefox Defaults entfernen */
button, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    border-radius: 0;
}

/* Select-Dropdown-Pfeil wiederherstellen */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px;
}

/* Button: Cursor + Safari-Fix */
button { cursor: pointer; background: none; border: none; }
button:disabled { cursor: not-allowed; }

/* Safari: Input-Zoom auf Mobile verhindern */
@media (max-width: 768px) {
    input, select, textarea { font-size: 16px !important; }
}

/* Safari: Search-Input Decoration entfernen */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* Firefox: Fokus-Outline normalisieren */
::-moz-focus-inner { border: 0; padding: 0; }

/* Konsistente Fokus-Styles */
:focus-visible { outline: 2px solid #024e74; outline-offset: 2px; }

/* Bilder responsive */
img, svg { max-width: 100%; height: auto; display: block; }

/* Tabellen normalisieren */
table { border-collapse: collapse; border-spacing: 0; }