/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ITC Weidemann Pro Book by ITC
 * URL: https://www.myfonts.com/collections/itc-foundry
 * © 2025 MyFonts Inc. */

@font-face {
  font-display: swap;
  font-family: "ITCWeidemannProBook";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ITCWeidemannProBook/font.woff2') format('woff2'),
       url('../fonts/ITCWeidemannProBook/font.woff') format('woff');
}

/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* BASIS */
body { font-family: 'Source Sans 3'; font-weight: 400; font-size: 22px; color: #423035; background-color: #fff; }
h1, h2, h3 { font-family: "ITCWeidemannProBook"; font-weight: 400; line-height: 1.2; }
h1 { font-size: 44px; }
h2 { font-size: 44px; }
.uk-button-default { font-family: "ITCWeidemannProBook"; background-color: #bd629a; color: #fff; text-transform: none; font-size: 30px; line-height: 80px; margin-top: 30px; font-weight: 400; border: none; }
.uk-button-default:hover { background-color: #7997dd; color: #fff; }
p span { font-weight: 700; color: #F49600; }
p a { color: #423035; text-decoration: underline; }
p a:hover { color: #F49600; text-decoration: underline; }
main { margin-top: -116px; }
.vj-weiss { background-color: #f4eeec; }
.vj-orange { background-color: #f49600; }
.vj-lila { background-color: #bd629a; color: #fff; }
.vj-hellblau { background-color: #dbdcd6; }
.vj-flieder { background-color: #baa9cd; color: #fff; }
.vj-blau { background-color: #7997dd; }
.vj-lila h2, .vj-lila h3 { color: #fff; }
.vj-flieder h2, .vj-flieder h3 { color: #fff; }
.vj-bildband p, .vj-bildband h2 { color: #fff; }
/* .vj-textschatten { text-shadow: 0px 1px 5px #000; } */
.vj-zentral { display: flex; align-items: center; justify-content: center; }
.vj-lila a, .vj-flieder a { color: #fff; text-decoration: underline; }

@media only screen and (max-width: 959px) {
    body { font-size: 19px; }
    h1 { font-size: 48px; }
    h2 { font-size: 38px; }
    .uk-button-default { font-size: 19px; line-height: 50px; margin-top: 25px; }
    .uk-height-viewport { min-height: 50vh; }
}
@media only screen and (max-width: 639px) {
    body { font-size: 18px; }
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    .uk-button-default { font-size: 18px; line-height: 40px; margin-top: 20px; }
}


/* SCROLLER */
.m-scroll { display: flex; position: relative; width: 100%; height: 30px; margin: auto; background-color: #F49600; 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 */
.vj-header { background: rgba(255,255,255,0); transition: all 0.3s ease-in-out; }
.uk-sticky-below.vj-header { background: rgba(66,48,53,0.85); }
.vj-logo { width: 328px; }
.vj-header nav ul { margin: 38px 0 0 0; padding: 0; }
.vj-header nav ul li { display: inline-block; }
.vj-header nav ul li a { display: block; margin: 0 15px; color: #fff; font-weight: 400; text-decoration: none; font-size: 15px; text-transform: uppercase; }
.vj-header nav ul li a:hover { color: #F49600; }
.vj-header nav ul li.aktiv a { color: #F49600; }
.vj-mobilnavi-trigger { margin: 30px 0 22px 0 !important; color: #fff; }
.vj-mobilnavi-trigger:hover { color: #fa9600; }
#vj-mobilnavi { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #f4eeec; }
#vj-mobilnavi nav ul { margin: 100px 30px 0 0; text-align: right; }
#vj-mobilnavi nav ul li { display: block; }
#vj-mobilnavi nav ul li a { margin: 0; font-size: 32px; color: #423035 }
#vj-mobilnavi .vj-mobilnavi-close { position: absolute; top: 30px; right: 30px; }

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

/* FOOTER */
.vj-footer { background-color: #7997DD; padding: 80px 0; color: #fff; }
.vj-footer a { color: #fff; text-decoration: none; }
.vj-footer .kleiner a { margin-left: 25px; }
.vj-footer a:hover { text-decoration: underline; }
.vj-footer .vj-footer-image { width: 100px; }
.vj-footer .kleiner { font-size: 16px; }

@media only screen and (max-width: 959px) {
    .vj-footer .vj-footer-image { width: 100px; }
}
@media only screen and (max-width: 639px) {
    .vj-footer .vj-footer-image { width: 100px; }
}