ixed files and buttons

2026-01-28 16:04:48 +01:00
commit fe8881617d
71 changed files with 5658 additions and 0 deletions
--- a/WebSite/style/details.css
+++ b/WebSite/style/details.css
@@ -0,0 +1,151 @@
+/* Details Page Styles */
+
+.service-header {
+    text-align: center;
+    margin-bottom: 40px;
+    padding-bottom: 30px;
+    border-bottom: 2px solid var(--accent-teal);
+}
+
+.service-icon-large {
+    font-size: 64px;
+    margin-bottom: 20px;
+    display: block;
+}
+
+.service-title-large {
+    font-size: 36px;
+    color: var(--primary-dark);
+    margin-bottom: 15px;
+    font-weight: 600;
+}
+
+.service-description-large {
+    font-size: 18px;
+    color: var(--primary-mid);
+    line-height: 1.6;
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+.service-content {
+    margin-top: 40px;
+}
+
+.service-section {
+    margin-bottom: 40px;
+    padding: 30px;
+    background: var(--primary-light);
+    border-radius: 16px;
+    box-shadow: 0 4px 20px rgba(79, 71, 71, 0.1);
+}
+
+.section-title {
+    font-size: 24px;
+    color: var(--primary-dark);
+    margin-bottom: 20px;
+    font-weight: 600;
+}
+
+.section-text {
+    font-size: 16px;
+    line-height: 1.6;
+    color: var(--primary-mid);
+    margin-bottom: 20px;
+}
+
+.feature-list,
+.benefit-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.feature-list li,
+.benefit-list li {
+    padding: 12px 0;
+    border-bottom: 1px solid rgba(119, 119, 100, 0.1);
+    color: var(--primary-dark);
+    font-size: 16px;
+    position: relative;
+    padding-left: 30px;
+}
+
+.feature-list li:before,
+.benefit-list li:before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: var(--accent-teal);
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.feature-list li:last-child,
+.benefit-list li:last-child {
+    border-bottom: none;
+}
+
+.cta-buttons {
+    display: flex;
+    gap: 20px;
+    justify-content: center;
+    margin-top: 30px;
+    flex-wrap: wrap;
+}
+
+.back-button-container {
+    text-align: center;
+    margin-top: 40px;
+    padding-top: 30px;
+    border-top: 1px solid rgba(119, 119, 100, 0.2);
+}
+
+.error-message {
+    text-align: center;
+    padding: 40px;
+}
+
+.error-message h2 {
+    color: var(--primary-dark);
+    margin-bottom: 15px;
+}
+
+.error-message p {
+    color: var(--primary-mid);
+    margin-bottom: 25px;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .service-icon-large {
+        font-size: 48px;
+    }
+    
+    .service-title-large {
+        font-size: 28px;
+    }
+    
+    .service-description-large {
+        font-size: 16px;
+    }
+    
+    .service-section {
+        padding: 20px;
+        margin-bottom: 25px;
+    }
+    
+    .section-title {
+        font-size: 20px;
+    }
+    
+    .cta-buttons {
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .cta-btn {
+        width: 100%;
+        max-width: 300px;
+    }
+}