Update ponudba page: restructure layout with split design, change headings, and fix text alignment

css/style.css

@@ -15,6 +15,8 @@
 html {
   height: auto !important;
   min-height: 100vh;
+  scroll-behavior: smooth;
+  scroll-padding-top: 110px;
 }
 
 body {
@@ -1241,7 +1243,7 @@ footer {
 .offer-language-card p {
   color: #4f5562;
   line-height: 1.65;
-  text-align: justify
+  text-align: left;
 }
 
 .offer-language-card ul {
@@ -6861,3 +6863,58 @@ html, body {
   font-size: 2rem;
   font-weight: 700;
 }
+
+/* --- Nova postavitev za stran Ponudba (Split Layout) - ENAKA VIŠINA --- */
+.teaching-layout {
+  display: grid;
+  grid-template-columns: 1fr 2fr; /* Prvi stolpec 1 del, drugi 2 dela */
+  gap: 1.8rem;
+  align-items: stretch; /* To zagotovi, da sta oba glavna stolpca enako visoka */
+}
+
+/* 1. Nastavimo stolpca kot Flexbox, da lahko raztegnemo vsebino navzdol */
+.teaching-col-primary,
+.teaching-col-secondary {
+  display: flex;
+  flex-direction: column;
+}
+
+/* 2. Kartica v levem stolpcu (Angleščina) se mora raztegniti, da zapolni ves prostor */
+.teaching-col-primary .offer-language-card {
+  flex-grow: 1;
+  height: 100%; /* Zagotovilo za starejše brskalnike */
+}
+
+/* 3. Grid v desnem stolpcu se mora prav tako raztegniti */
+.secondary-languages-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr; /* Dva enaka stolpca */
+  gap: 1.8rem;
+  flex-grow: 1; /* To raztegne grid do dna desnega stolpca */
+}
+
+/* 4. Kartici v desnem stolpcu (Albanščina, Slovenščina) se morata raztegniti */
+.secondary-languages-grid .offer-language-card {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+/* -- Prilagoditev za manjše zaslone (tablete in telefone) -- */
+@media (max-width: 992px) {
+  .teaching-layout {
+    grid-template-columns: 1fr; /* Stolpci gredo eden pod drugega */
+    gap: 3rem;
+  }
+  
+  .secondary-languages-grid {
+    grid-template-columns: 1fr; /* Kartice gredo ena pod drugo */
+  }
+  
+  /* Na mobilnih napravah ne želimo fiksne višine, ampak naravno velikost */
+  .teaching-col-primary .offer-language-card,
+  .secondary-languages-grid .offer-language-card {
+    height: auto;
+    flex-grow: 0;
+  }
+}