:root {
  --clr-alternate-01: #ffffe1;
  --clr-alternate-02: #e6fac8;
  --clr-alternate-03: #68b866;

  --clr-accent-01: #f0f0f0;
  --clr-accent-02: #000;

  --ff-primary: 'Source Sans Pro', sans-serif;
  --ff-accent: 'Allison', cursive;
}

/* source-serif-pro-300 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-serif-pro-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro-v15-latin-300.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-regular - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-serif-pro-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro-v15-latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-600 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-serif-pro-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro-v15-latin-600.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* allison-regular - latin */
@font-face {
  font-family: 'Allison';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allison-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/allison-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/allison-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/allison-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/allison-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/allison-v9-latin-regular.svg#Allison') format('svg'); /* Legacy iOS */
}


*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--ff-primary);
  font-weight: 300;
  font-size: 1.25rem;
  /* line-height: 1.6; */
}

img {
  max-width: 100%;
  display: block;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1,
h2 {
  font-family: var(--ff-accent);
  text-align: center;
  line-height: 1;
  font-weight: 700;
}
h2 {
  font-size: 5rem;
  padding-bottom: 0.5em;
}

h3 {
  margin-top: 0.5rem;
  font-family: var(--ff-primary);
  text-align: left;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
footer h3 {
  text-align: center;
}

h4 {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  font-family: var(--ff-primary);
  text-align: center;
  font-weight: 900;
  line-height: 0.75;
}

header {
  height: 3rem;
  background-color: var(--clr-alternate-03);
}

/* --- Navigation : --- */
nav {
  position: fixed;
  
}
.nav {
  color: var(--clr-accent-01);
  border-bottom: 1px solid var(--clr-accent-02);
  background-color: var(--clr-alternate-03);
  border: 1px solid #000;
  width: 100vw;
  padding-right: 10vw;
  padding-left: 10vw;
}
.nav__toggle {
  position: absolute;
  cursor: pointer;
  margin: 0rem 1rem;
  right: 0;
}
.nav__toggle svg {
  width: 1.5rem;
  fill: #2a324b;
}
.nav__toggle .close {
  display: none;
}
.nav__toggle .menu {
  margin-top: 0.2rem;
}
.nav__checkbox {
  display: none;
}
.nav__menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin: 0 1rem 1rem;
  min-height: 1.5rem;
}
.nav__menu li {
  list-style: none;
  display: none;
}
.nav__menu li:first-child {
  margin-right: auto;
  display: block;
}
.nav__menu a {
  text-decoration: none;
  color: inherit;
  font-size: 1.2rem;
}
.nav__menu a:hover {
  color: var(--clr-accent-02);
}
.nav__menu svg {
  width: 2rem;
  margin-top: 0.5rem;
  fill: #2a324b;
}
svg.menu,
svg.close {
  margin-right: 10vw;
}
#nav__checkbox:checked ~ ul.nav__menu li {
  display: block;
}

#nav__checkbox:checked ~ label.nav__toggle .close {
  display: block;
}

#nav__checkbox:checked ~ label.nav__toggle .menu {
  display: none;
}

@media only screen and (min-width: 560px) {
  .nav__toggle {
    display: none;
  }
  .nav__menu {
    flex-direction: row;
    padding-top: 0.5rem;
  }
  .nav__menu li {
    display: block;
  }
}
/* --- : Navigation --- */

section {
  padding: 4rem 0;
}

section.main {
  padding-top: 5.5rem;
}

p {
  padding-bottom: 0.5rem;
}
section img {
  margin-bottom: 2rem;
  border: 6px solid #fff;
}
strong {
  font-weight: 400;
}
h1 img {
  margin-inline: auto;
  width: 75%;
  padding-bottom: 0;
  border: none;
}

blockquote,
.text__quote {
  font-family: var(--ff-accent);
  text-align: center;
  line-height: 0.9;
  font-size: clamp(2.5rem, 6vw + 1rem, 4rem);
}

footer {
  border-top: 1px solid var(--clr-accent-02);
  height: auto;
  font-size: 1rem;
  text-align: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.container,
details {
  margin-inline: auto;
  width: min(90%, 70.5rem);
}
@media (max-width: 60em) {
  .image__slide {order: 1}
  .text__area {order: 2}
}

.image__main,
.image__slider {
  margin-left: auto;
  margin-right: auto;
}

.image__main img {
  border: none;
}

.macher .text__area p {
  text-align: center;
}

.split {
  display: flex;
  flex-direction: column;
}

@media (min-width: 70em) {
  .split {
    flex-direction: row;
  }
  .split > * {
    flex-basis: 100%;
  }
  .split > * + * {
    margin-left: 2em;
  }
}

.bg-primary {
  background-color: var(--clr-alternate-01);
}
.bg-secondary {
  background-color: var(--clr-alternate-02);
}
.bg-nav {
  background-color: var(--clr-alternate-03);
}

.btn__cookie {
  background-color: var(--clr-alternate-03);
  color: var(--clr-accent-02);
  padding: 0.75em 1.75em;
  border-radius: 1em;
  text-transform: uppercase;
  line-height: 4em;
  margin-left: auto;
  margin-right: auto;
}

.btn__kontakt {
  background-color: var(--clr-accent-02);
  color: var(--clr-accent-01);
  padding: 0.75em 1.75em;
  border-radius: 1em;
  text-transform: uppercase;
  line-height: 4em;
  margin-left: auto;
  margin-right: auto;
}
a {
  text-decoration: none;
}

.hint__neu {
  font-family: var(--ff-accent);
  font-size: 2rem
}

.link {
  color: var(--clr-accent-02);
  border-bottom: 1px dotted rgb(118,105,128);
  cursor: pointer;
}
.link:hover {
  color: var(--clr-accent-01);
}

/* Slideshow */