/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* BASIS */
body { font-family: 'Lato'; font-weight: 400; font-size: 22px; color: #4f4633; background-color: #f6f2ee; }
h1, h2, h3, h4 { font-family: 'Lato'; font-weight: 700; line-height: 1.2; color: #4f4633; }
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
p a { color: #4f4633; text-decoration: underline; }
p a:hover { color: #4f4633; text-decoration: underline; }
.at-rund { border-radius: 50%; }
.at-weiss { color: #fff; }
.at-weiss:hover { color: #fff; }
.at-kleiner { font-size: 16px; font-weight: 700; }
.at-groesser { font-size: 40px; }
.at-mittel { font-size: 30px; }
.at-blau { color: #00a9c9; }
.at-blau:hover { color: #00a9c9; }
.at-quader { aspect-ratio: 1 / 1; }
.at-begrenzer { max-width: 600px; }

@media only screen and (max-width: 1499px) {
    body { font-size: 20px; }
    h1 { font-size: 44px; }
    h2 { font-size: 34px; }
    h3 { font-size: 24px; }
    h4 { font-size: 22px; }
    .at-kleiner { font-size: 15px; }
    .at-groesser { font-size: 34px; }
    .at-mittel { font-size: 26px; }
}
@media only screen and (max-width: 639px) {
    body { font-size: 16px; }
    h1 { font-size: 28px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    .at-kleiner { font-size: 13px; }
    .at-groesser { font-size: 20px; }
    .at-mittel { font-size: 16px; }
    p { line-height: 23px; }
}

/* INHALT */
.at-header-img { height: 70vh; }
.at-header-text h1 { color: #fff; }
.at-header-text p { color: #fff; }
.at-header-text a { color: #fff; }
.at-header-text a:hover { color: #fff; }
.at-header-text h1.at-blau { color: #00a9c9; }
.at-header-text p.at-blau { color: #00a9c9; }
.at-header-text a.at-blau { color: #00a9c9; }
.at-header-text a.at-blau:hover { color: #00a9c9; }


/* SCROLLER */
.m-scroll { display: flex; position: relative; width: 100%; height: 30px; margin: auto; background-color: #00a9c9; overflow: hidden; z-index: 1; }
.m-scroll__title { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: flex-start; width: 100%; height: 100%; white-space: nowrap; transform: scale(2); transition: all 5s ease; }
.m-scroll__title > div { display: flex; animation: scrollText 50s infinite linear; }
.m-scroll__title p { margin: 0; font-size: 8px; color: #ffffff; transition: all 4s ease; }
@keyframes scrollText {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}

/* HEADER */
.at-header { background: rgba(246,242,238,1); transition: all 0.3s ease-in-out; }
.uk-sticky-below.at-header { background: rgba(246,242,238,1); }
.at-logo { width: 328px; margin: 10px 0 !important; }
.at-header nav ul { margin: 35px 0 0 0; padding: 0; }
.at-header nav ul li { display: inline-block; }
.at-header nav ul li a { display: block; margin: 0 15px; color: #4f4633; font-weight: 400; text-decoration: none; font-size: 20px; }
.at-header nav ul li a:hover { color: #4f4633; text-decoration: none; border-bottom: 2px solid #4f4633; }
.at-header nav ul li.aktiv a { color: #4f4633; text-decoration: none; border-bottom: 2px solid #4f4633; }
.at-mobilnavi-trigger { margin: 30px 0 22px 0 !important; color: #4f4633; }
.at-mobilnavi-trigger:hover { color: #00a9c9; }
#at-mobilnavi { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #f6f2ee; }
#at-mobilnavi nav ul { margin: 100px 30px 0 0; text-align: right; }
#at-mobilnavi nav ul li { display: block; }
#at-mobilnavi nav ul li a { margin: 0; font-size: 32px; color: #4f4633 }
#at-mobilnavi .at-mobilnavi-close { position: absolute; top: 30px; right: 30px; }

@media only screen and (max-width: 959px) {
    .at-logo { width: 200px; margin: 5px 0 !important; opacity: 1; }
    .at-header nav ul { margin: 26px 0 20px 0; }
    .startseite .at-header nav ul { margin: 31px 0; }
    .at-header nav ul li a { margin: 0 30px; }
    .at-header nav ul li.aktiv a { font-size: 20px; }
    .at-mobilnavi-trigger { margin: 10px 0 10px 0 !important; }
    #at-mobilnavi .at-mobilnavi-close { top: 10px; right: 15px; }
}

/* FOOTER */
.at-footer { background-color: #f6f2ee; padding: 80px 0; color: #4f4633; font-size: 16px; }
.at-footer a { color: #4f4633; text-decoration: underline; }
.at-footer a:hover { color: #00a9c9; text-decoration: underline; }
.at-footer img { width: 200px; }
.at-footer ul { list-style: none; margin: 0; padding: 0; }

@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 639px) {
}