/*
====================================
RESET
====================================
*/

*,
*::before,
*::after {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

    -webkit-text-size-adjust: 100%;

}


body {

    min-height: 100vh;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

}


h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 700;

    line-height: 1.2;

    /* lange deutsche Komposita umbrechen, statt horizontal zu überlaufen */

    overflow-wrap: break-word;

    hyphens: auto;

}


img,
picture,
svg,
video {

    max-width: 100%;

    display: block;

}


a {

    color: inherit;

    text-decoration: none;

}


ul,
ol {

    list-style: none;

}


button,
input,
textarea,
select {

    font: inherit;

    color: inherit;

}


button {

    cursor: pointer;

    background: none;

    border: none;

}


:focus-visible {

    outline: 2px solid var(--color-primary);

    outline-offset: 2px;

}