.accordions .accordion {
  display: flex;
  flex-direction: column;
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem; }
  .accordions .accordion strong {
    color: currentColor; }
  .accordions .accordion a:not(.button):not(.tag) {
    color: currentColor;
    text-decoration: underline; }
  .accordions .accordion.is-small {
    font-size: 0.75rem; }
  .accordions .accordion.is-medium {
    font-size: 1.25rem; }
  .accordions .accordion.is-large {
    font-size: 1.5rem; }
  .accordions .accordion:not(:first-child) .accordion-header {
    border-radius: 0; }
  .accordions .accordion:not(:last-child) {
    margin-bottom: 0; }
    .accordions .accordion:not(:last-child) .accordion-content {
      border-radius: 0; }
  .accordions .accordion .toggle,
  .accordions .accordion [data-action="toggle"] {
    cursor: pointer; }
  .accordions .accordion .accordion-header {
    align-items: center;
    background-color: #757763;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0.5em 0.75em;
    position: relative; }
    .accordions .accordion .accordion-header .toggle {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-color: rgba(10, 10, 10, 0.2);
      border: none;
      border-radius: 290486px;
      display: inline-block;
      flex-grow: 0;
      flex-shrink: 0;
      margin-left: 0.75em;
      height: 20px;
      width: 20px;
      max-height: 20px;
      max-width: 20px;
      min-height: 20px;
      min-width: 20px;
      outline: none;
      position: relative;
      vertical-align: top; }
      .accordions .accordion .accordion-header .toggle::before {
        color: white;
        display: block;
        left: 0;
        position: absolute;
        top: -0.1em;
        right: 0;
        bottom: 0;
        content: "+"; }
      .accordions .accordion .accordion-header .toggle::after {
        display: none; }
    .accordions .accordion .accordion-header + .accordion-body {
      overflow-y: hidden;
      max-height: 0;
      color: #757763;
      border: 1px solid #dbdbdb;
      border-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-top: none;
      -webkit-transition: max-height 0.2s ease;
      -moz-transition: max-height 0.2s ease;
      -o-transition: max-height 0.2s ease;
      transition: max-height 0.2s ease; }
      .accordions .accordion .accordion-header + .accordion-body .accordion-content {
        padding: 1em 1.25em; }
        .accordions .accordion .accordion-header + .accordion-body .accordion-content code,
        .accordions .accordion .accordion-header + .accordion-body .accordion-content pre {
          background-color: white; }
        .accordions .accordion .accordion-header + .accordion-body .accordion-content pre code {
          background-color: transparent; }
  .accordions .accordion.is-active .accordion-header .toggle::before {
    content: "-"; }
  .accordions .accordion.is-active .accordion-body {
    max-height: 100em; }
  .accordions .accordion.is-white {
    background-color: white; }
    .accordions .accordion.is-white .accordion-header {
      background-color: white;
      color: #0a0a0a; }
    .accordions .accordion.is-white .accordion-content {
      border-color: white;
      color: #4d4d4d; }
  .accordions .accordion.is-black {
    background-color: #fafafa; }
    .accordions .accordion.is-black .accordion-header {
      background-color: #0a0a0a;
      color: white; }
    .accordions .accordion.is-black .accordion-content {
      border-color: #0a0a0a;
      color: #0a0a0a; }
  .accordions .accordion.is-light {
    background-color: #fafafa; }
    .accordions .accordion.is-light .accordion-header {
      background-color: whitesmoke;
      color: #363636; }
    .accordions .accordion.is-light .accordion-content {
      border-color: whitesmoke;
      color: #4f4f4f; }
  .accordions .accordion.is-dark {
    background-color: #fafafa; }
    .accordions .accordion.is-dark .accordion-header {
      background-color: #363636;
      color: whitesmoke; }
    .accordions .accordion.is-dark .accordion-content {
      border-color: #363636;
      color: #2a2a2a; }
  .accordions .accordion.is-primary {
    background-color: #fff5f7; }
    .accordions .accordion.is-primary .accordion-header {
      background-color: #ff2b56;
      color: #fff; }
    .accordions .accordion.is-primary .accordion-content {
      border-color: #ff2b56;
      color: #c7082f; }
  .accordions .accordion.is-link {
    background-color: #fff5f7; }
    .accordions .accordion.is-link .accordion-header {
      background-color: #ff2b56;
      color: #fff; }
    .accordions .accordion.is-link .accordion-content {
      border-color: #ff2b56;
      color: #c7082f; }
  .accordions .accordion.is-info {
    background-color: #f6fbfe; }
    .accordions .accordion.is-info .accordion-header {
      background-color: #209cee;
      color: #fff; }
    .accordions .accordion.is-info .accordion-content {
      border-color: #209cee;
      color: #12537e; }
  .accordions .accordion.is-success {
    background-color: #f6fef9; }
    .accordions .accordion.is-success .accordion-header {
      background-color: #23d160;
      color: #fff; }
    .accordions .accordion.is-success .accordion-content {
      border-color: #23d160;
      color: #0e311a; }
  .accordions .accordion.is-warning {
    background-color: #fffdf5; }
    .accordions .accordion.is-warning .accordion-header {
      background-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .accordions .accordion.is-warning .accordion-content {
      border-color: #ffdd57;
      color: #3c3108; }
  .accordions .accordion.is-danger {
    background-color: #fff5f7; }
    .accordions .accordion.is-danger .accordion-header {
      background-color: #ff3860;
      color: #fff; }
    .accordions .accordion.is-danger .accordion-content {
      border-color: #ff3860;
      color: #cd0930; }
      
.accordions .accordion {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-radius: 4px;
  font-size: 1.25rem; }

.accordions .accordion .accordion-header {
  align-items: center;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
  padding: 1.5em 2em 1.5em 0;
  position: relative; }

.accordions .accordion .accordion-header + .accordion-body {
  color: #757763;
  border: none;
  border-top: 1px solid #bdbdbd; }

.accordions .accordion .accordion-header + .accordion-body .accordion-content {
  padding: 0 0.75em 1em 0.75em; }

.accordion .accordion-header::after {
  border-color: #ff2b56;
  right: 1.125em;
  z-index: 4; }

.accordion.is-active .accordion-body {
  border-color: transparent !important; }
.accordion.is-active .accordion-header::after {
  transform: rotate(45deg);
  transform-origin: center; }

.accordion-header::after {
  border: 3px solid #ff2b56;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 3px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 3px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 2px;
  border-right: 0;
  border-right-color: currentcolor;
  border-top: 0;
  border-top-color: currentcolor;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em; }
  
 .accordions .accordion:not(:last-child) {
  margin-bottom: 1.5rem; }.proca-widget .proca-MuiButton-root {
    border-radius: 50px;
}
.proca-MuiFilledInput-root {
    background-color: #fff !important;
}
.proca-MuiFilledInput-root:hover {
    background-color: #f5f5f5 !important;
}
.proca-MuiButton-containedPrimary .proca-MuiButton-label {
}
.proca-MuiButton-endIcon {
    display: none;
    visibility: invisible;
}
span.proca-MuiButton-label span::before {
    
}
ul.proca-MuiList-root {
    max-height: 200px !important;
}
label.proca-MuiFormControlLabel-root {
  /* margin: .1rem 0 0; */
}
#proca_submit .proca-MuiFab-label, #proca_submit .proca-MuiButton-label {
  font-size: 1.2rem;
  text-transform: initial;
  color: #fff;
  font-weight: bold;
}
#proca_submit.proca-MuiFab-primary,#proca_submit .proca-MuiButton-label,#proca_submit.proca-MuiButton-containedPrimary {
    background-color: #63C500 !important;
}
#proca_submit .proca-MuiFab-primary:hover,#proca_submit .proca-MuiButton-label:hover,#proca_submit.proca-MuiButton-containedPrimary:hover {
  background-color: rgb(80, 133, 34) !important;
}
#proca_submit.proca-MuiButton-containedPrimary .proca-MuiButton-label{
    background-color: transparent !important;
}
.proca-MuiListItemText-secondary {
    color: grey;
}
.proca-MuiListItem-gutters {
    padding: 0 !important;
}
.proca-widget .proca-MuiList-root {

}
.proca-widget .proca-MuiGrid-root:has(input[name="email"]) {
    
}
.proca-MuiGrid-item:has(input[name="postcode"]) {
    flex-grow: 1 !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.proca-MuiGrid-item:has(input[name="postcode"]) ~ .proca-MuiGrid-item:has(input[name="postcode"]) {
    display: block;
}
.proca-MuiGrid-item:has(input[name="locality"]) {
    display: none;
}
.proca-MuiGrid-item:has(input[name="postcode"]) ~ .proca-MuiGrid-item:has(input[name="postcode"]) {
}

#proca-fab {
    display: none;
}
#proca-fab > div {
  right: auto;
  left: auto;
  width: 100%;
  padding: 0 1rem;
}
#proca-fab > div > span, #proca-fab > div button {
  width: 100%;
}
label .proca-Proca14 {
    align-items: start;
}
label .proca-Proca14 span {
    font-size: 0.8rem;
}
.proca-MuiFormControl-root legend.proca-MuiFormLabel-root {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
}
.proca-MuiFormControl-root p.proca-MuiFormHelperText-root.proca-Proca21 {
    padding-left: 0;
}
.proca-MuiFormGroup-root .proca-Proca20 {
    padding: 4px 4px 4px 10px;
}

.hit-counter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hit-counter-wrapper * {
    margin: 3px;
}
.hit-counter-wrapper::before {
    width: 2em;
    height: auto;
    display: inline-block;
    margin-left: -2em;
}

@media screen and (max-width: 768px) {
    .proca-locality {
        display: none;
    } 
    .block-inline-blockform, .block-inline-blockcs-form {
        min-height: 0;
        padding: 32px;
    }
}
.block-inline-blockform-header {
    background: #363636;
    color: white;
    margin: -32px -32px 32px;
    padding: 32px 32px 32px;
}
.block-inline-blockform-header::after {
    content: " ";
    display: block;
    background: #363636;
    width: 40px;
    margin: auto auto auto 0;
    height: 40px;
    transform: rotate(45deg);
    z-index: 0;
    margin-top: 10px;
    margin-bottom: -40px;
}
@media screen and (min-width: 1216px) {
    img.illustration {
   max-height: 310px;
   margin-top: -3em;
}
    .block-inline-blockform-header {
        margin: -48px -48px 48px;
        padding: 48px;
    }
    .block-inline-blockform-header::after {
        margin-bottom: -60px;
    }
}

.progress-wrapper {
    max-width: 600px;
}
.progress-note {
    font-size: .8em;
    color: #fff;
    margin: .5rem;
}
.progress {
 -moz-appearance:none;
 -webkit-appearance:none;
 border:none;
 border-radius: 6px;
 display:block;
 height:1rem;
 overflow:hidden;
 padding:0;
 width:100%
}
.progress::-webkit-progress-bar {
 background-color:#ededed
}
.progress::-webkit-progress-value {
 background-color:#4a4a4a
}
.progress::-moz-progress-bar {
 background-color:#4a4a4a
}
.progress::-ms-fill {
 background-color:#4a4a4a;
 border:none
}
.progress.is-primary::-webkit-progress-value {
 background-color: var(--primary-color)
}
.progress.is-primary::-moz-progress-bar {
 background-color: var(--primary-color)
}
.progress.is-primary::-ms-fill {
 background-color: var(--primary-color)
}
.progress.is-primary:indeterminate {
 background-image:linear-gradient(to right,var(--primary-color) 30%,#408000 30%)
}
.progress.is-secondary::-webkit-progress-value {
 background-color: #408000
}
.progress.is-secondary::-moz-progress-bar {
 background-color: #408000
}
.progress.is-secondary::-ms-fill {
 background-color: #408000
}
.progress.is-secondary:indeterminate {
 background-image:linear-gradient(to right,var(--primary-color) 30%,#408000 30%)
}
.progress:indeterminate {
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:moveIndeterminate;
 animation-name:moveIndeterminate;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 background-color:#ededed;
 background-image:linear-gradient(to right,#4a4a4a 30%,#ededed 30%);
 background-position:top left;
 background-repeat:no-repeat;
 background-size:150% 150%
}
.progress:indeterminate::-webkit-progress-bar {
 background-color:transparent
}
.progress:indeterminate::-moz-progress-bar {
 background-color:transparent
}
.progress:indeterminate::-ms-fill {
 animation-name:none
}
.progress.is-small {
 height:.75rem
}
.progress.is-medium {
 height:1.25rem
}
.progress.is-large {
 height:1.5rem
}
.proca-MuiGrid-item:has(.proca-subject):before {
    content: "Ihre Protestmail an den/die Abgeordnete/n";
    margin: 20px 0 10px;
    display: block;
}
fieldset.proca-MuiFormControl-root:before {
/*    content: "Worin sollte Ihre Kommune stärker investieren?"; */
    font-weight: 600;
    margin-top: 1rem;
}

/* Bürgermeister */
.proca-MuiFormHelperText-root.proca-MuiFormHelperText-contained {
    border-radius: 3px;
    padding: 6px 10px;
    color: black;
    font-size: .8em;
    line-height: 1.25;
    margin: 12px 0 0;
    display: inherit;
    font-weight: 600;
}
.proca-MuiFormHelperText-contained:before {
    content: "⚠️";
    padding-right: 10px;
}
.proca-MuiGrid-item:has(input[name="postcode"]):not(:first-of-type) {
    display: none;
}
.pseudo-background-wrapper:after {
    background: -webkit-gradient(135deg, #135d78, #1c3243) !important;
    background: -o-linear-gradient(135deg, #135d78, #1c3243) !important;
    background: linear-gradient(135deg, #135d78, #1c3243) !important;
}

/* FAQ */
#faq .title {
    color: #fff !important;
}
.accordions .accordion {
    margin-bottom: 1.5rem;
    border-top: 1px solid #bdbdbd;
    border-radius: 0;
}
.accordion-header h4.title {
    padding-left: 0.75rem;
}
.accordions .accordion .accordion-header {
    padding: .75rem 2rem .75rem 0;
}
.accordions .accordion .accordion-header + .accordion-body {
    color: #e1e0e0;
    border-top: 0;
}

.accordion .accordion-header::after {
    border-color: var(--primary-color);
    right: 1.125rem;
    z-index: 4;
}
.accordion-header::after {
    /* left: 0; */
}
.accordions .accordion:not(:last-child) {
    margin-bottom: 0rem;
}
.accordion.is-active .accordion-header::after {
    transform: rotate(135deg);
    transform-origin: center;
}