.feedbackform form .form-floating select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
color: var(--wp--preset--color--darkblue);
border: 2px solid var(--wp--preset--color--darkblue);
border-radius: .5rem;
background-color: white; line-height: 1.2rem;
min-height: 2.4rem;
transition: all .2s ease-in-out;
background-position: 99% center;
background-repeat: no-repeat;
background-size: 1em 1em;
}
.feedbackform form .form-floating > .form-control:not(:placeholder-shown) {
padding-bottom: 3px;
}
.feedbackform form .form-floating select:active,
.feedbackform form .form-floating select:focus,
.feedbackform form .form-floating textarea:active,
.feedbackform form .form-floating textarea:focus {
border-style: solid solid dashed solid;
border-color: var(--wp--preset--color--lightgrey) var(--wp--preset--color--lightgrey) var(--wp--preset--color--darkblue) var(--wp--preset--color--lightgrey);
border-radius: .5rem .5rem 0 0;
background-color: #f3f3f3;
}
.feedbackform form .form-floating textarea {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
color: var(--wp--preset--color--darkblue);
border: 2px solid var(--wp--preset--color--darkblue);
border-radius: .5rem;
background-color: white;
padding: .5rem;
line-height: 1.2rem;
min-height: 2.4rem;
transition: all .2s ease-in-out;
background-position: 99% center;
background-repeat: no-repeat;
background-size: 1em 1em;
}
.feedbackform form .feedback span.info {
font-size: .8rem;
color: var(--wp--preset--color--darkblue);
}
.feedbackform form .feedback label,
.feedbackform form .feedback span.info {
display: block;
width: 100%;
}
.feedbackform form .form-floating input:focus,
.feedbackform form .form-floating select:focus,
.feedbackform form .form-floating textarea:focus,
.feedbackform form input[type=checkbox]:focus,
.feedbackform form input[type=radio]:focus {
outline: none;
box-shadow: none;
}
.feedbackform form input[type=checkbox]:checked {
background-image: none;
}
.feedbackform form input[type=checkbox]:checked:after {
content: "";
display: block;
position: absolute;
background-image: url(//www.stadtwerke-bruehl.de/wp-content/plugins/j77_beschwerdeformular/blocks/beschwerdeformular/img/check-only-white.svg);
background-position: center center;
background-size: 1.5rem 1.5rem;
background-repeat: no-repeat;
width: 1.5rem;
height: 1.5rem;
top: -0.3rem;
right: -0.4rem;
}
.feedbackform form input[type=radio]:checked {
border-color: #75B726;
background-color: #75B726;
}
.feedbackform form input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid var(--wp--preset--color--darkblue);
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
min-width: 1.5rem;
position: relative;
margin-right: 10px;
}
.feedbackform form .feedback .form-check {
display: inline-flex;
align-items: center;
margin-bottom: 0;
}
.feedbackform form .acceptance .form-check label {
margin-left: 1rem;
}
.sendmessage .alert {
border: 0;
}
.sendmessage .alert-success {
background-color: var(--wp--preset--color--green);
color: white;
}
.sendmessage .alert-danger {
background-color: var(--wp--preset--color--red);
color: white;
}
.sendmessage .alert h4.alert-heading {
color: white;
font-size: 1.5rem
}