/* content block allgemein */
.content-block {
	position: relative;
	color: var(--color-default);
	line-height: 1.5;
	margin-bottom: 6em; /* default margin-bottom */
	font-family: var(--font-family-sans);
	font-size: var(--default-font-size);
}
.content-block-ajax{
	max-width:1020px;
}
.content-element {
	margin-bottom: 2rem;
}

@media screen and (min-width: 1440px) {
	.content-block {
		margin-bottom: 8em;
	}
}

.bg-defaultpadding {
	padding-top: 3.5em;
	padding-bottom: 2.5em;
}

@media screen and (min-width: 768px) {
	.sticky {
		position: sticky;
		top: 30px;
	}
}

.content-block a {
	transition: all 0.1s ease-in-out;
	color: var(--color-primary);
	text-decoration: none;
}

.content-block a:hover {
	color: var(--color-default);
}

@media screen and (min-width: 1400px) {
	.watermark-bright::after,
	.watermark-dark::after {
		z-index: 0;
		display: block;
		content: '';
		position: absolute;
		bottom: 20px;
		right: 20px;
		height: 80%;
		width: 100%;
		max-height: 400px;
		background-image: url("../img/watermark-bright.svg");
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: auto 100%;
		pointer-events: none;
	}

	.watermark-dark::after {
		background-image: url("../img/watermark-dark.svg");
		opacity: 0.05;
	}
}

/* swiper slider */
.swiper {
	position: relative;
}

.swiper-slide {
	height: auto;
	align-self: stretch;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

.slider-style-1 {
	padding-bottom: 30px;
}

.slider-style-3 {
	padding-bottom: 0px;
}

.swiper-pagination-bullet {
	opacity: 1;
	width: 14px;
	height: 14px;
	background-color: var(--color-swiper-bullets);
}

.swiper-pagination-bullet-active {
	background-color: var(--color-primary);
}

.slider-style-2 .swiper-pagination-bullet,
.slider-style-3 .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, 1);
}

.slider-style-2 .swiper-pagination-bullet-active,
.slider-style-3 .swiper-pagination-bullet-active {
	border: 2px solid rgba(255, 255, 255, 1);
	background-color: var(--color-primary);
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--color-primary);
}

.slider-style-1 .swiper-pagination-bullets {
	bottom: 0px;
}

/* swiper controls */
.swiper-controls {
	z-index: 10;
	position: absolute;
	bottom: 10px;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--swiper-controls-bg);
	border-radius: 15px;
}

.swiper-controls .swiper-button-prev,
.swiper-controls .swiper-button-next {
	height: fit-content;
	width: fit-content;
	padding: 1px 6px;
	position: static;
	margin-top: 0 !important;
}

.swiper-controls .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	width: fit-content;
	height: fit-content;
}

.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
	color: var(--color-white);
}

.swiper-controls .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	background-color: var(--color-white);
}

.swiper-controls .swiper-pagination-bullet-active {
	border: 1px solid var(--color-white);
	background-color: var(--color-primary) !important;
}

/* swiper-controls-light */
.swiper-controls-light {
	background: rgba(255, 255, 255, 1);
}

.swiper-controls-light .swiper-pagination-bullet {
	border: none;
	background-color: var(--color-swiper-bullets);
}

.swiper-controls-light .swiper-button-next,
.swiper-controls-light .swiper-button-prev {
	color: var(--color-black);
}

/* swiper-controls orientation */
.swiper-controls-left {
	left: 10px;
}

.swiper-controls-right {
	right: 10px;
}

.swiper-controls-center {
	left: 50%;
	transform: translateX(-50%);
}

/* Block heroslider */
.heroslider {
	width: 100%;
	overflow: hidden;
	height: calc(100vh - var(--header-offset, 0px)); /* fallback für alte browser */
	height: calc(100dvh - var(--header-offset, 0px)); /* 100dvh = „dynamisches“ VH */
	position: relative;
}

.heroslider .swiper-slide {
	position: relative;
	overflow: hidden;
}

.heroslider .swiper-slide::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	pointer-events: none; /* wichtig, damit es keine Klicks blockiert */
	z-index: 10;
}

