first commit

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -0,0 +1,168 @@
+html {
+	scroll-padding-top: 150px;
+}
+
+p {
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.box-1 {
+	> .e-con-inner {
+		position: relative;
+		padding: 80px 70px;
+		border-radius: 28px;
+		background: #fff;
+
+		@media (max-width: 1024px) {
+			padding: 234px 24px 24px 24px;
+			border-radius: 0;
+		}
+	}
+}
+
+#kontakt-form {
+	.elementor-field-group {
+		&:not(.elementor-field-type-acceptance) {
+			position: relative;
+
+			label {
+				position: absolute;
+				top: 24px;
+				left: 22px;
+				transform: translateY(-50%);
+				transition: 0.3s ease;
+				pointer-events: none;
+				// 	background: white;
+				// 	padding: 0 5px;
+				// 	color: #777;
+
+				font-size: 15px;
+				color: #505050;
+				font-weight: 400;
+			}
+
+			input {
+				height: 48px;
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+
+			textarea {
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+				resize: none;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+		}
+	}
+
+	.elementor-field-type-acceptance {
+		.elementor-field-option {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 12px;
+		}
+		input[type='checkbox'] {
+			appearance: none;
+			position: relative;
+
+			display: inline-block;
+			width: 24px;
+			min-width: 24px;
+			height: 24px;
+			border: 2px solid #00ac35;
+			border-radius: 8px;
+			cursor: pointer;
+
+			&::before {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				width: 14px;
+				height: 14px;
+				background-color: #00ac35;
+				border-radius: 4px;
+				// background-image: url('/wp-content/uploads/2026/03/Check.svg');
+				// background-size: contain;
+				// background-repeat: no-repeat;
+				opacity: 0;
+				transition: all 0.3s ease;
+			}
+			&:checked::before {
+				opacity: 1;
+			}
+		}
+		label {
+			color: #1e1756;
+			font-family: 'Open Sans', sans-serif;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 1.7;
+			cursor: pointer;
+		}
+	}
+
+	.form-info {
+		color: #525252;
+		font-size: 11px;
+		font-weight: 1.3;
+
+		a {
+			color: #0066b3;
+		}
+	}
+}
+
+#header-box {
+	@media (min-width: 768px) {
+		position: fixed;
+	}
+}
+
+.card {
+	.elementor-image-box-wrapper {
+		@media (max-width: 768px) {
+			display: flex;
+			align-items: center;
+			gap: 20px;
+		}
+	}
+}
+
+.komfort-box {
+	@media (max-width: 768px) {
+		display: flex;
+		align-items: center;
+		gap: 20px;
+	}
+}