@import url("modi/portal_buchung.css");

.trenner{
	margin-top: 10px;
	background-color:#dddddd;
	padding:2px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	border-radius: 5px;
}

.back-to-item-list{
	z-index: 9 !important;
}
#aktuelles{
	margin-top:5px;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.teasercontent,
.teasercontent:hover{
	width: 120px;
	border: 1px solid #cccccc;
	display:block;
	text-decoration: none;
	color: #000000;
	padding:0px;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size:0.75rem !important;
}

.teasercontent img{
	width:100%
}
.teasercontent .text{
	padding:5px;
}

.content_wrapper{
	margin-bottom: 75px;
}

.main_wrapper{
	display:flex;
	background-color: #eeeeee;

}

.content_wrapper{
	max-width:1280px;
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	min-height: 100vh;
}

#buchungsoptionen{
	max-width: 94vw;
}
#buchungsoptionen .preis{
	min-width:70px;
}
#buchungsoptionen .anz,
#buchungsoptionen .preis,
#buchungsoptionen .anzahl{
	text-align:right;
}
#buchungsoptionen .preistext{
	display:none;
}

#optionsauswahl .preis{
	text-align:right;
}

#Saalplan{
	width:100%;
	/* overflow-x:scroll;*/
	overflow-x: show;
}

#Saalplan.inactive{
	zoom: 40%;
}
#Saalplan.active{
	zoom: 100%;
}

@media (min-width: 600px) {
	#Saalplan.inactive{
		zoom: 60%;
	}
	#Saalplan.active{
		zoom: 60%;
	}
}

@media (min-width: 700px) {
	#Saalplan.inactive{
		zoom: 70%;
	}
	#Saalplan.active{
		zoom: 70%;
	}
}

@media (min-width: 800px) {
	#Saalplan.inactive{
		zoom: 80%;
	}
	#Saalplan.active{
		zoom: 80%;
	}
}
@media (min-width: 1024px) {
	#Saalplan.inactive{
		zoom: 100%;
	}
	#Saalplan.active{
		zoom: 100%;
	}
}


#Saalplan.active #opts{
	font-size:16px;
	font-weight:normal;
}

#Saalplan.active #opts.ueberbucht input{
	background-color: #ff0000;
}

#Saalplan.active #opts.ueberbucht .ok{
	opacity: 0.5;
}

html,body{
	padding:0px;
	margin:0px;
}
.head{
	height:108px;
	position:fixed;
	background-color: #ffffff;
	top:0px;
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:10;
	max-width:1280px;
}
.page{
	margin-top:108px;
	padding:0px;
	display:none;
	overflow-x:hidden;
	margin-left: 10px;
	margin-right: 10px;
}
.page.active{
	display:block;
}

h2{
	font-size:20px;
}
h3{
	font-size:16px;
}
.blinking{
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
	opacity: 0.3;
  }
}

.suchen_btn,
#suchen_btn{
	float:right;
	position:relative;
	z-index:10;
}
.suchbegriffe,
#suchbegriffe{
	width: calc(100% - 70px);
	height: 48px;
	font-size:20px;
	border:1px solid #000000;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	border-radius: 5px;
	padding:5px;
	margin-left:5px;
}

.redbutton{
	color:#ffffff !important;
	background-color:#770000 !important;
}
.head .button{
	position:absolute;
	top:0px;
	width:50px;
	height:50px;
	background-color:#770000;
	border-radius:5px;
	display:inline-block;
	cursor: pointer;
}

.head svg{
	/* https://iconmonstr.com/shopping-cart-3-svg/ */
	fill: white;
}

svg.search{
	margin-left:5px;
}
svg.search,
svg.menu,
svg.cart{
	margin-top:5px;
}

/* TEAASER */

#teaser{
	position:relative;
	overflow:hidden;
	height:auto;
	margin-top:0px;
}

#teaser ul{
	margin:0px;
	list-style: none;
	white-space:nowrap;
	padding:0px;
}

#teaser ul li{
	height:auto;
	width: 100%;
	margin-bottom:0px;
}
/*
#teaser ul li div{
	height:auto;
	padding:0px;
	margin:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
*/
#teaser ul li a{
	display:inline-block;
	float:left;
	width:100%;
	margin-bottom:6px;
}

#teaser ul li a.klein{
	width: calc(50% - 5px);
}
#teaser ul li a img{
	width:100%;
	border:0px;
}

#teaser ul li a.klein:first-child{
	margin-right:10px;
}

/* ARTIKEL */

.item{
	font-family:arial;
	position: relative;
}
.item .name{
	margin-top:5px;
	margin-bottom:2px;
}
.item .tour{
	margin-bottom:2px;
	font-weight:bold;
}
.item .saal{
	margin-top:2px;
	margin-bottom:2px;
}
.item .datum{
	font-size:14px;
}
.item .text{
	text-align:justify;
}
.item .bild>img{
	width:100%;
	max-width: 400px;
	border:0px;
}

.item .bildquelle{
	font-size:12px;
}

