home-controller.php

css/showArticle.css

@@ -1,5 +1,5 @@
-/* Container für den gesamten Artikel */
-.art-view-container {
+/* Container für den gesamten articleikel */
+.article-view-container {
     box-sizing: border-box;
     max-width: 900px; /* Angenehme Lesebreite für längere Texte */
     margin: 3rem auto;
@@ -9,19 +9,19 @@
     line-height: 1.6;
 }
 
-.art-view-container * {
+.article-view-container * {
     box-sizing: border-box;
 }
 
 /* --- KOPFDATEN-BEREICH --- */
-.art-view-top-section {
+.article-view-top-section {
     margin-bottom: 2.5rem;
     border-bottom: 1px solid #e2e8f0;
     padding-bottom: 1.5rem;
 }
 
 /* Kategorie-Badge */
-.art-view-category {
+.article-view-category {
     display: inline-block;
     background-color: #ebf8ff;
     color: #2b6cb0;
@@ -35,7 +35,7 @@
 }
 
 /* Hauptüberschrift */
-.art-view-title {
+.article-view-title {
     font-size: 2.5rem;
     color: #1a202c;
     line-height: 1.2;
@@ -44,28 +44,28 @@
 }
 
 /* Autoren-Zeile */
-.art-view-meta {
+.article-view-meta {
     font-size: 0.95rem;
     color: #4a5568;
 }
 
-.art-view-author strong {
+.article-view-author strong {
     color: #2d3748;
 }
 
 /* --- INHALT --- */
-.art-view-content {
+.article-view-content {
     margin-bottom: 3rem;
 }
 
-.art-view-body {
+.article-view-body {
     font-size: 1.125rem;
     color: #2d3748;
     white-space: pre-line;
 }
 
 /* --- TAG-BEREICH --- */
-.art-view-bottom-section {
+.article-view-bottom-section {
     border-top: 1px solid #e2e8f0;
     padding-top: 1.5rem;
     display: flex;
@@ -73,7 +73,7 @@
     gap: 0.5rem;
 }
 
-.art-view-tags-label {
+.article-view-tags-label {
     font-size: 0.9rem;
     font-weight: 600;
     color: #718096;
@@ -81,14 +81,14 @@
     letter-spacing: 0.05em;
 }
 
-.art-view-tags-list {
+.article-view-tags-list {
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
 }
 
 /* Einzelner Tag */
-.art-view-tag-item {
+.article-view-tag-item {
     background-color: #f1f5f9;
     color: #475569;
     font-size: 0.85rem;
@@ -99,20 +99,20 @@
     transition: background-color 0.2s, color 0.2s;
 }
 
-.art-view-tag-item:hover {
+.article-view-tag-item:hover {
     background-color: #e2e8f0;
     color: #1e293b;
     cursor: default;
 }
 
-/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
+/* Responsive Anpassungen unter 760px (für z.B. Smarticlephones) */
 @media (max-width: 760px) {
-    .art-view-container {
+    .article-view-container {
         margin: 1.5rem auto;
         padding: 0 1rem;
     }
 
-    .art-view-title {
+    .article-view-title {
         font-size: 1.85rem;
     }
 }