/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
/*#block-keseberg-logo
{
	text-align: center;
}*/
a.name {
    color: black;
    font-size: 38px;
    margin-bottom: 20px;
}

#navbar {
    background: none;
    border: 0px;
    box-shadow: none;
}

a {
    color: black;
    text-decoration: none;
}

#block-keseberg-mainnavigation-2 a {
    color: black;
}

#block-keseberg-logo a {
    color: black;
}

.path-frontpage .page-header {
    display: none;
}

/*Detailseite "Werk"*/
.werk .field--name-field-image {
    margin-bottom: 24px;
}

ul.menu--footer {
    list-style: none;
    padding: 0;
    display: flex;
}

.menu--footer li {
    margin-right: 0px;
    /* Anpassen, um den Abstand zwischen den Menüpunkten zu ändern */
}

.footer {
    margin-top: 55px;
    border-top: 1px solid #DAD6D6;
}

.field--name-field-image .field--item {
  margin-bottom: 20px;
}

.klaro_toggle_dialog {
	position: relative;
}

.masonry-item{
  margin-bottom: 24px;
}

/* Flex-Container für die Tags */
.field--name-field-tags .field--items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Item-Wrapper */
.field--name-field-tags .field--item {
  display: inline-flex;
  margin: 0;
}

/* Link als Pill */
.field--name-field-tags .field--item a,
.field--name-field-tags .field--items > div > a {
  display: inline-flex !important;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  text-decoration: none;
  line-height: 1.2;
  white-space: nowrap;
  white-space: nowrap;

  /* wichtig: wie normaler Text */
  font: inherit;
}

.field--name-field-technik-plain {margin-bottom: 2rem;}
.werk .field--name-body {margin-bottom: 2rem;}

.field--name-field-art-des-werks {margin-bottom: 2rem;}