/************************* CUSTOM CSS STARTS HERE ******************/

*, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {overflow-y: scroll;}
html body {font-size: 16px;line-height: 24px;}
.btn-check:focus + .btn-primary, .btn.btn-primary:focus {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;appearance: none;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;appearance: textfield;}

.region-content a.btn {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  padding: 12px 32px;
  border: 1px solid #3d0072;
}

.region-content a.btn:hover,
.region-content a.btn:focus {
  border-color: #98ae3e;
}
/***************** PROJECTS PAGE FILTER FORM CSS STARTS HERE *************/

.path-frontpage .layout-container > main {margin: 0;width: 100%;float: left;display: block;background: #dddcdc;}
.path-frontpage .main-warapper, .js-pager__items.pager, .path-frontpage .view-footer, .path-frontpage .block-system-main-block, .path-frontpage .view-filters, .path-frontpage .layout-container > main, .path-frontpage .layout-content, .path-frontpage .layout-content > .region-content .block-page-title-block, .path-frontpage .layout-content > .region-content {clear: both;}
.path-frontpage .main-warapper > p, .path-frontpage .main-warapper > .view-footer {font-size: 18px;line-height: 28px;margin-top: 0;margin-bottom: 1rem;font-weight: 700;color: #3d0072;}
.path-frontpage .main-warapper > .view-empty {width: 100%;clear: both;display: block;float: left;margin: 0 0 50px;}

.path-frontpage nav.breadcrumb {display: none;}
.path-frontpage .block-page-title-block .page-title {line-height: 24px;margin: 0;font-size: 18px;font-weight: 700;}
/* project page */
.path-projekt .layout-container > main {margin: 0;width: 100%;float: left;display: block;background: #dddcdc;}
.path-projekt .main-warapper, .js-pager__items.pager, .path-projekt .view-footer, .path-projekt .block-system-main-block, .path-projekt .view-filters, .path-projekt .layout-container > main, .path-projekt .layout-content, .path-projekt .layout-content > .region-content .block-page-title-block, .path-projekt .layout-content > .region-content {clear: both;}
.path-projekt .main-warapper > p, .path-projekt .main-warapper > .view-footer {font-size: 18px;line-height: 28px;margin-top: 0;margin-bottom: 1rem;font-weight: 700;color: #000;}
.path-projekt .main-warapper > .view-empty {width: 100%;clear: both;display: block;float: left;margin: 0 0 50px;}

.path-projekt nav.breadcrumb {display: none;}
.path-projekt .block-page-title-block .page-title {line-height: 24px;margin: 0;font-size: 18px;font-weight: 700;}
.path-projekt #block-missionb-page-title {display: none;}
/* end */

.layout-content > .region-content .block-missionb-project-form {
  margin: 0 -50vw 20px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
}

.layout-content > .region-content .block-missionb-project-form #map_div {height: 400px;}
/*map css*/
.block-missionb-project-form .map_div .leaflet-popup-content-wrapper {height: auto;background: transparent;border: 0;padding: 0;border-radius: 0;}
.map_div .leaflet-popup-content, .map_div .leaflet-popup-content div#info_box, .map_div .leaflet-popup-content div#info_box a {height: 100%;}
.block-missionb-project-form #map_div div#info_box a {display: block;padding: 10px;float: left;background: #fff;-webkit-box-shadow: 0 3px 14px rgb(0 0 0 / 40%);-moz-box-shadow: 0 3px 14px rgb(0 0 0 / 40%);box-shadow: 0 3px 14px rgb(0 0 0 / 40%);width: 100%;}
.block-missionb-project-form #map_div div#info_box a > div {width: 100%;float: left;display: block;padding: 0;}
.block-missionb-project-form #map_div div#info_box a img {width: 100%;height: auto;object-fit: cover;display: block;max-height: 140px;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo {width: 100%;clear: both;display: block;float: left;margin: 5px 0 0;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #name, .block-missionb-project-form #map_div div#info_box a > div.popupinfo #size {font-size: 13px;font-weight: 400;width: auto;color: #333;line-height: 18px;overflow: hidden;word-break: break-word;max-height: 36px;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #name {max-width: 60%;text-transform: capitalize;padding-right: 12px;float: left;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #size {max-width: 40%;text-align: right;float: right;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #post_amount {width: 100%;float: left;display: block;color: #000;margin: 3px 0 15px;text-align: left;font-weight: 700;font-size: 14px;line-height: 20px;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #icon_map {width: 100%;float: left;display: block;}
.block-missionb-project-form #map_div div#info_box a > div.popupinfo #icon_map img {float: left;width: 20px;height: 20px;display: block;object-fit: contain;margin: 0 4px 0 0;}
.layout-content > .region-content .block-missionb-project-form #map_div a.leaflet-popup-close-button {top: -12px;right: -10px;border-radius: 50%;height: 24px;width: 24px;text-align: center;padding: 0;background: transparent;font-size: 0;}
.layout-content > .region-content .block-missionb-project-form #map_div a.leaflet-popup-close-button:before {content: " ";width: 24px;height: 24px;display: block;left: 0;position: absolute;top: 0;background: transparent url("../img/close-o-svgrepo-com.svg") no-repeat center center/ 100% 100%;opacity: .8;}
.layout-content > .region-content .block-missionb-project-form #map_div a.leaflet-popup-close-button:hover, .layout-content > .region-content .block-missionb-project-form #map_div a.leaflet-popup-close-button:focus {background: transparent;opacity: 1;}
.block-missionb-project-form .map_div .leaflet-popup-content #icon_map img {height: 50%;width: 50%;}
.block-missionb-project-form .map_div .leaflet-popup-content {margin: 0px !important;width: 250px !important;}
.layout-content > .region-content .block-missionb-project-form #map_div .leaflet-top.leaflet-left {left: auto;right: 25px;bottom: 40px;height: 80px;top: auto;margin: 0;z-index: 999;}
.layout-content > .region-content .block-missionb-project-form #map_div .leaflet-top.leaflet-left .leaflet-bar {margin: 0;border: 0;}
.layout-content > .region-content .block-missionb-project-form #map_div .leaflet-top.leaflet-left .leaflet-bar a {color: grey;font-size: 28px;width: 40px;height: 40px; line-height: 40px;border-radius: 0;}
.layout-content > .region-content .block-missionb-project-form #map_div .leaflet-popup-tip-container {left: 0;top: calc(100% - 10px);margin: 0;height: 40px;}
.layout-content > .region-content .block-missionb-project-form #map_div .leaflet-popup-tip-container .leaflet-popup-tip {background: transparent url("../img/map_arrow.png") no-repeat left top/40px 40px;box-shadow: none;margin: 0;display: block;z-index: 9;transform: none;width: 40px;height: 40px;}

.view-projekt.view-id-projekt .main-warapper .views-infinite-scroll-content-wrapper > div.view-filters {display: none;}
/*map css*/

.views-exposed-form.projekt-filter-form {clear: both;width: 100%;float: left;margin: 10px 0;position: relative;}
.views-exposed-form.projekt-filter-form, .form-select, .views-exposed-form.projekt-filter-form .slider_wrapper .ui-state-default {cursor: pointer;}
.views-exposed-form.projekt-filter-form .slider_wrapper {max-width: 25%;flex: 0 0 25%;padding: 0 12px;position: relative;align-self: center; margin-top: 0}
.views-exposed-form.projekt-filter-form .rangeSliderModule {position: relative;width: 95%;margin: 0;top: 9px;}
.views-exposed-form.projekt-filter-form .ui-slider-handle.ui-corner-all.ui-state-default {background: #000;border-radius: 100%;z-index: 2;}
.views-exposed-form.projekt-filter-form .rangeSliderModule::before {top: -6px;left: 0;}
.views-exposed-form.projekt-filter-form .rangeSliderModule::after {top: -6px;left: 100%;}
.views-exposed-form.projekt-filter-form .rangeSliderModule::before, .views-exposed-form.projekt-filter-form .rangeSliderModule::after {position: absolute;background: #fff;content: '';width: 16px;height: 16px;border-radius: 50%;}
.ui-slider-handle {top: -6px;height: 16px;width: 16px;background-color: #214472;border-radius: 50%;border-color: #214472;position: absolute;}
.ui-dialog-titlebar {display: none;}
.ui-widget-content {height: 4px;background-color: #b7b7b7;border: none;position: relative;}
.ui-widget-header {background-color: #214472;position: absolute;height: 100%;}


.views-exposed-form.projekt-filter-form .form--inline {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin: 0 -12px;flex-wrap: wrap;align-items: end;padding-bottom: 0;justify-content: flex-start;}
.views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item {max-width: 25%;flex: 0 0 25%;padding: 0 12px;margin: 10px 0;}
.views-exposed-form.projekt-filter-form .form--inline .form-select {background: #f0f0f0 url("../img/arrowimage1.svg") no-repeat right 6px top 7px / 26px 18px !important;}
.views-exposed-form.projekt-filter-form .form--inline > .label-wrapper {max-width: 25%;flex: 0 0 25%;display: flex;align-items: center;position: relative;top: -8px;padding: 0 12px;justify-content: space-between;}
.views-exposed-form.projekt-filter-form .form--inline > .label-wrapper p {color: #3d0072;font-size: 14px;line-height: 20px;margin-bottom: 0;margin-right: 10px;position: relative;top: -8px;}

.views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper {padding: 0 12px;position: relative;width: 100%;clear: both;margin: 0;}
.views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button.projekt-filter-reset-button {left: calc(100% - 19.72rem) !important;}
.views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button:hover, .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button:focus, .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button:active {box-shadow: none !important;}
.views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {-webkit-box-shadow: none !important;box-shadow: none !important;height: 34px;line-height: normal;font-size: 12px;text-transform: uppercase;font-weight: 600;padding: 4px 23px;position: absolute;top: 10px;margin: 0;border-radius: 0; margin-top: -3.2rem;}
.views-exposed-form.projekt-filter-form .form--inline button.projekt-filter-form-button {right: 12px;}
/***************** PROJECTS PAGE FILTER FORM CSS ENDS HERE *************/

/***************** PROJECTS PAGE GRID CSS START HERE *************/
.view-id-projekt .post {width: 20%;float: left;display: block;height: 255px;padding: 0 7.5px;margin-bottom: 15px;background: transparent;}
.view-id-projekt .post .post-grid-item-inner,
.view-id-all_user_projects .post .post-grid-item-inner {background: #fff;width: 100%;display: block;height: 100%;float: left;position: relative;overflow: hidden;overflow-y: auto;word-break: break-word;padding: 10px;}

.view-id-projekt .post .post-grid-item-inner > div,
.view-id-all_user_projects .post .post-grid-item-inner > div {width: 100%;float: left;display: block;}

.view-id-projekt .post .post-grid-item-inner > div.views-field-field-kanton,
.view-id-all_user_projects .post .post-grid-item-inner > div.views-field-field-kanton {margin: 10px 0;}

.view-id-projekt .post .post-grid-item-inner .card,
.view-id-all_user_projects .post .post-grid-item-inner a {display: block;padding: 0;width: 100%;float: left;height: 100%;}
.view-id-projekt .post .post-grid-item-inner .grid-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

a.btn-vote {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background-color: #98ae3e;
  padding: 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
}

a.btn-vote svg {
  color: #fff;
  width: 2rem;
  height: 2rem;
}

.node-voting-card {
  width: fit-content;
  border: 4px solid #8fb24e;
  position: relative;
}
.node-voting-card .vote-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0;
  z-index: 10;
}
.node-voting-card
.card-body {
  padding: 0.5rem;
}

.node-voting-card
.card-footer {
  font-size: 0.75rem;
  padding: 0.1em 1em;
  color: #fff;
  background-color: #8fb24e;
  text-align: right;
  text-transform: uppercase;
}

.node-voting-card
.card-footer .vote-text {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.view-id-projekt .post .post-grid-item-inner .card > div, .view-id-projekt .post .post-grid-item-inner .card > div > .field-content,
.view-id-all_user_projects .post .post-grid-item-inner a > div, .view-id-all_user_projects .post .post-grid-item-inner a > div > .field-content {float: left;width: 100%;clear: both;display: block;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-field-hauptbild,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-field-hauptbild {margin: 0 0 5px;min-height: 114px;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-field-hauptbild > .field-content img,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-field-hauptbild > .field-content img {width: 100%;margin: 0;object-fit: cover;}

.view-id-projekt .post .post-grid-item-inner .views-field.views-field-field-ortschaft,
.view-id-all_user_projects .post .post-grid-item-inner .views-field.views-field-field-ortschaft {word-break: break-all;text-transform: capitalize;float: left;text-align: left;overflow: hidden;max-width: 56%;width: auto;display: inline-block;clear: none;height: 24px;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field.views-field-title,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field.views-field-title {max-height: 48px;overflow: hidden;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field.views-field-field-flaeche-m2,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field.views-field-field-flaeche-m2 {word-break: break-all;float: right;width: auto;display: inline-block;clear: none;height: 24px;max-width: 44%;overflow: hidden;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field.views-field-field-massnahmen,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field.views-field-field-massnahmen {float: left;width: 100%;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field.views-field-title span a,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field.views-field-title span a {font-weight: 700;display: block;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-view,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-view {position: absolute;bottom: 10px;left: 0;padding: 0 10px;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-view img,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-view img {vertical-align: top;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-view .view-massnahmen-logos .view-content,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-view .view-massnahmen-logos .view-content {float: left;display: flex;margin-top: 5px;flex-wrap: wrap; height: 18px;overflow: hidden;}

.view-id-projekt .post .post-grid-item-inner .card > div.views-field-view .view-massnahmen-logos .view-content .views-row,
.view-id-all_user_projects .post .post-grid-item-inner a > div.views-field-view .view-massnahmen-logos .view-content .views-row {margin-right: 5px;height: 100%;}
.views-field.views-field-field-logo .field-content img {height: 18px;width: 18px;object-fit: contain;}

.view-projekt.view-id-projekt .main-warapper .views-infinite-scroll-content-wrapper,
.view-projekt.view-id-all_user_projects .main-warapper .views-infinite-scroll-content-wrapper {margin: 0 -7.5px 0;}

.view-projekt.view-id-projekt .main-warapper .views-infinite-scroll-content-wrapper > .view-empty,
.view-projekt.view-id-all_user_projects .main-warapper .views-infinite-scroll-content-wrapper > .view-empty {padding: 0 7.5px;clear: both;float: left;width: 100%;display: block;}
.main-warapper .grid-item--width2 {width: 40%;}
.main-warapper .grid-item--height2 {height: 530px;}
.main-warapper .grid-item--width3 {width: 60%;}
.main-warapper .grid-item--height3 {height: 805px;}
.main-warapper .grid-item--width4 {width: 80%;}
.main-warapper .grid-item--height4 {height: 1080px;}
.grid:after {content: '';display: block;clear: both;}
.post.grid-item ~ .partnerdisplay-row {display: none;}
/***************** PROJECTS PAGE GRID CSS ENDS HERE *************/

.layout-sidebar-first, .navigation.menu--account {float: left !important;}
.view-partner-display {display: block;width: 100%;margin: 0 auto;overflow: hidden;max-width: 100%;}
.view-partner-display *, .view-partner-display *:before, .view-partner-display *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.view-partner-display .view-filters {padding: 10px 25px;float: left;margin-right: 10px;}
form#views-exposed-form-partner-display-default .form-item {display: none;}
.main-warapper .post .views-field-field-massnahmen .field-content img {width: 15px;}

/* // form css */
form#views-exposed-form-projekt-page-1 .form--inline .js-form-item.form-item.js-form-item-field-flaeche-m2-value-min, form#views-exposed-form-projekt-page-1 .form--inline .js-form-item.form-item.js-form-item-field-flaeche-m2-value-max {margin-top: 0 !important;margin-bottom: 0 !important; display: flex; align-items: center;}
form#views-exposed-form-projekt-page-1 .form--inline .js-form-item.form-item.js-form-item-field-flaeche-m2-value-min .form-control, form#views-exposed-form-projekt-page-1 .form--inline .js-form-item.form-item.js-form-item-field-flaeche-m2-value-max .form-control {text-align: right; background-color: #f0f0f0 !important; color: #000;}
form#views-exposed-form-projekt-page-1 .form--inline .js-form-item-field-flaeche-m2-value-min, form#views-exposed-form-projekt-page-1 .form--inline .js-form-item-field-flaeche-m2-value-max {margin: 0;max-width: 50% !important;flex: 0 0 50% !important;padding-left: 0 !important;}
form#views-exposed-form-projekt-page-1 .form--inline .ui-widget-header {border: 1px solid #000;background: #000;}

.views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-control, .views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-select {height: 34px;padding: 7px 6px;font-size: 14px;line-height: 18px;min-width: 79px;background-color: #f0f0f0;margin: 0; color: #000;}
.views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-control:focus, .views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-select:focus {box-shadow: none;border: 1px solid #000;}
.views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-label {font-size: 14px;line-height: 16px;margin: 0 0 8px;display: block;font-weight: 600; color: #000;}
form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {display: block;max-width: 25%;flex: 0 0 25%;padding: 0 12px; position: relative;}
form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper legend {font-size: 14px;font-weight: 600;color: #000;margin-bottom: 5px;margin-right: 5px; width: auto; min-width: 38px; line-height: 16px;}
form#views-exposed-form-projekt-page-1 .form--inline .fieldset-wrapper {display: flex;justify-content: center;align-items: end;}
form#views-exposed-form-projekt-page-1 .form--inline fieldset .form-item-field-flaeche-m2-value-max {display: flex;align-items: center; padding-right: 0;}
form#views-exposed-form-projekt-page-1 .form--inline .form-item-field-flaeche-m2-value-min {padding-right: 10px !important;}
form#views-exposed-form-projekt-page-1 .form--inline fieldset .form-item-field-flaeche-m2-value-max label.form-label {margin-right: 5px;margin-bottom: 0;}

.form--inline .form-item input[type="checkbox"] {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
form#views-exposed-form-projekt-page-1 .form--inline button.projekt-filter-form-button button {line-height: 13px;}
.views-element-container.contextual-region {height: auto;overflow: hidden;}
.js-pager__items.pager {opacity: 0;}

/************* FOOTER CSS STARTS HERE *********************/
footer.footer {clear: both;}
footer.footer .block {font-size: 12px;}
/************* FOOTER CSS ENDS HERE *********************/

/************* RESPONSIVE CSS STARTS HERE *********************/
@media (max-width: 480px) {
  .views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item, .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper, .views-exposed-form.projekt-filter-form .slider_wrapper, form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {max-width: 100%;flex: 0 0 100%;}
  form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {flex-wrap: wrap;}
  .views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item {margin: 5px 0;}
  .views-exposed-form.projekt-filter-form .rangeSliderModule {top: 0;margin: 20px 0;width: 96%;}
  .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper {padding: 20px 12px 10px;top: 0}
  form#views-exposed-form-projekt-page-1 .form--inline fieldset .form-item-field-flaeche-m2-value-max {padding: 0;}
}

@media (min-width: 481px) and (max-width: 767px) {
  .views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item, .views-exposed-form.projekt-filter-form .slider_wrapper, form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper, .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper {max-width: 50%;flex: 0 0 50%;}
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button.projekt-filter-reset-button {left: 0;}
}

@media (max-width: 767px) {
  .view-id-projekt .post {width: 100%;padding: 0;}
  .view-projekt.view-id-projekt .main-warapper .views-infinite-scroll-content-wrapper {margin: 0 0 50px;}
  .views-exposed-form.projekt-filter-form {margin: 10px 0 25px;}
  .views-exposed-form.projekt-filter-form .form--inline button.projekt-filter-form-button {right: 0;}
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {position: relative;width: calc(50% - 12px); margin-top: 0 !important; margin-left: 10px;}
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button.projekt-filter-reset-button {left: 0;}
  header .header.align-items-start {align-items: center !important;}
  .view-id-projekt .post .post-grid-item-inner {padding: 10px 10px 40px;min-height: 250px;}
  .view-id-projekt .post {height: auto;}
  .layout-content > .region-content .block-missionb-project-form {margin: 0 -15px;width: auto;left: auto;right: auto;}
  .views-exposed-form.projekt-filter-form .slider_wrapper {margin: 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-warapper .grid-item--width2, .view-id-projekt .post {width: 50%;}
  .view-id-projekt .post {height: 300px;}
  .view-id-projekt .post .post-grid-item-inner .card > div img {max-height: 180px;}
  .main-warapper .grid-item--height3 {height: 940px;}
  .main-warapper .grid-item--height2 {height: 620px;}
  .views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item, .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper, form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {padding: 0 6px;}
  .views-exposed-form.projekt-filter-form .form--inline {margin: 0 -6px;}
  form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {flex-wrap: wrap;}
  .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper {top: -5px;}
  .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper p {font-size: 12px;line-height: 16px;max-width: 80px;word-break: break-all;}
  .views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-control, .views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-select {min-width: 1px;}
}

@media (max-width: 991px) {
  body header {z-index: 1100;}
}

@media (min-width: 992px) {
  .block-missionb-project-form .map_div .leaflet-popup-pane .leaflet-popup {left: 0 !important;bottom: 10px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper {flex-wrap: wrap;}
  .views-exposed-form.projekt-filter-form .form--inline > .label-wrapper p {font-size: 12px;}
  .view-id-projekt .post {width: 25%;}
  .main-warapper .grid-item--width2 {width: 50%;}
  .main-warapper .grid-item--width3 {width: 75%;}
}
.view-id-projekt .post .post-grid-item-inner::-webkit-scrollbar {
  width: 4px;
}
.view-id-projekt .post .post-grid-item-inner::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}
.view-projekt.view-id-projekt h3.page-title-project {
  color: #3d0072;
  letter-spacing: 1px;
  font-size: 22px;
  font-weight: 700;
  margin-top: 35px;
}

html:lang(de) form#views-exposed-form-projekt-page-1 .form--inline .fieldset-wrapper {
  justify-content: space-between;
}
html:lang(de) form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper legend {
  line-height: 13px;
}
html:lang(fr) form#views-exposed-form-projekt-page-1 .form--inline .fieldset-wrapper {
  justify-content: space-between;
}
html:lang(fr) form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper legend {
  line-height: 13px;
}
#step-massnahmen .massnahmen_items {flex-wrap: nowrap;}
.registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .form-item {
  display: inherit;
}
.massnahmen_items .form-item.form-check.form-switch .wrapper-title-logo {
  flex-wrap: nowrap;
  align-items: center;
}
.massnahmen_items .form-item.form-check.form-switch .item_logo {
  height: auto !important;
  width: auto !important;
}
.massnahmen_items .wrapper-title-logo.inActive-fade .item_logo img {
  max-height: 80px;
}
.massnahmen_items .wrapper-title-logo p {
  margin: 0 0 0 10px;
  line-height: 26px;
  max-width: 8rem;
}
.massnahmen_items .form-submit-remove.btn {
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.0625rem;
  height: 46px;
  padding: 0.750rem .5rem;
  min-width: 11rem;
}

.view-id-projekt .post .post-grid-item-inner .views-field.views-field-field-ortschaftnew {word-break: break-all;text-transform: capitalize;float: left;text-align: left;overflow: hidden;max-width: 60%;width: auto;display: inline-block;clear: none;height: 24px;}
.views-exposed-form.projekt-filter-form .form--inline .js-form-item .form-label,
form#views-exposed-form-projekt-page-1 .form--inline fieldset.edit-field-flaeche-m2-value-wrapper legend {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  margin-left: 8px;
}
.view-projekt.view-id-projekt h3.page-title-project {
  color: #3d0072;
  letter-spacing: 1px;
  font-size: 29.5px;
  font-weight: 600;
  margin-top: 35px;
  letter-spacing: 0;
  margin-bottom: 18px;
}
.views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item {
  margin: 10px 0 26px;
}
.views-exposed-form.projekt-filter-form .slider_wrapper {
  margin-top: -12px;
}
.views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
  margin-top: -4.4rem;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button.projekt-filter-reset-button {
    left: calc(100% - 17rem) !important;
  }
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
    font-size: 10px;
    font-weight: 600;
  }
}
@media (max-width: 479px) {
  .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
    margin-left: 0 !important;
  }
}

/* Custom Search Form */
.view-custom-search .filter_form_wrapper {
  padding: 0 0 20px !important;
}

.view-custom-search form .form--inline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.view-custom-search form .form-item-keys {
  width: 100%;
  max-width: 720px;
}

.view-custom-search form .form-actions {
  width: auto;
  align-self: end;
}

.view-custom-search .views-field-field-hauptbild {
  background-color: #3d0072;
  background-image: url('/themes/missionb/images/project_placeholder.jpg');
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 125px !important;
}

/* More Link */
.view-custom-search .more-link,
.view-custom-search .pager {
  opacity: 1 !important;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.view-custom-search .pager__item {
  display: block;
  padding: 0;
}

.view-custom-search .more-link a,
.view-custom-search .pager__item a {
  font-size: 10px;
  box-shadow: none !important;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 23px;
  margin: 0;
  border-radius: 0;
  color: #fff;
  background: #3d0072;
  border-color: #3d0072;
  text-align: center;
  letter-spacing: 0.0625rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.view-custom-search .more-link a:hover,
.view-custom-search .pager__item a:hover {
  border-color: #98ae3e;
  box-shadow: none;
  background: #98ae3e !important;
}