/*
All styles for build
*/
.clear-fix {
    clear: both;
}

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

.region-content a.btn:hover,
.region-content a.btn:focus {
    border-color: var(--color_blue);
}

.node--type-projekt main {
    margin: 0;
    width: 100%;
    float: left;
    display: block;
}

.node--type-projekt .region-breadcrumb {
    display: none;
}

.single_projekt_header,
.wrapper-single-subcontent {
    width: 100%;
    float: left;
    display: block;
}

.wrapper-single-subcontent {
    margin-top: 4rem;
}

.single_projekt_header .region-single-projekt-header {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.single_projekt_header .view-projekt-single-header-view .views-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild {
    width: 70%;
    float: left;
}

.single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort {
    width: 30%;
    float: left;
}

.single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild img {
    object-position: center center;
    width: 100%;
    object-fit: cover;
}

.single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild img,
.single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort #singe-map {
    height: 500px !important;
}

.wrapper-single-subcontent .single-page-sidebar {
    width: 250px;
    float: left;
    padding: 0 20px 80px 0;
}

.wrapper-single-subcontent .layout-content {
    width: calc(100% - 250px);
    float: left;
    /* border-left: 1px solid #67b59a; */
    padding: 0 0 80px 40px;
}

.node--type-projekt .wrapper-single-subcontent .single-page-sidebar {
    padding: 0px 20px 80px 0 !important;
    top: 0 !important;
    position: relative !important;
    margin-top: 0 !important;
}

.node--type-projekt .wrapper-single-subcontent .layout-content {
    position: relative;
}

.node--type-projekt .wrapper-single-subcontent .layout-content:before {
    content: "";
    display: block;
    background-image: url('/modules/custom/guerbetal/assets/LG_UI_Wave_Trenner.svg');

    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: top;
    background-repeat: repeat-y;
    z-index: -1;
}

/************************** SINGLE PAGE SIDEBAR CSS STARTS HERE *********************/
.single-page-sidebar .view-content ul.list-items {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
    float: left;
    width: 100%;
    display: block;
}

.single-page-sidebar .view-content ul.list-items li {
    margin: 0 0 15px;
    padding: 0;
    float: left;
    width: 100%;
    display: block;
}

.single-page-sidebar .view-content ul.list-items li:last-child {
    margin: 0;
}

.single-page-sidebar .view-content ul.list-items li a {
    display: inline-block;
    color: #67b59a;
    position: relative;
}

.single-page-sidebar .view-content ul.list-items li a:after {
    content: ">";
    color: #67b59a;
    padding-left: 7px;
}

.single-page-sidebar .view-content .views-field.views-field-field-urheber,
.single-page-sidebar .view-content .views-field.views-field-field-kanton {
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 15px;
}

.single-page-sidebar .view-content .views-field .field-content,
.single-page-sidebar .view-content .views-field .views-label {
    float: left;
}

.single-page-sidebar .view-content .views-field .views-label {
    margin-right: 5px;
    font-weight: bold !important;
}

.single-page-sidebar .view-content .views-field .views-label,
.single-page-sidebar .view-content .views-field .field-content,
.single-page-sidebar .view-content .views-field .field-content a {
    color: #000000;
}

.single-page-sidebar .view-content .views-field .field-content,
.single-page-sidebar .view-content .views-field .field-content a {
    font-weight: 600;
}

/**/
.single-page-sidebar .view-projekt-single-sidebar-first .views-field>.field-content {
    font-size: 16px;
}

.single-page-sidebar .main-wrapper-logo-tags ul.list-items {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    float: left;
    width: 100%;
}

.single-page-sidebar .social-sharing-buttons .field-label {
    font-weight: 700 !important;
    margin-bottom: 15px;
    color: #000;
}

