/* ==========================================================
   NEWATOURS – REISEINFO INFOBLOCK
   ========================================================== */

.newatours-reiseinfo-infoblock {
	--newa-navy: #0d2d4a;
	--newa-gold: #b08d57;
	--newa-red: #d63b35;

	width: 100%;

	padding:
		34px 0 42px;
}


.newatours-reiseinfo-infoblock-inner {
	display: flex;

	align-items: flex-start;

	gap: 36px;

	width: 100%;
}


/* ==========================================================
   POSITION
   ========================================================== */

.newatours-reiseinfo-infoblock.is-image-left
.newatours-reiseinfo-infoblock-image-wrap {
	order: 1;
}


.newatours-reiseinfo-infoblock.is-image-left
.newatours-reiseinfo-infoblock-content {
	order: 2;
}


.newatours-reiseinfo-infoblock.is-image-right
.newatours-reiseinfo-infoblock-content {
	order: 1;
}


.newatours-reiseinfo-infoblock.is-image-right
.newatours-reiseinfo-infoblock-image-wrap {
	order: 2;
}


/* ==========================================================
   IMAGE
   ========================================================== */

.newatours-reiseinfo-infoblock-image-wrap {
	flex:
		0 0 46%;

	max-width:
		46%;
}


.newatours-reiseinfo-infoblock-image {
	display: block;

	width: 100%;
	height: 360px;

	object-fit: cover;

	border-radius: 10px;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.newatours-reiseinfo-infoblock-content {
	flex: 1;

	min-width: 0;
}


.newatours-reiseinfo-infoblock-heading {
	display: flex;

	align-items: center;

	gap: 13px;

	margin:
		0 0 8px;
}


.newatours-reiseinfo-infoblock-title {
	margin: 0;

	color: #0d2d4a;

	font-family:
		Marcellus,
		serif;

	font-size: 30px;

	font-weight: 400;

	line-height: 1.2;
}


.newatours-reiseinfo-infoblock-divider {
	display: block;

	width: 66px;
	height: 1px;

	margin:
		0 0 22px 45px;

	background:
		#b08d57;
}


.newatours-reiseinfo-infoblock-description {
	color: #26333f;

	font-size: 16px;

	line-height: 1.75;
}


.newatours-reiseinfo-infoblock-description p {
	margin:
		0 0 16px;
}


.newatours-reiseinfo-infoblock-description p:last-child {
	margin-bottom: 0;
}


/* ==========================================================
   PIN
   ========================================================== */

.newatours-reiseinfo-infoblock-pin {
	display: inline-flex;

	flex:
		0 0 24px;

	width: 24px;
	height: 33px;
}


.newatours-reiseinfo-infoblock-pin svg {
	display: block;

	width: 100%;
	height: 100%;
}


.newatours-reiseinfo-pin-camera {
	fill: #ffffff;
}


/* Kartenpunkt */

.newatours-reiseinfo-infoblock.is-map-point
.newatours-reiseinfo-pin-shape {
	fill: #d63b35;

	stroke: #ffffff;
	stroke-width: 1.3;
}


.newatours-reiseinfo-infoblock.is-map-point
.newatours-reiseinfo-pin-inner {
	fill: #c92f2a;
}


/* Sehenswürdigkeit */

.newatours-reiseinfo-infoblock.is-sight
.newatours-reiseinfo-pin-shape {
	fill: #b08d57;

	stroke: #ffffff;
	stroke-width: 1.3;
}


.newatours-reiseinfo-infoblock.is-sight
.newatours-reiseinfo-pin-inner {
	fill: #9d7948;
}


/* ==========================================================
   MEHR ERFAHREN – NUR DESKTOP
   ========================================================== */

.newatours-reiseinfo-infoblock-toggle {
	display: none;
}


@media (min-width: 1025px) {

	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-description.is-collapsible {
		position: relative;
		overflow: hidden;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-description.is-collapsible:not(.is-expanded)::after {
		content: "";

		position: absolute;

		right: 0;
		bottom: 0;
		left: 0;

		height: 42px;

		background:
			linear-gradient(
				to bottom,
				rgba(255, 255, 255, 0),
				#ffffff 90%
			);

		pointer-events: none;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-toggle {
		align-self: flex-start;

		align-items: center;

		gap: 6px;

		margin: 14px 0 0 !important;
		padding: 0 !important;

		border: 0 !important;
		border-radius: 0 !important;

		background: transparent !important;

		box-shadow: none !important;
		outline: none !important;

		color: var(--newa-gold);

		font-family:
			"Source Sans 3",
			sans-serif;

		font-size: 14px;
		font-weight: 600;
		line-height: 1.2;

		cursor: pointer;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-toggle:not([hidden]) {
		display: inline-flex;
	}


	.newatours-reiseinfo-infoblock-toggle:hover,
	.newatours-reiseinfo-infoblock-toggle:focus,
	.newatours-reiseinfo-infoblock-toggle:active {
		background: transparent !important;

		color: var(--newa-gold);

		text-decoration: none !important;

		box-shadow: none !important;
	}


	.newatours-reiseinfo-infoblock-toggle[hidden] {
		display: none !important;
	}


	.newatours-reiseinfo-infoblock-toggle-less {
		display: none;
	}


	.newatours-reiseinfo-infoblock-toggle[aria-expanded="true"]
	.newatours-reiseinfo-infoblock-toggle-more {
		display: none;
	}


	.newatours-reiseinfo-infoblock-toggle[aria-expanded="true"]
	.newatours-reiseinfo-infoblock-toggle-less {
		display: inline;
	}


	.newatours-reiseinfo-infoblock-toggle-icon {
		display: inline-block;

		font-size: 17px;
		line-height: 1;

		transition:
			transform 0.2s ease;
	}


	.newatours-reiseinfo-infoblock-toggle[aria-expanded="true"]
	.newatours-reiseinfo-infoblock-toggle-icon {
		transform:
			rotate(180deg);
	}
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 1024px) {

	.newatours-reiseinfo-infoblock {
		padding:
			24px 0 30px;
	}


	.newatours-reiseinfo-infoblock-inner {
		flex-direction:
			column;

		gap: 22px;
	}


	.newatours-reiseinfo-infoblock-image-wrap,
	.newatours-reiseinfo-infoblock-content {
		order: initial !important;

		flex:
			0 0 100%;

		width: 100%;
		max-width: 100%;
	}


	.newatours-reiseinfo-infoblock-image-wrap {
		order: 1 !important;
	}


	.newatours-reiseinfo-infoblock-content {
		order: 2 !important;
	}


	.newatours-reiseinfo-infoblock-title {
		font-size: 25px;
	}


	.newatours-reiseinfo-infoblock-divider {
		margin-left: 37px;
	}


	.newatours-reiseinfo-infoblock-description {
		font-size: 15px;

		line-height: 1.7;
	}
	
	.newatours-reiseinfo-infoblock-image-wrap {
		flex: 0 0 100% !important;
		flex-basis: 100% !important;

		width: 100% !important;
		max-width: 100% !important;
	}

	.newatours-reiseinfo-infoblock-image-link {
		display: block;

		width: 100% !important;
		height: 100%;
	}

	.newatours-reiseinfo-infoblock-image {
		display: block;

		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (min-width: 1025px) {

	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-inner {
		align-items: stretch;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-image-wrap {
		display: flex;
		align-self: stretch;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-image-link {
		height: 100%;
	}


	.newatours-reiseinfo-infoblock.is-image-stretched
	.newatours-reiseinfo-infoblock-image {
		width: 100%;
		height: 100% !important;
		min-height: 220px;
		max-height: 560px;
		object-fit: cover;
	}
}

.newatours-reiseinfo-infoblock-image-link {
	display: block;

	width: 100%;
	height: 100%;

	cursor: zoom-in;
}


.newatours-reiseinfo-infoblock-image-link
.newatours-reiseinfo-infoblock-image {
	width: 100%;
	height: 100%;
}