.item .tourname{
	font-weight:bold;
	font-size: 18px;
	color:#770000;
}
.item .hinweis{
	font-size:14px;
	color:#cc0000;
	font-weight:bold;
}

.item #anzahl>option.hidden{
	display:none;
}
.card.item{
	margin-top:5px;
	padding: 5px;
	cursor:pointer;
}

.card.item .do{
	color:#0000ff;
	text-decoration: underline;
}


.put_in_cart{
	text-align:center;
}

.put_into_cart_saalplan{
	text-align:center;
	max-width: 94vw;
}

.put_into_cart_saalplan .put-into-cart{
	display: inline-block !important;
	position: relative;
	width: calc(65% - 40px) !important;
}

.card.item .put_in_cart>div{
	display: inline-block;
	position: relative;
	width: calc(65% - 6px);

}

.va_status{
	width:10px;
	height:10px;
	border-radius:50%;
	display:inline-block;
	margin-right:3px;
	position:absolute;
	top:5px;
	left:-5px;
}
.va_status.s1{
	background-color:#ffc107;
}
.va_status.s0,
.va_status.s30{
	background-color:#00dd00;
}

.va_status.s10,
.va_status.s80{
	background-color:#dddd00;
}

.va_status.s20,
.va_status.s90{
	background-color:#dd0000;
}


.va_status_wrapper{
	float:right;
	position:relative;
	width: 140px;
	padding-left:10px;
	font-size: 14px;
}

.cart .cart-actions{
	margin-top:1rem;
}

#anzahl option.disabled,
#cart-item-qty option.disabled{
	background-color: #cccccc;
	color: #999999;
}

.cart .del-cart-item{
	margin-top:1rem;
	display:inline-block;
	color: #770000 !important;
	font-size: .9rem;
}

.page.kasse>div{
	display:none;
}
.page.kasse>div.active{
	display:block;
}

.ohneKonto .mitKonto{
	display:none;
}

/*
.page.kasse form .mitLand{
	display:none;
}
*/
.page.kasse form.land_gewaehlt .keinLand{
	display:none;
}
.page.kasse form.land_gewaehlt .mitLand{
	display:block;
}


.page.datenschutz h1{
	font-size: 1.75rem;
}
.page.datenschutz h2{
	font-size: 1.5rem;
}
.page.datenschutz h3{
	font-size: 1.25rem;
}

.page.kontakt td{
	white-space: nowrap;
}



#menu{
	z-index:12;
}

.jquery-accordion-menu,
.jquery-accordion-menu *{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:0;
}
.jquery-accordion-menu{
	min-width:260px;
	width:100%;
	float:left;
	position:fixed;
	z-index:11;
	/* box-shadow:0 20px 50px #333; */
	background-color:#000000;
	top:55px;
	overflow:hidden;
}
.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header{
	width:100%;
	height:50px;
	padding-left:22px;
	float:left;
	line-height:50px;
	font-weight:600;
	color:#f0f0f0;
	background:#414956
}
.jquery-accordion-menu ul{
	margin:0;
	padding:0;
	list-style:none
}
.jquery-accordion-menu ul li{
	width:100%;
	display:block;
	float:left;
	position:relative;
	line-height:1.9rem;
}
.jquery-accordion-menu ul li a{
	width:100%;
	padding:14px 22px;
	float:left;
	text-decoration:none;
	color:#f0f0f0;
	font-size:1rem;
	background:#414956;
	white-space:nowrap;
	position:relative;
	overflow:hidden;
	-o-transition:color .2s linear,background .2s linear;
	-moz-transition:color .2s linear,background .2s linear;
	-webkit-transition:color .2s linear,background .2s linear;
	transition:color .2s linear,background .2s linear
}
.jquery-accordion-menu>ul>li.active>a,
.jquery-accordion-menu>ul>li:hover>a{
	color:#fff;
	background:#3b424d;
}
.jquery-accordion-menu>ul>li>a{
	border-bottom:solid 1px #3b424d;
}
.jquery-accordion-menu ul li a i{
	width:34px;
	float:left;
	line-height:1.9rem;
	font-size:1rem;
	text-align:left
}
.jquery-accordion-menu .submenu-indicator{
	float:right;
	right:22px;
	position:absolute;
	line-height:19px;
	font-size:20px;
	-o-transition:transform .3s linear;
	-moz-transition:transform .3s linear;
	-webkit-transition:transform .3s linear;
	-ms-transition:transform .3s linear
}
.jquery-accordion-menu ul ul.submenu .submenu-indicator{
	line-height:16px
}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu{
	width:100%;
	display:none;
	position:static
}
.jquery-accordion-menu ul ul.submenu li{
	clear:both;
	width:100%
}
.jquery-accordion-menu ul ul.submenu li a{
	width:100%;
	float:left;
	font-size:11px;
	background:#383838;
	border-top:none;
	position:relative;
	border-left:solid 6px transparent;
	-o-transition:border .2s linear;
	-moz-transition:border .2s linear;
	-webkit-transition:border .2s linear;
	transition:border .2s linear
}
.jquery-accordion-menu ul ul.submenu li:hover>a{
	border-left-color:#414956;
}
.jquery-accordion-menu ul ul.submenu>li>a{
	padding-left:30px;
}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{
	padding-left:45px;
}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{
	padding-left:60px;
}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{
	min-width:20px;
	padding:1px 2px 1px 1px;
	position:absolute;
	right:18px;
	top:14px;
	font-size:11px;
	font-weight:800;
	color:#555;
	text-align:center;
	line-height:18px;
	background:#f0f0f0;
	border-radius:100%;
}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{
	top:12px
}
.ink{
	display:block;
	position:absolute;
	background:rgba(255,255,255,.3);
	border-radius:100%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0)
}
.animate-ink{
	-webkit-animation:ripple .5s linear;
	-moz-animation:ripple .5s linear;
	-ms-animation:ripple .5s linear;
	-o-animation:ripple .5s linear;
	animation:ripple .5s linear
}
@-webkit-keyframes ripple{
	100%{opacity:0;-webkit-transform:scale(2.5)}
}
@-moz-keyframes ripple{
	100%{opacity:0;-moz-transform:scale(2.5)}
}
@-o-keyframes ripple{
	100%{opacity:0;-o-transform:scale(2.5)}
}
@keyframes ripple{
	100%{opacity:0;transform:scale(2.5)}
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li a{color:#f0f0f0}.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}



#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:5px; padding-right:5px;}
#cookiedingsbums {
   /* outline: 1px solid #7b92a9; */
   text-align:center;
   border-top:1px solid #fff;
   background: #d6e0eb;
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   font-size:14px;
   line-height:18px;
}
#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   /*position: absolute; */
   /* right: 5px; */
   position: relative;
   top:-3px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   /* top: 5px; */
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}
#cookiedingsbumsCloser:hover {
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-top:1px solid #7b92a9;
	border-left:1px solid #7b92a9;
}