.single-page-sidebar .main-wrapper-logo-tags ul.list-items a {
    color: #67b59a;
    padding: 6px 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.single-page-sidebar .main-wrapper-logo-tags ul.list-items a::after {
    content: "";
    border-bottom: 2px solid #67b59a;
    border-right: 2px solid #67b59a;
    display: block;
    height: 6px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
    transition: all 0.15s ease-in-out;
    width: 6px;
    right: -16px;
    left: auto;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0;
    float: none;
    width: 100%;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li img {
    width: 100%;
    object-fit: contain;
    border: 1px solid #e5e5e5;
    margin: 6px 0;
    height: 70px;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li .sidebar-logo {
    display: block;
    float: none;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li .sidebar-logo>p {
    min-height: 18px;
    line-height: 18px;
    margin: 0 0 5px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li .sidebar-logo a {
    display: block;
}

/************************** SINGLE PAGE SIDEBAR CSS ENDS HERE *********************/


/************************** SINGLE PAGE INNER CONTENT CSS STARTS HERE *********************/
#project-page-sub-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#project-page-sub-title .field--label-hidden.field__item {
    font-weight: 500;
    font-size: 45px;
    line-height: 3.75rem;
    letter-spacing: 0.0875rem;
    color: #67b59a;
}

.wrapper-single-subcontent .layout-content .block-system-main-block article>.node__content .field--type-integer.field--label-hidden {
    font-weight: 500;
    font-size: 45px;
    line-height: 3.75rem;
    letter-spacing: 0.0875rem;
    color: #67b59a;
}

.wrapper-single-subcontent .layout-content>.region-content,
.wrapper-single-subcontent .layout-content .block-system-main-block,
.wrapper-single-subcontent .layout-content .block-page-title-block,
.wrapper-single-subcontent .layout-content .block-page-title-block .page-title,
#wrapper-projektbilder,
.wrapper-single-subcontent .layout-content .block-system-main-block article,
.wrapper-single-subcontent .layout-content .block-system-main-block article .node__content {
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-biodiverse-toepfe,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-andere-massnahmen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-boden-entsiegelung,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-totholzstrukturen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-ruderalflachen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-steinstrukturen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-straucher-und-baume,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wasserstellen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wildpflanzen-und-bl,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nisthilfen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-hindernisse-und-tod,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nachtdunkelheit,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-naturnaher-unterhal,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-neophyten-entfernen
{
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

.wrapper-single-subcontent .layout-content .block-system-main-block article .node__meta {
    display: none;
}

.wrapper-single-subcontent .layout-content .block-system-main-block article>.node__content {
    position: relative;
    padding: 0;
}

/* .wrapper-single-subcontent .layout-content .block-system-main-block article > .node__content .field--type-integer.field--label-hidden{font-weight:500;position:absolute;right:0;top:-3.75rem;
bottom:98%;
font-size:45px;
line-height:3.75rem;
letter-spacing:0.0875rem;
color:#67b59a;
}*/

.wrapper-single-subcontent .layout-content .block-page-title-block .page-title {
    margin: 0;
}

.wrapper-single-subcontent .layout-content .block-page-title-block .page-title span {
    font-weight: 500;
    font-size: 40px;
    word-break: break-word;
    display: inline-block;
    letter-spacing: 0;
    width: 100%;
    max-width: 100%;
}

#wrapper-massnahmen {
    margin: 0 0 40px;
    border-bottom: 1px solid #e6e6e7;
}

#wrapper-projektdokumentation {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e7;
}

#wrapper-massnahmen.inner-text-row h3 {
    padding-top: 30px !important;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row {
    width: 25%;
    padding: 0 10px;
    display: block;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content .views-field-field-logo,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content .views-field-name {
    margin-bottom: 20px;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-biodiverse-toepfe,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-andere-massnahmen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-boden-entsiegelung,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-totholzstrukturen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-ruderalflachen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-steinstrukturen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-straucher-und-baume,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wasserstellen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wildpflanzen-und-bl,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-entbuschen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nisthilfen,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-hindernisse-und-tod,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nachtdunkelheit,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-naturnaher-unterhal,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-neophyten-entfernen
{
    margin: 0;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-biodiverse-toepfe img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-andere-massnahmen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-boden-entsiegelung img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-totholzstrukturen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-ruderalflachen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-steinstrukturen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-straucher-und-baume img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wasserstellen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wildpflanzen-und-bl img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-entbuschen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nisthilfen img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-hindernisse-und-tod img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nachtdunkelheit img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-naturnaher-unterhal img,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-neophyten-entfernen img
{
    width: 100%;
    height: 160px;
    object-fit: cover;
    margin: 0 0 20px !important;
    display: block;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-biodiverse-toepfe img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-andere-massnahmen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-boden-entsiegelung img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-totholzstrukturen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-ruderalflachen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-steinstrukturen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-straucher-und-baume img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wasserstellen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wildpflanzen-und-bl img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-entbuschen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nisthilfen img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-hindernisse-und-tod img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nachtdunkelheit img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-naturnaher-unterhal img:last-child,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-neophyten-entfernen img:last-child
{
    margin: 0;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-logo {
    width: 70px;
    padding: 0 10px 0 0;
    height: 60px;
    float: left;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-logo img {
    width: 100%;
    height: auto;
    max-height: 60px;
    object-fit: contain;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-name {
    float: left;
    width: calc(100% - 70px);
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-name span.field-content {
    display: block;
    word-break: break-word;
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    line-height: 22px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wrapper-projektbilder .field__label {
    color: #000;
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}

#wrapper-projektbilder .field__items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

#wrapper-projektbilder .field__items .field__item {
    width: 25%;
    padding: 0 8px;
    margin: 16px 0;
}

#wrapper-projektbilder .field__items .field__item img {
    width: 100%;
    height: 145px;
    object-fit: cover;
    display: block;
}


/************************** SINGLE PAGE INNER CONTENT CSS STARTS HERE *********************/

/*************************** SINGLE BASIC OR DEFAULT PAGE CSS STARTS HERE *********************/
.node--type-page .table-responsive {
    width: 100%;
    float: left;
    display: block;
}

.node--type-page .table-responsive table {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}

.node--type-page .region.region-breadcrumb {
    display: none;
}

.node--type-page .wrapper-single-subcontent .layout-content , .node--type-article .wrapper-single-subcontent .layout-content {
    /*border-left: 1px solid #9B9B9B;*/
    position: relative;

}
.node--type-page .wrapper-single-subcontent .layout-content:after , .node--type-article .wrapper-single-subcontent .layout-content:after {
/*content: "";
  display: block;
  background-image: url('/modules/custom/guerbetal/assets/LG_UI_Wave_Trenner.svg');

  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 100%;
  background-size: contain;
  background-position: top;
  background-repeat: repeat-y;
  z-index: -1;*/
}


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

.node--type-page .single-page-sidebar .view-content .item-list ul {
    list-style: none;
}

.node--type-page .single-page-sidebar .view-content .item-list ul,
.node--type-page .single-page-sidebar .view-content .item-list ul li,
.node--type-page .single-page-sidebar .view-content .item-list ul li div,
.node--type-page .single-page-sidebar .view-content .item-list ul li span {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a {
    color: #000;
    padding: 6px 0;
    display: block;
    position: relative;
    width: 100%;
}

.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a:hover,
.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a:focus {
    color: #9B9B9B;
}

.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a:hover:after,
.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a:focus:after {
    border-color: #9B9B9B;
}

.node--type-page .single-page-sidebar .view-content .item-list ul .views-field .field-content a::after {
    content: "";
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
    transition: all 0.15s ease-in-out;
    width: 8px;
    right: 0;
    left: auto;
}

/*************************** SINGLE BASIC OR DEFAULT PAGE CSS STARTS HERE *********************/

/*************************** INNER PROJECTS PAGE TYPES CSS STARTS HERE *********************/
.registration-step-form {
    width: 100%;
    float: left;
    display: block;
    clear: both;
}

.registration-step-form>h2 {
    font-size: 36px;
    color: #67b59a;
    line-height: 60px;
    letter-spacing: 1.40px;
    margin: 0 0 50px;
    width: 100%;
    float: left;
    display: block;
}

/*.registration-step-form>p {
    font-size: 26px;
    color: #67b59a;
    line-height: 35px;
    max-width: 575px;
    float: left;
    width: 100%;
    float: left;
    display: block;
}*/

.registration-step-form .js-form-item.form-item {
    clear: both;
    margin: 0;
    position: relative;
}

.registration-step-form .form-item .form-control,
.registration-step-form .form-item .form-select {
    background: #EDE8DF !important;
    border: none !important;
}

.registration-step-form .form-item .form-control.error,
.registration-step-form .form-item .form-select.error {
    border: 2px solid red !important;
}

.registration-step-form .form-item .form-control:focus,
.registration-step-form .form-item .form-select:focus {
    box-shadow: none;
    border: none;
}

.registration-step-form .form-select-icon {
    position: absolute;
    background: url(/modules/custom/guerbetal/assets/dropdown_down_arrow.svg) 0 0 no-repeat;
    right: 15px;
    z-index: 1;
    height: 20px;
    width: 30px;
    background-size: 22px;
    top: 51px;
    pointer-events: none;
    cursor: pointer;
}

.form-type-managed-file .file-upload,
.webform-image-file .file-upload {
    background: #EDE8DF !important;
    border-color: #EDE8DF !important;
}

h3.Flache-text {
    color: #67b59a;
    font-size: 26.5px;
    line-height: 24px;
    margin: 40px 0 15px;
    width: 100%;
    float: left;
    clear: both;
}

.wrapper-button-form {
    width: 100%;
    clear: both;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}

.wrapper-button-form .custom_a_btn {
    display: block;
    color: #fff;
    padding: 15px 30px;
    font-weight: normal;
    line-height: 24px;
}

.registration-step-form .wrapper-button-form .form-actions {
    display: block;
    margin: 0;
    width: auto;
}

.registration-step-form.step-massnahmen>.js-form-item.form-item {
    width: 100%;
    float: left;
    display: flex;
    margin: 20px 0 100px;
    position: relative;
}

.registration-step-form .form-actions {
    /*width: 100%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;*/
   
    
    

}
.registration-step-form .form-actions #edit-submit {

margin-left: 0px!important;
    margin-right: 0px!important;
     margin-bottom: 15px;
     margin-top: 30px;
}
.registration-step-form .form-actions #edit-back {
    /*background: #67b59a;
    color: #fff;
    border: 0;
    opacity: 1;*/
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 30px;
   
}

/* .registration-step-form  .form-actions #edit-back:hover{opacity: 1;color: #67b59a;} */
.registration-step-form.step-massnahmen>.js-form-item.form-item>.form-checkbox.form-check-input {
    cursor: pointer;
}

.registration-step-form.step-massnahmen>.js-form-item.form-item .form-checkbox.form-check-input:checked~.form-check-label.form-label:before {
    background: #EDE8DF url("../images/tick_primary.png") no-repeat center center/28px auto;
}

.registration-step-form.step-massnahmen>.js-form-item.form-item .form-check-label.form-label {
    /*font-size: 18px;
    color: #67b59a;
    line-height: 26px;
    margin: 0;
    padding-left: 100px;
    position: relative;*/
}

/*.registration-step-form.step-massnahmen>.js-form-item.form-item .form-check-label.form-label:before {
    content: " ";
    position: absolute;
    background: #EDE8DF;
    border: 1px solid #EDE8DF;
    display: block;
    width: 40px;
    height: 40px;
    left: 30px;
    z-index: 1;
}*/

.main-wrapper-massnahmen {
    width: 100%;
    float: left;
    display: block;
    clear: both;
    margin: 50px 0 0;
}

.massnahmen_items {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 40px;
}


.massnahmen_items .js-form-item.form-item .form-check-label.form-label {
    margin: 0;
    margin-left: 3px;
}

.massnahmen_items .js-form-item.form-item .massnahmen_checkbox {
    display: none;
}

.massnahmen_items .wrapper-title-logo {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0.3;

}

.massnahmen_items .wrapper-title-logo.inActive-fade .item_logo img,
.massnahmen_items .wrapper-title-logo.inActive-fade p,
.massnahmen_items .wrapper-title-logo.inActive-fade {
    opacity: 1;
}

.massnahmen_items .wrapper-title-logo .item_logo {
    width: 100%;
    float: left;
    display: block;
}

.massnahmen_items .wrapper-title-logo .item_logo img {
    object-fit: cover;
}

.massnahmen_items .wrapper-title-logo p {
    float: left;
    display: block;
    margin: 0 0 0 20px;
    /*font-size: 16px;
    color: #67b59a;
    line-height: 35px;*/
}

.massnahmen_items .logos_title {
    /*font-size: 16px;
    color: #67b59a;
    line-height: 26px;
    width: 78px;*/
}

.block-notification-block {
    width: 100%;
    float: left;
    display: block;
    clear: both;
}

.notification-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 999;
}

.notification-popup p {
    margin: 0;
}

.notification-popup p a {
    margin-left: 20px;
}

/*************************** INNER PROJECTS PAGE TYPES CSS ENDS HERE *********************/


/*************************** NEW BANNER CSS STARTS HERE *********************/
.banner-inner-pages {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.banner-inner-pages>div {
    position: relative;
}

.block-banner-inner-image.left-section {
    width: 30%;
}

.block-missionb-project-form.right-section {
    width: calc(100% - (30% + 5px));
}

.banner-inner-pages>div .img_box {
    display: block;
}

.banner-inner-pages>div .img_box img {
    height: 475px;
    object-fit: cover;
    width: 100%;
}

.banner-inner-pages .block-banner-inner-image.left-section .anchor_box {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.banner-inner-pages .anchor_box {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.banner-inner-pages .block-banner-inner-image.left-section .anchor_box a {
    /*    background-color: var(--color_blue);*/
    background-color: #67b59a;
}

.banner-inner-pages .block-banner-inner-image.left-section .anchor_box a:hover,
.banner-inner-pages .block-banner-inner-image.left-section .anchor_box a:focus {
    background: var(--color_blue);
    /*    background: #67b59a;*/
}

.banner-inner-pages .block-missionb-project-form.right-section .anchor_box a {
    margin-left: 100px;
    background: var(--color_blue);
    /*    background: #67b59a;*/
}

.banner-inner-pages .block-missionb-project-form.right-section .anchor_box a:hover,
.banner-inner-pages .block-missionb-project-form.right-section .anchor_box a:focus {
    /*    background-color: var(--color_blue);*/
    background: #67b59a;
}

.banner-inner-pages .anchor_box a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 250px;
    width: 250px;
    background: #67b59a;
    border-radius: 50%;
    color: #fff;
    padding: 30px 10px;
}

.banner-inner-pages .anchor_box a span {
    font-size: 25px;
    text-align: center;
    line-height: 40px;
    position: relative;
}

.banner-inner-pages .anchor_box a span:before {
    content: " ";
    position: absolute;
    bottom: -15px;
    height: 3px;
    width: 40px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    background: #fff;
    border-radius: 3px;
}

.registration-step-form .form-managed-file .form-item {
    margin-bottom: 0 !important;
}

header .block-user-icons .block-user-icons__content .block-search-form {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

header .block-user-icons .block-user-icons__content .block-search-form .search-block-form {
    display: flex;
    background: #fff;
    box-shadow: none;
    min-width: 320px;
    justify-content: space-between;
    width: 100%;
}

header .block-user-icons .block-user-icons__content .block-search-form .form-item,
header .block-user-icons .block-user-icons__content .block-search-form .form-actions {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

header .search-block-form.form .form-control {
    height: 48px !important;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
    border: none;
}

header .search-block-form.form .form-actions button {
    height: 48px !important;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
    border: none;
}

header .search-block-form.form button {
    font-size: 0;
    position: relative;
}

header .search-block-form.form button::before {
    border: 3px solid #fff;
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 25px;
    top: 12px;
}

header .search-block-form.form button::after {
    width: 4px;
    content: '';
    height: 10px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 40px;
    transform: rotate(-37deg);
    top: 27px;
    border-radius: 1px;
}

#block-missionb-content .search-form.form .form-control {
    height: 34px;
    margin: 15px 0;
    box-shadow: none;
}

#block-missionb-content .search-form.form #edit-submit {
    margin-left: 0;
    margin-bottom: 15px;
}

header .block-user-icons .block-user-icons__content .block-mailchimp-form {
    box-shadow: none !important;
}

header .block-user-icons .block-user-icons__content .block-mailchimp-form #mc_embed_signup {
    padding: 0;
}

header .block-user-icons .block-user-icons__content .block-mailchimp-form #mc_embed_signup .col-auto {
    padding: 0 !important;
}

header .block-user-icons .mailchimp-form__wrapper .form-control,
header .block-user-icons .mailchimp-form__wrapper .btn.btn-primary {
    box-shadow: none;
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
}

.view-single-project-page-project-lists .views-view-grid.cols-4 {
    clear: both;
}

/*************************** NEW BANNER CSS ENDS HERE *********************/

/************************************ NEW POP UP CSS STARTS HERE *******************************/
#custom-popup-wrapper-registration .modal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.75);
}

#custom-popup-wrapper-registration .modal .modal-content {
    background: #F5F5F5 url("../images/logo-bg.png") no-repeat right bottom/156px auto;
    border-radius: 10px;
}

#custom-popup-wrapper-registration .modal .modal-body {
    padding: 25px 20px 45px;
}

#custom-popup-wrapper-registration .modal .close-custom,
#custom-popup-wrapper-registration .modal .close-custom-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    color: #676767;
    overflow: hidden;
    background: transparent url("../images/model_close.png") no-repeat center center/100% auto;
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup .left-sec {
    width: 36px;
    min-width: 36px;
    margin-right: 20px;
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup .left-sec img {
    width: 100%;
    object-fit: contain;
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup .right-sec {
    width: calc(100% - 56px);
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup .right-sec h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 10px;
    font-family: "Open Sans", sans-serif;
    padding: 6px 0;
    display: block;
}

#custom-popup-wrapper-registration .modal .wrapper-text-popup .right-sec p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #515151;
    font-family: "Open Sans", sans-serif;
}

/************************************ NEW POP UP CSS ENDS HERE *******************************/



/******************** MEDIA QUERY FOR SINGLE PROJECT PAGE STARTS HERE *********************/
@media (max-width: 479px) {

    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row,
    #wrapper-projektbilder .field__items .field__item {
        width: 100%;
    }

    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row {
        margin: 0 0 20px;
    }

    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row:last-child {
        margin: 0;
    }

    .wrapper-button-form {
        display: block;
    }

    .registration-step-form .wrapper-button-form .form-actions {
        margin-left: 0 !important;
        margin-top: 10px;
    }

    #block-stepformheaderblock .heading-step-header {
        font-size: 2.5rem !important;
    }

    .layout-content.step-form-content #block-missionb-page-title .page-title {
        font-size: 32px;
    }

    .registration-step-form .form-item.js-form-item-field-besuchbar .form-label {
        font-size: 1.125rem;
        line-height: 1.6875rem;
        letter-spacing: 0.04375rem;
    }

    .registration-step-form .fieldgroup .form-checkboxes .form-item {
        width: 100% !important;
    }

    .registration-step-form .fieldgroup span.fieldset-legend {
        font-size: 1.3rem !important;
    }

    .stepform_div ul li p {
        
    }

    /*.path-projektbeschreibung .registration-step-form .form-actions button, .path-massnahmen .registration-step-form .form-actions button{min-width: auto; padding: 0;}
    .path-projektbeschreibung .registration-step-form .form-actions button#edit-back, .path-massnahmen .registration-step-form .form-actions button#edit-back{padding-left: 54px;}
    .path-projektbeschreibung .registration-step-form .form-actions button#edit-submit{padding-right: 54px;} */
    /*.registration-step-form>p {
        font-size: 20px;
    }*/

    .path-projektbeschreibung .registration-step-form .form-actions {
        display: block !important;
    }

    .path-projektbeschreibung #edit-submit {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {

    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row,
    #wrapper-projektbilder .field__items .field__item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .node--type-projekt .wrapper-single-subcontent .layout-content:before {
        display: none;
    }

    .node--type-projekt .wrapper-single-subcontent .single-page-sidebar {
        padding: 0 0 80px 0 !important;
    }

    header .header {
        align-items: center !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
    }

    .leaflet-popup {
        position: absolute;
        text-align: center;
        margin-bottom: 20px;
        bottom: 8px !important;
        left: -1px !important;
    }

    .block-banner-inner-image.left-section,
    .block-missionb-project-form.right-section {
        width: 100%;
    }

    .block-missionb-project-form.right-section {
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff;
        display: none;
    }

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild,
    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort,
    .wrapper-single-subcontent .single-page-sidebar,
    .wrapper-single-subcontent .layout-content {
        width: 100%;
    }

    .wrapper-single-subcontent .layout-content,
    .node--type-page .wrapper-single-subcontent .layout-content {
        border-left: 0;
        /* border-top: 1px solid #67b59a;*/
        padding: 0;
    }

    #wrapper-projektbilder,
    #wrapper-massnahmen {
        padding-bottom: 0 !important;
    }

    .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body h1 {
        margin-bottom: 0 !important;
    }

    .wrapper-single-subcontent .single-page-sidebar {
        padding: 40px 15px;
    }

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild img,
    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort #singe-map,
    .node--type-page .single_projekt_header .view-basic-single-page-header-view .views-row img {
        height: 275px !important;
    }

    body.path-node.node--type-projekt {
        margin-top: 0;
    }

    .node--type-projekt header .header {
        -webkit-box-align: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        -webkit-align-items: center !important;
        align-items: center !important;
    }

    .node--type-projekt main {
        margin: 6.2rem 0 0;
    }

    .banner-inner-pages .anchor_box a {
        width: 152px;
        height: 152px;
        align-items: self-start;
        padding-top: 34px;
    }

    .banner-inner-pages .anchor_box a span {
        font-size: 18px;
        line-height: 26px;
    }

    .banner-inner-pages>div .img_box img {
        height: auto;

    }

    .banner-inner-pages .block-missionb-project-form.right-section .anchor_box {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .banner-inner-pages .block-missionb-project-form.right-section .anchor_box a {
        margin-left: 0;
    }

    .wrapper-single-subcontent>.layout-content.step-form-content,
    .wrapper-single-subcontent .single-page-sidebar.step-form {
        width: 100% !important;
    }

    h3.Flache-text {
        font-size: 20.5px;
        line-height: 28px;
    }

    .wrapper-single-subcontent .single-page-sidebar {
        padding-bottom: 20px !important;
    }

    .layout-content.step-form-content #block-missionb-page-title .page-title {
        margin-bottom: 3rem !important;
        font-size: 28px !important;
    }

    .registration-step-form .form-actions button {
        font-size: 1.125rem;
        line-height: 1.375rem;
        height: 60px;
        padding: 0.750rem 1rem;
    }

    #step-massnahmen .massnahmen_items {
        flex-wrap: wrap !important;
    }

    .registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .form-item,
    .massnahmen_items .logos_title,
    .massnahmen_items>div:last-child {
        width: auto !important;
    }

    .form-type-managed-file .custom-file-manage__wrapper .custom-file-manage__element,
    .webform-image-file .custom-file-manage__wrapper .custom-file-manage__element {
        flex-wrap: wrap !important;
    }

    .registration-step-form .form-managed-file button.form-submit-remove {
        margin-left: 0;
    }

    .registration-step-form .form-managed-file .form-item,
    .registration-step-form .form-managed-file .file {
        margin: 10px 10px 10px 0 !important;
    }

    .registration-step-form .form-managed-file .form-item,
    .registration-step-form .form-managed-file .file a {
        word-break: break-word;
    }

    .path-projektbeschreibung .sibling-wrapper {
        grid-template-columns: 1fr;
        margin: 15px 0;
        grid-gap: 15px 0;
    }

    .search-block-form.block-search-form__wrapper .col-auto,
    #mc_embed_signup_scroll .col-auto {
        padding: 0;
    }

    .page-node-8991 main {
        margin-bottom: 0;
    }

    .wrapper-single-subcontent .single-page-sidebar {
        padding-top: 0 !important;
        text-align: left;
    }

    .view-latest-netzwerkpartner-lis .col-sm-4 {
        width: 100%;
        max-width: 100%;
    }

    .view-latest-netzwerkpartner-lis .homepagebox-item {
        margin-bottom: 10px;
    }

    .wrapper-single-subcontent .layout-content .block-page-title-block .page-title span {
        display: inline-block;
        font-size: 26px;
        line-height: 36px;
    }

    #block-missionb-content p.leadl {
        font-size: 20px;
    }

    .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body h1 {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-inner-pages .anchor_box a {
        width: 200px;
        height: 200px;
    }

    .banner-inner-pages .anchor_box a span {
        font-size: 24px;
        line-height: 32px;
    }

    .banner-inner-pages>div .img_box img {
        height: 275px;
    }

    .banner-inner-pages .block-missionb-project-form.right-section .anchor_box a {
        margin-left: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .views-exposed-form.projekt-filter-form .form--inline .js-form-item.form-item {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
        margin-top: 0;
        position: relative;
    }
}

@media (min-width: 922px) {
    .wrapper-single-subcontent .layout-content {
        padding: 0 0 0px 60px;
    }

    .wrapper-single-subcontent .single-page-sidebar {
        padding: 120px 30px 120px 0;
    }
}

/******************** MEDIA QUERY FOR SINGLE PROJECT PAGE ENDS HERE *********************/
@media (min-width: 1024px) and (max-width: 1199px) {

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild img,
    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort #singe-map {
        height: 400px !important;
    }

    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row {
        width: 40%;
    }

    .wrapper-single-subcontent .layout-content {
        /*padding: 80px 0 80px 0;*/
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild img,
    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort #singe-map {
        height: 300px !important;
    }

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-hauptbild {
        width: 60%;
    }

    .single_projekt_header .view-projekt-single-header-view .views-row .views-field-field-standort {
        width: 40%;
    }

    .wrapper-single-subcontent .layout-content {
        padding: 0;
        width: 100%;
        border-left: none !important;
    }

    header .navbar__logo img {
        max-width: 80px !important;
    }

    header .menu--main ul li {
        margin-right: 0.5rem !important;
    }

    header .menu--main ul a {
        font-size: 1rem !important;
        line-height: 1.4rem !important;
    }

    header .company_brand_logo img {
        max-height: 48px !important;
    }

    header .company_brand_logo {
        padding-left: 12px !important;
        margin-left: 16px !important;
    }

    .wrapper-single-subcontent .layout-content {
        border-left: none;
        /*border-top: 1px solid #67b59a;*/
    }

    .page-node-8991 .wrapper-single-subcontent .single-page-sidebar {
        width: 100%;
    }

    .page-node-8991 .wrapper-single-subcontent .single-page-sidebar {
        padding-top: 0 !important;
        padding-bottom: 20px;
    }

    .page-node-8991 .node--type-page .wrapper-single-subcontent .layout-content {
        border-left: none;
        width: 100%;
    }

    .block-views-blocklatest-netzwerkpartner-lis-block-1 {
        margin-bottom: 40px;
    }
}

