/** * Eigenständige, einfache Textseiten-Optik für die beiden "Rechts- * Seiten" (Impressum, Datenschutzerklärung) — bewusst OHNE Farbverlauf- * Animation, Blobs, Kreuz, Partikel usw. (die gehören nur zur * eigentlichen Meditations-Ansicht, siehe page-impressum.php/ * page-datenschutz.php). Nutzt trotzdem dieselben Farbvariablen aus * style.css für einen stimmigen Look. * * Wird NUR auf diesen beiden Seiten eingebunden, siehe functions.php * (is_page('impressum') || is_page('datenschutz') in emds_enqueue_assets()). * * Die Regeln unten überschreiben absichtlich einige Grundlagen aus * style.css (body ist dort fullscreen/zentriert/nicht-scrollbar für die * Meditations-Ansicht gedacht; main ist dort eine zentrierte Flexbox) — * hier wird stattdessen ganz normaler, scrollbarer Lesefluss gebraucht. * Das Scrollen selbst wird erst durch die Klasse "emds-legal-html" am * -Element (siehe header-legal.php) tatsächlich möglich — ohne * die bliebe der Seiten-Scroll trotz der Regeln hier blockiert. * * Siehe MANUAL.md, Abschnitt "Impressum- und Datenschutz-Seite". */ html.emds-legal-html{ height: auto; overflow: auto; } body.emds-legal-page{ height: auto; min-height: 100%; overflow: auto; display: block; background: var(--bg-1); padding: clamp(2rem, 6vw, 4rem) 1.5rem; } .legal-page{ display: block; width: auto; max-width: 640px; margin: 0 auto; text-align: left; gap: 0; color: var(--ink); } .legal-page h1{ font-family: Georgia, serif; font-weight: 400; color: var(--gold); margin-top: 0; } .legal-page h2{ font-family: Georgia, serif; font-weight: 400; font-size: 1.1rem; color: var(--gold); margin-top: 2.2rem; } .legal-page p, .legal-page li{ line-height: 1.6; color: var(--ink-dim); } .legal-page ul{ padding-left: 1.2rem; } .legal-page__back{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.85rem; } .legal-page__back a, .legal-page__coffee, .legal-page a{ color: var(--gold); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); } .legal-page__back a:hover, .legal-page__coffee:hover, .legal-page a:hover{ border-bottom-color: var(--gold); } .legal-page__coffee{ display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 600; } /* ========================================================================== Kontaktformular (Contact Form 7) -------------------------------------------------------------------------- Das Kontaktformular selbst (Felder, Versand, Spam-Schutz, Erfolgs-/ Fehlermeldung) kommt komplett vom Plugin "Contact Form 7" — eingebunden per Shortcode in template-parts/content-impressum.php. Das Theme rendert hier kein eigenes
mehr. Diese Regeln greifen über die offiziellen, stabilen CF7-Klassennamen (wpcf7-*), damit die Formular-Optik zum Rest der Seite passt. Bearbeitet wird das Formular selbst (Felder, Label-Texte, Pflichtangaben) in wp-admin → Kontakt → "Kontaktformular-Impressum". ========================================================================== */ .legal-page__form{ margin-top: 1rem; } .wpcf7-form p{ margin: 0 0 1rem; } .wpcf7-form label{ display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.82rem; color: var(--ink-dim); margin-bottom: 0.3rem; } .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-textarea{ width: 100%; padding: 0.55rem 0.7rem; border-radius: 8px; border: 1px solid rgba(243,237,226,0.24); background: rgba(255,255,255,0.05); color: var(--ink); font-family: inherit; font-size: 0.9rem; box-sizing: border-box; transition: border-color 0.2s ease; } .wpcf7-form-control.wpcf7-textarea{ resize: vertical; min-height: 120px; } .wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-email:focus, .wpcf7-form-control.wpcf7-tel:focus, .wpcf7-form-control.wpcf7-textarea:focus{ outline: none; border-color: var(--gold); } .wpcf7-form-control.wpcf7-submit{ padding: 0.6rem 1.4rem; border-radius: 8px; border: 1px solid rgba(243,237,226,0.28); background: rgba(255,255,255,0.04); color: var(--ink); font-family: inherit; font-size: 0.9rem; cursor: pointer; transition: border-color 0.2s ease; } .wpcf7-form-control.wpcf7-submit:hover{ border-color: var(--gold); } .wpcf7-form-control.wpcf7-submit:disabled{ opacity: 0.6; cursor: not-allowed; } .wpcf7-spinner{ margin: 0 0 0 0.6rem; vertical-align: middle; } .wpcf7-not-valid-tip{ color: #e08a76; font-size: 0.78rem; margin-top: 0.3rem; } .wpcf7-response-output{ margin: 1rem 0 0; padding: 0.7rem 1rem; border-radius: 8px; border: 1px solid rgba(243,237,226,0.24); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.9rem; color: var(--ink); } /* CF7 setzt diese Statusklassen selbst auf .wpcf7-form, nachdem eine Antwort vom Server da ist. */ .wpcf7-form.sent .wpcf7-response-output{ background: color-mix(in srgb, #6fbf73 25%, transparent); border-color: transparent; } .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output, .wpcf7-form.spam .wpcf7-response-output, .wpcf7-form.aborted .wpcf7-response-output{ background: color-mix(in srgb, #c0654f 25%, transparent); border-color: transparent; }