changelog added

hugo_stats.json

@@ -4,6 +4,7 @@
       "a",
       "article",
       "b",
+      "base",
       "blockquote",
       "body",
       "br",
@@ -356,21 +357,27 @@
       "company",
       "cookie-box",
       "cookie-button",
+      "de-handelingen",
       "de-impact",
       "de-overheid-afhankelijkheid",
+      "de-situatie",
+      "de-uitkomsten",
       "de-vele-nuttige-toepassingen",
       "een-storing-wat-nu",
       "een-techno-piramidespel",
       "estimatedTotal",
       "fn:1",
       "fn:2",
+      "fn:3",
       "fnref:1",
       "fnref:2",
+      "fnref:3",
       "garanties--service",
       "gebruik-opensource-software",
       "heb-ik-een-microsoft-apple-of-google-account-nodig",
       "heeft-of-behoudt-startit-rechten-over-de-software",
       "hoe-los-je-technische-schuld-af",
+      "hoe-werkt-het-allemaal",
       "is-open-source-software-veilig",
       "item-0",
       "item-1",
@@ -379,6 +386,7 @@
       "jobs-description",
       "kaf-en-koren-scheiden",
       "kan-garantie-vervallen",
+      "kan-je-dit-zelf-regelen-of-is-een-externe-partij-noodzakelijk",
       "langDropdown",
       "leadcapture-error",
       "leadcapture-form",
@@ -452,7 +460,10 @@
       "total-service",
       "traagheid",
       "videoModal",
+      "voorbeeld-van-een-schoenverkoper",
+      "waarom-is-het-belangrijk",
       "wat-is-het-gevaar",
+      "wat-is-seosea-eigenlijk",
       "wat-is-technische-schuld",
       "wat-maakt-ai-een-bubbel",
       "wat-valt-er-onder-garantie",

themes/agico-hugo/assets/scss/_common.scss

@@ -686,39 +686,73 @@ textarea.form-control {
 }
 
 .accordion {
-  border: 1px solid #ccc;
+  border: 1px solid #ddd;
+  border-radius: 12px;
+  margin-bottom: 1rem;
+  overflow: hidden;
+  background: #fff;
+  transition: box-shadow 0.2s ease;
+}
+
+.accordion:hover {
+  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
 }
 
 .accordion-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 1rem;
+  gap: 0.75rem;
-  font-size: 1.1rem;
+  padding: 1rem 1.25rem;
+  font-size: 1.05rem;
+  font-weight: 600;
   width: 100%;
-  font-weight: bold;
   text-align: left;
+  background: #f8f9fa;
+  border: none;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.accordion-header:hover {
+  background: #f1f3f5;
+}
+
+.accordion-title {
+  flex: 1;
+  display: block;
 }
 
 .accordion-icon {
-  width: 0.78em;
+  width: 0.85em;
-  height: 0.78em;
+  height: 0.85em;
   transform: rotate(-90deg);
-  transition: transform 0.2s ease;
+  transition: transform 0.25s ease;
+  opacity: 0.7;
+}
+
+.accordion.active .accordion-icon {
+  transform: rotate(0deg);
+  opacity: 1;
 }
 
 .accordion-content {
   max-height: 0;
   overflow: hidden;
-  padding: 0 1rem;
+  padding: 0 1.25rem;
-}
+  background: white;
   
-.accordion.active .accordion-icon {
+  transition: max-height 0.25s ease, padding 0.25s ease;
-  transform: rotate(0deg);
 }
 
 .accordion.active .accordion-content {
-  max-height: max-content;
+  padding: 1rem 1.25rem;
+  max-height: 500px;
+}
+
+.accordion-content p,
+.accordion-content ul,
+.accordion-content li {
+  margin: 0.5rem 0;
 }
 
 .pricing-table {