.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 {
    visibility: hidden;
}
.proca-MuiButton-endIcon {
    position: absolute;
}
span.proca-MuiButton-label span::before {
    content: "E-Mail versenden";
    color: #fff;
    visibility: visible;
}
ul.proca-MuiList-root {
    max-height: 200px !important;
}
label.proca-MuiFormControlLabel-root {
  margin: .5rem 0 0;
}
.proca-MuiFab-label, .proca-MuiButton-label {
  font-size: 1.2rem;
  text-transform: initial;
  color: #fff;
  font-weight: bold;
}
.proca-MuiFab-primary,.proca-MuiButton-label,.proca-MuiButton-containedPrimary {
    background-color: #63C500 !important;
}
.proca-MuiFab-primary:hover,.proca-MuiButton-label:hover,.proca-MuiButton-containedPrimary:hover {
  background-color: rgb(80, 133, 34) !important;
}
.proca-MuiButton-containedPrimary .proca-MuiButton-label{
    background-color: transparent !important;
}
.proca-MuiAlert-message .proca-MuiButton-contained  {
  display: none;
}
.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-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;
}

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