|
|
| Zeile 56: |
Zeile 56: |
| max-width: 100%; | | max-width: 100%; |
| height: auto; | | height: auto; |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| .kacheln {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
| |
| gap: 20px;
| |
| margin: 20px 0;
| |
| }
| |
|
| |
| .kachel {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| justify-content: center;
| |
| min-height: 150px;
| |
| padding: 20px;
| |
| background: #f5f5f5;
| |
| border: 1px solid #ddd;
| |
| border-radius: 12px;
| |
| text-decoration: none !important;
| |
| color: #222 !important;
| |
| font-size: 20px;
| |
| font-weight: bold;
| |
| transition: transform 0.2s, box-shadow 0.2s;
| |
| }
| |
|
| |
| .kachel:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 6px 18px rgba(0,0,0,0.15);
| |
| }
| |
|
| |
| .kachel .icon {
| |
| font-size: 45px;
| |
| margin-bottom: 10px;
| |
| } | | } |