.Flussschiff-Color{
	color: var(--dcs-dark-grey) !important;
}
.Hochseeschiff-Color{
	color: var(--dcs-blue) !important;
}
.HalloweenColor{
	color: #ee964f !important;
    font-family: 'Creepster';
	font-size: 1.5rem;
}
.Flussschiff-Background{
	background-color: var(--dcs-green) !important;
	color: var(--dcs-dark-grey) !important;
}
.Hochseeschiff-Background{
	background-color: var(--dcs-blue) !important;
	border-color: var(--dcs-blue) !important;
	color: var(--dcs-white) !important;
}
.headlineShip {
	font-size: 1.8rem;
}
.subheadlineShip {
	font-size: 1.5rem;
}
.cabinHeadline {
	font-size: 1.2rem;
}
.accordion-header {
	background-color: var(--light-grey);
}
.accordion-button {
	background-color: var(--light-grey);
	color: var(--dcs-grey);
}
.accordion-button .collapsed {
	background-color: var(--light-grey);
	color: var(--dcs-grey);
}
.boxShadowShip {
	box-shadow: 2px 4px 10px 0px #a7a7a7;
}
/*Fluss Accordion*/
.FlussButton.accordion-button:focus {
	color: var(--dcs-green) !important;
	border-color: none !important;
	outline: 0 !important;
	box-shadow: none !important;
	background-color: none !important;
}
.FlussButton.accordion-button:not(.collapsed) {
	color: var(--dcs-green) !important;
	background-color: #EFEFEF !important;
	box-shadow: none !important; }
.FlussButton.accordion-button:not(.collapsed)::after {  
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238EB852'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
	background-color: var(--light-grey);
} 
/*See Accordion*/
 .SeeButton.accordion-button:focus {
	color: var(--dcs-blue) !important;
	border-color: none !important;
	outline: 0 !important;
	box-shadow: none !important;
	background-color: none !important;
}
.SeeButton.accordion-button:not(.collapsed) {
	color: var(--dcs-blue) !important;
	background-color: #EFEFEF !important;
	box-shadow: none !important;
}
.SeeButton.accordion-button:not(.collapsed)::after {  
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005095'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
	background-color: var(--light-grey);
}
/*Fluss Deckplan */
.FlussButton.nav-tabs .nav-link.active{
	color: var(--dcs-dark-grey)!important;
	background-color: var(--dcs-green)!important;
}
/*See Deckplan*/
.SeeButton.nav-tabs .nav-link.active{
	color: var(--white)!important;
	background-color: var(--dcs-blue)!important;
	}
.carousel-indicators [data-bs-target] {
	background-color: #000000 !important;
}
.borderCarousel{
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.border-thumbnail{
	border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem;
}
.ci-margin {
	bottom: -30px;
}
#carouselDeckControls .carousel-control-next {
	height: 50px !important;
	width: 25px !important;
	opacity: 1 !important;
	background-color: none !important;
	top: 45%;
	border-top-left-radius: 2.5rem !important;
	border-bottom-left-radius: 2.5rem !important;
}
#carouselDeckControls .carousel-control-prev {
	height: 50px !important;
	width: 25px !important;
	opacity: 1 !important;
	background-color: none !important;
	top: 45%;
	border-top-right-radius: 2.5rem !important;
	border-bottom-right-radius: 2.5rem !important;
}
#carouselDeckControls .carousel-control-next-icon {
	background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666666' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	width: 1rem !important;
	height: 1rem !important;
}
#carouselDeckControls .carousel-control-prev-icon {
	background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666666' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	width: 1rem !important;
	height: 1rem !important;
}
.ship {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
	border: none !important;
}
.modal-header{
	border-bottom-color: transparent!important;
}
.btn-close {
	background-color: var(--white);
}
.carousel-indicators.indicator-thumbnail {
	position: relative;
	background-color: var(--white);
	width: 100%;
	margin: 0;
}
.carousel-indicators.indicator-thumbnail [data-bs-target] {
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
}
.morePics{
	position: relative;
	z-index: 1;
}
.morePicsStyle {
	color: #000000; margin-bottom: 0px; margin-top: 33%; text-align: center
}
.overlayMorePics {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background-color: var(--white);
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.overlayMorePics:hover {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	opacity: 0.9;
	font-size: 18px;
}
#myTab .nav-link {
	color: var(--dcs-grey);
	background-color: var(--light-grey);
	margin-right: 10px;
	font-size: 1.5rem;
	font-weight: normal;
	padding: 2px 10px;
}
.shipLinkNav {
	font-size: 1.2rem !important;
}
.test-link123:hover{
	color: var(--dcs-dark-grey)!important;
}
.wrapperDeck {
	overflow-x: scroll;
	white-space: nowrap;
}
@media (max-width: 840px) { 
	#myTab .nav-link {
	font-size: 1.2rem;
}
.DeckplanImage {
	width: 1250px !important;
	max-width: 1250px;
}
.shipLinkNav {
	font-size: 1.2rem;
}
}
@media (max-width: 570px) { 
	#myTab .nav-link {
		font-size: 1rem;
		margin-right: 5px;
		padding: 1px 5px;
		margin-bottom: 5px;
	}
	.shipLinkNav {
		font-size: 1rem !important;
	}
}
@media (max-width: 400px) { 
	#myTab .nav-link {
		font-size: 0.7rem;
		margin-right: 5px;
		padding: 1px 5px;
		margin-bottom: 5px;
	}
	.shipLinkNav {
		font-size: 0.7rem !important;
	}
}
.DeckplanImage {
	width: 1250px !important;
	max-width: 1250px;
}
@media (max-width: 992px) { 
	.DeckplanImage {
		width: 840px !important;
		max-width: 1250px;
	}
}
.cabin-font {
	font-size: 1.2rem;
}
.modalWrapper{
	position: relative; z-index: 50;
}
.modalImageText{
	position: absolute;
	z-index: 55;
	bottom: 0;
	background-color:rgba(239, 239, 239, 0.8);
	width: 100%;
	text-align: center;
	color: var(--dcs-grey); 
	padding: 4px 0px;
}
.half-crown {
	clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
}

.tableCustomBorder {
	border-top: solid 2px var(--light-grey);
}