Save

layout/style-scss/style.scss

@@ -6707,3 +6707,191 @@ button.c-button {
 		margin-left: 30px;
 	}
 }
+
+#scontainer-139,
+#scontainer-141 {
+	margin-bottom: 120px;
+
+	@include respond-below(xs) {
+		margin-bottom: 60px;
+	}
+
+	h2 {
+		font-size: 50px;
+		font-weight: 250;
+		line-height: 1;
+		letter-spacing: 2px;
+		font-family: 'URW Form';
+
+		text-transform: uppercase;
+		margin-bottom: 48px;
+		padding-bottom: 48px;
+		border-bottom: 1px solid #000000;
+
+		@include respond-below(sm) {
+			margin-bottom: 30px;
+			padding-bottom: 30px;
+		}
+
+		@include respond-below(xs) {
+			font-size: 34px;
+		}
+	}
+
+	p {
+		font-size: 34px;
+		font-weight: 300;
+		line-height: 1;
+		letter-spacing: 2px;
+		font-family: 'URW Form';
+		color: #1d1d1e;
+
+		text-transform: uppercase;
+		margin-bottom: 0;
+
+		@include respond-below(xs) {
+			font-size: 24px;
+		}
+	}
+
+	.col-left {
+		max-width: 560px;
+
+		@include respond-below(sm) {
+			margin-bottom: 30px;
+		}
+	}
+}
+
+#scontainer-140,
+#scontainer-142 {
+	margin-bottom: 120px;
+
+	@include respond-below(xs) {
+		margin-bottom: 60px;
+	}
+
+	p {
+		color: #ffffff;
+		font-size: 24px;
+		font-weight: 300;
+		letter-spacing: 2px;
+		text-align: center;
+		text-transform: uppercase;
+		margin-bottom: 40px;
+
+		@include respond-below(xs) {
+			margin-bottom: 20px;
+		}
+	}
+	.row {
+		&-1 {
+			width: 100%;
+			max-width: 300px;
+			margin-bottom: 40px;
+
+			ul {
+				padding: 0;
+				margin: 0;
+				list-style: none;
+
+				display: flex;
+				flex-direction: row;
+				justify-content: center;
+				flex-wrap: wrap;
+				gap: 8px;
+
+				li {
+					a {
+						color: #fff;
+						font-size: 14px;
+						font-weight: 700;
+						letter-spacing: 1px;
+						text-transform: uppercase;
+						display: flex;
+						align-items: center;
+						padding: 18px 35px;
+						background: #1d1d1e;
+					}
+				}
+			}
+		}
+
+		&-2 {
+			justify-content: center;
+
+			> div {
+				margin-bottom: 20px;
+				padding: 0 10px;
+
+				> div {
+					padding: 40px 40px 20px;
+					background: #1d1d1e;
+					height: 100%;
+
+					@include respond-below(xs) {
+						padding: 40px 10px;
+					}
+				}
+			}
+
+			ul {
+				padding: 0;
+				margin: 0;
+				list-style: none;
+				display: flex;
+				justify-content: center;
+				flex-direction: row;
+				gap: 8px;
+
+				li {
+					&:nth-child(1) {
+						a {
+							background: #dfdfdf;
+
+							&::after {
+								content: url('/upload/filemanager/icons/Vidok-Icon.svg');
+							}
+						}
+					}
+					&:nth-child(2) {
+						a {
+							background: #fff;
+
+							&::after {
+								content: url('/upload/filemanager/icons/See-Icon.svg');
+							}
+						}
+					}
+
+					a {
+						color: #1d1d1e;
+						font-size: 13px;
+						font-weight: 700;
+						letter-spacing: 0px;
+						text-transform: uppercase;
+
+						display: flex;
+						gap: 10px;
+						position: relative;
+						padding: 12px 20px;
+						align-items: self-end;
+
+						&::after {
+							height: 24px;
+							width: 24px;
+						}
+
+						&:hover {
+							color: #1d1d1e;
+						}
+
+						@include respond-below(xs) {
+							padding: 15px;
+						}
+					}
+				}
+			}
+		}
+	}
+}

templates_user/components/NavMenu.php

@@ -204,8 +204,16 @@
                 <a href="/uber-vidok">Über uns</a>
               </li>
 
-              <li class="katalog">
-                <a href="/upload/filemanager/Katalog-glowny-vidok-DE_s.pdf" target="_blank">Katalog</a>
+              <li class="parent">
+                <a href="/katalogen-und-broschuren">Partnerzone</a>
+                <ul class="lvl_2">
+                  <li>
+                    <a href="/katalogen-und-broschuren">Katalogen und Broschüren</a>
+                  </li>
+                  <li>
+                    <a href="/dokumenten">Dokumenten</a>
+                  </li>
+                </ul>
               </li>
 
               <li>