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

/* Breakpoints: 640 / 960 / 1200 / 1600 */

html { background-color: #000; }
body { font-family: "Urbanist"; font-weight: 400; font-size: 14px; color: #000; animation: pagecrossfade 3s; webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background-color: #000; }
h1 { font-family: "Urbanist"; font-weight: 400; font-size: 40px; color: #000; }
h2 { font-family: "Urbanist"; font-weight: 400; font-size: 40px; color: #000; }
h3 { font-family: "Urbanist"; font-weight: 400; font-size: 28px; color: #000; }
h4 { font-family: "Urbanist"; font-weight: 400; font-size: 24px; max-width: 800px; color: #000; }
p { line-height: 2rem; color: #000; letter-spacing: 2px; }
ul li { line-height: 2rem; letter-spacing: 2px; margin-bottom: 20px; }
a { color: #000; }
a:hover { color: #000; }

@keyframes pagecrossfade {
  from {
    opacity: 0; }
  to {
      opacity: 1; } }

@-webkit-keyframes pagecrossfade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light p { color: #fff; }
.uk-section { position: relative; }
.uk-button-default { border: 1px solid #000; color: #000; border-radius: 25px; text-transform: none; }
.uk-button-default:hover { background-color: #fff; }

.dn-titel { width: calc(100% - 80px); max-width: 1260px; }
.dn-titel-zitat { font-size: 50px; line-height: 60px; color: #fff; text-align: center; text-shadow: 0px 0px 5px #000000; }
.dn-titel-autor { font-size: 18px; color: #fff; text-align: center; text-shadow: 0px 0px 5px #000000; }
.dn-kopfleiste { background-image: url("/typo3conf/ext/ps_sitepackage/Resources/Public/Images//verlauf.png"); background-repeat: repeat-x; background-size: contain; height: 160px; }
.dn-logo { max-width: 220px; margin: 35px 20px 0 0; width: calc(100% - 20px); }
.dn-trigger { color: #fff; margin: 35px 20px 0 0; cursor: pointer; }
.dn-menu { color: #fff; cursor: pointer; padding-right: 10px; font-size: 16px; }
.dn-trigger.dunkel { color: #000; }
.dn-menu.dunkel { color: #000; }
.dn-textblock { max-width: 800px; }
.dn-headerbild { height: 100vh; background-attachment: fixed; position: relative; }
.dn-kleineschrift p { font-size: 11px; line-height: 24px; }
.dn-zitat { font-size: 11px; line-height: 20px; }

@media only screen and (max-width: 959px) {
    h1 { font-size: 36px; }
    h2 { font-size: 36px; }
    h3 { font-size: 26px; }
    h4 { font-size: 24px; }
    strong { font-weight: 600; }
    .dn-logo { margin: 38px 10px 0 0; width: calc(100% - 10px); }
    .dn-menu { display: none; }
    .dn-headerbild { background-attachment: scroll !important; background-size: cover !important; height: 50vh; }
    .dn-titel-zitat { font-size: 40px; line-height: 50px; }
    .dn-titel-autor { font-size: 18px; }
    .dn-zitat-einschub { aspect-ratio: auto !important; }
    .dn-zitat-einschub .uk-position-center { top: auto; left: auto; position: relative !important; transform: none; }
}

@media only screen and (max-width: 649px) {
    .dn-titel-zitat { font-size: 30px; line-height: 40px; }
    .dn-titel-autor { font-size: 16px; }
    .dn-zitat-einschub .uk-position-center h2 { font-size: 24px; }
}

.dn-ani-nebel { transform: translate(0, 170px); transition: all 1s ease-out; -webkit-transition: all 1s ease-out; opacity: 0; }
.dn-ani-nebel-raus { transform: translate(0,0px); opacity: 1; }

.dn-footer { padding: 30px 0; }
.dn-footer p { margin: 0; }
.dn-footer ul { margin: 0; padding: 0; }
.dn-footer ul li { margin: 0; padding: 0; display: inline-block; }
.dn-footer a { color: #fff; margin: 0 20px; display: block; }

.uk-accordion li { border-bottom: 1px solid #000; margin-bottom: 50px; padding-bottom: 50px; }
.uk-accordion-title span { font-family: "Urbanist"; margin: 10px 0 0 0; font-size: 16px; font-weight: 600; line-height: 2rem; display: block; }