@media (min-width: 576px) and (max-width: 1023px) {
    #wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row {
        width: 50%;
    }

    #wrapper-projektbilder .field__items .field__item {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .layout-content.step-form-content #block-missionb-page-title .page-title {
        margin-bottom: 4rem !important;
    }
}

@media (max-width: 992px) {
    .wrapper-single-subcontent .layout-content .block-page-title-block .page-title span {
        display: inline-block;
        font-size: 32px;
        line-height: 42px;
    }

    .wrapper-single-subcontent .layout-content .block-system-main-block article>.node__content .field--type-integer.field--label-hidden {
        top: -10px;
        font-size: 32px;
    }

    .wrapper-single-subcontent .single-page-sidebar.step-form {
        width: 100% !important;
    }
}

.block-system.block-system-main-block .innner-text-wrapper {
    background: #eef2df;
    padding: 25px;
    margin-top: 30px;
    word-break: break-word;
}

.block-system.block-system-main-block .innner-text-wrapper div#wrapper-kontakt .field--name-field-kontakt {
    display: flex;
}

.block-system.block-system-main-block .innner-text-wrapper p {
    font-size: 15px;
    word-break: break-word;
}

.block-system.block-system-main-block .innner-text-wrapper div#wrapper-kontakt .field--name-field-kontakt>.field__label {
    margin-right: 5px;
    white-space: nowrap;
    position: relative;
}

.block-system.block-system-main-block .innner-text-wrapper div#wrapper-kontakt .field--name-field-kontakt>.field__label::after {
    content: ':';
}

.block-system.block-system-main-block .innner-text-wrapper div#wrapper-kontakt {
    margin-top: 20px;
}

.block-system.block-system-main-block .innner-text-wrapper div#wrapper-besonderheiten,
.block-system.block-system-main-block .innner-text-wrapper div#wrapper-projektdokumentation {
    margin-top: 45px;
}

#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-biodiverse-toepfe a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-andere-massnahmen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-boden-entsiegelung a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-totholzstrukturen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-ruderalflachen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-steinstrukturen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-straucher-und-baume a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wasserstellen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-wildpflanzen-und-bl a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nisthilfen a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-hindernisse-und-tod a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-nachtdunkelheit a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-naturnaher-unterhal a,
#wrapper-massnahmen .view-massnahmen-logos-title>.view-content>.views-row .views-field-field-bilder-neophyten-entfernen a
{
    display: block;
    margin-bottom: 20px;
}

.mfp-gallery figure {
    position: relative;
}

.mfp-gallery figure figcaption .mfp-title {
    position: absolute;
    bottom: -84px;
    text-align: center;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #00000061;
    padding: 12px 10px;
    word-break: break-word;
    display: -webkit-box;
    max-width: 100%;
    max-height: 90px;
    line-height: 22px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-system.block-system-main-block .innner-text-wrapper h2,
.block-system.block-system-main-block .innner-text-wrapper h3,
.block-system.block-system-main-block .innner-text-wrapper h4,
.block-system.block-system-main-block .innner-text-wrapper h5 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 10px;
}

.innner-text-wrapper span.file.file--mime-application-pdf.file--application-pdf img {
    width: 45px;
    max-width: 45px;
    margin-top: 10px;
    margin-left: -3px;
}

.block-system.block-system-main-block .innner-text-wrapper .field__label {
    font-size: 18px;
    margin: 0 0 10px;
}

#wrapper-massnahmen.inner-text-row h3 {
    color: #000 !important;
}

header {
    border-bottom: 0;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}

.mfp-gallery figure figcaption .mfp-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mfp-gallery figure figcaption .mfp-title .cat_logo {
    width: 60px;
}

.mfp-gallery figure figcaption .mfp-title span {
    display: block;
    width: calc(100% - 80px);
    text-align: left;
    word-break: break-word;
    display: -webkit-box;
    max-width: 100%;
    max-height: 90px;
    line-height: 22px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mfp-gallery figure figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.mfp-bottom-bar {
    margin-top: 0 !important;
    position: unset !important;
}

img.mfp-img {
    padding-bottom: 0 !important
}

#block-missionb-page-title .page-title {
    margin-bottom: 0;
}

.mfp-title span {
    text-align: center;
}

.mfp-bottom-bar {
    margin-top: 0 !important;
    position: unset !important;
}

.mfp-counter {
    left: 0 !important;
    top: 6px !important;
}

.infowrapper,
.informationen h1,
#mapsteuerungsteil .infowrapper_controll .toggle_radio label {
    font-family: "Open Sans", sans-serif;
}

