.fazit-button {
    text-align: center;
}

.fazit-karten {
    text-align: center;
}

.dossier-link {
    text-align: center;
}

.maxillu figure {
    max-width: 100% !important;
}

.maxillu img {
    width:100% !important;
    height: auto !important;
    object-fit: fill !important;
    aspect-ratio: auto !important;
}

.uk-container-expand {
    padding: 0 !important;
}

/* Wichtig, damit Sticky überhaupt funktionieren kann */
.uk-cover-container {
    overflow: clip !important;
}

/* einheitliche Linie */
.tm-shape-divider-wrap {
    line-height: 1;
}

/* H1 fetter */
h1 {
  font-family: Bevan;
  font-weight: 400;
}

@media (min-width: 960px) {
    h1 {
      font-size: 3.5rem;
    }
}

#palmoelartikel h1 {
    color: #FF8761;
}

#kaffeeartikel h1 {
    color: #3C5D82;
}

#sojaartikel h1 {
    color: #ce5e5b;
}

#buttonfazit {
    display: inline-block; margin: 0 10px;
}

/* H2 zur Dachzeile machen */
h2 {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* H3 fetter */
h3 {
    font-weight: 700;
}

@media (min-width: 960px) {
    h3 {
      font-size: 1.5rem;
    }
}

h4 {
    font-weight: 700;
    /*text-transform: uppercase;*/
}

h5 {
    font-size: 0.7rem;
    font-weight: 100;
    word-wrap: break-word;
}

/* Anreissertext */
h6 {
  font-size: 1.25rem;
  font-weight: 200;
}

/* Die Topbar brauchen wir etwas größer und weiss,
damit die Logos reinpassen */
#topbar {
  height: auto;
  background-color: #ffffff;
}

/* Ausgleich eines Fehlers, der die Menüeinträge in der Home fettet */
.uk-navbar-nav > li > a {
  font-weight: 200;
}

/* Das Logo (und der Titel als Default) wird ausgeblendet */
.uk-navbar-left {
  visibility: hidden;
}

/* Das Hamburger Menü wird ausgebelendet,
solange das Hauptmenü sichtbar ist */
@media only screen and (min-width: 960px) {
  .uk-navbar-right {
    visibility: hidden;
  }
}

/* unnötigen Content im augeklappten
Hamburger-Menü entfernen */
#offcanvas .uk-margin-medium-top,
#offcanvas .uk-logo {
  display: none;
}



/* etwas kompliziert, aber so kommt
der gelbe Doppelstrich unten zustande 
footer {
  margin-top: 4rem;
  box-shadow: calc(-50vw + 1rem) -2rem #eed376;
}

blockquote footer {
    margin-top; none;
    box-shadow: none;
}

blockquote {
    border-left: .2em solid #9c5e3e
}

footer section:first-child {
  box-shadow:
    calc(-50vw + 1rem) -1rem #928356,
    0 -1rem #005489;
}

Der footer sei blau und die Schrft weiß und die Links ...
footer section {
  background-color: #005489 !important;
  color: #ffffff;
}

footer section a{
  color: #9bcbe8;
  text-decoration: underline;
}

footer section a:hover {
  color: #ffffff;
  text-decoration: underline;
}*/

/* Theme fixer */
p {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5em;
}

@media (min-width: 960px) {
    p {
      font-size: 20px;
    }
}

/* CSS vom Theme */

.uk-navbar-left {
  overflow: auto;
  max-width: 50%;
  white-space: nowrap;
  scrollbar-width: thin;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.uk-navbar-nav .uk-nav li {
  white-space: normal;
}