Initial commit: Teilzeitladen WordPress Theme

- Custom Theme mit WooCommerce Support - Responsive Design - Notice Banner (Admin-gesteuert) - Google Fonts Integration - Platz für Unikate-Präsentation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-02 19:31:47 +02:00
commit 7adbad7e63
10 changed files with 711 additions and 0 deletions
--- a/wp-content/themes/teilzeitladen-theme/style.css
+++ b/wp-content/themes/teilzeitladen-theme/style.css
@@ -0,0 +1,227 @@
+/*
+Theme Name: Teilzeitladen
+Theme URI: https://my.teilzeitladen.xyz
+Author: Christoph Emsenhuber
+Author URI: https://emsenhuber.net
+Description: Custom Theme für Teilzeitladen - Unikate aus Blumentexten und Bastelbeton
+Version: 1.0.0
+License: GPL v2
+License URI: https://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: teilzeitladen
+Tags: e-commerce, woocommerce, custom, handmade, unique
+
+Teilzeitladen WordPress Theme © 2026 Christoph Emsenhuber
+*/
+
+/* ========================================
+   Teilzeitladen - Custom Styles
+   ======================================== */
+
+:root {
+    --primary-color: #8B7355;
+    --secondary-color: #D4C5B9;
+    --accent-color: #E07B39;
+    --text-color: #3C3633;
+    --bg-color: #FDF8F3;
+    --font-heading: 'Playfair Display', Georgia, serif;
+    --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+/* Base Styles */
+body {
+    font-family: var(--font-body);
+    color: var(--text-color);
+    background-color: var(--bg-color);
+    line-height: 1.6;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-heading);
+    font-weight: 600;
+    color: var(--primary-color);
+}
+
+/* Header */
+.site-header {
+    background: linear-gradient(135deg, var(--bg-color) 0%, var(--secondary-color) 100%);
+    padding: 1rem 0;
+    border-bottom: 3px solid var(--accent-color);
+}
+
+.site-title {
+    font-family: var(--font-heading);
+    font-size: 2.5rem;
+    color: var(--primary-color);
+    text-decoration: none;
+}
+
+.site-description {
+    color: var(--text-color);
+    font-style: italic;
+}
+
+/* Navigation */
+.main-navigation {
+    background-color: var(--primary-color);
+}
+
+.main-navigation a {
+    color: #fff;
+    padding: 1rem 1.5rem;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+}
+
+.main-navigation a:hover {
+    background-color: var(--accent-color);
+}
+
+/* Hero Banner */
+.hero-banner {
+    background: linear-gradient(rgba(139, 115, 85, 0.7), rgba(139, 115, 85, 0.7)),
+                url('assets/images/hero-bg.jpg') center/cover;
+    color: #fff;
+    text-align: center;
+    padding: 6rem 2rem;
+}
+
+.hero-banner h1 {
+    color: #fff;
+    font-size: 3.5rem;
+    margin-bottom: 1rem;
+}
+
+.hero-banner .tagline {
+    font-size: 1.5rem;
+    font-style: italic;
+}
+
+/* Product Grid */
+.products-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 2rem;
+    padding: 3rem 0;
+}
+
+.product-card {
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
+    overflow: hidden;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.product-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
+}
+
+.product-card img {
+    width: 100%;
+    height: 280px;
+    object-fit: cover;
+}
+
+.product-card .product-info {
+    padding: 1.5rem;
+}
+
+.product-card h3 {
+    margin-bottom: 0.5rem;
+}
+
+.product-card .price {
+    color: var(--accent-color);
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+.product-card .unique-badge {
+    display: inline-block;
+    background-color: var(--accent-color);
+    color: #fff;
+    padding: 0.25rem 0.75rem;
+    border-radius: 20px;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+
+/* Buttons */
+.btn {
+    display: inline-block;
+    padding: 0.75rem 2rem;
+    background-color: var(--accent-color);
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px;
+    transition: background-color 0.3s ease;
+    border: none;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: var(--primary-color);
+}
+
+/* Footer */
+.site-footer {
+    background-color: var(--primary-color);
+    color: #fff;
+    padding: 3rem 0 1rem;
+    text-align: center;
+}
+
+.site-footer a {
+    color: var(--secondary-color);
+}
+
+/* WooCommerce Customizations */
+.woocommerce .products .product {
+    background: #fff;
+    border-radius: 8px;
+    padding: 1rem;
+}
+
+.woocommerce .products .product h2 {
+    font-family: var(--font-heading);
+    color: var(--primary-color);
+}
+
+.woocommerce .price {
+    color: var(--accent-color) !important;
+    font-weight: 600;
+}
+
+/* Notice Banner */
+.notice-banner {
+    background-color: var(--accent-color);
+    color: #fff;
+    padding: 1rem;
+    text-align: center;
+}
+
+.notice-banner a {
+    color: #fff;
+    text-decoration: underline;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .site-title {
+        font-size: 1.75rem;
+    }
+    
+    .hero-banner h1 {
+        font-size: 2rem;
+    }
+    
+    .hero-banner .tagline {
+        font-size: 1.1rem;
+    }
+    
+    .products-grid {
+        grid-template-columns: 1fr;
+    }
+}