/* Blog */
.blogbox-item__label .field--name-title {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}

h2.homepagebox-item__label {
  position: absolute;
  bottom: 10px;
  z-index: 11;
  left: 20px;
  right: 10px;
}

.blogelement {
  margin-bottom: 20px;
}

.view-tag-links a {
  color: #000064 !important;
  background-color: #eff3de;
  margin-bottom: 10px;
  display: block;
  padding: 5px 10px;
  margin-right: 10px;
}

.view-id-tag_links_on_blogsite .views-field-name, .view-id-tag_links_on_blogsite .blogtag {
  display: inline-block;
}
.view-id-tag_links_on_blogsite {
  margin-top: 40px;
  display: inline-block;
}

.view-id-tag_links_on_blogsite .views-field-name a {
  color: #000064 !important;
  background-color: #eff3de;
  margin-bottom: 10px;
  display: block;
  padding: 5px 10px;
  margin-right: 10px;
}

.node--type-article .single_projekt_header .view-basic-single-page-header-view .views-row img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 500px;
}

.form-item-thema {
  margin-top: 0;
}
.form-item-thema ul {
  padding-left: 0;
}

.form-item-thema .form-label {
  display: none;
}
.form-item-thema ul > li::marker {
  display: none !important;
  content: '';
}

.form-item-thema a.bef-link--selected {
  font-weight: 700;
  background-color: rgba(151, 175, 31, 0.7);
}
.form-item-thema a {
  color: #000064 !important;
  background-color: #eff3de;
  margin-bottom: 8px;
  display: inline-block;
  padding: 4px 10px;
  margin-right: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

a.pfeillink_reverse, input.pfeillink_reverse {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  margin-right: 0.9375rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0;
}

input.pfeillink_reverse {
  border: none;
  background: none;
}

a.pfeillink_reverse::before, input.pfeillink_reverse::before {
  padding-right: 10px;
  content: url("data:image/svg+xml,%3Csvg width='27' height='9' viewBox='0 0 27 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26,5.1h0.6V3.9H26V5.1z M0.6,4.1c-0.2,0.2-0.2,0.6,0,0.8l3.8,3.8C4.6,9,5,9,5.2,8.7c0.2-0.2,0.2-0.6,0-0.8L1.8,4.5l3.4-3.4 c0.2-0.2,0.2-0.6,0-0.8C5,0,4.6,0,4.4,0.3L0.6,4.1z M26,3.9H1v1.2h25V3.9z' fill='black'%3E%3C/path%3E%3C/svg%3E");
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a.pfeillink_reverse:hover, input.pfeillink_reverse:hover {
  padding: 0 10px 0 0;
}

a.pfeillink_reverse:hover::before, input.pfeillink_reverse:hover::before {
  padding-right: 15px;
}

#block-zuruckzugazetta {
  text-align: right;
}

.blog_metagaten {
  margin-top: 20px;
}

.blog_metagaten {
  margin-top: 20px;
  font-size: 15px;
  font-style: italic;

}

.view-project-total-sum-of-areas {
  display: inline-block;
}

.tiktok svg {
  margin-top: -2px;
  width: 24px !important;
  height: 24px !important;
}

.view-id-projekt_swiper .view-footer, .view-id-projekt_swiper_goldener_schmetterling .view-footer , .view-id-projekt_swiper_biodiverses_basel .view-footer {
  display: none;
}
.view-id-projekt_swiper, .view-id-projekt_swiper_goldener_schmetterling, .view-id-projekt_swiper_biodiverses_basel{
  padding: 25px;
}

.view-id-projekt_swiper .swiperslide_inner a, .view-id-projekt_swiper_goldener_schmetterling .swiperslide_inner a ,.view-id-projekt_swiper_goldener_schmetterling .swiperslide_inner a {
  color: #000;
}

.view-id-projekt_swiper .swiperslide_inner, .view-id-projekt_swiper_goldener_schmetterling .swiperslide_inner, .view-id-projekt_swiper_biodiverses_basel .swiperslide_inner{
  cursor: pointer;
  width: 100%;
  max-width: 295px;
  height: 295px;
  background-color: rgb(221, 220, 220);
}

.view-id-projekt_swiper .views-field-field-ortschaft, .view-id-projekt_swiper .views-field-field-flaeche-m2, .view-id-projekt_swiper_goldener_schmetterling .views-field-field-ortschaft, .view-id-projekt_swiper_goldener_schmetterling .views-field-field-flaeche-m2 , .view-id-projekt_swiper_biodiverses_basel .views-field-field-ortschaft, .view-id-projekt_swiper_biodiverses_basel .views-field-field-flaeche-m2{
  display: inline-block;
  font-weight: 100;
  font-size: 17px;
  margin-top: 10px;
}
.view-id-projekt_swiper .views-field-field-flaeche-m2, .view-id-projekt_swiper_goldener_schmetterling .views-field-field-flaeche-m2, .view-id-projekt_swiper_biodiverses_basel .views-field-field-flaeche-m2 {
  float: right;
}

.view-id-projekt_swiper .views-field-field-logo .field-content, .view-id-projekt_swiper_goldener_schmetterling .views-field-field-logo .field-content, .view-id-projekt_swiper_biodiverses_basel .views-field-field-logo .field-content{
  height: 20px;
  margin: 0 3px 0 0;
}

.view-id-projekt_swiper .views-field-nothing, .view-id-projekt_swiper_goldener_schmetterling .views-field-nothing, .view-id-projekt_swiper_biodiverses_basel .views-field-nothing {
  bottom: 9px;
  left: 10px;
  position: absolute;
}

.view-id-projekt_swiper .views-field.views-field-field-logo .field-content img, .view-id-projekt_swiper_goldener_schmetterling .views-field.views-field-field-logo .field-content img, .view-id-projekt_swiper_biodiverses_basel .views-field.views-field-field-logo .field-content img  {
  height: 25px;
  width: 25px;
  object-fit: contain;
}

.view-id-projekt_swiper .swiper-slide .swiperslide_inner .view-massnahmen-logos .view-content, .view-id-projekt_swiper_goldener_schmetterling .swiper-slide .swiperslide_inner .view-massnahmen-logos .view-content, .view-id-projekt_swiper_biodiverses_basel .swiper-slide .swiperslide_inner .view-massnahmen-logos .view-content {
  float: left;
  display: flex;
  margin-top: 5px;
  flex-wrap: wrap;
  height: 30px;
  overflow: hidden;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
}

.swiper-button-next, .swiper-button-prev {
  color: #55565b !important;
}

.swiper-pagination-bullet-active {
  background-color: #55565b !important;
}

.paddingmaker {
  padding-left: 14px;
  font-size: 14px;
}

.swiper-button-next-unique {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.swiper-button-prev-unique {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.toolbar-fixed .views-element-container.contextual-region {
  overflow: inherit;
}

a .field--label-hidden {
  display: block !important;
}

.views-field-field-bilder-andere-massnahmen ul,
.views-field-field-bilder-biodiverse-toepfe ul,
.views-field-field-bilder-boden-entsiegelung ul,
.views-field-field-bilder-entbuschen ul,
.views-field-field-bilder-nisthilfen ul,
.views-field-field-bilder-ruderalflachen ul,
.views-field-field-bilder-steinstrukturen ul,
.views-field-field-bilder-straucher-und-baume ul,
.views-field-field-bilder-totholzstrukturen ul,
.views-field-field-bilder-wildpflanzen-und-bl ul,
.views-field-field-bilder-wasserstellen ul {
  list-style-type: none;
  margin: 0;
}
.views-field-field-bilder-andere-massnahmen ul li,
.views-field-field-bilder-biodiverse-toepfe ul li,
.views-field-field-bilder-boden-entsiegelung ul li,
.views-field-field-bilder-entbuschen ul li,
.views-field-field-bilder-nisthilfen ul li,
.views-field-field-bilder-ruderalflachen ul li,
.views-field-field-bilder-steinstrukturen ul li,
.views-field-field-bilder-straucher-und-baume ul li,
.views-field-field-bilder-totholzstrukturen ul li,
.views-field-field-bilder-wildpflanzen-und-bl ul li,
.views-field-field-bilder-wasserstellen ul li {
  margin: 0;
}