feat: add initial base pages and mobile-first framework

2026-08-12 12:09:47 +02:00
commit 73d8ee5a8f
8 changed files with 489 additions and 0 deletions
@@ -0,0 +1,47 @@
+/* ==========================================================================
+   Page: Frage-Seite (index.html)
+   Heart-shaped decorative background
+   ========================================================================== */
+
+body.page-ask {
+  display: flex;
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+.page-ask .content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  min-height: 100vh;
+  width: 100%;
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 24px 20px;
+}
+
+.page-ask .question {
+  margin-bottom: 0.3em;
+}
+
+.page-ask .subtitle {
+  color: var(--color-text-light);
+  font-size: clamp(1rem, 4vw, 1.1rem);
+  margin-bottom: 2.5em;
+}
+
+.page-ask .button-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.page-ask .btn {
+  transform-origin: center;
+}