/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/touchTouch.css";
@import "../css/form.css";

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* Global adjustments ======================================================== */
html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* { -webkit-text-size-adjust: none; }

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both; }
.fleft { float:left; }
.fright { float:right; }

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	width:100%;
	}


/* Global divs ======================================================== */
.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden;
}
.wrapper2{
	position: relative;
	width: 100%;
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}


/* Global alignments, positions, distances ======================================================== */
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}

.marg-left-0{margin-left:0 !important;}
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 30px;}
.marTop1{margin-top: 6px;}
.marTop2{margin-top: 20px;}
.marBot1{margin-bottom: 20px;}
.marBot2{margin-bottom: -5px;}
.marBot3{margin-bottom: -17px;}
.marBot4{margin-bottom: 49px;}
.marBot5{margin-bottom: 13px;}
.marBot6{margin-bottom: 25px;}

.border_botom{
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 25px;
	padding-bottom: 7px;
	}

.fs12{font-size: 12px;}

.color1{color: #1e1e1e;}
.color2{color: #000000;}
.color3{color: #fafafa;}


/* Global properties ======================================================== */
html, body {
	padding:0;
	margin:0;
	height:100%;
	}

body {
	font: 13px/20px 'PT Sans', Arial, Helvetica, sans-serif ;
	text-transform: uppercase;
	color: #838282;
	background: #fff;
	min-width: 300px;
	}
.main {
	width:100%;
	height: auto;
	padding:53px 0 0 0;
	}
.div-content {
	width:100%;
	margin:0 auto;
	padding-bottom:0;
	}

/***********************************************************************/
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float: left;
	margin:0 0 0 4px;
	}
h1 a {
	display: inline-block;
	margin-bottom: 30px;
	margin-top: 20px;
	}
	h1 a img { margin-bottom: 0px; }
h2 {
	font:bold 24px/30px 'PT Sans', Arial, sans-serif;
	color:#e50818;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 30px;
	}
h2.v2 { margin-top: 63px; }
h2.hline2{
	border-bottom: 1px solid #ececec;
	padding-bottom: 18px;
	margin-bottom: 0;
	}
h2.hline3{
	border-bottom: 1px solid #ececec;
	padding-bottom: 18px;
	margin-bottom: 20px;
	}
h3{
	font:bold 18px/20px 'PT Sans', Arial, sans-serif;
	color:#272727;
	text-transform:uppercase;
	margin-bottom: 12px;
	margin-top: 4px;
	}
h3.v2{
	display: inline-block;
	margin-top: 11px;
	margin-bottom: 17px;
	}
h3.v3{
	display: inline-block;
	margin-top: 1px;
	margin-bottom: 11px;
	}
h3.v4{
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 4px;
	}
.txt_comment {
	font: normal 12px/16px 'PT Sans', Arial, sans-serif;
	margin-bottom: 5px;

	}
	.txt_comment p { text-transform: uppercase; }
	.txt_comment p a { margin: 0 7px; }
p {
	margin-bottom: 16px;
	text-transform: none;
	}
img {
	max-width:100%;
	height:auto;
	margin-bottom: 30px;
	}
a {
	text-decoration:none;
	cursor:pointer;
	color: #1e1e1e;
	}
a:hover {
	text-decoration:none;
	color: #e50818;
}
a {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
strong {
	font-weight: bold;
	text-transform: uppercase;
	color: #e50818;
	}
table { width: 100%; }
th {
	text-align: left;
	background: #ECECEC;
	padding: 5px 10px;
	border: solid #fff;
	border-width: 0 5px 0 0;
	}
table td {
	vertical-align: top;
	padding: 5px 10px;
	}
	table td.last { padding-right: 0; }

	/* table ajustments */
	@media only screen and (max-width: 768px) {
		table, thead, tbody, th, table td, tr {
			display: block;
			box-sizing: border-box;
			}
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
			}
		tr { border-bottom: 1px solid #ececec; }
		table td {
			position: relative;
			padding-left: 30%;
			}
			table td:before {
				position: absolute;
				left: 6px;
				top: 5px;
				width: 30%;
				padding-right: 10px;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
				}
			table td:nth-of-type(1):before { content: 'Leistung'; }
			table td:nth-of-type(2):before { content: 'Details'; }
			table td:nth-of-type(3):before { content: 'Preis'; }

			table.tab-two-prices td { padding-left: 40%; }
			table.tab-two-prices td:before { width: 40%; }
			table.tab-two-prices td:nth-of-type(2):before { content: 'Regulärer Preis'; }
			table.tab-two-prices td:nth-of-type(3):before { content: 'Angebotspreis'; }
		}




/************ HEADER ************/
header { padding-bottom: 25px; }
.bot_line{
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #f2f2f2;
	margin-top: -20px;
	margin-bottom: 30px;
	}
.bot_line2 {
	padding-bottom: 20px;
	border-bottom: 10px solid #ececec;
	}
.bot_line2.v2 { margin-bottom: 42px; }
.num {
	position: relative;
	width: 35px;
	height: 35px;
	background: #272727;
	float: left;
	margin: 5px 25px 40px 0;
	font:bold 18px/35px 'PT Sans', Arial, sans-serif;
	text-align: center;
	color: #fff;
	}
.box, .box2 { overflow: hidden; }
blockquote{
	background: url('../images/quote_sign.png') 0 4px no-repeat;
	padding-left: 30px;
	}
header .wrapper { margin-top: -20px; }

/************ social icons************/
.social {
	overflow:hidden;
	margin: 30px 5px 0 0;
	display: none;
	}
.social a {
	display:block;
	float:left;
	width:18px;
	height: 20px;
	overflow:hidden;
	margin-left: 3px;
	}
.social a:first-child { margin: 0 0 0 0; }
.social a:hover img { margin-top:-20px; }




/************Content***********/

/*********************************start page_gallery*************************************/
.page1_gall{
	position: relative;
	z-index: 100;
	margin-top: -19px;
	margin-bottom: 10px;
}
.page1_gall img{
	margin-bottom: 0;
}
.page1_gall .grid_8{
	margin-bottom: 10px;
}
.magnifier {
    position:relative;
    display:block;
}
.magnifier:hover .gall_descr{
	opacity: 1;
	transition: 0.5s easy all;
}

.magnifier .gall_descr{
	position: absolute;
	text-align: center;
	vertical-align: middle;
	color: #000;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: url('../images/img_over_bg.png');
	z-index: 2;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}
.magnifier .gall_descr .slogans:before{
	position: relative;
	display: block;
	content: "";
	left: 50%;
	margin-left: -18px;
	width: 36px;
	height: 36px;
	margin-bottom: 9px;
	background: url('../images/magnifier.png') 0 0 no-repeat;
}
.magnifier .gall_descr .slogans{
	display: block;
	position: absolute;
	left: 0;
	margin-left: 0;
	width: 100%;
	text-align: center;
	top: 40%;
	text-transform: uppercase;
}
.magnifier .gall_descr .slogans .txt1{
	font:bold 17px/20px 'PT Sans', Arial, sans-serif;
	color: #e50818;
}
.magnifier .gall_descr .slogans .txt2{
	font:bold 11px/15px 'PT Sans', Arial, sans-serif;
	color: #272727;
}

/*********************************start magnifier2*************************************/
.magnifier2 {
    position:relative;
    display:block;
}
.magnifier2:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	background: url('../images/magnifier2.png') center center no-repeat;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.magnifier2:hover:after{
	opacity: 0.8;
	transition: 0.3s easy all;
}
/*********************************end magnifier2*************************************/

/*********************************end page_gallery*************************************/


/*------start list_carousel ------- */
.list_carousel {
	padding: 0 0 55px;
	position: relative;
	margin-top: -12px;
	}
.list_carousel .more_btn { margin-bottom: 38px; }
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	cursor: default;
	}
.list_carousel li {
	padding: 0;
	padding-top: 14px;
	margin-right:10px;
	float: left;
	border-top: 1px solid #ececec;
	border-bottom: 10px solid #ececec;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
.list_carousel li img {
	width: 100%;
	height: auto;
	padding-bottom: 14px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ececec;
	}
.list_carousel .video-container {
	width: auto;
	max-width: 310px;
	position: relative;
	}
	.list_carousel .video-container video {
		width: auto;
		max-width: 100%;
		padding-bottom: 14px;
		margin-bottom: 16px;
		border-bottom: 1px solid #ececec;
		cursor: pointer;
		}

.list_carousel.v2 {
	margin-top: 0;
	padding-bottom: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
.list_carousel.v2 li { border: none; }
.list_carousel.v2 li img {
	width: auto;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 12px;
	border-bottom: none;
	}
.list_carousel.responsive { width: auto; }
.list_carousel.v2 h3 { font-size: 16px; }
.list_carousel.v2 p { text-transform: uppercase; }

/*
.list_carousel li:hover { background: #272a2f; }
.list_carousel li:hover .caption { border-top: 4px solid #23262a; }
*/

.prev, .next {
	position: absolute;
	top: -52px;
	display: block;
	width: 32px;
	height: 32px;
	}
.next {
	background: url(../images/next.png) no-repeat 0 0;
	right: 10px;
	}
.prev {
	background: url(../images/prev.png) no-repeat 0 0;
	right: 43px;
	}
.prev:hover, .next:hover { background-position: 0 bottom; }
/*------end list_carousel ------- */

.list_carousel.v3 { padding-bottom: 42px; }
.list_carousel.v3 li {
	padding: 0;
	padding-top: 37px;
	margin-right:10px;
	float: left;
	border-top: none;
	border-bottom: none;
	box-sizing: border-box;
	}
	/*.kirschweg .list_carousel.v3 li { max-width: 33.3333%; }*/
.list_carousel.v3 li img {
	width: 100%;
	height: auto;
	padding-bottom: 0;
	margin-bottom: 0;
	/*border-bottom: 1px solid #ececec;*/
	}
.list_carousel.v3 li figure {
	padding-bottom: 14px;
	margin-bottom: 23px;
	border-bottom: 1px solid #ececec;
	}
.list_carousel.v3 li .marBot { margin-bottom: 47px; }


/* ============================= lists ====================== */
.listWithMarker { margin: 20px 0 10px; }
.listWithMarker li {
	display:block;
	padding-bottom:9px;
	color: #272727;
	}
.listWithMarker li a {
	display:inline-block;
	color:#323232;
	text-decoration:none;
	font:12px "PT Sans",Arial;
	}
.listWithMarker li a:hover {
	color:#aaa;
	}

/* ============================= end lists ====================== */
.time1 { font-size: 10px; }
.imgIndent {
	float: left;
	margin-right: 25px;
	}
.imgIndent2{
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	}
.line_bot{
	padding-bottom: 14px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 22px !important;
	}
.more_btn {
	display: inline-block;
	text-decoration:none;
	color:#1e1e1e;
	padding:0;
	font:11px/17px 'PT Sans', Arial, sans-serif;
	text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
	border: none;
	background: none;
	cursor: pointer;
	}
.more_btn:hover, .more_btn .active a{
	color:#e10818;
    text-decoration:none;
	}
.more_btn2 {
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	color:#848484;
	text-align: center;
	background:#f0f0f0;
	padding:0px 15px;
	font:11px/26px Arial, sans-serif;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
    margin-bottom: 20px;
    margin-top: 3px;
	}
.more_btn2:hover {
	color:#fff;
	background:#2bc2fa;
	border: 1px solid #2bc2fa;
	text-decoration:none;
	}
.img1 {
	display: inline-block;
	height: 30px;
	width: auto;
	margin-bottom: 0;
	}
.img2{
	padding-bottom: 14px;
	margin-bottom: 11px;
	border-bottom: 1px solid #ececec;
	}

.address figure.img_inner {
	display: block;
	height: auto;
	line-height: 0;
	padding-bottom: 0px;
	overflow: hidden;
	padding-top: 4px;
	margin-bottom: 25px;
	}
.address figure iframe {
	width: 100%;
	/*max-width:350px;*/
	height: 329px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ececec;
	}
address {
	font-style: normal;
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 15px;
}
address dl dt { position: relative; }
address dd span{
	position: relative;
	display: inline-block;
	width: 64px;
	}
address a, .link1 {}

.marLeft2 { margin-left: 15px; }


/************Footer************/
footer{
	width: 100%;
	background: #fff;
	display: block;
	text-transform: uppercase;
	margin-top: 30px;
	}
.top_line { border-top: 10px solid #272727; }
.main-footer { padding-bottom: 20px;	}
.main-footer p {
	margin: 0 5px;
	color: #9c9c9c;
	}
footer a { color: #9c9c9c; }
footer a:hover { color:#E50818; }
footer .container_24 .grid_24 {
	border-top: 3px solid #E50818;
	padding-top: 20px;
	margin: 0;
	width: 100%;
	}


.grid_8.block1 .grid_2 { margin-right: 20px;	}
.video-container,
video { max-width: 100%; }

video:hover { cursor: pointer; }

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {}

@media only screen and (max-width: 995px) {
	.grid_8.block1 .grid_2, .grid_8.block1 .grid_3{
		width: 29% !important;
		margin-right: 10px;
	}
	.grid_8.block1 .grid_3 {	margin-right: 0px; }
	#search input { width: 92%; }
	h3 { font:bold 15px/18px 'PT Sans', Arial, sans-serif; }
	address dd span { width: 71px; }
	.label-mobile { display: none; }
	}

@media only screen and (max-width: 768px) {
	img { width:100%; }
	.h3_marTop { margin-top: 25px; }
	.descrMarTop { margin-top: 5px; }
	#search input { width: 95%; }
	.box2 { overflow: visible; }
	.label-mobile  { display: block; }
	}

@media only screen and (max-width: 480px) {
	header .fleft,
	header .fright,
	header h1 {
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
		}
	header img {
		width: auto;
		max-width: 100%;
		}
	#search input { width: 93%; }

	}

@media only screen and (max-width: 320px) {}