@charset "utf-8";
@import "fonts.css";
/* @import "scss/header.css";
@import "scss/slider.css";
@import "scss/aktuell.css";
@import "scss/parallex.css";
@import "scss/ueber.css";
@import "scss/firmen.css";
@import "scss/kontakt.css";
@import "scss/footer.css"; */
@import "scss/style.css";

:root {
  --clr-primary-400: #ac2c29;
  --clr-neutral-100: #ffffff;
  --clr-neutral-200: #f9f9f9;
  --clr-neutral-400: #999999;
  --clr-neutral-800: #424241;
  --clr-neutral-900: #000000;

  --transition: all 300ms ease 0s;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(50px);
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-anchor: none;
}

img {
  width: 100%;
}

section {
  scroll-margin-top: 150px;
}

article {
  max-width: 1640px;
  margin-inline: auto;
  padding-inline: 5%;
}

.no-text {
  transition: color 100ms ease 25ms,
    margin-block 300ms ease 0s;
  color: transparent;
  margin-block: 0;
  height: 0px;
}

.show-text {
  transition: color 100ms ease 25ms,
    margin-block 300ms ease 0s;
  color: var(--clr-neutral-900);
  margin-block: 35px 0;
  height: fit-content;
}