/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */




.preisliste h2 {
	text-align: center;
	padding-bottom: 30px;
	color:#444;
	font-size: 25px !important;
	padding-top: 15px;
}

.preisliste h1 {
	text-align: center;
	padding-top: 30px;
}


.preisliste-mobil h2 {
	text-align: center;
	padding-bottom: 30px;
	color:#444;
	font-size: 17px !important;
	padding-top: 15px;
}

.preisliste-mobil h1 {
	text-align: center;
	padding-top: 30px;
	font-size: 20px;
}


table {width: 100%;border:0px solid #fff !important;background: rgba(255,255,255,0) !important;}
table th { padding: 9px 10px;font-weight: bold; text-align: center; vertical-align: middle;padding-top:20px;padding-bottom:20px;position: relative; }
table td{  padding: 9px 10px;vertical-align: middle; }
table th.thnorm { padding: 0px 0px;font-weight: normal; text-align: left;font-size: 16px;line-height: 23px; vertical-align: top;padding-top:0px;padding-bottom:00px;position: relative; }

table td.preinfo {
	color:#fff !important;
	text-align: left;
	min-width: 180px !important;
	background: rgba(255,255,255,0) !important;
	
	position: relative;
	padding: 0 !important;

	height: 100%;




}		










td.preinfo a i {

	position: absolute;
	right: 5px;
	top:10px;
	font-size: 15px;
	color: rgba(255,255,255,0.6);

	 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}


td.preinfo a {

	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	 padding: 9px 10px;
	 background:#808080;
	 padding-right: 15px !important;
	 transition: background-color 123ms linear;
	 min-height: 40px;

	 
}

td.preinfo a:hover {
	background:#898989;
	color: #fff;


}

.preinfo a:hover i {
	color: #fff;
	


}

.preisliste {
	position: relative;
	overflow: hidden;
}




.preinfo a i.icon-close {
	display:none;

	


}

.lolas-mobile {
	height: 100%;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}


.preinfo a.active, .preinfo a.active:hover {
	background: #d5d5d5;
	color: #222;


}

.preinfo a.active i.icon-zoomin {
	display: none;


}

.preinfo a.active i.icon-close {
	display: block;


}

.preinfo a.active:hover i.icon-close  {
	display: block;
	/*color: #fc5f54;*/
	color: #fff;



}

.detailos {
	display:none;
	background: #d5d5d5;
	color: #333;
	padding:20px;
	position: absolute;
	height: auto;
	//min-height: 100%;
	overflow: scroll;
	line-height: 25px !important;

	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);


}

tr {
	border-width: 0 !important;
	border-color: none !important;
}


.preinfo.grund {
background:#009add !important;
padding: 9px 10px !important;
font-weight: 600;

}

.preinfo.weiteres {
background:#4ac6fc !important;
padding: 9px 10px !important;
font-weight: 600;
}

.preinfo.footer {
	background: none;
}


.plan.grund {
 font-weight: 900;
 font-size: 20px;
 line-height: 40px;
}

.plan.weiteres {
 font-weight: 900;
  font-size: 20px;
  text-align: center;
  line-height:40px;
}


.plan.grund span {
 font-weight: 500;
 font-size: 13px;

 color: #999;
}


.plan.weiteres .show-for-medium-down {
	text-align: center !important;
	margin:0 auto;
	float: none;
}

.plan.weiteres span {
 font-weight: 500;
  font-size: 14px;
}

.plan {
	background: #fff !important;
	text-align: center;
	
	max-width: 100px;

}

.plan i.icon-checkmark {

	color:#00a49a;
	font-size: 20px;

}

.plan i.icon-close {

	color:#fc5f54;
	font-size: 20px;


}

.das {

	position: relative;
	display: block;
	height: 40px;
	width: 100%;
	text-align: center;


}

.das .flolas {

	color: #222;
	display:none;
	position: absolute;
	width: 100%;


}


.das .info {

	color: #222;
	position: absolute;

}

.flolas.basic {

font-weight: 700;
	font-size: 17px;
	padding-bottom: 0 !important;

}

.flolas.plus {
	font-weight: 700;
	font-size: 17px;
	padding-bottom: 0 !important;
}

.flolas.tages {
	font-weight: 700;
	font-size: 17px;
	padding-bottom: 0 !important;

}

.flolas.basic span {

font-weight: 900;
	color:#75b239;
	font-size: 17px;
	padding-bottom: 0 !important;

}

