@media screen and (max-width: 767px) {
	body, body#Body {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.gte-md, .gte-lg, .gte-xl,
	.inline-gte-md, .inline-gte-lg, .inline-gte-xl {
		display: none;
	}
	#wrapper {
		padding-bottom: 0;
	}
	.hind .logo a {
		background-position: right bottom;
	}
	.hind .logo a img {
		height: 82px;
		width: 100%;
	}
	#header {
		padding-top: 0;
	}
	.info-pane {
		box-sizing: border-box;
		height: 40px;
	}
	.info-pane .brands {
		display: none;
	}
	.info-pane .phone-link {
		font-size: 18px;
		line-height: 35px;
	}
	.info-pane .phone-link img {
		width: 16px !important;
		height: 16px !important;
	}
	.title-image-container-small, .title-image-spacer-small {
		display: none;
	}
	.logo-shadow {
		display: none;
	}
	.navigation-background, .navigation-spacer {
		display: none;
	}
	.navigation-container {
		position: static;
		width: 100%;
		height: 0;
		margin: 0;
	}
		.navigation-container .navigation {
			position: absolute;
		}
	.navigation {
		top: 40px;
		right: 0px;
		width: 160px;
		display: none;
		background-color: #fff;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
		margin-top: 0;
		z-index: 2;
	}
		.navigation li {
			float: none;
			display: block;
			width: 160px;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
		}
			.navigation li a, .navigation li a:link, .navigation li a:visited,
			.hind .navigation li.emphasize a, .hind .navigation li.emphasize a:link, .hind .navigation li.emphasize a:visited,
			.hind .navigation li.emphasize a.highlight, .hind .navigation li.emphasize a.highlight:link, .hind .navigation li.emphasize a.highlight:visited {
				text-align: right;
				width: auto;
				display: block;
				height: 100%;
				background-color: #fff;
				color: #5d5d5f;
			}
			.navigation li a:hover, .navigation li a:active, .hind .navigation li.emphasize a:hover, .hind .navigation li.emphasize a:active,
			.navigation li a.highlight:hover, .navigation li a.highlight:active, .hind .navigation li.emphasize a.highlight:hover, .hind .navigation li.emphasize a.highlight:active {
				background-color: #f5f5f5;
			}
			.navigation li a.highlight, .navigation li a.highlight:link, .navigation li a.highlight:visited,
			.hind .navigation li.emphasize a.highlight, .hind .navigation li.emphasize a.highlight:link, .hind .navigation li.emphasize a.highlight:visited {
				color: #61ad63;
			}
	.navigation-button {
		position: absolute;
		display: block;
		top: 0px;
		right: 0px;
		background-color: #fff;
		box-sizing: border-box;
		height: 40px;
		width: 40px;
		padding: 5px 8px;
		z-index: 3;
		border-left: 1px solid #e1e1e1;
	}
		.navigation-button.active {
			background-color: #f5f5f5;
		}
		.navigation-button div {
			margin-top: 5px;
			height: 3px;
			background-color: #adaeb0;
			width: 100%;
			border-radius: 2px;
		}
	.navigation-cover {
		display: none;
		position: fixed;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	#content {
		display: flex;
		flex-direction: column;
	}
	
	.top-pane {
		order: 1;
	}
	
	.content-pane {
		float: none;
		display: block;
		order: 3;
	}

	.content-pane.top-joined-content-pane {
		order: 2;
	}
		
	.content-pane.bottom-joined-content-pane {
		order: 4;
	}
	
	.left-pane {
		float: none;
		display: block;
		width: auto;
		margin-bottom: 0;
		order: 5;
		margin-top: 15px;
	}
	
	.right-pane {
		order: 6;
	}
	
		.left-pane .container-colored, .right-pane .container-colored {
			width: auto;
		}
		
	.left-only, .hind .left-only {
		background: none;
	}
		.left-only .content-pane {
			width: auto;
		}
	.module-content img[width^="7"], .module-content img[width^="6"] {
		width: 100%;
		height: auto;
	}
	
	#footer {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
	.footer-navigation {
		order: 1;
	}
	.footer-navigation>li {
		float: none;
	}
	.copyright, .login, .top-link {
		float: none;
		margin: 0;
		text-align: right;
	}
	.top-link {
		order: 2;
		margin-top: -6em;
	}
	.copyright {
		order: 3;
		margin-top: 6em;
	}
	
	.container-rounded .module-content, .container-rounded .actions-pane,
	.container-rounded-dark .module-content, .container-rounded-dark .actions-pane {
		padding: 0 1em 0.5em;
	}
	
	.travelviewer-triphighlights {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}		
	.triphighlights-item {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
		.triphighlights-item>.trip-image-container img {
			width: 100%;
		}
		
	.trip-header-indent {
		padding-left: 0;
	}
		.triplist-header-no-image .trip-header-indent {
			padding-left: 1.5em;
		}
		
	.travelviewer-triplist .trip-image-container {
		float: right;
		margin: 0 0 0.5em 1em;
		width: 33%;
		height: auto;
		min-height: 0;
	}
		.travelviewer-triplist .trip-image-container img {
			max-width: none;
			width: 100%;
			height: auto;
		}
	
	.travelviewer-triplist .trip-info-container {
		margin: 0;
		padding: 0.5em 1em;
	}
	.travelviewer-triplist .trip-title .trip-price {
		display: none;
	}
	.travelviewer-triplist .trip-subtitle {
		margin-bottom: 8px;
	}
	.travelviewer-triplist .trip-date-heading {
		clear: right;
	}
	.travelviewer-triplist .trip-hotinfo {
		width: auto;
		float: none;
		clear: both;
		display: block;
		margin-top: 0;
	}
	
	.travelviewer-tripdetails .trip-image-container {
		width: auto;
		height: auto;
		padding-left: 0;
	}
		.travelviewer-tripdetails .trip-image-container #trip-image-1 {
			width: 100%;
			height: auto;
			position: static;
			left: 0;
		}
			.travelviewer-tripdetails .trip-image-container #trip-image-1 img {
				width: 100%;
				height: auto;
				max-width: none;
				max-height: none;
			}
		
		.travelviewer-tripdetails .trip-image-container #trip-image-2, .travelviewer-tripdetails .trip-image-container #trip-image-3 {
			display: none;
		}
	
	.travelviewer-tripdetails .trip-details-links {
		margin: 5px 0 0;
		padding: 0 0 8px;
	}
		.travelviewer-tripdetails .trip-details-links a, .travelviewer-tripdetails .trip-details-links .trip-details-goto {
			display: none;
		}
		.travelviewer-tripdetails .trip-details-links a.book-link, .travelviewer-tripdetails .trip-details-links a.print-link:last-child {
			display: inline;
			margin-left: 0;
		}
		
	.travelviewer-tripdetails .trip-info-container .trip-related-trips {
		display: none;
	}
		
	.hind .travelviewer-tripdetails .trip-info-urls a {
		margin-right: 1em;
		white-space: nowrap;
	}
	.travelviewer-tripdetails .trip-course-image {
		width: 33%;
		max-width: none;
	}
	.travelviewer-tripdetails .trip-body-image-container {
		width: 100%;
		min-height: 0;
	}
		.travelviewer-tripdetails #trip-body-image-1 {
			width: 100%;
			height: auto;
			position: static;
			left: 0;
		}
			.travelviewer-tripdetails #trip-body-image-1 img {
				width: 100%;
				height: auto;
				max-width: none;
				max-height: none;
			}
		
		.travelviewer-tripdetails #trip-body-image-2, .travelviewer-tripdetails #trip-body-image-3 {
			display: none;
		}
	
	.travelviewer-tripdetails .trip-additional-images {
		width: 33%;
	}
		.travelviewer-tripdetails .trip-additional-images img {
			max-width: none;
			width: 100%;
		}
		
	.travelviewer-tripbooking .form-row .textbox {
		width: 100%;
		box-sizing: border-box;
	}
		.travelviewer-tripbooking .form-row .textbox.quarter-width {
			width: 20%;
		}
		.travelviewer-tripbooking .form-row .textbox.threequarter-width {
			width: 75%;
		}
	.travelviewer-tripbooking .form-row input[type="radio"]+label::after {
		content: "";
		display: block;
	}
	.travelviewer-tripbooking span.jquery-ui-smoothness {
		width: 100%;
		display: flex;
	}
		.travelviewer-tripbooking span.jquery-ui-smoothness .textbox {
			flex: 1 1 auto;
		}
		.travelviewer-tripbooking span.jquery-ui-smoothness button.ui-datepicker-trigger {
			flex: 0 0 auto;
		}
	.travelviewer-tripbooking .form-buttons input[value="Drucken"] {
		display: none;
	}
	.travelviewer-tripbooking .form-footer .form-row {
		border-left-width: 40px;
	}
		.travelviewer-tripbooking .form-footer .form-row .checkbox {
			margin-left: -40px;
			width: 22px;
		}
}
@media screen and (min-width: 768px) {
	.inline-gte-md {
		display: inline;
	}
	.gte-md {
		display: block;
	}
}
@media screen and (min-width: 992px) {
	.inline-gte-lg {
		display: inline;
	}
	.gte-lg {
		display: block;
	}
}
@media screen and (min-width: 1200px) {
	.inline-gte-xl {
		display: inline;
	}
	.gte-xl {
		display: block;
	}
}