.informationen,
#mapsteuerungsteil {
    width: 360px;
}

main.mapContainer {
    margin: 0;
}

#block-missionchblock {
    height: 100vh;
}

.missionch_map_page .map {
    height: 100vh !important;
}

.single-page-sidebar .sidebar-project .view-content .views-field {
    width: 100%;
    float: left;
    display: block;
    margin: 0;
}

.single-page-sidebar .view-content .views-field .views-label {
    width: auto !important;
}

.field--type-video-embed-field .field__item {
    margin-bottom: 20px;
}

#wrapper-video-main {
    float: left;
    width: 100%;
}

.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-userbild-logo .field-content {
    text-align: center;
    width: 100%;
    /* margin-top: 89px; */
}

.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-userbild-logo img {
    margin: 0;
    max-height: 148px;
    object-fit: contain;
    height: 100%;
    width: auto;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li {
    display: block;
    float: none;
    margin-right: 0;
    width: 100%;
}

.single-page-sidebar .partner_display_logos ul.project-logo-list li img {
    object-fit: contain;
    width: 100%;
    border: none;
}

.company_brand_logo {
    display: flex;
    align-items: flex-end;
    padding-left: 40px;
    border-left: 1px solid #000;
    margin-left: 30px;
}

.header .navbar__menu {
    align-items: center;
}

.company_brand_logo img {
    max-height: 90px;
    margin-left: 10px;
}

.company_brand_logo p {
    margin: 0;
}

.address_search {
    height: 400px !important;
}


.stepform_div {
    width: 100%;
    float: left;
    display: block;
}

.stepform_div ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.stepform_div ul li {
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 7px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stepform_div ul li span {
    /*display: block;
    width: 40px;
    height: 40px;
    background: var(--color_blue);
    border: 1px solid var(--color_blue);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 38px;
    font-size: 28px;*/
    font-weight: 600;
    color: #698079;
}

.stepform_div ul li span::after {
    content: ".";
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
    color: #698079;
}

.stepform_div ul li p {
    /*font-size: 22px;
    line-height: 32px;*/
    margin: 0 0 0 15px;
    color: #698079;
    max-width: calc(100% - 55px);
    /*font-weight: 600;*/
    text-transform: uppercase;
    font-weight: 600;

}

.stepform_div ul li.active p {
    color: #132721;
}

.stepform_div ul li.active span {
    /*background: #67b59a;
    border-color: #67b59a;*/
    color: black;
}

.wrapper-single-subcontent .single-page-sidebar.step-form {
    width: 275px;
    padding-top: 0;
}

.wrapper-single-subcontent>.layout-content.step-form-content {
    width: calc(100% - 275px);

}

.wrapper-single-subcontent>.layout-content.step-form-content {
    position: relative;
}

@media (min-width: 992px){

.wrapper-single-subcontent>.layout-content.step-form-content:before {
    content: "";
    display: block;
    background-image: url('/modules/custom/guerbetal/assets/LG_UI_Wave_Trenner.svg');

    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 100%;
    background-size: contain;
    background-position: top;
    background-repeat: repeat-y;
    z-index: -1;
}
}

.registration-step-form .form-item {
    margin-bottom: 40px !important;
    width: 100%;
    max-width: 100%;
}
.registration-step-form .form-item .form-select-wrapper {
    margin-bottom: 40px !important;
}

.path-user-projektangaben .registration-step-form .form-item.js-form-type-textarea {
    margin-bottom: 0 !important;
}

.registration-step-form h3.Flache-text {
    margin-top: 0;
    margin-bottom: 30px;
}

.registration-step-form .wrapper-button-form a,
.registration-step-form .wrapper-button-form button {
    display: block;
    width: 100%;
    font-weight: 500;
}

.registration-step-form .wrapper-button-form .form-actions {
    width: 100%;
    margin-left: 6px;
}

.registration-step-form .wrapper-button-form a {
    margin-right: 6px;
}

.registration-step-form input:focus {
    outline: none;
    box-shadow: none;
}

.registration-step-form .description.form-text {
    /*font-weight: 500;
    color: #67b59a;
    opacity: .7;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 40px;*/
    font-size: 90%;
    opacity: 1;
}

.registration-step-form .description.form-text.address_text {
    /*font-weight: 500;
    color: #67b59a;
    opacity: .7;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 40px;*/
}

.registration-step-form .fieldgroup span.fieldset-legend {
    /*font-size: 1.625rem;
    line-height: 2.125rem;
    letter-spacing: 0.0625rem;
    color: #67b59a;
    font-weight: normal;
    margin-bottom: 20px;
    display: block;*/
}

.registration-step-form .form-type-checkbox .form-label {
    /*font-size: 16px;
    font-weight: 500;
    opacity: .8;
    margin-left: 15px;
    margin-right: 0;
    letter-spacing: 0;*/
}

.registration-step-form .fieldgroup .form-checkboxes {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.registration-step-form .fieldgroup .form-checkboxes .form-item {
    float: left;
    width: 50%;
    max-width: 100%;
    margin-bottom: 15px !important;
}

.registration-step-form .form-type-checkbox .form-checkbox {
    min-width: 25px;
    width: 25px;
    height: 25px;
    background-color: rgba(152, 174, 62, 0.3);
    background-image: none !important;
    border: 0;
    border-radius: 0;
    position: relative;
}

.registration-step-form .form-check-input:checked[type="checkbox"]::after {
    content: '';
    display: block;
    position: absolute;
    left: 7px;
    top: -3px;
    width: 12px;
    height: 24px;
    border: solid #67b59a;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(42deg);
}

.registration-step-form .form-type-checkbox .form-checkbox:checked {
    background-image: none;
    background-color: rgba(152, 174, 62, 0.3);
}

.registration-step-form .fieldgroup .description {
    /*color: #67b59a;
    opacity: .7;
    font-size: 16px;*/
}

.form-bottomBtn {
    margin-top: 40px;
}

.registration-step-form.step-massnahmen .form-item {
    width: auto;
    margin-bottom: 0px !important;
}

.registration-step-form .form-type-managed-file .file-upload,
.registration-step-form .webform-image-file .file-upload {
    margin-right: 0;
    min-width: 60px;
}

.registration-step-form .form-type-managed-file {
    margin-bottom: 40px;
}

.registration-step-form .form-managed-file button.form-submit-remove {
    width: 100%;
    min-width: auto;
    width: auto;
    height: 42px;
    line-height: normal;
    padding: 0 1rem;
    white-space: nowrap;
    max-width: 315px;
    text-align: center;
}

.registration-step-form .custom-file-manage__element {
    width: 100%;
}

.registration-step-form .main-wrapper-massnahmen .form-type-managed-file {
    margin-bottom: 0;
}

.registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .form-item {
    width: 100%;
    max-width: 100%;
    display: inline-flex !important;
}

.node--type-projekt .file--application-pdf {
    background: transparent url("../images/pdf.png") no-repeat center left/46px auto;
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.form-check input:checked+label img,
.form-check input:checked+label p {
    opacity: 1;
}

#edit-biodiverse-tpfe-images .js-form-submit.form-submit {
    font-size: 1rem;
    line-height: 1rem;
    height: 42px;
    padding: 0 1rem;
    max-width: 184px;
    white-space: nowrap;
}

#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;
    min-width: 80px;
}

.massnahmen_items .wrapper-title-logo p {
    margin: 0 0 0 8px;
    line-height: 26px;
    font-size: 18px;
}

.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;
}

.massnahmen_items .wrapper-title-logo .item_logo img {
    max-height: 80px;
    min-width: 80px;
}

.view-header .add-new-project {
    background: #67b59a;
    color: #fff;
    padding: 0 10px;
    display: block;
    height: 40px;
    line-height: 40px;
    max-width: 162px;
    text-align: center;
    margin: 15px 0;
}
.view-empty .add-new-project {
    background: #67b59a;
    color: #fff;
    padding: 0 10px;
    display: block;
    height: 40px;
    line-height: 40px;
    max-width: 162px;
    text-align: center;
    margin: 15px 0;
}

.view-header .add-new-project:hover,
.view-header .add-new-project:focus {
    background: var(--color_blue);
    color: #FFF;
}

.view-show-prokject-list table {
    border: 1px solid #dddcdc;
    min-width: 500px;
    width: 100%;
}

.view-show-prokject-list table tr {
    border-bottom: 1px solid #dddcdc;
}

.view-show-prokject-list table tbody tr:last-child {
    border-bottom: none;
}

.view-show-prokject-list table th,
.view-show-prokject-list table td {
    padding: 10px;
}

.view-show-prokject-list table .edit {
    background: #67b59a;
    color: #fff;
    padding: 0 10px;
    display: block;
    height: 40px;
    line-height: 40px;
    max-width: 60px;
    text-align: center;
    margin: 15px 0;
}

.massnahmen_items .logos_title {
    width: 20%;
    padding: 10px;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.massnahmen_items>div:nth-child(2n) {
    width: 80%;
    display: flex;
    justify-content: right;
    direction: rtl;
}

#step-massnahmen .massnahmen_items {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
}

.registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .form-item {
    width: 30%;
}

.registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .sibling-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 0
}

.registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .sibling-wrapper .form-item {
    width: 100%;
}

.massnahmen-desc {
    font-size: 12px !important;
}

.layout-content.step-form-content #block-missionb-page-title .page-title {
    margin-bottom: 4rem;
    font-size: 36px;
    line-height: 40px;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    /*border-color: var(--color_blue);
    box-shadow: none;
    background: var(--color_blue) !important;*/
}

#block-stepformheaderblock {
    margin-top: 4rem;
}

#block-stepformheaderblock .sub-title-header {
    color: var(--color_blue);
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

#block-stepformheaderblock .heading-step-header {
    color: #67b59a;
    font-size: 3rem;
    font-weight: 300;
}

.path-user-registration #block-missionb-breadcrumbs,
.path-user-projektangaben #block-missionb-breadcrumbs,
.path-projektbeschreibung #block-missionb-breadcrumbs,
.path-massnahmen #block-missionb-breadcrumbs {
    display: none;
}

.password-strength__title,
.password-strength__text,
.password-confirm,
.password-field,
.password-strength,
.password-confirm-match {
    color: #67b59a;
    opacity: 0.8;
}

.registration-step-form .wrapper-button-form .form-actions {
    /*display: flex;
    justify-content: right;*/
}

.path-projektbeschreibung .registration-step-form .form-actions {
    /*display: flex;
    justify-content: space-between;*/
}

/*.registration-step-form .form-actions button {
    background: transparent;
    color: #67b59a;
    font-weight: 600;
    width: auto;
    border: none;
    font-family: "Open Sans", sans-serif;
    padding: 0;
    min-width: 194px;
    position: relative;
    font-weight: 700;
    text-align: center;
}
.registration-step-form .form-actions button:hover, .registration-step-form .form-actions button:focus {
   color: var(--color_blue);
   background: transparent !important;
   border: none;
}
.registration-step-form .wrapper-button-form .form-actions button:before{
    content: '';
    position: absolute;
    height: 2px;
    width: 40px;
    background: #67b59a;
    right: 0;
    top: 50%;
}
.path-projektbeschreibung .registration-step-form .form-actions button:before, .path-massnahmen .registration-step-form .form-actions button:before{
    content: '';
    position: absolute;
    height: 2px;
    width: 40px;
    background: #67b59a;
    top: 50%;
}
.path-projektbeschreibung .registration-step-form .form-actions button#edit-back:before,
.path-massnahmen .registration-step-form .form-actions button#edit-back:before{
    left: 0;
}
.path-projektbeschreibung .registration-step-form .form-actions button#edit-submit:before{
   right: 0;
}*/
.registration-step-form .form-actions button:hover:before,
.registration-step-form .form-actions button:focus:before {
    /*background: var(--color_blue);*/
}

