.page-node-type-landing-page {
	
	tr {
		td:has(.paragraph-preview) {
			width: 100%;
			max-height: 200px;
			overflow: hidden;
		}

		&:has(.paragraph-preview) {
			position:  relative;

			&:after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				height: 40%; 
				pointer-events: none;
				background: linear-gradient(
				  to bottom,
				  rgba(248,248,248,0),
				  rgba(248,248,248,1)
				);
				border-radius: inherit;
			}
		}

/* deactivated paragraphs */
		&:has(.paragraphs-icon) {
			box-shadow: none!important; /* gs: hotfix */
			border: 1px solid rgba(0, 0, 0, .05)!important;
		}

		.paragraph-type-label {
			font-size: var(--gin-font-size-s);
			font-weight: var(--gin-font-weight-normal) !important; /* hotfix */
			text-transform: uppercase;
		}

		.paragraphs-icon-view {
			width: 22px;
			height: 22px;
			margin-inline-start: 12px;
			background-size: 22px 22px;
			background-image: url("/modules/custom/uv_admin/icons/visibility-hidden.svg");
		}
	}

	.field--name-field-sections .paragraph-top {
		justify-items: flex-end;

		.field--name-status {
			grid-column-start: 3;
			grid-row-start: 1;
			margin: 0 24px 0 0;

			.form-item {
				margin: 0;
			}
		}
	}


/* LP Topics topic */
	.field--name-field-themen {
		.form-element.chosen-container-single {
			min-width: 300px;
		}

		.chosen-drop {
			margin-left: 0;

		}

		.paragraph-top .paragraph-summary {
			grid-column: 2 / 3;
			white-space: normal;
		}

		.paragraphs-description .summary-content {
			color: #666;
		}
	}
}

.paragraph-preview {

	h2.preview-title {
		font-size: 1.3rem;
		font-weight: var(--gin-font-weight-bold);
	}
}


/* Home / Slogan */
.paragraphs-tabs-wrapper .field-multiple-table .paragraph-type--landingpage-slogan {
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: var(--gin-spacing-m) var(--gin-spacing-xs);
	margin-block-start: var(--gin-spacing-m);
	border: 1px solid var(--gin-border-color-table);
	border-radius: var(--gin-border-m);

	&:has(img) {
		min-height: 300px;
	}
}

 .paragraph-type--landingpage-slogan {

	td:nth-child(2) {
		width: 99%;
	}
	
	td:has(div.paragraph-preview.stage):has(img) {
		width: 100%;
		max-height: 300px;
		overflow: hidden;

		.slogan-wrapper {
			display: flex;
			align-items: center;
		}
	}

	.paragraph-preview:has(img) h2 {
		margin: 0;
		font-size: 1.3rem;
		font-weight: var(--gin-font-weight-bold);
		color: #000;

		span {
			font-size: 2rem;
		}
	}

	.paragraph-preview {
		@media (min-width: 768px) {
			display: grid;
			grid-template-columns: max-content 1fr;
			gap: 20px;
		}
		
		img {
			max-width: 360px;

			@media (min-width: 1024px) {
				max-width: 420px;
			}
		}
	}

} 


/* Configure Menu Page */
.js-form-wrapper:has(> [id^="custom_menu_link_item_form_wrapper_"]) {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}

.js-form-wrapper:has(> [id^="custom_menu_link_item_form_wrapper_"]) > [id^="custom_menu_link_item_form_wrapper_"] {
  order: 1;
  flex: 1;
  min-width: 0;
}

.js-form-wrapper:has(> [id^="custom_menu_link_item_form_wrapper_"]) > .paragraph-type-top {
  order: 2;
  flex-shrink: 0;
}


.paragraphs-dropbutton-wrapper {
  margin-bottom: 12px;
}

.js-form-wrapper:has(> [id^="custom_menu_link_item_form_wrapper_"]) .paragraph-type-title {
  display: none;
}

.paragraphs-subform:has(.menu-item-link-type),
[id^="custom_menu_link_item_form_wrapper_"] .paragraphs-subform {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}

.paragraphs-subform:has(.menu-item-link-type) { flex-wrap: nowrap; }

.menu-item-link-type { flex: 4; min-width: 0; }
.menu-item-title,
.menu-item-anchor,
.paragraphs-subform:has(.menu-item-link-type) > .form-wrapper:not(.menu-item-link-type):not(.menu-item-title) {
  flex: 1;
  min-width: 0;
}

[id^="custom_menu_link_item_form_wrapper_"] .paragraphs-subform {
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}

[id^="custom_menu_link_item_form_wrapper_"] .paragraphs-subform > .form-wrapper {
  flex: 0 0 300px;
  max-width: 300px;
}

.paragraphs-subform select,
.paragraphs-subform input[type="text"],
.paragraphs-subform .chosen-container {
  width: 100%
}

/* Werdegang */
.paragraph-type--landingpage-werdegang {
	.form-type--number {
		max-width: 100px;
	}
}

/* Newsletter */
.paragraph-type--landingpage-newsletter {
	.chosen-container-single {
		min-width: 50%;
	}
}