.flolas.plus span {
	font-weight: 900;
	color:#44b5e6;
	font-size: 17px;
	padding-bottom: 0 !important;
}

.flolas.tages span {
	font-weight: 900;
	color:#666666;
	font-size: 17px;
	padding-bottom: 0 !important;

}

.plan.plus {
	font-weight: 600;
	color:#44b5e6;
	font-size: 20px;
	padding-bottom: 0 !important;
}

.plan.basis {
	font-weight: 600;
	color:#75b239;
	font-size: 20px;
	padding-bottom: 0 !important;

}

.plan.tages {
	font-weight: 600;
	color:#666666;
	font-size: 20px;
	padding-bottom: 0 !important;

}


th div:not(.da-after):not(.da-before) {

	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #ddd;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #ddd;
	background: #fff;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 35px;
}


th div.da-after {

	background: none;
	  width: 0;
	  height: 0;
/*border-width: 33px 118px 0 118px;*/
border-color: #fff transparent transparent transparent;
	  position: absolute;
	  top:86px;
	  right: 10px;
	  z-index: 37;


	/*  border-width: 33px 100px 0 100px;*/
	border-color: #fff transparent transparent transparent;
	 border-style: solid;
	 -webkit-transform:rotate(360deg);

}

th div.da-before {
	
background: none;
	  width: 0;
	  height: 0;
/*border-width: 33px 118px 0 118px;*/
	  position: absolute;
	  top:91px;
	  right: 9px;
	  z-index: 36;


	/*  border-width: 33px 100px 0 100px;*/
	border-color: #ccc transparent transparent transparent;
	 border-style: solid;
	 -webkit-transform:rotate(360deg);

}


th.plus span {
	font-weight: 900;
	color:#44b5e6;
	font-size: 25px;
	padding-top:10px;
	padding-bottom:10px;
	display: block;
}

th.basis span {
	font-weight: 900;
	color:#75b239;
	font-size: 25px;
	padding-top:10px;
	padding-bottom:10px;
	display: block;
}

th.tages span {
	font-weight: 900;
	color:#666666;
	font-size: 25px;
	padding-top:10px;
	padding-bottom:10px;
	display: block;
}

th.tages span.tageskinder, th.basis span.tageskinder, th.plus span.tageskinder {
	font-weight: 400;
	display: block;
	color:#999;
	font-size: 13px;
	padding-top:0px;
	padding-bottom:0px;
}


th.basis span.pha, th.plus span.pha {
	font-weight: 400;
	display: block;
	color:#999;
	visibility: hidden;
	opacity: 0;
	font-size: 13px;
	padding-top:0px;
	padding-bottom:0px;
}





td.footer-box {
	padding:0;
	padding-top:20px;
	
}

.register-box {
	display: block;
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #ddd;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #ddd;
	border-style: solid;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
	padding: 20px;
	max-width: 470px;
		min-width: 170px;
	
}


.register-box a {
	margin-top:20px;
}


.detailos div:not(.row):not(.columns) {
	padding:10px;
	padding-left: 10px;




}


.lolas {
	display: block;
	height: 100%;
	width: 100;
	position: relative;
}

.detailos .white-button {

	padding-left: 40px;
	position: relative;
	margin:20px;

}


.detailos .white-button i {

	position: absolute;
	left: 15px;
}

.detailos div i:not(.icon-phone):not(.icon-mail) {

	position: absolute;
	color: #75b239;
	left:0;
	display: block;


}



/* Mobile */
@media only screen and (max-width: 967px) {
	.register-box {
		max-width: 254px;
	min-width: 170px;


		
	}

	table th.thnorm { padding: 0px 0px;font-weight: normal; text-align: left;font-size: 14px;line-height: 20px; vertical-align: top;padding-top:0px;padding-bottom:0px;position: relative; }

	.register-box  .orange-button {

		font-size: 13px;
		height: 25px;
		line-height: 25px;

	}

	.das  {

		height: 50px;

	}

	.das .info {

	font-size: 12px;

	}


	td.preinfo a {

	font-size: 13px;
	 min-height: 40px;

	 
	}
}

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }


	table th.thnorm { padding: 0px 0px;font-weight: normal; text-align: left;font-size: 14px;line-height: 20px; vertical-align: top;padding-top:0px;padding-bottom:0px;position: relative; }

	
	.pinned { position: absolute; left: 0; top: 0; background: rgba(255,255,255,0); width: 35%;min-width: 180px;max-width: 180px; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 180px; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td {min-height:66px !important;height: 66px; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}