.registration-step-form .form-item.js-form-item-erstellungsjahr #edit-erstellungsjahr {
    width: auto;
    min-width: 142px;
    font-size: 24px;
}

.registration-step-form .form-item.js-form-item-erstellungsjahr .form-select-icon {
    left: 99px;
    right: auto;
}

.registration-step-form .form-item.js-form-item-beschreibung textarea,
.registration-step-form .form-item.js-form-item-besonderheiten textarea {
    height: 250px;
    padding: 20px 30px;
}

#stepform_div .massnahmen-desc {
    font-size: 18px !important;
    font-weight: 500;
    line-height: 24px;
    margin-left: 55px;
    margin-top: 15px;
}

.path-massnahmen .registration-step-form .form-actions button#edit-submit,
.path-user-registration .registration-step-form .form-actions button#edit-submit {
    /*min-width: 50%;*/
    /*background: #67b59a;*/
    /*color: #fff;
    font-weight: 500;
    padding: 0.750rem 1rem !important;
    clear: both;*/
}

.path-user-registration .registration-step-form .form-actions button#edit-submit,
.path-user-registration .registration-step-form .form-actions button#edit-submit2 {
    /*min-width: 49%;*/
    font-weight: normal;
}

.path-massnahmen .registration-step-form .form-actions button#edit-submit:hover,
.path-massnahmen .registration-step-form .form-actions button#edit-submit:focus,
.path-user-registration .registration-step-form .form-actions button#edit-submit:hover,
.path-user-registration .registration-step-form .form-actions button#edit-submit:focus {
    background: var(--color_blue) !important;
}

.path-massnahmen .registration-step-form .form-actions button#edit-submit:before,
.path-user-registration .registration-step-form .form-actions button#edit-submit:before {
    display: none;
    height: 0;
}

.path-massnahmen .registration-step-form .form-actions {
    margin-top: 8rem;
}

.path-massnahmen .wrapper-single-subcontent .layout-content,
.path-projektbeschreibung .wrapper-single-subcontent .layout-content {
    padding-bottom: 0 !important;
}

.path-user-projektangaben .wrapper-single-subcontent .layout-content {
    padding-bottom: 2.5rem !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    #step-massnahmen .massnahmen_items {
        float: none;
    }

    .wrapper-single-subcontent>.layout-content.step-form-content {
        width: 100%;
    }

    .form-type-managed-file .custom-file-manage__wrapper .custom-file-manage__element,
    .webform-image-file .custom-file-manage__wrapper .custom-file-manage__element {
        flex-wrap: wrap;
    }

    #edit-biodiverse-tpfe-images .js-form-submit.form-submit {
        margin: 0;
    }

    #step-massnahmen .massnahmen_items {
        display: flex;
        flex-wrap: wrap;
    }
}

.registration-step-form .js-form-item.form-item .file--image {
    background: none;
    padding-left: 0;
}

.registration-step-form .js-form-item.form-item .file--image .uploaded-images-thumbnail img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    object-fit: cover
}

.path-massnahmen .registration-step-form .form-type-checkbox .form-checkbox {
    margin-right: 8px;
    margin-left: 8px;
}

.path-massnahmen .form-type-managed-file .custom-file-manage__wrapper .custom-file-manage__element,
.path-massnahmen .webform-image-file .custom-file-manage__wrapper .custom-file-manage__element,
.path-massnahmen .form-type-managed-file .custom-file-manage__wrapper,
.webform-image-file .custom-file-manage__wrapper {
    flex-wrap: wrap;
    align-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
}

.path-massnahmen .registration-step-form .form-type-managed-file .file-upload {
    margin-left: 20px;
}

.path-massnahmen .registration-step-form .form-managed-file button.form-submit-remove {
    margin: 15px 60px 0 0;
}

.path-massnahmen .registration-step-form.step-massnahmen .main-wrapper-massnahmen .massnahmen_items .sibling-wrapper .form-item {
    direction: ltr;
}

.path-massnahmen .registration-step-form .form-type-checkbox .form-label {
    opacity: 1
}

@media (min-width: 1200px) and (max-width: 1450px) {

    .massnahmen_items .wrapper-title-logo.inActive-fade .item_logo img,
    .massnahmen_items .wrapper-title-logo .item_logo img {
        max-height: 50px;
        min-width: 50px;
    }

    .massnahmen_items .wrapper-title-logo p,
    .massnahmen_items .logos_title {
        font-size: 16px;
    }

    .path-massnahmen .form-type-managed-file .file-upload {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .path-massnahmen .form-type-managed-file .file-upload .file-upload-label {
        font-size: 2.8125rem;
    }

    .path-massnahmen .registration-step-form .form-type-checkbox .form-checkbox {
        min-width: 18px;
        width: 18px;
        height: 18px;
    }

    .path-massnahmen .registration-step-form .js-form-item.form-item .file--image .uploaded-images-thumbnail img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .path-massnahmen #edit-biodiverse-tpfe-images .js-form-submit.form-submit {
        font-size: 0.9rem;
        line-height: 1rem;
        height: 42px;
        padding: 0 0.5rem;
        max-width: 250px;
        white-space: nowrap;
        min-width: 160px;
        width: auto;
    }

    .path-massnahmen .registration-step-form .form-type-checkbox .form-checkbox {
        margin-right: 8px;
        margin-left: 8px;
    }

    .path-massnahmen .registration-step-form .form-check-input:checked[type="checkbox"]::after {
        left: 5px;
        top: -1px;
        width: 8px;
        height: 16px;
    }

    .path-massnahmen .registration-step-form .form-managed-file button.form-submit-remove {
        font-size: 0.9rem;
        line-height: 1rem;
        height: 42px;
        padding: 0 0.5rem;
        max-width: 250px;
        white-space: nowrap;
        min-width: 160px;
        margin-left: 8px;
        width: auto;
    }

    .path-massnahmen .registration-step-form .form-type-managed-file .file-upload {
        margin-right: 0;
    }
}

.ajax-progress.ajax-progress-throbber {
    position: absolute;
}

.path-projektbeschreibung .sibling-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 15px;
    grid-gap: 15px;
    width: 100%;
}

.path-projektbeschreibung .file--application-pdf {
    line-height: normal;
}

.page-node-8737 #block-webform .form-label {
    font-size: 16px;
    line-height: 24px;
}

.page-node-8737 #block-webform .form-control,
.page-node-8737 .form-select {
    height: 40px !important;
    padding: 0 1.5rem !important;
}

.page-node-8737 #block-webform .form-select-wrapper .form-select-icon {
    top: 2px !important;
    height: 40px !important;
}

.page-node-8737 #block-webform .form-textarea-wrapper textarea {
    height: 112px !important;
}

.page-node-8737 .contact-sub-heading {
    font-size: 27px;
    font-weight: 300;
}

.page-node-8737 .js-form-item-markup {
    margin-top: 90px;
}

.page-node-8737 .js-form-item-markup-01 {
    margin-top: -20px;
}

.page-node-8951 {
    background-color: #ffffff;
}

.page-node-8951 article.homepagebox-item {
    border: 1px solid #9B9B9B;
}

footer {
    padding: 0 !important;
}

.homepagebox-item.homepagebox-grid-item--height-1[data-history-node-id="7821"] p {
    margin-bottom: 0;
}
/*

.homepagebox-item.homepagebox-grid-item--height-1[data-history-node-id="7821"] p img {
    max-width: 60px;
}
*/

.page-node-8951 .Aktionspartnertitle {
    display: none;
}

.path-projektbeschreibung .file--application-pdf .textdiv {
    max-width: 124px;
    word-break: break-word;
    font-size: 12px;
}

.page-node-8737 .form-type-webform-markup h4.western {
    font-size: 27px;
    font-weight: 300;
}

#Aktionsparttnerbox .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__image .field--name-field-logo img {
    min-height: 98px;
    object-fit: contain;
    max-width: 100%;
    max-height: 98px;
    width: auto;
}

#Aktionsparttnerbox .field--name-field-descrition {
    font-size: 14px;
    line-height: 22px;
}

.Aktionsparttnerbox .homepagebox-item__link-text {
    font-size: 0.7rem !important;
    margin-right: 0.6rem !important;
}

.Aktionsparttnerbox {
    margin-bottom: 0px !important;
    background-color: transparent !important;
    padding: 0px !important;
}

#Aktionsparttnerbox .homepagebox-item__content {
    min-height: 334px !important;
}

#Aktionsparttnerbox .homepagebox-item__content .homepagebox-item__title span,
#dossierparttnerbox .homepagebox-item__content .homepagebox-item__title span {
    font-weight: bold;
}

.view-netzwerkpartner .col-sm-4 {
    margin-bottom: 24px !important;
}

#Aktionsparttnerbox.homepagebox-item:hover .homepagebox-item__image img,
#dossierparttnerbox.homepagebox-item:hover .homepagebox-item__image img {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.page-node-8952 {
    background-color: #ffffff;
}

#dossierparttnerbox .field--name-field-dossier-descrition {
    font-size: 14px;
    line-height: 22px;
}

#dossierparttnerbox .homepagebox-item__content {
    min-height: 334px !important;
}

#dossierparttnerbox .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__image .field--name-field-dossier-logo img {
    min-height: 98px;
    object-fit: contain;
    max-width: 100%;
    max-height: 98px;
    width: auto;
}

.view-dossier-list .col-sm-4 {
    margin-bottom: 24px !important;
}

.page-node-8969 .view-id-120_second_list {
    margin-top: 50px;
}

.page-node-8969 #block-missionb-page-title {
    display: none;
}

/* .page-node-8969 .views-field-created .field-content{
    font-weight: 900 !important;
} */
.page-node-8969 .views-field-title span a {
    font-weight: normal;
    font-size: 3.4375rem;
    line-height: 3.75rem;
    letter-spacing: 0.0875rem;
    color: #67b59a;
    margin-top: 0.3rem;
    margin-bottom: 2.5rem;
    display: block;
}

.page-node-8969 .views-field-body p {
    margin-bottom: 3rem;
}

.page-node-8969 .views-field-created span {
    font-weight: bold;
    margin-top: 1.5rem;
}

.page-node-8969 .views-field-field-banner-image a img,
.page-node-8969 .views-field-field-banner-image img {
    max-height: 30rem;
    width: 100%;
    object-fit: cover;
    margin-bottom: 1rem;
}

.page-node-8969 .view-id-120_second_list .field-content img {
    min-height: 230px;
    max-height: 230px;
    width: 100%;
    object-fit: cover;
}


/* css   */


.view-id-show_prokject_list .view-header {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 109px;
    right: 0;

}
.view-id-show_prokject_list .view-empty {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 75px;
    right: 0;

}

.add-project-wrapper ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.add-project-wrapper ul li:last-child {
    margin-left: 40px;
}

/* div #block-missionb-local-tasks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
} */
.add-project-wrapper ul li {
    background-color: #67b59a;
}

.add-project-wrapper ul li a {
    color: #ffffff;
}

.add-project-wrapper ul li a {
    color: #ffffff;
    height: 40px;
    display: block;
    padding: 0 15px;
    line-height: 40px;
}

div #block-missionb-local-tasks nav ul li .is-active:first-child {
    display: none;
}

.block-local-tasks-block nav.tabs ul.tabs li {
    margin-bottom: 0 !important;
    margin-right: 0;
}

.region #block-missionb-page-title h1 {
    margin-top: 40px;
}

.view-content .views-view-table tbody tr .views-field-nothing {
    display: flex;
    justify-content: center;
}

.view-show-prokject-list table .edit {
    margin: 0 15px 0 0;
    height: 31px;
    padding: 0 10px;
    line-height: 40px;
    display: block;
    max-width: 100%;
    line-height: 31px;
    min-width: 100px;
}

.views-view-table thead tr .views-field-nothing {
    text-align: center;
}

