/* Dietrich-Edition: site-weite Gestaltung
   Diese Datei wird bewusst nicht vom Parser erzeugt oder überschrieben. */

.topbar{
  width:100% !important;
  min-height:42px !important;
  background:#202522 !important;
  border-bottom:1px solid #313a35 !important;
  color:#f3f5f4 !important;
  box-sizing:border-box !important;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important;
}
.topbar-inner{
  height:42px !important;
  min-height:42px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  box-sizing:border-box !important;
  align-items:center !important;
}
.brand a{
  color:#f3f5f4 !important;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important;
  font-size:1rem !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  letter-spacing:.005em !important;
  text-decoration:none !important;
}
.mainnav{
  height:42px !important;
  align-items:center !important;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important;
  font-size:.96rem !important;
  gap:1.05rem !important;
}
.mainnav > a,
.mainnav > .nav-button,
.mainnav > .nav-menu > summary{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
}
.mainnav a,
.nav-button,
.nav-menu summary{
  color:#f3f5f4 !important;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important;
  font-size:inherit !important;
  font-weight:400 !important;
  letter-spacing:.005em !important;
  text-decoration:none !important;
}
.brand a:hover,
.brand a:focus-visible,
.mainnav a:hover,
.mainnav a:focus-visible,
.nav-button:hover,
.nav-button:focus-visible,
.nav-menu summary:hover,
.nav-menu summary:focus-visible{
  color:#ffffff !important;
  text-decoration:none !important;
}
.nav-menu-list{
  background:#ffffff !important;
  border-color:#d7ddda !important;
  box-shadow:0 10px 24px rgba(20,28,24,.16) !important;
}
.nav-menu-list a{
  color:#26312d !important;
  font-size:.9rem !important;
  font-weight:400 !important;
}
.nav-menu-list a:hover,
.nav-menu-list a:focus{
  background:#edf1ef !important;
  color:#1f2924 !important;
}

.site-footer{
  margin-top:2.5rem;
  border-top:1px solid #d3dfd8;
  background:#f3f7f4;
  color:#536159;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
.site-footer-inner{
  max-width:1240px;
  margin:0 auto;
  padding:1.05rem 1.2rem 1.15rem;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1.5rem 2.5rem;
}
.site-footer-affiliation{
  line-height:1.42;
  font-size:.84rem;
}
.site-footer-affiliation strong{
  display:block;
  margin-bottom:.12rem;
  color:#2f5a49;
  font-size:.91rem;
  font-weight:700;
}
.site-footer-affiliation span{
  display:block;
}
.site-footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.35rem 1rem;
  padding-top:.05rem;
  font-size:.82rem;
}
.site-footer-links a{
  color:#2f5a49 !important;
  font-weight:600;
  text-decoration:none;
}
.site-footer-links a:hover,
.site-footer-links a:focus-visible{
  text-decoration:underline;
  text-underline-offset:.15em;
}

@media(max-width:760px){
  .topbar{
    min-height:42px !important;
  }
  .topbar-inner{
    height:auto !important;
    min-height:42px !important;
    padding-top:.35rem !important;
    padding-bottom:.35rem !important;
    align-items:flex-start !important;
  }
  .mainnav{
    height:auto !important;
    gap:.65rem .9rem !important;
    font-size:.91rem !important;
  }
  .mainnav > a,
  .mainnav > .nav-button,
  .mainnav > .nav-menu > summary{
    min-height:32px !important;
  }
  .site-footer-inner{
    flex-direction:column;
    gap:.7rem;
  }
  .site-footer-links{
    justify-content:flex-start;
  }
}

/* Hinweisbox Autor und Werk */
.research-note{
  margin:1rem 0 1.45rem;
  padding:.78rem .95rem;
  border-left:4px solid #7fa28f;
  background:#f3f7f4;
  color:#46534c;
  line-height:1.5;
}
.research-note p{margin:0}
.research-note a{
  color:#2f5a49 !important;
  font-weight:400;
  text-decoration:none;
}
.research-note a:hover,
.research-note a:focus-visible{
  text-decoration:underline;
  text-underline-offset:.15em;
}