.select_button {
    background-color: transparent;
    border: none;
    margin-right: 5px;
	padding: 7px 10px 7px 10px;
	border-radius: 20px;
	
    /* text-align: start; */
    /* border: 2px solid black; */
}

.select_button:hover {
    background-color: var(--light-green);
}

.select_button:active {
    background-color: var(--htw-green);
}

.active_button {
    background-color: var(--htw-green);
}


/**/

#Abend-frame,
#Tag-frame,
#Nacht-frame,
#nein-solea-frame,
#ja-solea-frame,
#ppv-input-frame,
#ehh-input-frame,
#ebat-input-frame,
#eea-input-frame,
#consea-input-frame,
#pbat-input-frame {
    background-color: transparent;
    margin-right: 15px;
	padding: 5px;
}

#Abend-frame,
#Tag-frame,
#Nacht-frame,
#nein-solea-frame,
#ja-solea-frame {
    padding: 10px;
	border-radius: 12px;
	clip-path: none !important;
}

#Abend,
#Tag,
#Nacht,
#nein-solea,
#ja-solea {
	clip-path: none !important;
}

#ppv-input-frame,
#ehh-input-frame,
#ebat-input-frame,
#eea-input-frame,
#consea-input-frame,
#pbat-input-frame {
    height: 40px;
    padding: 0px;
    display: flex;
    align-self: center;
    width: 360px;
	clip-path: none !important;
}

#ppv-input-frame:hover,
#ehh-input-frame:hover,
#ebat-input-frame:hover,
#eea-input-frame:hover,
#consea-input-frame:hover,
#pbat-input-frame:hover {
    background-color: transparent;
	clip-path: none !important;
}

#ppv-input,
#ehh-input,
#ebat-input,
#eea-input,
#consea-input,
#pbat-input {
    background-color: transparent;
	clip-path: none !important;
    margin: 1px;
}

.error {
    background-color: red;
}


/* .valid {
    background-color: black;
} */