adventskalender/2025/css/main.css aktualisiert
This commit is contained in:
@@ -6,28 +6,20 @@
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* === Adventstürchen – 2025 Look === */
|
||||
/* === Türchen-Stil === */
|
||||
.door {
|
||||
/* Positionierung & Größe */
|
||||
position: absolute;
|
||||
top: 20%; /* Testposition, später anpassen */
|
||||
left: 15%;
|
||||
width: 12%;
|
||||
aspect-ratio: 1 / 1;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
/* Typografie */
|
||||
font-family: "Bratonien2025", regular;
|
||||
font-family: "Bratonien2025", cursive;
|
||||
font-size: 2.3vw;
|
||||
font-weight: 400;
|
||||
color: var(--ci-gold);
|
||||
text-shadow: 0 0 12px rgba(200,170,73,0.55);
|
||||
|
||||
/* Glasoptik & Rahmen */
|
||||
background-color: rgba(255,255,255,0.16);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
aspect-ratio: 1 / 1;
|
||||
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
backdrop-filter: blur(6px);
|
||||
-webkit-backdrop-filter: blur(6px);
|
||||
border: 2px solid var(--ci-gold);
|
||||
@@ -36,7 +28,6 @@
|
||||
0 0 10px rgba(200,170,73,0.25),
|
||||
inset 0 0 6px rgba(255,255,255,0.18);
|
||||
|
||||
/* Interaktion */
|
||||
cursor: pointer;
|
||||
transition:
|
||||
transform 0.2s ease,
|
||||
|
||||
Reference in New Issue
Block a user