.haupt-button{background-color:var(--button-hintergrund);color:var(--text-farbe);border:1px solid var(--karten-rand);padding:.75rem 1.5rem;border-radius:9999px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:var(--schatten);transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.haupt-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.2);border-color:var(--akzent-farbe);color:var(--text-farbe)}.projekt-textarea{width:100%;height:300px;background-color:var(--karten-hintergrund);color:var(--text-farbe);border:1px solid var(--karten-rand);border-radius:16px;padding:1rem;font-family:inherit;font-size:1.1rem;resize:vertical;margin-bottom:2rem;box-shadow:inset 0 2px 10px rgba(0,0,0,.1)}.projekt-textarea:focus{outline:none;border-color:var(--akzent-farbe)}.button-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width:768px){.button-grid{grid-template-columns:repeat(3,1fr)}}.lern-button{background-color:var(--karten-hintergrund);color:var(--text-farbe);border:1px solid var(--karten-rand);padding:1.5rem;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--schatten);backdrop-filter:blur(10px)}.lern-button:hover{transform:translateY(-5px) scale(1.02);border-color:var(--akzent-farbe);background-color:var(--button-hintergrund)}