/* Sales LP Namespace */
.sales-landingpage {
	/* Colors */
	--slp-bg-blue: var(--theme-color-bg-muted);
	--slp-bg-sand: var(--theme-color-bg-subtle);
	--slp-bg-white: var(--theme-color-bg-surface);
	
	
	
	
	.main-content [data-module]:not(.c-picture):nth-child(8) {
    	background-color: var(--slp-bg-blue) !important;
	}
		
	
	.main-content [data-module]:not(.c-picture):nth-child(2) {
    	background-color: var(--slp-bg-sand) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(5) {
    	background-color: var(--slp-bg-sand) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(6) {
    	background-color: var(--slp-bg-sand) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(9) {
    	background-color: var(--slp-bg-sand) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(10) {
    	background-color: var(--slp-bg-sand) !important;
	}
		
	
	.main-content [data-module]:not(.c-picture):nth-child(1) {
    	background-color: var(--slp-bg-white) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(3) {
    	background-color: var(--slp-bg-white) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(4) {
    	background-color: var(--slp-bg-white) !important;
	}
	
	.main-content [data-module]:not(.c-picture):nth-child(7) {
    	background-color: var(--slp-bg-white) !important;
	}
		
	
	/* Other variables */
	--slp-font-size-main-headline: 48px;	
	--slp-bullet-font-size: 18px;

	@media (width < 768px) {
		--slp-font-size-main-headline: 40px;	
	}

	/* Main */
	.header-campaign {
		max-height: 80px;
	}

	

	.main-content>section[data-module]:not([data-module="overlay"]) {
	    .headline-xs, .headline-s, .headline-m, .headline-me, .headline-l, .headline-xl, .headline-xxl {
			color: var(--theme-color-accent-default);
		}
	}

	/* Modules */
	.main-content>[data-module="customer-feedback"], 
	.main-content>[data-module="dual-column-content-module"], 
	.main-content>[data-module="faq"],
	.main-content>[data-module="headline-text"],
	.main-content>[data-module="pricing"],
	.main-content>[data-module="side-by-side"] {
		padding-top: 40px;
		padding-bottom: 40px;
		
		.headline-xl {
			font-size: var(--slp-font-size-main-headline);
			font-weight: 900;
		}
	}
	.main-content>[data-module] {
		li span {
			font-size: var(--slp-bullet-font-size);
		}
	}

	.main-content>[data-module="dual-column-content-module"] {
		.headline-icon-wrapper {
			display: flex;
			gap: 10px;
			
			.headline-l {
				font-size: 22px;
			}

			@media (width < 768px) {
				.headline-xl {
					font-size: 32px;
				}
			}

			.icon {
				align-self: center;
				
				img {
					width: 80px;
					height: 80px;
				}				
			}
		}
		.editorialContent {
			margin-top: 40px;
			font-size: 16px;
			line-height: 150%;
		}
		.dualColumn-wrapper {
			display: grid;
    		grid-template-columns: 1fr 1fr;
		    gap: 20px 40px;
			margin-top: 40px;

			@media (width < 768px) {
    			grid-template-columns: 1fr;
			}

			.c-dual-column-content-element {
				.icon-text-wrapper {
					display: flex;
					gap: 20px;
	
					.icon {
						align-self: flex-start;
						
						img {
							width: 40px;
							height: 40px;
						}
					}

					.text-wrapper {
						p {
							font-size: 16px;
							line-height: 150%;
						}
					}
				}
			}
		}
	}
	
	.main-content>[data-module="hero-campaign"].withHeroImage {
		@media (width > 1199px) {
			padding-top: 100px;
			padding-bottom: 50px;
		}
	
		.hero-campaign-grid {
			@media (width > 1199px) {
				padding-right: 0;	
			}		

			.hero-content {
				--column-span: 4;
				padding: 20px 0;
				gap: 20px;
				
				@media (width < 1200px) {
					--column-span: 12;					
					grid-row: 1;
				}
				
				.editorialContent {
					ul {
						padding-top: 12px;
					}
					li::before {
						background-image: url("../pk-2023/icons/rebrush_icons/check_medium_green.svg");
					}
				}
				.hero-seals {
					@media (width < 768px) {
						justify-content: center;
					}
					.c-picture {
						height: 160px;
					}
				}
				h2 {
					font-size: x-large;
				}
				h1{
					font-size: var(--slp-font-size-main-headline);
					line-height: 110%;
					font-weight: 900;
				}
				.button-container {
					.c-button {
						font-size: 20px;

						@media (width < 768px) {
							margin-right: 20px;
						}
					}
				}
			}
			.hero-picture {
				--column-span: 8;
				min-height: unset;

				@media (width < 1200px) {
					--column-span: 12;
					grid-row: 2;
					padding-top: 40px;
				}

				@media (width < 768px) {
					left: unset;
					right: unset;
					margin-left: -25px;
					margin-right: unset;
				}

				&::after {
					content: "10% Rabatt im April";
					text-align: center;
					font-size:21px;
					font-weight: 700;
					background-color: var(--theme-color-accent-default);
					color: var(--theme-color-fg-on-accent); 
					position: absolute;
                    top: -7%;
                    right: 53%;
                    border-radius: 50%;
                    display: inline-block;
                    word-wrap: break-word;
                    white-space: normal;
                    width: 130px;
                    height: 130px;
                    margin: auto;
                    align-content: center;
                    transform: rotate(15deg);

					@media (width < 1200px) {
						top: 0;
						left: -20%;
					}

					@media (width < 768px) {
				        left: -72px;
                        top: 0px;
                        width: 100px;
                        height: 100px;
                        font-size: 16px;
					}						
				}	

				[data-module=picture].c-picture {
					width: 100%;
					position: relative;
						
					img {
						mask-image: none;
					}
				}
			}
		}
	}

	.main-content>[data-module="headline-text"] {
		.editorialContent {
			ul li::before {
				background-image: url("../pk-2023/icons/rebrush_icons/check_medium_green.svg");
			}
			
			p {
				display: flex;
				gap: 40px;
				font-size: 16px;
				line-height: 150%;

				@media (width < 768px) {
					flex-direction: column;
					gap: 20px;

					.c-button {
						text-align: center;
					}
				}
			}
		}
	}

	.main-content>[data-module="pricing"].c-pricing {
		.price-comparison {
			padding-top: 0;
		}
	}

	#schnell-passiert-perfekt-pariert {
		.c-button.ghost {
			padding-left: 50px;
		}
		.c-button.ghost::before {
			content: "";
			background-image: url("landingpage_shield.svg");
			width: 40px;
            height: 40px;
            padding-right: 10px;
            background-repeat: no-repeat;
            transform: scale(0.6);
			position: absolute;
			left: 10px;
		}
	}

	.main-content>[data-module="customer-feedback"].c-customer-feedback {
		.feedback-card {
			background-color: var(--slp-bg-white);
			padding-bottom: 0;
			
			.card-text {
				.editorialContent {
					font-size: 16px;
				}
			}
		}
		.slide.feedback-card {
			padding: 0;
		}
		.c-picture figcaption {
			display: none;
		}
		.fw-slider-button-wrapper {
			@media (width > 767px) {
				padding-left: calc(33% + 32px);
			}
		}
	}
	[data-module="headline-text"]+[data-module="customer-feedback"] {
		padding-top: 0;
	}
	[data-module="headline-text"]+[data-module="pricing"] {
		padding-top: 0;
	}
	[data-module="headline-text"]+[data-module="faq"] {
		padding-top: 0;
	}
}