.head.desktop{
	display:none;
	padding-right: 10px;
	padding-left: 10px;
}
.head.mobile{
	display:block;
}



.head.desktop .menu2{
	list-style-type: none;
	min-width: 260px;
	padding:0px;
	margin:0px;
	display:block;
	position: static;
	z-index: 11;
	background-color: #770000;
	top: 61px;
	overflow: hidden;
}

.head.desktop .menu2>li{
	float: left;
	width:auto;
}
.head.desktop .menu2>li>a{
  display: inline-block;
  text-align: center;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  background-color: #770000;
  font-size: 0.9rem;
  color:#d3c3c3;
}

.head.desktop .menu2>li>a:hover{
  background-color: #570000;
  color:#ffffff;
}

.head.desktop .menu2>li>a i{
	width: 24px;
	float: left;
	line-height: 1.9rem;
	font-size: 0.9rem;
	text-align: left;
}

.desktopmenu{
	text-align: center;
	width: 100%;
	position:static;
	border-radius:5px;
}

#teaser{
	display:block;
}
#slider{
	display:none;
}

@media (min-width: 1024px) {
	.head.desktop{
		display:block;
	}
	.head.mobile{
		display:none;
	}

	/*
	.page.items.active{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.page.items.active>.card.item{
		max-width: 48%;
		width: 48%;
		overflow:hidden;
	}
	*/

	#teaser{
		display:none;
	}
	#slider{
		display:block;
	}

	.teasercontent,
	.teasercontent:hover{
		width:200px;
		font-size:1rem !important;
	}
}


@media (min-width: 1250px) {
	.head.desktop .menu2>li>a i{
		width: 34px;
		font-size: 1rem;
	}

	.head.desktop .menu2>li>a{
		font-size: 1rem;
		padding: 6px 20px 6px 20px;
	}

	/*
	.page.items.active>.card.item{
		max-width: 32%;
		width: 32%;
		overflow:hidden;
	}
	*/
}

#sliderwrapper{
	display: flex;
	justify-content: center;
}

#slider{
	position:relative;
	overflow:hidden;
	height:410px;
	margin-top:7px;
	margin-left:3px;
}

#slider ul{
	margin:0px;
	position:absolute;
	list-style: none;
	white-space:nowrap;
	padding:0px;
}

#slider ul li{
	float:left;
	height:410px;
}

#slider ul li div{
	height:410px;
	padding:0px;
	margin:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}

#slider ul li a{
	display:inline-flex;
	margin-bottom:10px;
	float:left;
}

#slider ul li a.gross{
	margin-bottom:0px;
}

#slider ul li a.klein{
	margin-right:10px;
}

#slider ul li a.klein:first-child{
	margin-right:10px;
}

#slider ul li a img{
	border:0px;
}


.slidearrow{
	cursor:pointer;
	padding-top:170px;
	font-weight:bold;
	font-size:50px;
	color:#8b0000;
	position:absolute;
	display:inline-block;
	width:40px;
	height:100%;
	z-index:1;
	opacity:0.2;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

.slidearrow.left{
	padding-left:5px;
}
.slidearrow.right{
	padding-right:5px;
}

.slidearrow:hover{
	text-shadow: 0px 0px 8px #ffffff;
	opacity: 1;
}

.mehrfachsitzplatz_anzahl{
	display:none;
}