.heroslider .slide-bg {
	position: absolute;
	inset: 0; /* top/right/bottom/left: 0 */
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.heroslider .slide-caption {
	position: absolute;
	bottom: 15%; /* Abstand nach unten */
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	width: 100%;
	max-width: 1200px;
	text-align: center;
	z-index: 20;
}

.heroslider .slide-caption h2 {
	color: var(--color-white);
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 500;
	text-shadow: var(--text-shadow);
}

@media screen and (min-width: 800px) {
	.heroslider .slide-caption h2 {
		font-size: 4rem;
	}
}

@media screen and (min-width: 1080px) {
	.heroslider .slide-caption h2 {
		font-size: 5rem;
	}
}

@media screen and (min-width: 1420px) {
	.heroslider .slide-caption h2 {
		font-size: 6rem;
	}
}

/* Block Megaslider */
.megaslider-grid {
	display: grid;
	grid-template-columns: 1fr;
}

.megaslider-image {
	aspect-ratio: 16 / 9;
}

.megaslider-image img {
	object-fit: cover;
	object-position: center;
}

.megaslider-info {
	position: relative;
	display: flex;
	align-items: center;
	background-color: var(--color-lightgrey);
}

.megaslider-info > div {
	z-index: 10;
}

@media screen and (min-width: 1080px) {
	.megaslider-grid {
		grid-template-columns: 60% 40%;
	}

	.megaslider-image {
		aspect-ratio: 16 / 10;
	}

	.megaslider-info {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* Block Heroimage */
.heroimage {
	position: relative;
	z-index: 10;
	min-height: 75vh;
	display: flex;
	justify-content: center; /* horizontal zentriert */
	align-items: center; /* vertikal zentriert */
	text-align: center; /* Inhalt im inneren div ebenfalls zentriert */
}

.heroimage-small {
	min-height: 50vh;
}

.heroimage::before {
	z-index: 10;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-bg-blinder);
}

.heroimage-image {
	z-index: 5;
}

.heroimage-info {
	z-index: 15;
	max-width: 85%;
}

@media screen and (min-width: 768px) {
	.heroimage-info {
		max-width: 66%;
	}
}

@media screen and (min-width: 1024px) {
	.heroimage-info {
		max-width: 50%;
	}
}

.heroimage .heroimage-headline {
	color: var(--color-white);
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 500;
	text-shadow: var(--text-shadow);
}

.heroimage .heroimage-text {
	color: var(--color-white);
	font-size: 1.5rem;
	text-shadow: var(--text-shadow);
}

/* Block Contentheader */
.block-contentheader {
	position: relative;
	height: 300px;
}

.contentheader-large {
	height: 450px;
}

@media screen and (min-width: 920px) {
	.block-contentheader {
		height: 350px;
	}
	.contentheader-large {
		height: 550px;
	}
}

.contentheader-image {
	position: relative;
	height: 100%;
	overflow: hidden;
}


@media screen and (min-height: 900px) {
	.heroimage .heroimage-headline {
		font-size: 3.5rem;
	}
}

.contentheader-image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.contentheader-info {
	position: absolute;
	left: 0px;
	bottom: 0%;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.contentheader-text {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1 !important;
	margin-bottom: 0.5em;
	text-shadow: var(--text-shadow);
}

.contentheader-headline {
	font-size: 2.5rem !important;
	line-height: 1.1 !important;
	margin: 0;
	padding: 0;
	font-size: 3rem;
	text-shadow: var(--text-shadow);
}

@media screen and (min-width: 620px) {
	.contentheader-text {
		font-size: 2rem;		
	}
	.contentheader-headline {
		font-size: 3.25rem !important;
	}
}

@media screen and (min-width: 920px) {
	.contentheader-headline {
		font-size: 4.5rem !important;
	}
}

/* Block Pagelinks */
.pagelinks-container {
	container: pagelinks / inline-size; /* Name pagelinks + Typ inline-size in einer Zeile */
	max-width: 1680px;
	margin: auto auto;
	padding: 0 20px;
}

.pagelinks-grid {
	display: grid;
	gap: 25px;
	grid-template-columns: 1fr;
	grid-auto-rows: 300px;
	grid-auto-flow: dense;
}

@container pagelinks (min-width: 600px) {
	.pagelinks-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.pagelinks-grid .size-w2 {
		grid-column: span 2;
	}

	.pagelinks-grid .size-h2 {
		grid-row: span 2;
	}

	.pagelinks-grid .size-w3 {
		grid-column: span 2;
	}

	.pagelinks-grid .size-h3 {
		grid-row: span 2;
	}
}

@container pagelinks (min-width: 1000px) {
	.pagelinks-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.pagelinks-grid .size-w3 {
		grid-column: span 3;
	}

	.pagelinks-grid .size-h3 {
		grid-row: span 3;
	}
}

/* falls mal vierspaltig
@container pagelinks (min-width: 1280px) {
	.pagelinks-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
*/

.pagelink-tile {
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
	background-color: var(--color-lightgrey);
}

.pagelink-tile img {
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.pagelink-tile::before {
	content: '';
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-bg-blinder);
	opacity: 0;
	transition: 0.4s ease-in-out;
}

.pagelink-info {
	z-index: 3;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.5rem 1rem 1rem 1rem;
	color: var(--color-white);
	background: var(--color-bg-gradient);
	text-shadow: var(--text-shadow);
}

.pagelink-title {
	transition: 0.5s ease-in-out;
	display: block;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 500;
}

.pagelink-text {
	opacity: 0;
	transition: 0.25s ease-in-out;
	display: block;
	max-height: 0px;
	overflow: hidden;
}
.pagelink-tile:hover .pagelink-text {
	/*padding-top:0.5rem;*/
}

.pagelink-tile:hover::before {
	opacity: 1;
}

.pagelink-tile:hover img {
	transform: scale(1.05);
}

.pagelink-tile:hover .pagelink-text {
	max-height: 100px;
	opacity: 1;
}

/* Block Gallery */
.gallery-container {
	container: gallery / inline-size; /* Name pagelinks + Typ inline-size in einer Zeile */
	max-width: 1680px;
	margin: auto auto;
}

.gallery-grid {
	display: grid;
	gap: 25px;
	grid-template-columns: 1fr;
	grid-auto-rows: 260px;
	grid-auto-flow: dense;
}

@container gallery (min-width: 600px) {
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery-grid .size-w2 {
		grid-column: span 2;
	}

	.gallery-grid .size-h2 {
		grid-row: span 2;
	}

	.gallery-grid .size-w3 {
		grid-column: span 2;
	}

	.gallery-grid .size-h3 {
		grid-row: span 2;
	}
}

@container gallery (min-width: 900px) {
	.gallery-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.gallery-grid .size-w3 {
		grid-column: span 3;
	}

	.gallery-grid .size-h3 {
		grid-row: span 3;
	}
}

@container gallery (min-width: 1080px) {
	.gallery-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.gallery-tile {
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.gallery-tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.gallery-tile:hover img {
	transform: scale(1.05);
}

.gallery-tile .gallery-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.4rem 0.7rem;
	line-height: 1.2;
	color: var(--color-white);
	background: var(--gallery-title-bg);
}

.gallery-tile .gallery-icon {
	font-size: 1rem;
	position: absolute;
	top: 4px;
	right: 10px;
	color: var(--color-white);
}

/* Block Timeline */
.timeline {
	position: relative;
	max-width: 980px;
	margin: auto auto;
}

.timeline::after {
	content: '';
	position: absolute;
	width: 3px;
	background: var(--color-primary);
	top: 0;
	bottom: 0;
	left: 0;
	transform: translateX(calc(var(--timeline-bulletsize) / 2 - 1.5px));
	z-index: -10;
}

.timeline-headline {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.timeline-headline h2 {
	background: var(--color-white);
	margin: 0px !important;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.timeline-item {
	position: relative;
	padding-left: 40px;
	left: 0;
	margin-bottom: 30px;
}

.timeline-item::before {
	content: "";
	height: 0;
	position: absolute;
	top: 10px;
	width: 0;
	z-index: 1;
	border: solid var(--color-primary);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--color-primary) transparent transparent;
	left: 30px;
}

.timeline-item::after {
	content: '';
	position: absolute;
	width: var(--timeline-bulletsize);
	height: var(--timeline-bulletsize);
	background: var(--color-white);
	border: 3px solid var(--color-primary);
	top: 10px;
	border-radius: 50%;
	z-index: 1;
	left: 0;
}

@media screen and (min-width: 800px) {
	.timeline::after {
		left: 50%;
		transform: translateX(-50%);
	}

	.timeline-item {
		width: 50%;
	}

	.timeline-item-even {
		left: 50%;
	}

	.timeline-item-odd {
		padding-left: 0px;
		padding-right: 40px;
	}

	.timeline-item::after {
		transform: translateX(calc(var(--timeline-bulletsize) / -2));
	}

	.timeline-item-odd::before {
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent var(--color-primary);
		right: 30px;
		left: initial;
	}

	.timeline-item-odd::after {
		left: initial;
		right: 0;
		transform: translateX(calc(var(--timeline-bulletsize) / 2));
	}

	.timeline-headline {
		margin: auto auto;
		text-align: center;
		max-width: 600px;
	}
}

/* breadcrumb */
.nav-breadcrumb,
.nav-breadcrumb a {
	color: var(--color-grey);
	text-decoration: none;
}

.nav-breadcrumb a:hover {
	text-decoration: underline;
}

/* Box */
.box {
	display: block;
	position: relative;
	padding: 15px;
	border: 1px solid var(--color-greyborder);
	background: var(--color-white);
}

.bg-lightgrey .box {
	border: none;
}

.box-icon {
	float: right;
	opacity: 0.2;
	font-size: 2.5rem;
	margin-bottom: 5px;
	margin-left: 5px;
}

.box-icon-absolute {
	position: absolute;
	top: 10px;
	right: 10px;
}

.box-contact-image {
	transform: translateX(24px) translateY(-42px);
	float: right;
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-radius: 50%;
	border: 1px solid var(--color-greyborder);
}

/* box-shadow */
.box-shadow {
	box-shadow: 0px 0px 20px var(--color-box-shadow);
}

/* Event Box */
.event-box {
	position: relative;
	background: var(--color-white);
	height: 100%;
}

.event-box-badge {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 10;
}

.event-box-badge div {
	padding: 0px 10px;
	text-align: center;
}

.event-box-date {
	margin-right: 65px;
}

.event-box-image {
	display: flex;
	position: relative;
	height: auto;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}

.event-box-image img {
	object-fit: cover;
	object-position: center;
}

/* Gastgeber Box */
.gastgeber-box-badge {
	z-index: 10;
	position: absolute;
	left: 30px;
	top: 0px;
	background-color: var(--color-primary);
	padding: 2px 10px;
	color: var(--color-white);
	box-shadow: 4px 4px 0px var(--color-box-shadow);
}

/* News Box */
.news-box {
	height: 100%;
}
.image-container-news{
	display: flex !important;
	position: relative;
	aspect-ratio: 4 / 3;
	align-items: center;
	justify-content: center;
}

/* pagination */
.pagination-block {
}

.nav-pagination ul {
	margin: 0;
	padding: 0;
	display: flex;
}

.nav-pagination li {
	margin: 0;
	padding: 0;
	margin-right: 6px !important;
	display: block;
}

.nav-pagination a,
.nav-pagination span {
	transition: all 0.1s ease-in-out;
	text-decoration: none;
	border: 1px solid var(--color-primary);
	display: block;
	color: var(--color-white);
	padding: 0.35em 0.9em;
	background: var(--color-primary);
}

.nav-pagination .current,
.nav-pagination a:hover {
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
	background: var(--color-white);
}

/* collapse accordion */
.accordion-item {
	background: transparent;
}

.accordion-button {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

.accordion-button::after {
	filter: saturate(0%);
}

.accordion-body {
	padding: 0.5em 0;
}

.accordion-button:not(.collapsed) {
	color: var(--color-primary);
	background-color: transparent;
	box-shadow: none;
}

/* box-download */
.box-download {
	transition: all 0.2s ease-in-out;
}

.box-download:hover {
	text-decoration: none;
	background-color: var(--color-white);
	box-shadow: 4px 4px 0px var(--color-box-shadow);
}

/* carddeck */
.carddeck .card {
	margin-bottom: 30px !important;
}

.card-img-top-area {
	border-radius: 0px;
	aspect-ratio: 16 / 9;
	border-bottom: 1px solid var(--color-lightgrey);
	overflow: hidden;
}

.card-img-top-contain {
	padding: 20px;
}

.card-img-top-contain img {
	width: 250px;
}

.card-img-top-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.card {	
	background: var(--color-white);
}
.card-footer{
	background: var(--color-lightgrey);
}



.card-text p:last-child {
	margin-bottom: 0px !important;
}

/* showcase */
@media screen and (min-width: 1240px) {
	.showcase-info {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* link with image hover effect */
.link-image-effect {
	position: relative;
	display: block;
	overflow: hidden;
}

.link-image-effect img {
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.link-image-effect:hover {
	opacity: 0.85;
}

.link-image-effect:hover img {
	transform: scale(1.05);
}

.link-image-effect i {
	display: block;
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 8px;
	color: var(--color-white);
}

/* itemfilter */

.itemfilter-nav{
	margin-bottom: 2rem;
}

.itemfilter-nav a {
	line-height: 1.2;
	display: inline-block;
	color: var(--color-default);
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding:5px 8px;
	text-decoration: none;
	border-radius: 5px;
	background:var(--color-lightgrey);
}

.itemfilter-nav a:hover,
.itemfilter-nav a.active {
	color: var(--color-white);
	background:var(--color-primary);
	text-decoration: none;
}

/* video */
.video-preview {
	display: block;
	position: relative;
}

.video-preview i {
	opacity: 1;
	color: var(--color-white);
	font-size: 100px;
	position: absolute;
	left: calc(50%);
	top: calc(50%);
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	transform: scale(0.75);
}

@media only screen and (min-width: 720px) {
	.video-preview i {
		transform: scale(1);
	}
}

/* highlighttext */
.highlight-text {
	border-left: 6px solid var(--color-primary);
	background-color: var(--color-lightgrey);
	padding: 0.5rem 0.75rem 0.5rem 1.25rem;
}

.highlight-text p {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.bg-lightgrey .highlight-text {
	background-color: var(--color-white);
}

/* gastgeber */
.container-gastgeber-icon {
	text-align: center;
	width: 32px;
}

/* imageslider */
.imageslider-item {
	overflow: hidden;
	position: relative;
}

.imageslider-item-text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 12px;
	color: var(--color-white);
	background: rgba(0, 0, 0, 0.5);
}

/* table */
.table-border-top {
	border-top: 1px solid rgb(222, 226, 230);
}

/* nav-link */
.nav-link {
	color: var(--color-primary);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.nav-link:hover {
	color: var(--color-default);
	border-bottom: 3px solid var(--color-default);
}

/* jarallax styles */
.jarallax {
	position: relative;
	z-index: 0;
}

.jarallax > .jarallax-img {
	position: absolute;
	object-fit: cover;
	/* support for plugin https://github.com/bfred-it/object-fit-images */
	font-family: 'object-fit: cover;';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* map */
.map {
	position: relative;
}

.map-topics {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}

#map {
	min-height: 100svh;
	width: 100%;
	outline: none !important; /* Deaktiviert den blauen Rahmen */
}

.map-topic {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	background: rgba(255, 255, 255, 0.7);
	font-size: 1rem;
	gap: 0px;
	margin-bottom: 5px;
	filter: grayscale(0);
	padding: 5px;
}

.map-topic-icon img {
	width: 100%;
}

.map-topic.active {
	filter: grayscale(0);
}

.form-check-input:checked {
	background-color: #666666;
	border-color: #666666;
}

.map-marker {
	position: relative;
	padding-bottom: 10px;
}

.map-marker-text {
	font-size: 14px;
	color: #000000;
	text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 var(--color-white);
}

.map-marker-icon {
	width: 40px;
	height: auto;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 20px);
	z-index: -1;
}

.view-link { /* Links z.B. bei Bushaltestellen */
	display: none;
}

.marker-infobox {
	font-size: 14px;
	max-width: 400px;
}

/* panorama-viewer */
.panorama-viewer{
	height:50vh;
}