/* vollkorn-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: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/vollkorn-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* vollkorn-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: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/vollkorn-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Basis */
body { font-family: 'Vollkorn'; font-style: normal; font-weight: 400; font-size: 20px; color: #000; }
h1, h2, h3, h4, h5, h6 { font-family: 'Vollkorn'; font-weight: 700; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 20px; text-decoration: underline; }
h6 { font-size: 20px; font-weight: 400; text-decoration: underline; }
.page-1 h1, .page-1 h2, .page-1 h3, .page-1 h4, .page-1 h5, .page-1 h6 { color: #4b4b4b; }
.page-2 h1, .page-2 h2, .page-2 h3, .page-2 h4, .page-2 h5, .page-2 h6 { color: #b1143f; }
.page-3 h1, .page-3 h2, .page-3 h3, .page-3 h4, .page-3 h5, .page-3 h6 { color: #e40039; }
.page-4 h1, .page-4 h2, .page-4 h3, .page-4 h4, .page-4 h5, .page-4 h6 { color: #ef7c00; }
.page-5 h1, .page-5 h2, .page-5 h3, .page-5 h4, .page-5 h5, .page-5 h6 { color: #efd500; }
.page-6 h1, .page-6 h2, .page-6 h3, .page-6 h4, .page-6 h5, .page-6 h6 { color: #a2c613; }
.page-7 h1, .page-7 h2, .page-7 h3, .page-7 h4, .page-7 h5, .page-7 h6 { color: #25b8cd; }
.page-8 h1, .page-8 h2, .page-8 h3, .page-8 h4, .page-8 h5, .page-8 h6 { color: #0085b2; }
p { font-family: 'Vollkorn'; font-weight: 400; }
strong, b { font-weight: 700; }

@media only screen and (max-width: 959px) {
    body { font-size: 16px; }
    h1 { font-size: 22px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 16px; text-decoration: underline; }
    h6 { font-size: 16px; font-weight: 400; text-decoration: underline; }
}

/* Header und Logo */
.lag-logo img { max-width: 450px; width: 100%; }

/* Navigation */
.lag-navigation ul { margin: 0; padding: 0; list-style: none; }
.lag-navigation ul li { margin: 0; padding: 0 15px 0 0; list-style: none; display: inline-grid; }
.lag-navigation ul li a { position: relative; width: 36px; height: 36px; border-radius: 36px; background-color: #ccc; color: rgba(255,255,255,0); font-size: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.lag-navigation ul li a:hover { color: rgba(255,255,255,0); }
.lag-navigation ul li:nth-of-type(1) a:hover { background-color: #4b4b4b; }
.lag-navigation ul li:nth-of-type(2) a:hover { background-color: #b1143f; }
.lag-navigation ul li:nth-of-type(3) a:hover { background-color: #e40039; }
.lag-navigation ul li:nth-of-type(4) a:hover { background-color: #ef7c00; }
.lag-navigation ul li:nth-of-type(5) a:hover { background-color: #efd500; }
.lag-navigation ul li:nth-of-type(6) a:hover { background-color: #a2c613; }
.lag-navigation ul li:nth-of-type(7) a:hover { background-color: #25b8cd; }
.lag-navigation ul li:nth-of-type(8) a:hover { background-color: #0085b2; }
.lag-navigation ul li a span { position: absolute; top: -30px; width: 140px; text-align: center; left: -52px; font-size: 16px; opacity: 0; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; }
.lag-navigation ul li a:hover span { opacity: 1; }
.lag-navigation ul li:nth-of-type(1) a span { color: #4b4b4b; }
.lag-navigation ul li:nth-of-type(2) a span { color: #b1143f; }
.lag-navigation ul li:nth-of-type(3) a span { color: #e40039; }
.lag-navigation ul li:nth-of-type(4) a span { color: #ef7c00; }
.lag-navigation ul li:nth-of-type(5) a span { color: #efd500; }
.lag-navigation ul li:nth-of-type(6) a span { color: #a2c613; }
.lag-navigation ul li:nth-of-type(7) a span { color: #25b8cd; }
.lag-navigation ul li:nth-of-type(8) a span { color: #0085b2; }
.lag-navigation ul li:nth-of-type(1).aktiv a { background-color: #4b4b4b; }
.lag-navigation ul li:nth-of-type(2).aktiv a { background-color: #b1143f; }
.lag-navigation ul li:nth-of-type(3).aktiv a { background-color: #e40039; }
.lag-navigation ul li:nth-of-type(4).aktiv a { background-color: #ef7c00; }
.lag-navigation ul li:nth-of-type(5).aktiv a { background-color: #efd500; }
.lag-navigation ul li:nth-of-type(6).aktiv a { background-color: #a2c613; }
.lag-navigation ul li:nth-of-type(7).aktiv a { background-color: #25b8cd; }
.lag-navigation ul li:nth-of-type(8).aktiv a { background-color: #0085b2; }
.page-1 .lag-navigation ul li:nth-of-type(1) a { background-color: #4b4b4b; }

@media only screen and (max-width: 639px) {
    .lag-navigation { text-align: center; margin: 20px 0 -30px 0 !important; }
    .lag-navigation ul li { padding: 0 10px 0 0; }
    .lag-navigation ul li a { width: 25px; height: 25px; border-radius: 25px; }
    .lag-navigation ul li a:hover span { opacity: 0 !important; }
    .lag-navigation ul li.aktiv:hover a span { opacity: 1 !important; }
    .lag-navigation ul li.aktiv a span { opacity: 1; }
    .page-1 .lag-navigation ul li:nth-of-type(1) a span { opacity: 1; }
}

/* Footer */
.lag-footer ul { margin: 0; padding: 0; }
.lag-footer ul li { position: relative; display: inline-block; margin-right: 15px; }
.lag-footer ul li a { font-size: 14px; color: #4b4b4b; text-decoration: none; }
.lag-footer ul li a:hover { color: #000; text-decoration: none; }
.lag-footer::before { content: ' '; width: 100%; max-width: 100px; height: 1px; background-color: #ccc; position: absolute; }