.view-show-prokject-list table .view-project {
    margin: 0;
    height: 31px;
    padding: 0 10px;
    line-height: 40px;
    display: block;
    max-width: 100%;
    line-height: 31px;
    min-width: 100px;
    background-color: #f5f5f5;
    text-align: center;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.view-id-show_prokject_list .view-header .add-new-project {
    margin: 0 20px 0 0;
}

.view-id-show_prokject_list .view-header .add-new-project:last-child {
    margin-right: 0;
}

.view-single-project-page-project-lists .views-view-grid .views-row.row-1 {
    float: left;
    clear: both;
    width: 100%;
}

.view-single-project-page-project-lists .views-col {
    padding: 10px;
}

.view-single-project-page-project-lists .views-col .inner-grid-box {
    background: #ffffff;
    width: 100%;
    display: block;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    word-break: break-word;
}

.user-logged-in.path-user .view-single-project-page-project-lists .views-col .inner-grid-box {
    width: 100%;
    float: left;
    display: block;
    padding: 7.5px;
    margin-bottom: 20px;
    background: transparent;
}

.view-single-project-page-project-lists .views-field.views-field-field-ortschaft {
    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;
}

.view-single-project-page-project-lists .views-field.views-field-field-flaeche-m2 {
    word-break: break-all;
    float: right;
    width: auto;
    display: inline-block;
    clear: none;
    height: 24px;
    max-width: 40%;
    overflow: hidden;
}

.view-single-project-page-project-lists .views-field.views-field-title {
    float: left;
    width: 100%;
    clear: both;
    display: block;
}

.view-single-project-page-project-lists .view-massnahmen-logos .view-content {
    float: left;
    display: flex;
    margin-top: 5px;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
}

.view-single-project-page-project-lists .view-content .views-row {
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 5px;
    height: 100%;
}

.view-single-project-page-project-lists .views-field-field-logo img {
    height: 18px;
    width: 18px;
    object-fit: contain;
}

.view-single-project-page-project-lists .views-field.views-field-title {
    font-weight: 600;
}

.path-projektbeschreibung #edit-submit {
    /*min-width: 50%;*/
}

/**************************** NEW FOOTER CSS STARTS HERE *********************/
.footer-content-wrapper.block-block-content {
    background: #0E0159;
    padding: 60px 0;
    color: #fff;
}

footer .footer-content-wrapper.block-block-content p,
footer .footer-content-wrapper.block-block-content p a {
    font-size: 14px;
    line-height: 20px;
}

/**************************** NEW FOOTER CSS ENDS HERE *********************/

.path-user .block-local-tasks-block nav.tabs ul.tabs li:nth-child(3n) {
    display: none;
}

.user-logged-in.path-user .region.region-content {
    position: relative;
}

.user-logged-in.path-user .tabs a {
    padding: 0.22rem 1rem;
    background: #f5f5f5;
}

.user-logged-in.path-user .tabs a:hover,
.user-logged-in.path-user .tabs a:focus {
    background: var(--color_blue);
    color: #ffffff;
}

.user-logged-in.path-user .view-header .add-new-project {
    font-size: 14px;
    padding: 0.3rem 1rem;
    height: 31px;
    line-height: normal;
}
.user-logged-in.path-user .view-empty .add-new-project {
    font-size: 14px;
    padding: 0.3rem 1rem;
    height: 31px;
    line-height: normal;
}

.path-user .view-show-prokject-list table thead {
    background: #f5f5f5;
}

.path-user .view-show-prokject-list table {
    border: none;
}

.path-user .view-show-prokject-list table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.path-user .view-show-prokject-list table th,
.path-user .view-show-prokject-list table td {
    padding: 20px 10px 20px 30px;
    font-size: 17px;
}

.path-user .view-show-prokject-list table p {
    margin-bottom: 0;
}

.path-user-registration .block-local-tasks-block nav.tabs ul.tabs {
    display: none;
}

.view-latest-netzwerkpartner-lis .homepagebox-item {
    background-color: transparent;
    padding: 0.9375rem;
    border: 1px solid #9B9B9B;
}

#block-views-block-single-project-page-project-lists-block-1 {
    clear: both;
    padding-top: 28px;
}

#block-views-block-single-project-page-project-lists-block-1 h2 {
    color: #67b59a;
    margin-bottom: 8px;
}

.view-single-project-page-project-lists .views-col .inner-grid-box img {
    margin-bottom: 5px;
}

.view-single-project-page-project-lists .views-col .inner-grid-box .view-massnahmen-logos .view-content {
    margin-top: 24px;
}

#block-views-block-single-project-page-project-lists-block-1 .view-single-project-page-project-lists .view-content .views-row {
    margin-right: 0;
}

#block-views-block-single-project-page-project-lists-block-1 .view-single-project-page-project-lists .view-content .views-row img {
    margin-right: 5px;
}

#block-views-block-single-project-page-project-lists-block-1 .view-single-project-page-project-lists .view-content .views-row img.image-style-karteikarte-300-x-180 {
    margin-right: 0;
}

#wrapper-projektdokumentation .field__label,
#wrapper-video-main .field__label {
    font-size: 1.75rem !important;
}

.path-frontpage .banner-inner-pages .anchor_box a span:before {
    bottom: -25px;
}

.path-frontpage .banner-inner-pages .anchor_box a span:after {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    content: '';
    display: inline-block;
    height: 17px;
    left: 35%;
    position: absolute;
    bottom: -32px;
    width: 17px;
    right: 0;
    transform: rotate(132deg);
}

.path-frontpage .banner-inner-pages .right-section .anchor_box a span:after {
    transform: rotate(-45deg);
    left: 52%;
}

.page-node-8952 .view-dossier-list.view-id-dossier_list .homepagebox-item {
    border: 1px solid #9B9B9B;
}

#block-missionb-page-title {
    clear: both;
}

.page-node-128 #block-missionb-page-title {
    padding-top: 60px;
}

.page-node-128 .page-title {
    font-size: 45px !important;
    line-height: 55px !important;
    margin-top: 0 !important
}

.page-node-128 .page-title span {
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    word-break: break-word;
    display: inline-block;
    letter-spacing: 0;
    width: 84%;
    max-width: 100%;
}

.page-node-128 #block-missionb-page-title .page-title {
    margin-bottom: 38px !important;
}

.page-node-128 p.leadl {
    font-size: 26px;
}

.page-node-128 h2 {
    margin-bottom: 2rem;
}

.page-node-128 hr {
    margin-bottom: 3rem;
    margin-top: 1.3rem;
}

.page-node-128 .row.wrapper-kooperationspartner img,
.page-node-128 .row.wrapper-hauptpartnerin img {
    max-width: 146px;
}

.page-node-128 .row.wrapper-Unterstützung img {
    max-width: 250px;
}

#block-bettersocialsharingbuttons {
    clear: both;
}

.sub-wrapper-projejtkontakt {
    display: none;
}

.single-project-action-block ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    position: relative;
    top: -40px;
}

.single-project-action-block ul li {
    margin-right: 5px;
}

.single-project-action-block ul li:last-child {
    margin-right: 0;
}

.single-project-action-block ul li a {
    font-size: 14px;
    padding: 0.3rem 1rem;
    height: 31px;
    line-height: normal;
    background: #67b59a;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.single-project-action-block ul li a:hover,
.single-project-action-block ul li a:focus {
    background: var(--color_blue);
    border: none;
    text-decoration: none;
}

#block-missionb-page-title,
#block-missionb-local-tasks,
#block-singleprojectblock {
    clear: both;
}

.path-user-projektangaben #edit-field-besuchbar {
    min-width: 48px;
    width: auto;
    height: 25px;
    background-color: rgba(152, 174, 62, 0.3);
    background-image: url(../images/icons/checkbox-oval.svg) !important;
    border-radius: 2em;
    cursor: pointer;
}

.path-user-projektangaben #edit-field-besuchbar.form-check-input:checked[type="checkbox"]::after {
    display: none;
}

.path-user-projektangaben #edit-field-besuchbar.form-check-input:checked[type="checkbox"] {
    background-color: #67b59a;
    background-image: url(../images/checkbox-oval-white.svg) !important;
}

.projejtkontakt span.views-label-field_Projejtkontakt {
    position: relative;
    cursor: pointer;
}

.projejtkontakt span.views-label-field_Projejtkontakt:after {
    content: '';
    top: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    transform: rotate(135deg);
    margin-right: 0;
    margin-left: 8px;
    position: absolute;
}

.single-page-sidebar .sidebar-project .view-content .views-field .views-field.views-field-field-urheber {
    width: 100%;
    display: flex;
}

@media (max-width: 480px) {

    .page-node-128 .row.wrapper-kooperationspartner img,
    .page-node-128 .row.wrapper-hauptpartnerin img {
        display: block;
    }
}

@media (max-width: 767px) {
    .footer-content-wrapper.block-block-content .footer-wrapper>.row>div {
        margin: 0 0 25px;
    }

    .footer-content-wrapper.block-block-content .footer-wrapper>.row>div:last-child {
        margin: 0;
    }

    .path-frontpage .banner-inner-pages .anchor_box a span:after {
        left: 26%;
    }

    .page-node-128 .page-title span {
        font-size: 32px;
        line-height: 42px;
    }

    .page-node-128 .row.wrapper-kooperationspartner img,
    .page-node-128 .row.wrapper-hauptpartnerin img {
        margin-bottom: 10px;
    }

    .single-project-action-block ul {
        justify-content: flex-start;
        position: relative;
        top: 0;
        padding: 15px 0 0;
        clear: both;
    }

    .path-user .view-show-prokject-list .view-content {
        overflow-x: scroll;
    }
}

.page-node-7819 .view-homepagebox {
    padding: 60px 0 !important;
}

.node--type-projekt .block-local-tasks-block {
    display: none;
}

.toolbar-icon-9 .block-local-tasks-block {
    display: block;
}

.registration-step-form .form-item.js-form-item-field-besuchbar .form-label {
    /*font-family: "Open Sans", sans-serif;*/
    font-size: 1.625rem;
    line-height: 2.125rem;
    letter-spacing: 0.0625rem;
    font-weight: normal;
    opacity: 1
}

#partner_display_logos {
    clear: both;
}

main {
    min-height: calc(100vh - 321px);
}

/*
.field--name-field-seite-bbox .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 26px;
    padding-right: 0;
}

.field--name-field-seite-bbox .paragraph--type--einfache-page-fields {
    border: 1px solid #9B9B9B;
    background-color: #FFF;
    padding: 0.9375rem;
    min-height: 370px;
}
*/

.field--name-field-seite-bbox .field--name-field-einfache-logo img {
    /* min-height: 98px; */
/*    object-fit: ;*/
    max-width: 100%;
    /* max-height: 98px; */
    width: auto;
    margin-bottom: 1rem;
    margin: 10px;
}
.field--name-field-seite-bbox .field--name-field-einfache-logo{
	text-align: center;
}

