/* BASE */
@import url(./base/normalize.css);
@import url(./base/variables.css);
@import url(./base/colors.css);
@import url(./base/animations.css);
@import url(./base/fonts.css);

/* COMPONENT */
@import url(./../components/header.css);
@import url(./../components/footer.css);
@import url(./../components/module.css);
@import url(./../components/messageOverlay/messageOverlay.css);
@import url(./../components/button/button.css);
@import url(./../components/togglebox/togglebox-group.css);
@import url(./../components/togglebox/togglebox.css);
@import url(./../components/odometer/odometer.css);


/* MODULE */
@import url(../../modules/error_404/error_404.css);
@import url(../../modules/mechatronik/mechatronik.css);
@import url(../../modules/closing/closing.css);

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
    display: none;
}

html {
    position: relative;
    box-sizing: border-box;
    touch-action: manipulation;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-family: "porsche-regular", arial, sans-serif;
    line-height: 24px;
    /* hyphens: auto; */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

h1,
h2,
h3 {
    margin: 0;
    font-family: "porsche-bold", arial, sans-serif;
    font-weight: normal;
    padding-bottom: 10px;
}

h1 {
    font-size: var(--font-h1);
    line-height: var(--font-h1-line);
}

h2 {
    font-size: var(--font-h2);
    line-height: var(--font-h2-line);
}

h3 {
    font-size: var(--font-h3);
    line-height: var(--font-h3-line);
}

p {
    margin: 0;
    padding-bottom: 10px;
}

p:last-child {
    padding-bottom: 0;
}

strong {
    font-family: "porsche-bold", arial, sans-serif;
    font-weight: normal;
}

a:visited,
a {
    transition: all 0.1s ease;
    color: var(--c-plain-black)
}

a:hover {
    color: var(--c-red)
}

.is-hidden {
    display: none;
}

body.overlay-open .stage .module {
    display: none;
}

img {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#matomo-opt-out label{
    padding-left: 5px;
}

/* DESKTOP MIN */
@media only screen and (min-width: 760px) {
}

/* DESKTOP MIDDLE */
@media only screen and (min-width: 1000px) {
}

/* DESKTOP MAX */
@media only screen and (min-width: 1920px) {
}