/* footer.css für alle html-Dateien */ 

footer {
    background-color: rgb(164, 164, 164);
    background-image: linear-gradient(rgb(218, 218, 218), rgb(164, 164, 164), rgb(218, 218, 218));
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 1%;
    padding: 5px 10px;
    color: rgb(44, 39, 39);  /* Schriftfarbe */
    height: 35px;
}

.copyright {
    width: 50%;
}
.logo_footer {
	height: 50px;
	width: auto;
	padding-top: 2px;
}
.footer-text {
	olor: rgb(44, 39, 39);
	font-weight: bold;
	font-size: 18px;	
	font-style: italic;
}
.links {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.links a {
    margin: 0 10px;
    color: rgb(44, 39, 39);  /* Schriftfarbe */
    text-decoration: none;
    font-size: 18px;
}


@media screen and (max-width: 460px) {  
	footer {
		height: 50px;	
	}	
	.logo_footer {
		height: 35px;	
	}
	.links a {
		margin: 0 5px;
		font-size: clamp(12px, 15px, 17px);  /* font-size: 12px; */
	}
}
@media screen and (max-width: 380px) {   
	footer {
		flex-direction: column;
		height: 80px;
	}
	footer .links {
		justify-content: center; 	
	}
}