/*WebHannover https://webhannover.de*/

@media screen and (max-width: 1250px) {
	body {
		display: non;
	}
}

@media screen and (max-width: 1250px) {
	body {
		display: non;
	}

	p {
		font-size: 14px;
	}

	hr {
		width: 150px;
	}

	/* S T A R T     I N D E X */

	#header {
		background-color: #000000;
		cursor: default;
		height: 3.25em;
		left: 0;
		line-height: 3.25em;
		position: fixed;
		text-align: right;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	#header>.logo {
		display: none;
	}

	#header>a {
		font-size: 18px;
	}

	#menu>ul.links>li {
		padding: 5px 0;
	}

	/* Banner ...............................................................................*/

	.banner {
		width: 100%;
		height: 100vh;
	}

	.shopBanner {
		width: 100%;
		height: 100vh;
		padding-top:0;
	}

	.shopBannerLeft {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.shopBannerLeft hr {
		width: 50px;
	}

	.shopBannerLeft h1 {
		font-size: 40px;
	}

	.shopBannerLeft p {
		font-size: 20px;
		margin: 0 10px;
	}

	/**/
	.shopBannerRight {
		width: 100%;
		height: auto;
		margin-top: -50px;
	}

	.mySlides img {
		width: 300px !important;
		height: auto;
	}

	/**/

	.index_container {
		margin: 50px 0;
	}

	.index_content {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 50px 20px;
	}

	.index_card {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}

	.index_card img {
		width: 333px;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.column {
		padding: 30px;
		line-height: 22px;
	}

	.index_card span {
		font-size: 12px;
		letter-spacing: 3px;
	}

	.index_card h2 {
		margin: 20px 0;
	}

	.index_btn {
		margin-top: 40px;
	}

	/*index_break*/

	.index_break {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.index_break_container {
		width: 100%;
		height: auto;
	}

	.index_break_content {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.index_break_text {
		width: 300px;
		height: auto;
		padding: 30px 0;
	}

	.index_break_text p {
		line-height: 40px;
		color: var(--white);
	}

	.index_break_text h2 {
		line-height: 40px;
		color: var(--white);
	}

	.newestPic {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 20px;
	}

	.newestPic img {
		width: 250px;
		height: auto;
		transform: rotate(13deg);
		margin-top: 0;
		filter: drop-shadow(0 1px 20px rgb(143, 143, 143));
		float: none;
	}

	.click {
		display: none;
	}

	/* bottom banner*/

	.toShopContainer {
		width: 100%;
		height: 200px;
	}

	/*** E N D E - I N D E X ***/

	.gallery-top-inner {
		width: 100%;
		height: auto;
		margin: 50px 0;
	}

	.gallery-top-box {
		text-align: center;
		padding: 0 30px;
	}

	/**/
	
	.gallery-text-content p {
		text-align: center;
	}

	.gallery-inner {
		width: 100%;
		height: auto;
		margin: 50px 0;
	}

	.gallery-box {
		width: 100%;
		height: auto;
	}

	.container2 {
		text-align: center;
		margin: 10px 0;
	}

	.container2 p {
		padding: 40px 40px 0 40px;
	}

	/*flexbox ::::::::::::::::::::::::::::::::::::: */

	.flexbox-container {
		width: 100%;
		height: auto;
	}

	.flexbox-item {
		cursor: pointer;
		margin: 5px;
	}

	/* ausstellung */

	.ausstellung-title {
		width: 100%;
		height: auto;
	}

	.ausstellung-content {
		width: 100%;
		height: auto;
	}

	.ausstellung-content img {
		width: 100%;
		height: auto;
		margin: 10px;
	}

	/**/
	.reveal-right {
		position: relative;
		transform: translateX(150px);
		opacity: 0;
		transition: 1s all ease;
	}

	.reveal-right.active-right {
		transform: translateX(0);
		opacity: 1;
	}

	/**/
	.reveal-left {
		position: relative;
		transform: translateX(-150px);
		opacity: 0;
		transition: 1s all ease;
	}

	.reveal-left.active-left {
		transform: translateX(0);
		opacity: 1;
	}

	/**/
	.reveal-fade {
		position: relative;
		opacity: 0;
		transition: 1s all ease;
	}

	.reveal-fade.active-fade {
		opacity: 1;
	}

	/**/
	.reveal-bottom {
		position: relative;
		transform: translateY(-150px);
		opacity: 0;
		transition: 1s all ease;
	}

	.reveal-bottom.active-bottom {
		transform: translateY(0);
		opacity: 1;
	}

}