.header-back-container {
display: flex;
align-items: center;
height: 100%;
}
.kruemel-back-button-header {
background-color: #333333; /* Dunkelgrau / Anthrazit */
color: #ffffff !important; /* Weißer Text */
font-weight: 700; /* Fett */
padding: 8px 20px; /* Etwas kompakter für den Header */
border: none; /* Kein Rahmen */
border-radius: 30px; /* Pillenform */
cursor: pointer; /* Zeiger-Hand */
font-size: 12px; /* Dezente Größe für oben */
text-transform: uppercase; /* Großbuchstaben */
letter-spacing: 1px; /* Zeichenabstand */
transition: all 0.2s ease; /* Schneller Übergang */
display: inline-block;
font-family: inherit; /* Nutzt deine Website-Schrift */
line-height: 1;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.kruemel-back-button-header:hover {
background-color: #1a1a1a; /* Fast Schwarz beim Hover */
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.kruemel-back-button-header:active {
transform: translateY(0); /* Klick-Effekt */
background-color: #000000;
}