.field--name-field-seite-bbox .paragraph--type--einfache-page-fields h2 {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

.field--name-field-seite-bbox .field--name-field-descrition {
font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    padding: 20px;
}

.field--name-field-seite-bbox a,
.field--name-field-seite-bbox span {
	color: #000 !important;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: none;
    margin-right: 0.9375rem;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

    font-weight: 400 !important;
}

.field--name-field-seite-bbox .field--name-field-link {
    display: flex;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 15px 0;
}

.field--name-field-seite-bbox .field--name-field-link a {
		color: #000;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: none;
    margin-right: 0.9375rem;
}

.field--name-field-seite-bbox .paragraph--type--einfache-page-fields:hover .field--name-field-link,
.field--name-field-seite-bbox .paragraph--type--einfache-page-fields:hover .field--name-field-link {
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.field--name-field-seite-bbox .field--name-field-title{
	padding: 20px 20px 0px 20px;
	}

.paragraph--type--einfache-page-fields a{
	color:#000;
}


.paragraph--type--einfache-page-fields{
	padding: 10px;
	background-color: rgba(0,0,0,0.05);
}



.stepform_div a.download_pdf_link {
    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: 0px 0px 0px;
    margin-top: 25px;

    color: var(--color_red);
    text-transform: none;
}

.stepform_div a.download_pdf_link::after {
    /*content: " →";
    padding-left: 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='M1 3.9H0.4V5.1H1V3.9ZM26.4243 4.92426C26.6586 4.68995 26.6586 4.31005 26.4243 4.07574L22.6059 0.257359C22.3716 0.0230446 21.9917 0.0230446 21.7574 0.257359C21.523 0.491674 21.523 0.871573 21.7574 1.10589L25.1515 4.5L21.7574 7.89411C21.523 8.12843 21.523 8.50833 21.7574 8.74264C21.9917 8.97696 22.3716 8.97696 22.6059 8.74264L26.4243 4.92426ZM1 5.1H26V3.9H1V5.1Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;*/

}

.stepform_div a.download_pdf_link:hover {
    /*padding: 0px 30px 0px 10px;*/
}

.stepform_div a.download_pdf_link:hover::after {
    /*padding-left: 25px;*/
}


.path-projekt .block-system.block-system-main-block {
    margin: 0 -50vw 50px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
}

.path-projekt .block-system.block-system-main-block .filter_form_wrapper {
    background: #ffffff;
    clear: both;
    padding: 70px 0 30px;
    height: auto;
    overflow: hidden;
}

.path-projekt .block-system.block-system-main-block .inner_filter_form_wrapper,
.path-projekt .block-system.block-system-main-block .main-warapper {
    width: 100%;
    max-width: 1320px;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    margin: auto;
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .path-projekt .block-system.block-system-main-block .inner_filter_form_wrapper,
    .path-projekt .block-system.block-system-main-block .main-warapper {
        max-width: 1140px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .path-projekt .block-system.block-system-main-block .inner_filter_form_wrapper,
    .path-projekt .block-system.block-system-main-block .main-warapper {
        max-width: 960px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .path-projekt .block-system.block-system-main-block .inner_filter_form_wrapper,
    .path-projekt .block-system.block-system-main-block .main-warapper {
        max-width: 720px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .path-projekt .block-system.block-system-main-block .inner_filter_form_wrapper,
    .path-projekt .block-system.block-system-main-block .main-warapper {
        max-width: 540px;
    }
}

.path-projekt .block-system.block-system-main-block .main-warapper {
    padding-top: 46px;
    padding-bottom: 46px;
}

.path-projekt .block-system.block-system-main-block h3.page-title-project {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 43px;
}

.path-projekt .block-missionb-project-form {
    margin-bottom: 0 !important;
}

.single-page-sidebar .sidebar-project .view-content .views-field .views-field {
    padding: 8px 0;
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 0;
}

.single-page-sidebar .sidebar-project .view-content .views-field .views-field.views-field-field_organisation_unternehmen {
    border-top: none;
}

/*.single-page-sidebar .sidebar-project .view-content .views-field .views-field,
.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-userbild-logo{
    padding: 0;
    border: none;
}*/

/*This needs to show*/
.node--type-projekt .wrapper-single-subcontent .single-page-sidebar .block-missionb-project-form.block-sidebar-block {
    /*    display: none;*/
}

.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-organisationszugehorigkeit,
.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-projektverbund {
    margin-top: 40px;
    border-top: none;
    padding: 0;
}

.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-organisationszugehorigkeit>.field-content {
    width: 100%;
}

.single-page-sidebar .views-field-field-organisationszugehorigkeit a,
.views-field-field-projektverbund a {
    background-color: #e6e6e7 !important;
}

.single-page-sidebar .social-sharing-buttons__button svg {
    fill: #000;
}

.single-page-sidebar .sidebar-project .view-content .field-content .views-field-field-urheber {
    border-bottom: 1px solid #e6e6e7;
}

.single-page-sidebar .social-sharing-buttons {
    padding-top: 40px;
}

.single-page-sidebar .views-field-field-organisationszugehorigkeit .taxonomy-term:last-child a,
.views-field-field-projektverbund .taxonomy-term:last-child a {
    margin-bottom: 0;
}

.single-page-sidebar .sub-wrapper-projejtkontakt .field-label {
    color: #000000;
}

.single-page-sidebar .sub-wrapper-projejtkontakt .views-field.views-field-field_kontaktt {
    margin: 5px 0;
}

#wrapper-projektbilder,
#wrapper-massnahmen {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e7;
}

#wrapper-projektbilder .field__label {
    font-size: 1.75rem;
    padding: 30px 0 20px;
}

#wrapper-projektbilder .field__items .field__item {
    margin-top: 0;
}

#wrapper-video-main .field__label {
    padding-bottom: 15px;
    margin-top: 0;
    padding-top: 30px;
    color: #000;
}

.single-page-sidebar .view-projekt-single-sidebar-first .views-field>.field-content {
    width: 100%;
}

.single-page-sidebar .view-projekt-single-sidebar-first .views-field>.field-content .field-content {
    width: auto;
}

#wrapper-projektdokumentation .field__label {
    padding-bottom: 10px;
    color: #000;
}

@media (max-width: 479px) {
    .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper {
        display: block;
    }

    .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    #wrapper-projektdokumentation .field--name-field-projektdokumentation .field__item {
        width: calc(50% - 5px);
    }
}

@media (max-width: 567px) {
    .field--name-field-seite-bbox .field__items {
        grid-template-columns: 1fr;
    }

    .path-projekt .block-system.block-system-main-block h3.page-title-project {
        font-size: 27px;
        margin-bottom: 15px;
    }

    .path-projekt .views-exposed-form.projekt-filter-form .form--inline div.form-actions.js-form-wrapper button {
        margin-top: 0 !important;
    }
}

@media (min-width: 568px) and (max-width: 1023px) {
    .field--name-field-seite-bbox .field__items {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .field--name-field-seite-bbox .paragraph--type--einfache-page-fields {
        min-height: 392px;
    }
}

@media (min-width: 1699px) {
    .wrapper-single-subcontent .single-page-sidebar {
        padding-right: 30px !important;
    }

    .path-projekt .block-system.block-system-main-block h3.page-title-project {
        font-size: 50px;
    }
}

.single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-userbild-logo {
    min-height: 198px;
    border-bottom: 1px solid rgb(230, 230, 231);
    padding-bottom: 48px;
    display: flex;
    align-items: flex-end;
}

.userbild--subtext,
#projektdokumentation2_markup--label,
#projektbilder2_markup--label {
    /*font-weight: 500 !important;
    color: #67b59a !important;
    opacity: .7 !important;
    font-size: 16px !important;

    margin-bottom: 30px !important;*/
    display: none;
}

.edit-userbild--description {
    margin-bottom: 30px !important;
}

.js-form-item-field-besuchbar {
    margin-top: 10px !important;
}

.veranstaltungen-wrapper {
    background: #c9e1bd;
    padding: 15px;
}

.registration-step-form .js-form-item.form-item.js-form-item-userbild.form-item-userbild {
    margin-bottom: 0 !important;
}

.registration-step-form>p.userbild--subtext {
    max-width: 100%;
}

.registration-step-form .form-type-managed-file.js-form-item-projektdokumentation,
.registration-step-form .form-type-managed-file.js-form-item-projektbilder {
    margin-bottom: 0;
}

.switch-field-besuchbar {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
    min-width: 90px;
}

.switch-field-besuchbar input {
    display: none;
}

.slider-field-besuchbar {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: gray;
    color: #ffff;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-field-besuchbar:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider-field-besuchbar {
    background-color: #67b59a;
}

input:focus+.slider-field-besuchbar {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider-field-besuchbar:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on-field-besuchbar {
    display: none;
}

.on-field-besuchbar,
.off-field-besuchbar {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked+.slider-field-besuchbar .on-field-besuchbar {
    display: block;
}

input:checked+.slider-field-besuchbar .off-field-besuchbar {
    display: none;
}

/* Rounded sliders */
.slider-field-besuchbar.round {
    border-radius: 34px;
}

.slider-field-besuchbar.round:before {
    border-radius: 50%;
}

/*--------- END --------*/
.registration-step-form .form-item.js-form-item-field-besuchbar {
    margin-top: 46px !important;
    margin-bottom: 15px !important;
}

@media (max-width: 400px) {
    .registration-step-form .form-select-icon {
        top: 78px;
    }

    .mobile_brand_logo {
        margin-left: -70px !important;
    }
}

@media (min-width: 401px) and (max-width: 510px) {
    .registration-step-form .form-select-icon {
        top: 52px;
    }

    .form-label {
        font-size: 1rem;
    }

    .mobile_brand_logo {
        margin-left: -70px !important;
    }
}

@media (min-width: 511px) and (max-width: 767px) {
    .registration-step-form .form-select-icon {
        top: 52px;
    }
}

.page_title_markup_projektbeschreibung,
.page_title_markup_projektangaben,
.page_title_markup_massnahmen,
.page_title_registrtation {
    max-width: 100% !important;
}

.page_title_markup_projektangaben {
    margin-top: 20px !important;
}

.page_title_registrtation p>b {
    /* font-size: 1.625rem;
        line-height: 2.125rem;
        letter-spacing: 0.0625rem; */
    color: #67b59a;
}

.page_title_registrtation p {
    font-weight: 500;
    color: #67b59a;
    /* opacity: .7; */
    font-size: 16px;

}

.block-custom-popup-block .modal {
    z-index: 999999;
    background: rgba(0, 0, 0, 76%);
    display: flex;
    align-items: center;
}

.block-custom-popup-block .modal-dialog {
    width: 100%;
}

/* .block-custom-popup-block {
        min-height: 300px;
    } */
.block-custom-popup-block .modal-header {
    justify-content: right;
    font-size: 20px;
}

.block-custom-popup-block .modal-body p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #515151;
}

.hide-block {
    display: none;
}

.custom-popup-header {
    border-bottom: none !important;
}

.block-custom-popup-block .modal-body {
    position: relative;
    padding: 30px;
}

.block-custom-popup-block .close-custom {
    position: absolute;
    right: 10px;
    font-size: 26px;
    top: 0;
    cursor: pointer;
    color: #676767;
}

span.close-custom:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    /* border: 2px solid #676767; */
    top: 11px;
    left: -2px;
    color: #676767;
}

.block-custom-popup-block .wrapper-text-popup {
    position: relative;
    padding-left: 60px;
}

.block-custom-popup-block .wrapper-text-popup img {
    position: absolute;
    left: 0;
    top: -11px;
    max-width:50px;
}

.block-custom-popup-block .wrapper-text-popup h2 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
}

.block-custom-popup-block .modal-body {
    padding: 50px 15px;
}

.block-custom-popup-block .modal-body {
    padding: 50px 15px;
    background: url(../images/Frame2.png) 0 0 no-repeat;
    background-position: right bottom;
}

.path-projekt form#views-exposed-form-projekt-page-1 label {
    display: none;
}

.kontakt-wrapper-newslatter form {
    background: rgba(152, 174, 62, 0.3);
    padding: 0.5rem;
}

.kontakt-wrapper-newslatter .form-control {
    background: #ffffff !important;
    height: 25px !important;
    margin-bottom: 10px;
    padding: 6px !important;
    font-size: 0.7rem !important;
    font-weight: 600;
    letter-spacing: 0 !important;
    color: #212529 !important;
    line-height: normal !important;
}

.kontakt-wrapper-newslatter .form-control::placeholder {
    color: #212529 !important;
    opacity: 0.4;
}

.kontakt-wrapper-newslatter br {
    display: none;
}

.kontakt-wrapper-newslatter .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.kontakt-wrapper-newslatter a.pfeillink {
    font-size: 0.6rem;
    margin-top: -0.2rem;
    display: block;
}

.kontakt-wrapper-newslatter a.pfeillink:hover::after {
    padding-left: 6px;
}

