büroshop könig button an das Design angepasst

This commit is contained in:
Domenik Rath 2025-04-16 14:59:44 +02:00
parent db2f16dacd
commit 516b95d0f4

View File

@ -182,7 +182,22 @@
font-size: 20px; /* Größere Schriftgröße für 4K */
border-radius: 15px; /* Größere abgerundete Ecken */
}
}
.koenig-button {
padding: 1.5vh 4vw; /* Gleiche Polsterung wie die Such- und Zurücksetzen-Buttons */
font-size: 1.5vw; /* Gleiche Schriftgröße */
background-color: #3498db; /* Gleiche Hintergrundfarbe */
color: white; /* Gleiche Textfarbe */
border: none; /* Kein Rahmen */
border-radius: 1vw; /* Gleiche abgerundete Ecken */
cursor: pointer; /* Mauszeiger als Hinweis auf Klickbarkeit */
transition: background-color 0.3s ease; /* Sanfter Übergang für Hover-Effekt */
margin-top: 2vh; /* Etwas Abstand nach oben */
}
.koenig-button:hover {
background-color: #2980b9; /* Gleiche Hover-Farbe */
}
</style>
</head>
<body>
@ -461,7 +476,7 @@
<div>
<!-- Button für die Weiterleitung -->
<button class="koenig" onclick="window.open('https://ecommerce.koenig-ffm.com/', '_blank')">
<button class="koenig-button" onclick="window.open('https://ecommerce.koenig-ffm.com/', '_blank')">
Zum Büroshop König
</button>
</div>