/* Feedback-Button */

.feedback-button {
	display: none;
	z-index:200;

}

.feedback-button a,
.mod_changelanguage li.feedback-button--tiny {
    background-color: rgb(164, 69, 136);
    color: white;
    font-size: .9em;
	padding: .4rem;
}

.feedback-button a:hover, .feedback-button a:focus,
.mod_changelanguage li.feedback-button--tiny:hover, .mod_changelanguage li.feedback-button--tiny:focus {
    color: rgb(164, 69, 136);
    background-color: white;
}


@media screen and (min-width: 1181px) {
	
	.feedback-button--tiny {
		display: none;
	}	
	.feedback-button {
		display: block;
	    position: relative;
	top: -60px;
    width: 250px;
    left: 52px;
	}
	.feedback-button a {
	    padding: .5rem 1rem;
	    border: 5px solid white;
	    box-shadow: 0 0 5px 1px #ccc;
	}

	.feedback-button a:hover, .feedback-button a:focus {
	    border: 5px solid rgb(164, 69, 136);
	}
	
}


@media screen and (max-width: 460px) {
    .head--spenden {
        /* right: 72px; */
        /* top: 53px; */
        right: 20px;
        top: 204px;
        z-index: 100;

    }
}

/* Feedback-Formular */

.feedback .checkbox_container {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem 2rem;
}
.feedback .checkbox_container
.rating {
    border-bottom: 1px dotted #ccc;
}

.rating legend {    
    /*! width: 62%; */
    max-width: 380px; 
    margin-bottom: 0;
}



@media screen and (min-width: 500px){
    .rating legend {    
        width: 50%;
        margin-bottom: -37px;
    }
    
}

@media screen and (min-width: 768px){
    .rating legend {    
        margin-bottom: -37px;
    }
    
}

@media screen and (min-width: 1040px){
    .rating legend {    
        width: 70%;
    }
    
}

.rating:not(:checked) input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) label {
    float:right;
    width:1em;
    padding:0 .05em .5em 0;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:240%;
    line-height:1.2;
    color:#ccc;
}

.rating:not(:checked) label:before {
    content: '★ ';
    content: '\2605';
    padding-right: .5em;
}

.rating input:checked ~ label {
	color: gold;

}

.rating:not(:checked) label:hover,
.rating:not(:checked) label:hover ~ label {
    color: gold;
}

.rating input:checked + label:hover,
.rating input:checked + label:hover ~ label,
.rating input:checked ~ label:hover,
.rating input:checked ~ label:hover ~ label,
.rating label:hover ~ input:checked ~ label {
    color: #ea0;
}

.rating > label:active {
    position:relative;
}

.feedback input + br + label {
    margin-top: 1rem;
  
}

.feedback input[type="submit"]:hover,
.feedback input[type="submit"]:focus{
	background-color: #d7e9f8;
}


.feedback-result td:first-child {width: 25em;}
.feedback-result td {border-bottom: 1px solid #ccc; padding: .25rem 0}