.kontakt-wrapper-newslatter p {
    margin: 0;
}

.page-node-127 a.pfeillink {
    font-size: 11px;
}

/* .node--type-_20-seconds .wrapper-single-subcontent .layout-content{border-left: 1px solid #9B9B9B;} */

/* .node--type-_20-seconds .wrapper-single-subcontent .layout-content:before {
        content: " ";
        background: rgba(61, 0, 114, 0.1);
        width: 1px;
        height: calc(100% - 195px);
        display: block;
        position: absolute;
        top: 195px;
        left: 0;
    } */

.page-node-120_seconds .seconds-wrapper-newslatter {
    background: rgba(152, 174, 62, 0.3);
    padding: 10px;
}

.page-node-120_seconds .botton-sidebar-node-120_seconds {
    border-bottom: 1px solid #9B9B9B;
    opacity: 0.4;
}

.page-node-120_seconds .single_projekt_header .view-einfacheseite-page-header .views-row img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 500px;
}

.page-node-120_seconds .layout-content {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.page-node-page .seconds-wrapper-newslatter {
    background: rgba(152, 174, 62, 0.3);
    padding: 10px;
}

.page-node-9038 .oekologische-wrapper-sidebar {
    background: #ebebeb;
    padding: 11px 8px 1px 11px;
}

.path-frontpage .homepagebox-item .homepagebox-item__content .homepagebox-item__content__bottom .homepagebox-item__bottom-text a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.path-frontpage .homepagebox-item .homepagebox-item__content .homepagebox-item__content__bottom .homepagebox-item__bottom-text a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.user-pass-reset p .placeholder {
    background-color: #fff !important;
    opacity: 9 !important;
    vertical-align: unset !important;
}

.user-pass-reset {
    margin-top: 50px;
}

.page-node-9144 #block-webform-2 .form-label {
    font-size: 16px;
    line-height: 24px;
}

.page-node-9144 #block-webform-2 .form-control {
    height: 40px !important;
    padding: 0 1.5rem !important;
}

.block-webform-2 {
    clear: both;
}

.webform-submission-newslatter-form #edit-markup p {
    margin-bottom: -34px;
}

.mobile_brand_logo {
    display: none;
}

@media (max-width: 767px) {

	.cpl-mobile-menu.is-active{
			z-index: 10000;
	}


	#block-languageswitcher-2 li.en{
		display: none !important;
	}

    header .header {
        position: relative;
    }

    .mobile_brand_logo {
        display: block;
    }

    .mobile_brand_logo p {
        margin: 0;
        margin-bottom: -3px;
        color: #666;
        font-size: 12px;
        margin-right: 5px;
    }

    .mobile_brand_logo {
        display: flex;
        align-items: flex-end;
        padding-left: 26px;
        /* border-left: 1px solid #000; */
        margin-left: 30px;
        height: 100px;
        min-width: 100px;
        margin-bottom: 38px;
        position: absolute;
        right: 75px;
    }

    .mobile_brand_logo .axalogo {
        max-height: 60px;
		 width: 42px;
    }
}

@media screen and (max-width: 1023px) {
    .page-node-projekt .wrapper-single-subcontent {
        width: 100%;
        float: none;
        display: flex;
        flex-direction: column-reverse;
    }

    .wrapper-single-subcontent .layout-content {
        border-top: none;
    }

    .node--type-projekt .wrapper-single-subcontent .layout-content:before {
        display: none;
    }

    .single-page-sidebar .sidebar-project .view-content .views-field.views-field-field-userbild-logo {
        min-height: auto;
    }

    #wrapper-projektbilder,
    #wrapper-massnahmen {
        border-bottom: none;
    }

    .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 {
        margin-bottom: 15px;
        margin-top: 0;
    }

    main {
        margin-bottom: 0 !important;
    }

    .wrapper-single-subcontent {
        margin-top: 2rem;
        display: flex;
        flex-direction: column-reverse;
    }
}


.banner-inner-pages.banner-inner-pages-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .banner-inner-pages {
        display: none;
    }

    .banner-inner-pages.banner-inner-pages-mobile {
        display: block;
    }

    .block-banner-inner-image .mobile_anchor_boxes {
        display: flex;
        align-items: center;
        justify-content: space-between;
        clear: both;
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 340px;
    }

    .banner-inner-pages .anchor_box {
        position: relative;
    }

    .banner-inner-pages .mobile_anchor_boxes .anchor_box a {
        margin: 0;
    }

    .banner-inner-pages .mobile_anchor_boxes .anchor_box:last-child a {
        background: var(--color_blue);
    }

    .banner-inner-pages .mobile_anchor_boxes .anchor_box:last-child a span:after {
        transform: rotate(-45deg);
        left: 52%;
    }

    main {
        min-height: 100%;
    }

    .page-node-7819 .view-homepagebox {
        padding: 0 !important;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .block-banner-inner-image .mobile_anchor_boxes {
        max-width: 310px;
    }

    .banner-inner-pages .anchor_box a {
        width: 142px;
        height: 142px;
    }

    .banner-inner-pages .anchor_box a {
        padding-top: 30px;
    }
}

.leaflet-bottom {
    display: none;
}



.projektverbund-und-kampagnen-field .address_autocomplete {
    display: none !important;
}

@media (max-width: 767px) {
    .homepagebox-item.homepagebox-grid-item--height-1 {
/*        height: auto !important;*/
    }
}

.page-node-projekt .field--name-field-besonderheiten {
    /* display: none; */
}

.wrapper-green {
    background: rgba(152, 174, 62, 0.3);
    padding: 12px;
}
.user-logged-in.path-user .view-empty .add-new-project:last-child {
    margin-left: 10px;
}
.step-form-mobile ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 2rem;
}
.step-form-mobile ul::after {
    content: '';
    background: #EDE8DF;
    height: 2.5px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 22px;
    display: block;
}
.step-form-mobile ul li span {
    width: 45px;
    height: 45px;
    background-color: #EDE8DF;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}
.step-form-mobile ul li.active span {
    background: #67b59a;
}
.step-form-mobile ul li {
    display: inline-block;
}
.step-form-mobile .step-name {
    color: #3B0172;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 25px 0 0;
    width: 100%;
    display: none;
}
@media (max-width: 1023px) {
    #block-stepformblock .stepform_div {
        display: none;
    }
}
@media (min-width: 1024px) {
    .step-form-mobile {
        display: none;
    }
}

html[lang="fr"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top h2.homepagebox-item__label{
    font-size: 1.2rem;
    line-height: 1.3rem;
}
html[lang="it"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top h2.homepagebox-item__label{
    font-size: 1.4rem;
    line-height: 2rem;
}
html[lang="fr"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body h6,
html[lang="it"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body h6{
    font-size: 0.9rem;
}
html[lang="fr"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body,
html[lang="it"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body{
    font-size: 1.2rem;
    line-height: 2rem;
}
html[lang="it"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top p:empty{
    display: none;
}
html[lang="de"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top h2.homepagebox-item__label{
    font-size: 1.4rem;
    line-height: 2rem;
}
html[lang="de"] .homepagebox-item .homepagebox-item__content .homepagebox-item__content__top .homepagebox-item__body{
    font-size: 1.2rem;
    line-height: 2rem;
}
html[lang="fr"] .fl_fl_bez, .fl_ew_bez, .fl_mb_bez{font-size: 11px;}
html[lang="fr"] .buttondiv .infobtn {width: 33%;}
html[lang="it"] .fl_fl_bez, .fl_ew_bez, .fl_mb_bez{font-size: 11px;}
html[lang="it"] .buttondiv .infobtn {width: 33%;}


#block-views-block-gazeta-block-1 {
	overflow: visible !important;
}



	.eu-cookie-compliance-banner{
		padding-top: 20px;
		color: #fff;
		background: #3e0072;
	}

	.agree-button, .decline-button{
		margin-left: 20px;
font-weight: 500;
color: #FFF;
background: var(--color_blue);
border: none;
border-radius: 0;
font-size: 1.125rem;
line-height: 1.375rem;
text-align: center;
letter-spacing: 0.0625rem;
height: 60px;
padding: 10px 20px;
		-moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
		text-shadow: none;

	}

.field--label-hidden{
/*	display: none;*/
}
/*Hide Quartiere for basel challenge*/

.form-item-quartiere{
/*	display: none;*/

}
/* Secondary mobile Navigation*/


.region-mobile-menu .menu-item--expanded ul{

	    margin: 0 0 0 40px !important;
}

.region-mobile-menu .menu-item--expanded ul a{
	font-weight: 300 !important;
}



/* NEW BANNER */

.new-banner {
	background-color: #f4f8e8;
padding:60px 0;
}

h1.bannerclaim{
	font-size: 32px;
	font-weight: 700;
	color: #a5c951;
	margin-bottom: 22px;
   line-height: 1.3;
}

.bannertext{
	line-height: 1.8;
}


.bannertext a{
	color:#67b59a;
	font-weight: 700;
}

/*

.bannertext a.reversed{
	color:#97b01f;
	font-weight: 700;
}

.bannertext a.reversed:hover{
	color:#67b59a;
	font-weight: 700;
}
*/


.bannerbtn{
	padding-top: 37px;
    display:block;
    width:120px;
    height:120px;
    border-radius: 50%;
    text-align:center;
    text-decoration:none;
	color: #fff;
    font-size:18px;
    font-weight:600;
}

.bannerbtn.inspi{
	color: #000;
	background: #fff;
	background-image: url(/sites/default/files/styles/original_img_size/public/2022-05/biodiverse_toepfe_r.jpg.jpeg);
    background-position: -140px center;
    background-size: 326px;
    text-shadow: 2px 2px 5px #fff, 2px 2px 10px #fff;
}

.bannerbtn.inspi:hover{
	color: #67b59a;
}

.bannerbtn.proj{
	background: #97b01f;
}

.bannerbtn.proj:hover{
	color: #fff;
	background: #67b59a;
}



.bannerbtn.anm{
	background: #67b59a;
}
.bannerbtn.anm:hover{
	color: #fff;
	background: #97b01f;
}


.einfache_seite_box_titel{
	display: none;
	 color: #000;
	 position: absolute;
    bottom: 10px;
    z-index: 11;
    left: 20px;
    right: 10px;
	font-size: 20px !important;
}

.einfache_seite_box_titel.has-title{
	display: block;
}


.einfache_seite_box_titel.white{
	color: #fff;
}



@media screen and (max-width: 767px) {
    .new-banner {
        padding-top: 0px;
		 padding-bottom: 20px;
    }

	.new-banner .container-fluid{
		margin-top: 0px;
	}

	.bannerclaim{
		margin-top: 35px
	}

	.new-banner .ratio {
  width: 100vw;
	margin-left:-12px;
}

	.bannerbtn {
  	padding-top: 25px;
  	width: 100px;
  	height: 100px;
	margin-top: 20px;
	font-size: 15px;
	}
}


.field--label-hidden{
/*	display: none;*/
}

  /* Projektverbund Form Hide unused */
  .js-form-item-projektverbund-2431, .js-form-item-projektverbund-2443, .js-form-item-projektverbund-2444,  .js-form-item-projektverbund-2432, .js-form-item-projektverbund-2426 {
	display: none !important;
}



/*Hide Quartiere for basel challenge*/

.form-item-quartiere{
	display: none;
}




.field--name-field-hauptbild-teil img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 500px;
}

.gemeinde-term-full .field--name-field-flaeche-m2-ziel{
	display: none;
}


.field--name-field-seite-bbox .paragraph--type--einfache-page-fields{
	margin-top:25px;
}


.views-field-field-projektverbund .vocabulary-projektverbund .field--name-name, .views-field-field-organisationszugehorigkeit .vocabulary-organisation .field--name-name{
    display: none;
}




.file-upload-label {
    display: none;
}

.file-upload-label {
    display: none;
}


.breadcrumb{
    display: none;
}