complete style conversion, cleanups

assets/css/style.css

@@ -0,0 +1,978 @@
+/* === GCG stylesheet === */
+
+/* variables */
+
+:root {
+  --gcg-color-primary: #ffbc3b;
+  --gcg-color-primary-light: #ffde9c;
+  --gcg-color-secondary: #1a1a37;
+  --gcg-color-tertiary: #182b45;
+  --gcg-color-light-1x: #ededf1;
+  --gcg-color-light-2x: #f8f9fe;
+  --gcg-color-grey: #b5b5b7;
+  --gcg-color-border: #dee2e6;
+  --gcg-font-primary: "Ubuntu", sans-serif;
+  --gcg-font-header: "Fira Sans", sans-serif;
+  --gcg-font-icon: "Material Design Icons";
+  --gcg-icon-list: "\f0B2A";
+  --gcg-icon-search: "\f0349";
+}
+
+/*  typography */
+
+p {
+  font-weight: 400;
+  color: var(--bs-secondary-color);
+  font-size: 15px;
+  line-height: 1.9;
+  font-family: var(--gcg-font-primary);
+}
+
+.text-white p {
+  color: inherit;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--gcg-color-secondary);
+  font-family: var(--gcg-font-header);
+  font-weight: 900;
+  line-height: 1.2;
+}
+
+h1,
+.h1 {
+  font-size: 60px;
+}
+
+h2,
+.h2 {
+  font-size: 35px;
+}
+
+h3,
+.h3 {
+  font-size: 25px;
+}
+
+h4,
+.h4 {
+  font-size: 20px;
+  transition: 0.2s ease;
+}
+
+h5,
+.h5 {
+  font-size: 18px;
+}
+
+h6,
+.h6 {
+  font-size: 16px;
+}
+
+/* preloader */
+
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--gcg-color-primary);
+  z-index: 999999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* basic styles */
+
+body {
+  line-height: 1.2;
+  font-family: var(--gcg-font-primary);
+  -webkit-font-smoothing: antialiased;
+  font-size: 15px;
+  color: var(--bs-secondary-color);
+  background-color: white;
+  overflow-x: hidden;
+}
+
+::selection {
+  background: var(--gcg-color-primary-light);
+  color: var(--bs-tertiary-color);
+}
+
+ol,
+ul {
+  list-style-type: none;
+  margin: 0;
+}
+
+img {
+  vertical-align: middle;
+  border: 0;
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+
+a {
+  color: inherit;
+}
+
+a,
+button,
+select {
+  cursor: pointer;
+  transition: 0.2s ease;
+}
+
+a:focus,
+button:focus,
+select:focus {
+  outline: 0;
+}
+
+a:hover {
+  color: var(--gcg-color-primary);
+}
+
+a.text-primary:hover {
+  color: var(--gcg-color-primary) !important;
+}
+
+a h4:hover {
+  color: var(--gcg-color-primary);
+}
+
+.section {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+
+.bg-cover {
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.border-primary {
+  border-color: var(--gcg-color-light-1x) !important;
+}
+
+.overlay {
+  position: relative;
+}
+
+.overlay::before {
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background: var(--gcg-color-secondary);
+  opacity: 0.7;
+}
+
+.bg-primary {
+  background: var(--gcg-color-primary) !important;
+}
+
+.bg-secondary {
+  background: var(--gcg-color-secondary) !important;
+}
+
+.bg-footer {
+  background-color: var(--gcg-color-tertiary);
+}
+
+.text-primary {
+  color: var(--gcg-color-primary) !important;
+}
+
+.text-muted {
+  color: var(--gcg-color-grey) !important;
+}
+
+.font-header {
+  font-family: var(--gcg-font-header);
+}
+
+.icon-s {
+  font-size: 28px;
+}
+
+.icon-md {
+  font-size: 36px;
+}
+
+.page-title-section {
+  padding: 200px 0 80px;
+}
+
+.list-styled {
+  padding-left: 25px;
+}
+
+.list-styled li {
+  position: relative;
+  margin-bottom: 15px;
+}
+
+.list-styled li::before {
+  position: absolute;
+  content: "";
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  background: var(--gcg-color-primary);
+  left: -25px;
+  top: 5px;
+}
+
+textarea.form-control {
+  height: 200px;
+  padding: 20px;
+}
+
+.post-thumb-sm {
+  max-width: 100px;
+}
+
+.pagination {
+  justify-content: center;
+}
+
+.pagination .page-item .page-link {
+  color: var(--bs-secondary-color);
+}
+
+.pagination .page-item.active .page-link {
+  background: var(--gcg-color-primary);
+  color: white;
+  border-color: var(--gcg-color-primary);
+}
+
+.content * {
+  margin-bottom: 20px;
+}
+
+.content a {
+  text-decoration: underline;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  margin-bottom: 10px;
+}
+
+.content ol {
+  padding-left: 20px;
+  list-style-type: decimal;
+}
+
+.content ul {
+  padding-left: 0;
+}
+
+.content ul li {
+  position: relative;
+  padding-left: 20px;
+  margin-bottom: 10px;
+  list-style-type: none;
+}
+
+.content ul li::before {
+  position: absolute;
+  content: var(--gcg-icon-list);
+  font-family: var(--gcg-font-icon);
+  font-size: 14px;
+  left: 0;
+  top: 1px;
+  color: var(--gcg-color-primary);
+  transition: 0.3s ease;
+}
+
+.content img {
+  max-width: 100%;
+}
+
+.content table {
+  text-align: left;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  border: 1px solid var(--gcg-color-border);
+  table-layout: fixed;
+}
+
+.content table th,
+td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border: 1px solid var(--gcg-color-border);
+}
+
+.content table thead {
+  background: var(--gcg-color-light-1x);
+}
+
+.content table tbody {
+  background: var(--gcg-color-light-2x);
+}
+
+.content table tbody td {
+  text-align: left !important;
+}
+
+.content blockquote {
+  border: 1px solid var(--gcg-color-light-1x);
+  border-left: 5px solid var(--gcg-color-primary);
+  padding: 20px;
+  padding-left: 40px;
+  background-color: var(--gcg-color-light-2x);
+}
+
+.content blockquote p {
+  color: var(--bs-secondary-color);
+  font-style: italic !important;
+}
+
+.content blockquote * {
+  margin-bottom: 0 !important;
+}
+
+.content pre {
+  padding: 10px 20px;
+  background: var(--gcg-color-light-2x);
+}
+
+summary {
+  font-weight: 900;
+  font-size: 22px;
+  color: var(--gcg-color-secondary);
+}
+
+summary.hover {
+  color: var(--gcg-color-primary);
+}
+
+details[open] {
+  padding: 0.5em;
+  padding-bottom: 0;
+}
+
+details[open] summary {
+  border-bottom: 1px solid var(--gcg-color-border);
+  margin-bottom: 0.5em;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.fb-tile-color {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 195px;
+}
+
+.fb-tile-icon {
+  font-size: 96px;
+}
+
+#wc-canvas {
+  width: 100%;
+  height: 600px;
+}
+
+.filter-controls li {
+  cursor: pointer;
+  transition: 0.1s ease;
+}
+
+.filter-controls li.active {
+  font-weight: 600;
+  color: var(--gcg-color-primary);
+}
+
+.filter-controls li:hover {
+  color: var(--gcg-color-primary);
+}
+
+.tag-list a {
+  display: block;
+  padding: 5px 10px;
+  background: var(--bs-secondary-bg);
+  color: var(--bs-secondary-color);
+}
+
+.tag-list a:hover {
+  background: var(--gcg-color-primary);
+  color: white;
+}
+
+.hover-shadow {
+  transition: 0.3s ease;
+}
+
+.hover-shadow:hover {
+  box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
+}
+
+/* hero */
+
+.hero-section {
+  padding: 250px 0 200px;
+}
+
+.hs-banner {
+  padding: 50px 0 200px;
+}
+
+.hero-slider .prevArrow,
+.hero-slider .nextArrow {
+  position: absolute;
+  bottom: -123px;
+  z-index: 9;
+  padding: 15px;
+  color: rgba(white, 0.5);
+  border: 0;
+  font-size: 30px;
+  transition: all linear 0.2s;
+  background: transparent;
+}
+
+.hero-slider .prevArrow:focus,
+.hero-slider .nextArrow:focus {
+  outline: 0;
+}
+
+.hero-slider .prevArrow:hover,
+.hero-slider .nextArrow:hover {
+  color: var(--gcg-color-primary);
+}
+
+.hero-slider .prevArrow {
+  right: 60px;
+}
+
+.hero-slider .nextArrow {
+  right: 0;
+}
+
+.hero-slider .arrowIcon {
+  font-size: 40px;
+}
+
+.hero-slider .slick-dots {
+  position: absolute;
+  left: 0;
+  bottom: -100px;
+  padding-left: 0;
+}
+
+.hero-slider .slick-dots li {
+  display: inline-block;
+  margin: 0 6px;
+}
+
+.hero-slider .slick-dots li.slick-active button {
+  background: var(--gcg-color-primary);
+}
+
+.hero-slider .slick-dots li button {
+  color: transparent;
+  padding: 0;
+  overflow: hidden;
+  height: 10px;
+  width: 10px;
+  background: rgba(white, 0.5);
+  border: 0;
+  outline: 0;
+}
+
+/* feature */
+
+.feature-icon {
+  font-size: 60px;
+  color: var(--gcg-color-secondary);
+  display: inline-block;
+}
+
+.feature-blocks {
+  margin-left: 40px;
+  margin-right: 40px;
+  padding-left: 70px;
+  padding-top: 80px;
+  padding-right: 70px;
+}
+
+/* intro-video */
+
+.intro-video {
+  min-height: 300px;
+}
+
+.intro-video .play-btn {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+}
+
+.play-btn {
+  display: inline-block;
+  height: 80px;
+  width: 80px;
+  border-radius: 50%;
+  background: var(--gcg-color-primary);
+  color: white;
+  font-size: 25px;
+  text-align: center;
+}
+
+.play-btn i {
+  line-height: 80px;
+}
+
+.play-btn::before {
+  position: absolute;
+  content: "";
+  height: 0;
+  width: 0;
+  transform: translate(-50%, -50%);
+  background: white;
+  border-radius: 50%;
+  top: 50%;
+  left: 50%;
+  z-index: -2;
+  transition: 0.3s ease;
+  transition-delay: 0.2s;
+}
+
+.play-btn::after {
+  position: absolute;
+  content: "";
+  height: 80%;
+  width: 80%;
+  transform: translate(-50%, -50%);
+  background: var(--gcg-color-primary);
+  border-radius: 50%;
+  top: 50%;
+  left: 50%;
+  z-index: -1;
+  transition: 0.3s ease;
+}
+
+.play-btn:hover::before {
+  height: 80%;
+  width: 80%;
+  transition-delay: 0s;
+}
+
+.play-btn:hover::after {
+  height: 0;
+  width: 0;
+  transition: 0s ease;
+}
+
+.logo-footer {
+  margin-top: -20px;
+  display: inline-block;
+}
+
+.footer {
+  padding-top: 75px;
+}
+
+/* header */
+
+#top-banner {
+  padding-top: 160px !important;
+}
+
+.pts-banner {
+  padding: 80px 0 80px;
+}
+
+.top-header {
+  font-size: 12px;
+  transition: transform 0.2s ease;
+  transform-origin: top;
+  font-weight: 600;
+}
+
+.top-header.hide {
+  transform: scaleY(0);
+  transform-origin: top;
+}
+
+.navigation {
+  background: linear-gradient(
+    to right,
+    transparent 50%,
+    var(--gcg-color-primary) 50%
+  );
+  transition: 0.2s ease;
+}
+
+.navbar-nav {
+  padding-left: 50px;
+  background: var(--gcg-color-primary);
+}
+
+.nav-bg {
+  background-color: var(--gcg-color-secondary);
+}
+
+.nav-item {
+  margin: 0 15px;
+  position: relative;
+}
+
+.nav-item .nav-link {
+  text-transform: uppercase;
+  font-weight: 600;
+}
+
+.nav-item .nav-link.nav-search::before {
+  position: relative;
+  content: var(--gcg-icon-search);
+  font-family: var(--gcg-font-icon);
+  font-size: 14px;
+  left: 0;
+  top: 1px;
+  transition: 0.3s ease;
+}
+
+.nav-item::before {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 6px;
+  width: 100%;
+  content: "";
+  background: white;
+  transform: scaleY(0);
+  transform-origin: top;
+  transition: transform 0.3s ease;
+}
+
+.nav-item:hover::before,
+.nav-item.active::before {
+  transform: scaleY(1);
+  transform-origin: bottom;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: white;
+}
+
+link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+  color: white;
+}
+
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show > .nav-link {
+  color: white;
+}
+
+.navbar-expand-lg .navbar-nav .nav-link {
+  padding: 40px 0px;
+}
+
+.navbar .dropdown:hover .dropdown-menu {
+  visibility: visible;
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.navbar .dropdown-menu {
+  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
+  border-bottom: 5px solid var(--gcg-color-primary);
+  padding: 15px;
+  top: 96px;
+  border-radius: 0;
+  display: block;
+  visibility: hidden;
+  transition: 0.3s ease;
+  opacity: 0;
+  transform: translateY(20px);
+  background: white;
+}
+
+.navbar .dropdown-menu.show {
+  visibility: hidden;
+}
+
+.navbar .dropdown-item {
+  position: relative;
+  color: var(--gcg-color-secondary);
+  transition: 0.2s ease;
+  text-transform: capitalize;
+  font-family: var(--gcg-font-primary);
+}
+
+.navbar .dropdown-item:not(:last-child) {
+  margin-bottom: 10px;
+}
+
+.navbar .dropdown-item:hover {
+  color: var(--gcg-color-primary);
+  background: transparent;
+}
+
+/* button styles */
+
+.btn {
+  font-size: 16px;
+  font-family: var(--gcg-font-primary);
+  padding: 15px 40px;
+  border-radius: 0;
+  font-weight: 500;
+  border: 0;
+  position: relative;
+  z-index: 1;
+  transition: 0.2s ease;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.btn::before {
+  position: absolute;
+  content: "";
+  height: 80%;
+  width: 100%;
+  left: 0;
+  bottom: 10%;
+  z-index: -1;
+  transition: transform 0.2s ease-in-out;
+  transform-origin: top;
+  transform: scaleY(0);
+}
+
+.btn:focus {
+  outline: 0;
+  box-shadow: none !important;
+}
+
+.btn:active {
+  box-shadow: none;
+}
+
+.btn:hover::before {
+  transform: scaleY(1);
+  transform-origin: bottom;
+}
+
+.btn-sm {
+  font-size: 14px;
+  padding: 10px 35px;
+}
+
+.btn-primary {
+  background: var(--gcg-color-primary);
+  color: white;
+}
+
+.btn-primary::before {
+  background: white;
+}
+
+.btn-primary:active {
+  background: var(--gcg-color-primary) !important;
+  color: var(--gcg-color-primary);
+}
+
+.btn-primary:active::before {
+  height: 80%;
+}
+
+.btn-primary:hover {
+  background: var(--gcg-color-primary);
+  color: var(--gcg-color-primary);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  color: white;
+  background-color: var(--gcg-color-primary);
+  border-color: var(--gcg-color-primary);
+}
+
+.btn-secondary {
+  background: white;
+  color: var(--gcg-color-primary);
+  border: 1px solid white;
+}
+
+.btn-secondary::before {
+  background: var(--gcg-color-primary);
+}
+
+.btn-secondary:active {
+  background: var(--gcg-color-primary);
+  color: white;
+  border: 1px solid white;
+}
+
+.btn-secondary:hover {
+  background: white;
+  color: white;
+  border: 1px solid white;
+}
+
+.btn-primary-outline {
+  border: 1px solid var(--gcg-color-primary);
+  color: var(--gcg-color-primary);
+  background: transparent;
+}
+
+.btn-primary-outline::before {
+  background: white;
+}
+
+.btn-primary-outline:hover {
+  background: var(--gcg-color-primary);
+  color: var(--gcg-color-primary);
+}
+
+.btn-primary-outline:active {
+  background: var(--gcg-color-primary);
+  color: white;
+}
+
+/* media queries */
+
+@media (max-width: 575px) {
+  h1,
+  .h1 {
+    font-size: 45px;
+  }
+
+  h2,
+  .h2 {
+    font-size: 30px;
+  }
+
+  h3,
+  .h3 {
+    font-size: 20px;
+  }
+
+  h4,
+  .h4 {
+    font-size: 18px;
+    transition: 0.2s ease;
+  }
+
+  h5,
+  .h5 {
+    font-size: 16px;
+  }
+
+  h6,
+  .h6 {
+    font-size: 14px;
+  }
+
+  .feature-blocks {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+@media (max-width: 767px) {
+  .intro-video .play-btn {
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
+@media (min-width: 768px) {
+  .termin-tc {
+    width: 25%;
+  }
+}
+
+@media (max-width: 991px) {
+  .navigation {
+    background: var(--gcg-color-secondary);
+  }
+
+  .navbar-collapse {
+    background: var(--gcg-color-secondary);
+  }
+
+  .navbar-nav {
+    padding-left: 0;
+    background: var(--gcg-color-secondary) !important;
+  }
+
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding: 20px;
+  }
+
+  .navbar .dropdown-menu {
+    display: none;
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+    transform-origin: unset;
+  }
+
+  .navbar .dropdown-menu.show {
+    visibility: visible;
+    display: block;
+  }
+
+  .navbar .dropdown-item {
+    text-align: center;
+  }
+
+  .feature-blocks {
+    margin-top: 0;
+    padding: 50px;
+  }
+
+  .feature-blocks h3 {
+    font-size: 25px;
+  }
+}
+
+@media (max-width: 1199px) {
+  .feature-blocks {
+    padding-right: 50px;
+    padding-left: 50px;
+    padding-top: 40px;
+  }
+
+  .feature-blocks h3 {
+    font-size: 20px;
+  }
+}
+
+@media (max-width: 1399px) {
+  .feature-blocks {
+    padding-right: 10%;
+  }
+}

assets/scss/_buttons.scss

@@ -1,122 +0,0 @@
-/* Button style */
-.btn {
-  font-size: 16px;
-  font-family: var(--gcg-font-primary);
-  padding: 15px 40px;
-  border-radius: 0;
-  font-weight: 500;
-  border: 0;
-  position: relative;
-  z-index: 1;
-  transition: .2s ease;
-  overflow: hidden;
-  white-space: nowrap;
-
-  &::before {
-    position: absolute;
-    content: "";
-    height: 80%;
-    width: 100%;
-    left: 0;
-    bottom: 10%;
-    z-index: -1;
-    transition: transform .2s ease-in-out;
-    transform-origin: top;
-    transform: scaleY(0);
-  }
-
-  &:focus {
-    outline: 0;
-    box-shadow: none !important;
-  }
-
-  &:active {
-    box-shadow: none;
-  }
-
-  &:hover {
-
-    &::before {
-      transform: scaleY(1);
-      transform-origin: bottom;
-    }
-  }
-}
-
-.btn-sm {
-  font-size: 14px;
-  padding: 10px 35px;
-}
-
-.btn-primary {
-  background: var(--gcg-color-primary);
-  color: white;
-
-  &::before {
-    background: white;
-  }
-
-  &:active {
-    background: var(--gcg-color-primary) !important;
-    color: var(--gcg-color-primary);
-
-    &::before {
-      height: 80%;
-    }
-  }
-
-  &:hover {
-    background: var(--gcg-color-primary);
-    color: var(--gcg-color-primary);
-  }
-}
-
-.btn-primary:not(:disabled):not(.disabled).active,
-.btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-  color: white;
-  background-color: var(--gcg-color-primary);
-  border-color: var(--gcg-color-primary);
-}
-
-.btn-secondary {
-  background: white;
-  color: var(--gcg-color-primary);
-  border: 1px solid white;
-
-  &::before {
-    background: var(--gcg-color-primary);
-  }
-
-  &:active {
-    background: var(--gcg-color-primary);
-    color: white;
-    border: 1px solid white;
-  }
-
-  &:hover {
-    background: white;
-    color: white;
-    border: 1px solid white;
-  }
-}
-
-.btn-primary-outline {
-  border: 1px solid var(--gcg-color-primary);
-  color: var(--gcg-color-primary);
-  background: transparent;
-
-  &::before {
-    background: white;
-  }
-
-  &:hover {
-    background: var(--gcg-color-primary);
-    color: var(--gcg-color-primary);
-  }
-
-  &:active {
-    background: var(--gcg-color-primary);
-    color: white;
-  }
-}

assets/scss/_common.css

@@ -1,463 +0,0 @@
-:root {
-  --gcg-color-primary: #ffbc3b;
-  --gcg-color-primary-light: #ffde9c;
-  --gcg-color-secondary: #1a1a37;
-  --gcg-color-light-1x: #ededf1;
-  --gcg-color-light-2x: #f8f9fe;
-  --gcg-font-primary: "Ubuntu", sans-serif;
-  --gcg-font-header: "Fira Sans", sans-serif;
-  --gcg-font-icon: "Material Design Icons";
-}
-
-body {
-  background-color: white;
-  overflow-x: hidden;
-}
-
-::selection {
-  background: var(--gcg-color-primary-light);
-  color: var(--bs-tertiary-color);
-}
-
-/* preloader */
-
-.preloader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ffbc3b;
-  z-index: 999999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-ol,
-ul {
-  list-style-type: none;
-  margin: 0;
-}
-
-img {
-  vertical-align: middle;
-  border: 0;
-}
-
-a,
-a:hover,
-a:focus {
-  text-decoration: none;
-}
-
-a {
-  color: inherit;
-}
-
-a,
-button,
-select {
-  cursor: pointer;
-  transition: 0.2s ease;
-}
-
-a:focus,
-button:focus,
-select:focus {
-  outline: 0;
-}
-
-a:hover {
-  color: var(--gcg-color-primary);
-}
-
-a.text-primary:hover {
-  color: var(--gcg-color-primary) !important;
-}
-
-h4 {
-  transition: 0.2s ease;
-}
-
-a h4:hover {
-  color: var(--gcg-color-primary);
-}
-
-.slick-slide {
-  outline: 0;
-}
-
-.section {
-  padding-top: 90px;
-  padding-bottom: 90px;
-}
-
-.section-sm {
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-
-.section-title {
-  margin-bottom: 30px;
-}
-
-.bg-cover {
-  background-size: cover;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-.border-primary {
-  border-color: var(--gcg-color-light-1x) !important;
-}
-
-/* overlay */
-
-.overlay {
-  position: relative;
-}
-
-.overlay::before {
-  position: absolute;
-  content: "";
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  background: var(--gcg-color-secondary);
-  opacity: 0.7;
-}
-
-.bg-primary {
-  background: var(--gcg-color-primary) !important;
-}
-
-.bg-secondary {
-  background: var(--gcg-color-secondary) !important;
-}
-
-.text-primary {
-  color: var(--gcg-color-primary) !important;
-}
-
-.text-muted {
-  color: #b5b5b7 !important;
-}
-
-.font-header {
-  font-family: var(--gcg-font-header);
-}
-
-.vertical-align-middle {
-  vertical-align: middle;
-}
-
-.icon-s {
-  font-size: 28px;
-}
-
-.icon-md {
-  font-size: 36px;
-}
-
-.page-title-section {
-  padding: 200px 0 80px;
-}
-
-.list-styled {
-  padding-left: 25px;
-}
-
-.list-styled li {
-  position: relative;
-  margin-bottom: 15px;
-}
-
-.list-styled li::before {
-  position: absolute;
-  content: "";
-  height: 10px;
-  width: 10px;
-  border-radius: 50%;
-  background: var(--gcg-color-primary);
-  left: -25px;
-  top: 5px;
-}
-
-textarea.form-control {
-  height: 200px;
-  padding: 20px;
-}
-
-.post-thumb-sm {
-  max-width: 100px;
-}
-
-/* pagination */
-
-.pagination {
-  justify-content: center;
-}
-
-.pagination .page-item .page-link {
-  color: var(--bs-secondary-color);
-}
-
-.pagination .page-item.active .page-link {
-  background: var(--gcg-color-primary);
-  color: white;
-  border-color: var(--gcg-color-primary);
-}
-
-.content * {
-  margin-bottom: 20px;
-}
-
-.content a {
-  text-decoration: underline;
-}
-
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5,
-.content h6 {
-  margin-bottom: 10px;
-}
-
-.content ol {
-  padding-left: 20px;
-  list-style-type: decimal;
-}
-
-.content ul {
-  padding-left: 0;
-}
-
-.content ul li {
-  position: relative;
-  padding-left: 20px;
-  margin-bottom: 10px;
-  list-style-type: none;
-}
-
-.content ul li::before {
-  position: absolute;
-  content: "\f0B2A";
-  font-family: var(--gcg-font-icon);
-  font-size: 14px;
-  left: 0;
-  top: 1px;
-  color: #ffbc3b;
-  transition: 0.3s ease;
-}
-
-.content img {
-  max-width: 100%;
-}
-
-.content table {
-  text-align: left;
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 1rem;
-  border: 1px solid #dee2e6;
-  table-layout: fixed;
-}
-
-.content table th,
-td {
-  padding: 0.75rem;
-  vertical-align: top;
-  border: 1px solid #dee2e6;
-}
-
-.content table thead {
-  background: var(--gcg-color-light-1x);
-}
-
-.content table tbody {
-  background: var(--gcg-color-light-2x);
-}
-
-.content table tbody td {
-  text-align: left !important;
-}
-
-.content blockquote {
-  border: 1px solid var(--gcg-color-light-1x);
-  border-left: 5px solid var(--gcg-color-primary);
-  padding: 20px;
-  padding-left: 40px;
-  background-color: var(--gcg-color-light-2x);
-}
-
-.content blockquote p {
-  color: var(--bs-secondary-color);
-  font-style: italic !important;
-}
-
-.content blockquote * {
-  margin-bottom: 0 !important;
-}
-
-.content pre {
-  padding: 10px 20px;
-  background: var(--gcg-color-light-2x);
-}
-
-summary {
-  font-weight: 900;
-  font-size: 22px;
-  color: var(--gcg-color-secondary);
-}
-
-summary.hover {
-  color: var(--gcg-color-primary);
-}
-
-details[open] {
-  padding: 0.5em;
-  padding-bottom: 0;
-}
-
-details[open] summary {
-  border-bottom: 1px solid #aaa;
-  margin-bottom: 0.5em;
-}
-
-@media only screen and (min-width: 768px) {
-  .termin-tc {
-    width: 25%;
-  }
-}
-
-/* hero */
-
-.hero-section {
-  padding: 250px 0 200px;
-}
-
-.hs-banner {
-  padding: 50px 0 200px;
-}
-
-.hero-slider .prevArrow,
-.hero-slider .nextArrow {
-  position: absolute;
-  bottom: -123px;
-  z-index: 9;
-  padding: 15px;
-  color: rgba(white, 0.5);
-  border: 0;
-  font-size: 30px;
-  transition: all linear 0.2s;
-  background: transparent;
-}
-
-.hero-slider .prevArrow:focus,
-.hero-slider .nextArrow:focus {
-  outline: 0;
-}
-
-.hero-slider .prevArrow:hover,
-.hero-slider .nextArrow:hover {
-  color: var(--gcg-color-primary);
-}
-
-.hero-slider .prevArrow {
-  right: 60px;
-}
-
-.hero-slider .nextArrow {
-  right: 0;
-}
-
-.hero-slider .arrowIcon {
-  font-size: 40px;
-}
-
-.hero-slider .slick-dots {
-  position: absolute;
-  left: 0;
-  bottom: -100px;
-  padding-left: 0;
-}
-
-.hero-slider .slick-dots li {
-  display: inline-block;
-  margin: 0 6px;
-}
-
-.hero-slider .slick-dots li.slick-active button {
-  background: var(--gcg-color-primary);
-}
-
-.hero-slider .slick-dots li button {
-  color: transparent;
-  padding: 0;
-  overflow: hidden;
-  height: 10px;
-  width: 10px;
-  background: rgba(white, 0.5);
-  border: 0;
-  outline: 0;
-}
-
-/* /hero */
-
-.top-banner {
-  padding-top: 160px !important;
-}
-
-.pts-banner {
-  padding: 80px 0 80px;
-}
-
-.content-justify {
-  text-align: justify;
-}
-
-.fb-tile-color {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 195px;
-}
-
-.fb-tile-icon {
-  font-size: 96px;
-}
-
-#wc-canvas {
-  width: 100%;
-  height: 600px;
-}
-
-.filter-controls li {
-  cursor: pointer;
-  transition: 0.1s ease;
-}
-
-.filter-controls li.active {
-  font-weight: 600;
-  color: var(--gcg-color-primary);
-}
-
-.filter-controls li:hover {
-  color: var(--gcg-color-primary);
-}
-
-.tag-list a {
-  display: block;
-  padding: 5px 10px;
-  background: var(--bs-secondary-bg);
-  color: var(--bs-secondary-color);
-}
-
-.tag-list a:hover {
-  background: var(--gcg-color-primary);
-  color: white;
-}

assets/scss/_mixins.scss

@@ -1,34 +0,0 @@
-@mixin mobile-xs{
-  @media(max-width:370px){
-    @content;
-  }
-}
-@mixin mobile{
-  @media(max-width:575px){
-    @content;
-  }
-}
-@mixin tablet{
-  @media(max-width:767px){
-    @content;
-  }
-}
-@mixin desktop{
-  @media(max-width:991px){
-    @content;
-  }
-}
-@mixin desktop-lg{
-  @media(max-width:1200px){
-    @content;
-  }
-}
-@mixin desktop-xl{
-  @media(max-width:1400px){
-    @content;
-  }
-}
-
-@mixin size($size){
-  width: $size; height: $size;
-}

assets/scss/_typography.scss

@@ -1,70 +0,0 @@
-/*  typography */
-@import url('https://assets.cantorgymnasium.de/fonts/fira/fira.css');
-body {
-  line-height: 1.2;
-  font-family: var(--gcg-font-primary);
-  -webkit-font-smoothing: antialiased;
-  font-size: 15px;
-  color: var(--bs-secondary-color);
-}
-
-p, .paragraph {
-  font-weight: 400;
-  color: var(--bs-secondary-color);
-  font-size: 15px;
-  line-height: 1.9;
-  font-family: var(--gcg-font-primary);
-}
-
-.text-white p {
-  color: inherit;
-}
-
-h1,h2,h3,h4,h5,h6 {
-  color: var(--gcg-color-secondary);
-  font-family: var(--gcg-font-header);
-  font-weight: 900;
-  line-height: 1.2;
-}
-
-h1, .h1{
-  font-size: 60px;
-  @include mobile {
-    font-size: 45px;
-  }
-}
-
-h2, .h2{
-  font-size: 35px;
-  @include mobile {
-    font-size: 30px;
-  }
-}
-
-h3, .h3{
-  font-size: 25px;
-  @include mobile {
-    font-size: 20px;
-  }
-}
-
-h4, .h4{
-  font-size: 20px;
-  @include mobile {
-    font-size: 18px;
-  }
-}
-
-h5, .h5{
-  font-size: 18px;
-  @include mobile {
-    font-size: 16px;
-  }
-}
-
-h6, .h6{
-  font-size: 16px;
-  @include mobile {
-    font-size: 14px;
-  }
-}

assets/scss/style.scss

@@ -1,11 +0,0 @@
-@import 'mixins';
-
-@import 'typography';
-
-@import 'buttons';
-
-@import 'common';
-
-@import 'templates/navigation';
-
-@import 'templates/homepage';

assets/scss/templates/_homepage.scss

@@ -1,137 +0,0 @@
-.feature-icon {
-  font-size: 60px;
-  color: var(--gcg-color-secondary);
-  display: inline-block;
-}
-
-.feature-blocks {
-  margin-left: 40px;
-  margin-right: 40px;
-  padding-left: 70px;
-  padding-top: 80px;
-  padding-right: 70px;
-
-  @include desktop-xl {
-    padding-right: 10%;
-  }
-
-  @include desktop-lg {
-    padding-right: 50px;
-    padding-left: 50px;
-    padding-top: 40px;
-
-    h3 {
-      font-size: 20px;
-    }
-  }
-
-  @include desktop {
-    margin-top: 0;
-    padding: 50px;
-
-    h3 {
-      font-size: 25px;
-    }
-  }
-
-  @include mobile {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-}
-
-.hover-shadow {
-  transition: .3s ease;
-
-  &:hover {
-    box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
-  }
-}
-
-.success-video {
-  min-height: 300px;
-
-  .play-btn {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-
-    @include tablet {
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-}
-
-.play-btn {
-  display: inline-block;
-  height: 80px;
-  width: 80px;
-  border-radius: 50%;
-  background: var(--gcg-color-primary);
-  color: white;
-  font-size: 25px;
-  text-align: center;
-
-  i {
-    line-height: 80px;
-  }
-
-  &::before {
-    position: absolute;
-    content: "";
-    height: 0;
-    width: 0;
-    transform: translate(-50%, -50%);
-    background: white;
-    border-radius: 50%;
-    top: 50%;
-    left: 50%;
-    z-index: -2;
-    transition: .3s ease;
-    transition-delay: .2s;
-  }
-
-  &::after {
-    position: absolute;
-    content: "";
-    height: 80%;
-    width: 80%;
-    transform: translate(-50%, -50%);
-    background: var(--gcg-color-primary);
-    border-radius: 50%;
-    top: 50%;
-    left: 50%;
-    z-index: -1;
-    transition: .3s ease;
-  }
-
-  &:hover {
-    &::before {
-      height: 80%;
-      width: 80%;
-      transition-delay: 0s;
-    }
-
-    &::after {
-      height: 0;
-      width: 0;
-      transition: 0s ease;
-    }
-  }
-}
-
-.bg-footer {
-  background-color: #182b45;
-}
-
-.logo-footer {
-  margin-top: -20px;
-  display: inline-block;
-}
-
-.footer {
-  border-color: #494a43 !important;
-  padding-top: 75px;
-}

assets/scss/templates/_navigation.scss

@@ -1,168 +0,0 @@
-.top-header {
-  font-size: 12px;
-  transition: transform .2s ease;
-  transform-origin: top;
-  font-weight: 600;
-
-  &.hide {
-    transform: scaleY(0);
-    transform-origin: top;
-  }
-}
-
-.navigation {
-  background: linear-gradient(to right, transparent 50%, var(--gcg-color-primary) 50%);
-  transition: .2s ease;
-
-  @include desktop {
-    background: var(--gcg-color-secondary);
-  }
-}
-
-.navbar-collapse{
-  @include desktop {
-    background: var(--gcg-color-secondary);
-  }
-}
-
-.navbar-nav {
-  padding-left: 50px;
-  background: var(--gcg-color-primary);
-
-  @include desktop {
-    padding-left: 0;
-    background: var(--gcg-color-secondary);
-  }
-}
-
-.nav-bg {
-  background-color: var(--gcg-color-secondary);
-}
-
-.nav-item {
-  .nav-link {
-    text-transform: uppercase;
-    font-weight: 600;
-  }
-
-  margin: 0 15px;
-  position: relative;
-
-  &::before {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    height: 6px;
-    width: 100%;
-    content: "";
-    background: white;
-    transform: scaleY(0);
-    transform-origin: top;
-    transition: transform .3s ease;
-  }
-
-  &:hover,
-  &.active {
-    &::before {
-      transform: scaleY(1);
-      transform-origin: bottom;
-    }
-  }
-}
-
-.navbar-dark .navbar-nav .nav-link {
-  color: white;
-}
-
-link:focus,
-.navbar-dark .navbar-nav .nav-link:hover {
-  color: white;
-}
-
-.navbar-dark .navbar-nav .active>.nav-link,
-.navbar-dark .navbar-nav .nav-link.active,
-.navbar-dark .navbar-nav .nav-link.show,
-.navbar-dark .navbar-nav .show>.nav-link {
-  color: white;
-}
-
-.navbar-expand-lg .navbar-nav .nav-link {
-  padding: 40px 0px;
-
-  @include desktop {
-    padding: 20px;
-  }
-}
-
-.sticky {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  background: white;
-  box-shadow: 0 2px 5px #0000000d;
-}
-
-.navbar {
-  .dropdown {
-    &:hover {
-      .dropdown-menu {
-        visibility: visible;
-        opacity: 1;
-        transform: translateY(0)
-      }
-    }
-
-    &-menu {
-      box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
-      border-bottom: 5px solid var(--gcg-color-primary);
-      padding: 15px;
-      top: 96px;
-      border-radius: 0;
-      display: block;
-      visibility: hidden;
-      transition: .3s ease;
-      opacity: 0;
-      transform: translateY(20px);
-      background: white;
-
-      @include desktop {
-        display: none;
-        opacity: 1;
-        visibility: visible;
-        transform: translateY(0);
-        transform-origin: unset;
-      }
-
-      &.show {
-        visibility: hidden;
-
-        @include desktop {
-          visibility: visible;
-          display: block;
-        }
-      }
-    }
-
-    &-item {
-      position: relative;
-      color: var(--gcg-color-secondary);
-      transition: .2s ease;
-      text-transform: capitalize;
-      font-family: var(--gcg-font-primary);
-
-      @include desktop {
-        text-align: center;
-      }
-
-      &:not(:last-child) {
-        margin-bottom: 10px;
-      }
-
-      &:hover {
-        color: var(--gcg-color-primary);
-        background: transparent;
-      }
-    }
-  }
-}

config.yml

@@ -179,13 +179,17 @@ menu:
       params:
         external: false
         separator: false
-    - name: Für Schüler und Eltern
+    - name: >
+        Für Schüler
+        und Eltern
       weight: 4
       hasChildren: true
       params:
         external: false
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Dokumente und Formulare
       URL: forms
       weight: 1
@@ -193,7 +197,9 @@ menu:
       params:
         external: false
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Vertretungsplan
       URL: https://stundenplan24.de/20072021/mobil/
       weight: 2
@@ -201,7 +207,9 @@ menu:
       params:
         external: true
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Lernplattform Moodle
       URL: https://moodle.bildung-lsa.de/gcg
       weight: 3
@@ -209,7 +217,9 @@ menu:
       params:
         external: true
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Essensbestellung
       URL: https://heideklause-halle.de/bestellung/
       weight: 4
@@ -217,7 +227,9 @@ menu:
       params:
         external: true
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Schulshop
       URL: https://schulkleidung.de/shop/index.php?nr=SDQUCKVD
       weight: 5
@@ -225,7 +237,9 @@ menu:
       params:
         external: true
         separator: true
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Förderverein
       URL: pages/foerderverein
       weight: 6
@@ -233,7 +247,9 @@ menu:
       params:
         external: false
         separator: false
-    - parent: Für Schüler und Eltern
+    - parent: >
+        Für Schüler
+        und Eltern
       name: Schülervertretung
       URL: pages/schuelervertretung
       weight: 7
@@ -244,7 +260,9 @@ menu:
     - name: Elternvertretung
       weight: 8
       URL: pages/elternvertretung
-      parent: Für Schüler und Eltern
+      parent: >
+        Für Schüler
+        und Eltern
       hasChildren: false
       params:
         external: false

content/german/chronikseiten/cantor.md

@@ -30,4 +30,4 @@ Georg Cantor gilt als der Begründer der Mengenlehre. Er kämpfte ein Leben lang
 
 ## Auf den Spuren von Georg Cantor
 
-{{< card link="http://www.geocaching.com/seek/cache_details.aspx?wp=GC2VXTW" title="Geo(rg)Caching" >}}
+{{< card link="https://www.geocaching.com/seek/cache_details.aspx?wp=GC2VXTW" title="Geo(rg)Caching" >}}

content/german/superhaufen/30-jahriges-jubilaum.md

@@ -163,7 +163,7 @@ tiles:
           individuelle Programme für die Jahrgänge entworfen. Die damaligen
 
 
-          \1. und 8. Klassen durften sich den Film „Nerve“ angesehen,
+          8. Klassen durften sich den Film „Nerve“ angesehen,
 
           welcher sich mit der Nutzung von Medien auseinandersetzt. Gezeigt
 

content/german/wettbewerbe/bundeswettbewerb-fremdsprachen.md

@@ -4,7 +4,7 @@ draft: false
 image: /media/wettbewerbe/bwfs.webp
 category: Fremdsprachen
 class: 5. - 12. Klasse
-web_url: http://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt
+web_url: https://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt
 type: wettbewerbe
 ---
 Am Bundeswettbewerb Fremdsprachen kann man sich mit allen an der Schule unterrichteten Fremdsprachen beteiligen, d.h. Englisch, Latein, Französisch und Spanisch. Die Teilnahme ist kostenlos. Die Anmeldung erfolgt ab Schuljahresbeginn bis maximal 06. Oktober. Es gibt mehrere Wettbewerbssparten:

data/de/homepage.yml

@@ -196,7 +196,7 @@ info:
 termine:
   enable: true
   title: Anstehende Termine
-  number: 1
+  number: 3
 digitalpakt:
   enable: true
   title: DigitalPakt Schule

layouts/404.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">

layouts/_default/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-lg-8 order-2 order-lg-1">

layouts/_default/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-lg-8 order-2 order-lg-1">
@@ -39,7 +39,7 @@
           <div class="col-12 my-4">
             <div class="border-bottom"></div>
           </div>
-          <div class="col-12 mb-5 content content-justify">
+          <div class="col-12 mb-5 content text-justify">
             {{ .Content }}
           </div>
         </div>

layouts/abiturienten/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       {{ range .Pages }}

layouts/abiturienten/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 mb-4">

layouts/about/list.html

@@ -2,7 +2,7 @@
 
 {{ $data := index .Site.Data .Site.Language.Lang }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">
@@ -17,7 +17,7 @@
 
 {{ if .Params.stats.enable }}
 {{ with .Params.stats }}
-<section class="section-sm bg-primary">
+<section class="section bg-primary">
   <div class="container">
     <div class="row">
       {{ range .zahlen }}

layouts/anmeldeformular/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm bg-body-tertiary">
+<section class="section bg-body-tertiary">
   <div class="container">
     <div class="row">
       <div class="col-lg-8 mb-4 mb-lg-0">

layouts/anmeldung/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row mb-4">
       <div class="col-md-6 content">

layouts/author/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">

layouts/author/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm bg-light">
+<section class="section bg-light">
   <div class="container">
 	<div class="row">
       <div class="col-lg-10 mx-auto">
@@ -29,12 +29,12 @@
   </div>
 </section>
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
 	  <div class="col-lg-12">
 		<div class="title text-center">
-		  <h2 class="section-title">{{ i18n "posted_by" }} {{ .Title }}</h2>
+		  <h2 class="mb-4">{{ i18n "posted_by" }} {{ .Title }}</h2>
 		</div>
 	</div>
 	  {{ range where .Site.RegularPages "Params.author" (.Title | title) }}

layouts/begabte/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       {{ .Content }}

layouts/begabte/single.html

@@ -3,11 +3,11 @@
 {{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }}
 
 
-<section class="section-sm pt-0">
+<section class="section pt-0">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <h2 class="section-title">{{ i18n "related_begabtenfoerderung" }}</h2>
+        <h2 class="mb-4">{{ i18n "related_begabtenfoerderung" }}</h2>
       </div>
     </div>
     <div class="row" data-pagefind-ignore="all">

layouts/cantorfora/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">

layouts/cantorfora/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 mb-4">

layouts/cantorpreis/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       {{ range .Pages }}

layouts/cantorpreis/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-md-5 mb-5">

layouts/forms/list.html

@@ -1,13 +1,13 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">
         <div class="container">
           {{ range .Data.Pages }}
             <div class="card d-md-table w-100 border-primary hover-shadow p-3 mb-2">
-              <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
+              <div class="d-md-table-cell px-4 align-middle mb-4 mb-md-0">
                 <a href="{{ .Permalink }}" class="h4 mb-3 d-block card-title">{{ .Title }}</a>
                 <p class="mb-0">{{ .Summary | truncate 100 }}</p>
               </div>

layouts/forms/single.html

@@ -1,10 +1,10 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <h2 class="section-title">{{ .Title }}</h2>
+        <h2 class="mb-4">{{ .Title }}</h2>
       </div>
     </div>
     <div class="row">

layouts/ganztagsangebote/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     {{ partial "filter-controls" . }}
 	<div class="row filtr-container">

layouts/ganztagsangebote/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 mb-4">
@@ -61,11 +61,11 @@
   </div>
 </section>
 
-<section class="section-sm pt-0" data-pagefind-ignore="all">
+<section class="section pt-0" data-pagefind-ignore="all">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <h2 class="section-title">{{ i18n "related_clubs" }}</h2>
+        <h2 class="mb-4">{{ i18n "related_clubs" }}</h2>
       </div>
     </div>
     <div class="row">

layouts/index.html

@@ -68,11 +68,11 @@
 
 {{ if $data.homepage.about.enable }}
 {{ with $data.homepage.about }}
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row align-items-center">
       <div class="col-md-10 order-2 order-md-1">
-        <h3 class="section-title">{{ .title | markdownify }}</h3>
+        <h3 class="mb-4">{{ .title | markdownify }}</h3>
         <div class="content">
           {{ .content | markdownify }}
         </div>
@@ -100,11 +100,11 @@
 {{ end }}
 
 {{ if $data.homepage.blog.enable }}
-<section class="section-sm mb-4">
+<section class="section mb-4">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <div class="d-flex align-items-center section-title justify-content-between">
+        <div class="d-flex align-items-center mb-4 justify-content-between">
           <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2>
           <div class="border-top w-100 border-primary d-none d-sm-block"></div>
           <div>
@@ -181,11 +181,11 @@
 {{ end }}
 
 {{ if $data.homepage.ganztagsangebote.enable }}
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <div class="d-flex align-items-center section-title justify-content-between">
+        <div class="d-flex align-items-center mb-4 justify-content-between">
           <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2>
           <div class="border-top w-100 border-primary d-none d-sm-block"></div>
           <div>
@@ -217,7 +217,7 @@
     <div class="row">
       <div class="col-12 text-center">
         <h2 class="text-white mb-0">{{ .title | markdownify }}</h2>
-        <h5 class="section-title text-white">{{ .subtitle | markdownify }}</h5>
+        <h5 class="mb-4 text-white">{{ .subtitle | markdownify }}</h5>
         {{ if .button.enable }}
         {{ with .button }}
         <a href="{{ .link | absLangURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a>
@@ -235,11 +235,11 @@
 {{ end }}
 
 {{ if $data.homepage.termine.enable }}
-<section class="section-sm bg-body-tertiary">
+<section class="section bg-body-tertiary">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <div class="d-flex align-items-center section-title justify-content-between">
+        <div class="d-flex align-items-center mb-4 justify-content-between">
           <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2>
           <div class="border-top w-100 border-primary d-none d-sm-block"></div>
           <div>
@@ -281,7 +281,7 @@
   <div class="container">
     <div class="row align-items-center">
       <div class="col-md-7 order-2 order-md-1">
-        <h3 class="section-title text-white">{{ .title | markdownify }}</h2>
+        <h3 class="mb-4 text-white">{{ .title | markdownify }}</h2>
         <div class="content text-white text-opacity-50">
           {{ .content | markdownify }}
         </div>

layouts/kontakt/list.html

@@ -8,7 +8,7 @@ crossorigin=""/>
  integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
  crossorigin=""></script>
 
-<section class="section-sm pb-0 bg-body-tertiary">
+<section class="section pb-0 bg-body-tertiary">
   <div class="container">
     <div class="row">
       <div class="col-lg-6 mb-4 mb-lg-0">
@@ -48,7 +48,7 @@ crossorigin=""/>
   </div>
 </section>
 
-<section class="section-sm bg-body-tertiary">
+<section class="section bg-body-tertiary">
     <div class="container">
       <div class="row">
         <div id="map" class="card col-12" style="height: 50vh;">

layouts/pages/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">

layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <footer data-pagefind-ignore>
-  <div class="footer bg-footer section border-bottom">
+  <div class="footer bg-footer section">
     <div class="container">
       <div class="row">
         <div class="col-lg-3 col-sm-8 mb-5 mb-lg-0">
@@ -67,11 +67,9 @@
 <script src="{{ . | absURL }}"></script>
 {{ end }}
 
-{{ $script := resources.Get "js/script.js" | minify}}
+{{ $script := resources.Get "js/script.js" | minify }}
 <script src="{{ $script.Permalink }}"></script>
 
 <script>
-  var lazyLoadInstance = new LazyLoad({
+  new LazyLoad();
-    // Your custom settings go here
-  });
 </script>

layouts/partials/head.html

@@ -11,8 +11,8 @@
   <link rel="stylesheet" href="{{ . | absURL }}">
   {{ end }}
 
-  {{ $styles := resources.Get "scss/style.scss" | toCSS }}
+  {{ $style := resources.Get "css/style.css" | minify }}
-  <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
+  <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
 
   <link rel="shortcut icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">
   <link rel="icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">
@@ -46,7 +46,7 @@
     _paq.push(['trackPageView']);
     _paq.push(['enableLinkTracking']);
     (function() {
-      var u="//analytics.cantorgymnasium.de/";
+      var u="https://analytics.cantorgymnasium.de/";
       _paq.push(['setTrackerUrl', u+'matomo.php']);
       _paq.push(['setSiteId', '1']);
       var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];

layouts/partials/header-cl-url.html

@@ -1,4 +1,4 @@
-<section class="section-sm">
+<section class="section">
   <div class="container">
     {{ if (and .Params.image (ne .Params.image "/media/image.webp") ) }}
     <div class="row">

layouts/partials/header.html

@@ -27,7 +27,7 @@
     </div>
   </div>
   {{ end }}
-  <div class="navigation w-100 {{ if .Site.Params.top_header }} top-hider {{ end }}">
+  <div class="navigation w-100">
     <div class="container">
       <nav class="navbar navbar-expand-lg navbar-dark p-0">
         
@@ -47,7 +47,7 @@
             {{ if .HasChildren }}
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
-                {{ .Name }}
+                {{ .Name | markdownify }}
               </a>
               <ul class="dropdown-menu">
                 {{ range .Children }}
@@ -65,7 +65,7 @@
             {{ end }}
             {{ end }}
             <li class="nav-item">
-              <div class="nav-link" onclick="$('#pagefind-search').modal('show');"><i class="mdi mdi-magnify"></i> Suche</button>
+              <div class="nav-link nav-search" onclick="$('#pagefind-search').modal('show');">Suche</button>
             </li>
           </ul>
 
@@ -106,10 +106,10 @@
   {{ if and $top_banner.enable }}
   {{ if or (not $top_banner.temporarily.enable) (and $top_banner.temporarily.enable (and (le ($top_banner.temporarily.start_date | time.AsTime).Unix now.Unix ) (ge ($top_banner.temporarily.end_date | time.AsTime).Unix now.Unix))) }}
   {{ with $top_banner }}
-  <div id="top-banner" class="p-3 top-banner" style="background:{{ .color }}" data-pagefind-ignore>
+  <div id="top-banner" class="p-3" style="background: {{ .color }}" data-pagefind-ignore>
     <div class="container">
       <div class="no-gutters align-items-center">
-        <div style="color:{{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text | markdownify }}</b></div>
+        <div style="color: {{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text | markdownify }}</b></div>
       </div>
     </div>
   </div>

layouts/partials/info.html

@@ -4,14 +4,14 @@
 <section class="section bg-cover" data-background="{{ .bg_image | absURL }}">
   <div class="container">
     <div class="row">
-      <div class="col-lg-6 col-sm-4 position-relative success-video">
+      <div class="col-lg-6 col-sm-4 position-relative intro-video">
         <a class="play-btn vb-video" href="{{ .video_link | safeURL }}" data-vbtype="video">
           <i class="mdi mdi-play icon-md"></i>
         </a>
       </div>
       <div class="col-lg-6 col-sm-8">
         <div class="bg-white p-5">
-          <h2 class="section-title">{{ .title | markdownify }}</h2>
+          <h2 class="mb-4">{{ .title | markdownify }}</h2>
           <p>{{ .content | markdownify }}</p>
         </div>
       </div>

layouts/partials/termin.html

@@ -4,11 +4,11 @@
       <span class="d-block">{{ time.Format "Jan 2006" .date}}</span>
       {{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}
     </div>
-    <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2">
+    <div class="d-md-table-cell px-4 align-middle mb-4 mb-md-0 p-2">
       <p class="h4 mb-0 d-block">{{ .title }}</p>
     </div>
     {{ with .location }}
-    <div class="d-md-table-cell text-end pe-md-4 p-2 vertical-align-middle">
+    <div class="d-md-table-cell text-end pe-md-4 p-2 align-middle">
       <p><i class="mdi mdi-map-marker-radius-outline icon-s text-primary me-2"></i>{{ . | markdownify }}</p>
     </div>
     {{ end }}

layouts/projektwoche/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm pb-0">
+<section class="section pb-0">
 	<div class="container">
 		<div class="row">
 			{{ range .Pages }}

layouts/projektwoche/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 mb-4 content">

layouts/schulchronik/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     {{ .Content }}
   </div>
@@ -24,7 +24,7 @@
     {{ end }}
   {{ end }}
   <div class="container">
-    <h2 class="section-title">Informationsseiten</h2>
+    <h2 class="mb-4">Informationsseiten</h2>
     <div class="row">
       {{ range .Params.links }}
         <div class="col-lg-4 col-sm-6">
@@ -34,7 +34,7 @@
     </div>
   </div>
   <div class="container">
-    <h2 class="section-title">Chronik</h2>
+    <h2 class="mb-4">Chronik</h2>
     <div class="row">
       {{ range (where .Data.Pages "Params.type" "schulchronik") }}
       <div class="col-lg-4 col-sm-6">

layouts/schulchronik/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 mb-4">

layouts/superhaufen/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 content">

layouts/termine/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12">

layouts/wettbewerbe/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section class="section-sm">
+<section class="section">
   <div class="container">
     <div class="row">
       {{ .Content }}

layouts/wettbewerbe/single.html

@@ -2,11 +2,11 @@
 
 {{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }}
 
-<section class="section-sm pt-0">
+<section class="section pt-0">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <h2 class="section-title">{{ i18n "related_contests" }}</h2>
+        <h2 class="mb-4">{{ i18n "related_contests" }}</h2>
       </div>
     </div>
     <div class="row" data-pagefind-ignore="all">

static/admin/previews/page-previews/about-preview.js

@@ -16,7 +16,7 @@ const AboutPreview = ({ widgetFor, widgetsFor, entry, fields, collection }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h(
         "div",
         { className: "container" },
@@ -35,7 +35,7 @@ const AboutPreview = ({ widgetFor, widgetsFor, entry, fields, collection }) => {
     entry.data.stats.enable
       ? h(
           "section",
-          { className: "section-sm bg-primary" },
+          { className: "section bg-primary" },
           h(
             "div",
             { className: "container" },

static/admin/previews/page-previews/anmeldeformular-preview.js

@@ -5,7 +5,7 @@ const AnmeldeformularPreview = ({ widgetFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm bg-body-tertiary" },
+      { className: "section bg-body-tertiary" },
       h(
         "div",
         { className: "container" },

static/admin/previews/page-previews/anmeldung-preview.js

@@ -5,7 +5,7 @@ const AnmeldungPreview = ({ widgetsFor, widgetFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h(
         "div",
         { className: "container" },

static/admin/previews/page-previews/author-preview.js

@@ -16,7 +16,7 @@ const AuthorPreview = ({ widgetFor, entry, fields, collection }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm bg-light" },
+      { className: "section bg-light" },
       h(
         "div",
         { className: "container" },

static/admin/previews/page-previews/blog-preview.js

@@ -76,7 +76,7 @@ const BlogPreview = ({ widgetFor, entry, fields, collection }) => {
             "div",
             {
               key: "body-content",
-              className: "col-12 mb-5 content content-justify",
+              className: "col-12 mb-5 content text-justify",
             },
             widgetFor("body")
           ),

static/admin/previews/page-previews/chronik-index-preview.js

@@ -22,7 +22,7 @@ const ChronikIndexPreview = ({
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h("div", { className: "container" }, widgetFor("body")),
       widgetsFor("infocard").data.enable
         ? h(
@@ -71,7 +71,7 @@ const ChronikIndexPreview = ({
       h(
         "div",
         { className: "container" },
-        h("h2", { className: "section-title" }, "Informationsseiten"),
+        h("h2", { className: "mb-4" }, "Informationsseiten"),
         h(
           "div",
           { className: "row" },

static/admin/previews/page-previews/chronik-preview.js

@@ -2,7 +2,7 @@ import { PageHeader } from "./components/index.js";
 
 const ChronikPreview = ({ widgetFor, widgetsFor, entry, document, window }) => {
   /*return [PageHeader,
-            h('section', {className: "section-sm"},
+            h('section', {className: "section"},
                 h('div', {className: "container"},
                     h('div', {className: "row"},
                     h('div', {className: "col-12 mb-4 content"},

static/admin/previews/page-previews/components/base.js

@@ -1,5 +1,5 @@
 const Section = (children) =>
-  h("section", { className: "section-sm" }, children);
+  h("section", { className: "section" }, children);
 const Container = (children) => h("div", { className: "container" }, children);
 const Row = (children) => h("div", { className: "row" }, children);
 const Content = (children) => h("div", { className: "content" }, children);

static/admin/previews/page-previews/event-preview.js

@@ -16,7 +16,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h(
         "div",
         { className: "container" },
@@ -111,7 +111,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
                       "div",
                       {
                         className:
-                          "d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2",
+                          "d-md-table-cell px-4 align-middle mb-4 mb-md-0 p-2",
                       },
                       h("p", { className: "h4 mb-0 d-block" }, event.data.title)
                     ),
@@ -120,7 +120,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
                           "div",
                           {
                             className:
-                              "d-md-table-cell text-end pe-md-4 p-2 vertical-align-middle",
+                              "d-md-table-cell text-end pe-md-4 p-2 align-middle",
                           },
                           h(
                             "p",

static/admin/previews/page-previews/forms-preview.js

@@ -5,7 +5,7 @@ const FormsPreview = ({ widgetsFor, widgetFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h(
         "div",
         { className: "container" },
@@ -15,7 +15,7 @@ const FormsPreview = ({ widgetsFor, widgetFor, entry }) => {
           h(
             "div",
             { className: "col-12" },
-            h("h2", { className: "section-title" }, entry.data.title)
+            h("h2", { className: "mb-4" }, entry.data.title)
           )
         ),
         h(

static/admin/previews/page-previews/kontakt-preview.js

@@ -5,7 +5,7 @@ const KontaktPreview = ({ widgetsFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm bg-body-tertiary" },
+      { className: "section bg-body-tertiary" },
       h(
         "div",
         { className: "container" },

static/admin/previews/page-previews/page-preview.js

@@ -5,7 +5,7 @@ const PagePreview = ({ widgetFor, entry }) => {
     PageHeader(entry),
     h(
       "section",
-      { className: "section-sm" },
+      { className: "section" },
       h(
         "div",
         { className: "container" },

static/admin/previews/page-previews/styles.js

@@ -3,7 +3,7 @@ const PreviewStyles = [
   "https://assets.cantorgymnasium.de/fonts/fira/fira.css",
   "https://assets.cantorgymnasium.de/fonts/ubuntu/ubuntu.css",
   "https://assets.cantorgymnasium.de/fonts/mdi/v7/css/materialdesignicons.min.css",
-  "https://cantorgymnasium.de/scss/style.css",
+  "https://cantorgymnasium.de/css/style.min.css",
 ];
 
 export default PreviewStyles;