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

BODY {
margin: 0;
padding: 0;
font-family: 'Fjalla One', sans-serif;
font-style: italic;
font-size: 19px;
background-color: #ffffff;
color: #000000;	
}

.zeichen {
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 0;
  background-image: url(../images/zeichen2.png);
  height: 350px;
  width: 100%;
}

.datenschutz H1 {
font-size: 27px; 
}

.datenschutz {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
word-wrap: break-word;
}

.cms_index UL {
	list-style-type: none;
		margin: 0;
	padding: 0;
}

.cms_index LI {
	float: left;
	padding: 15px 0 15px 0;
	margin: 0 10px 10px 0;
	width: 100%;
max-width: 235px;
  text-align: center;
}

.cms_index IMG {
  width: 60%;
  margin: 0 0 20px 0;
}

.hg {
	background-image: url('../images/hg.jpg');
		background-position: center -300px;
	background-repeat: no-repeat;
}

.hg_strich {
/*	background-image: url('../images/hg_strich.png');
		background-position: center 3px;
	background-repeat: repeat-x; */
}

.hg_gray {
	width: 100%;
	height: 100%;
background:#000000;
background:rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
}

.hg_gray:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
background:#000000;
background:rgba(0, 0, 0, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.spalte_halb_insert {
	  padding: 5% 15% 0 20%;
}

.spalte_high_halb {
	width: 100%;
	margin: 0;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 450px;
	color: #ffffff;
}

.spalte_high_drittel {
	width: 100%;
	margin: 0;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 300px;
	color: #ffffff;
}

.spalte_high {
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
background:#000000;
background:rgba(0, 0, 0, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
	width: 100%;
	margin: 0;
	text-align: center;
	color: #ffffff;
}

.spalte_high:hover {
background:#000000;
background:rgba(0, 0, 0, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
}

.spalte_halb_high {
	color: #ffffff;
	margin: 0 5px 5px 0; 
  width: 49%;
	float: left;
	padding: 15px 0 15px 0;
	text-align: center;
	background:#000000;
background:rgba(0, 0, 0, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
}

.spalte_halb {
  width: 50%;
	float: left;
	margin: 0;
	text-align: left;
}


.hg_grau {
	background:#000000;
background:rgba(0, 0, 0, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
	width: 100%;
	width: 100%;
	margin: 0 0 15px 0;
	color: #FFFFFF;
}

.hg_yellow {
	background-color: yellow;
	width: 100%;
	width: 100%;
	margin: 0 0 5px 0;
}

.hg_red {
	background-color: #e40613;
	width: 100%;
	width: 100%;
	color: #FFFFFF;
		margin: 0 0 5px 0;
}

.hg_insert {
		padding: 15px;
	font-weight: bold;
}

.partner {
	border: 1px solid #dedede;
width: 100%;
	max-width: 490px;
	float: left;
	margin: 0 20px 20px 0;
} 

.partner_insert {
	padding: 10px;
	text-align: center;
}

.partner_insert IMG {
	height: 70px;
}


.zwischenraum_content {
	height: 60px;
}


.bild_rund IMG {
	border-radius: 225px;
}

.spalte_startseite {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}

.index_frage {
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}

.index_antwort {
	font-style: italic;
	font-size: 16px;
}

.spalte_zweidrittel {
	width: 620px;
	float: left;
	margin: 0 40px 0 0;
}

.hg_gray_drittel {
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
	width: 100%;
	min-height: 300px;
background:#000000;
background:rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}

.hg_gray_drittel:hover {
background:#000000;
background:rgba(0, 0, 0, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
}

.spalte_eindrittel {
	width: 33.3%;
	float: left;
	margin: 0;
	padding: 0;
}

#karte2 { 
width: 100%; 
height: 500px;
}

#karte { 
width: 100%; 
height: 250px;
}

.global {
position: relative;
width: 95%;
max-width: 1050px;
}

.top {
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
	text-align: left;
	width: 100%;
	z-index: 5000;
}

.top_insert {
margin: 0;
padding: 20px 0 20px 0;
	width: 100%;
  max-width: 1050px;
}

.logo {
margin: 0;
padding: 30px 20px 0 0;
	float: left;
}

.logo IMG {
	width: 400px;
}

.slideshow {
margin: 0;
		width: 100%;
padding: 0;
position: relative;
	min-height: 500px;
}

.slideshow_insert {
		padding: 80px 0 0 0;
	margin: 0;
}

.ueberschrift {
margin: 0 0 0 0;
padding: 0 0 0 0;
		width: 100%;
  max-width: 1050px;
}

h1 {
color:  #a55d35;
	width: 100%;
margin: 0;
padding: 25px 0 25px 0;
	transform: uppercase;
	font-size: 40px;
  text-align: left;
}

h2 {
margin: 0;
padding: 0 0 10px 0;
}

h3 {
margin: 0;
padding: 0 0 20px 0;
}

.menue {
margin: 0;
padding: 75px 0 0 0; 
float: left;
max-width: 600px;
	width: 100%;
}

.menue_ul {
margin: 0;
padding: 20px 0 0 40px;
list-style-type: none;
}

.clear {
clear: left;
}

a.menue_a {
	padding: 0 25px 15px 15px;
	line-height: 1;
	height: 30px;
  font-size: 22px;
}
a.menue_a:link,
a.menue_a:visited {
	color:				#000000;
text-decoration: none;
}
a.menue_a:hover,
a.menue_a:focus,
a.menue_a:active {
	color:				#000000;
}

a.menue_a_a {
	line-height: 1;
    font-size: 16px;
  margin: 0 0 5px 0;
  background-color:#ffffff;
}
a.menue_a_a:link,
a.menue_a_a:visited {
	color:				#000000;
text-decoration: none;
}
a.menue_a_a:hover,
a.menue_a_a:focus,
a.menue_a_a:active {
	color:				#000000;
}

/* Navigation */
.Navigation {
}
.Navigation a {
	text-transform:			uppercase;
	text-decoration:		none;
	display:			block;
}
.Navigation li {
	float:				left;
	position:			relative;
}
.Navigation li li {
	float:				none;
}
.Navigation li li a {
	padding:			15px 15px 15px 15px;
}
.Navigation li:hover .NavigationSpacer {
	display:			block;
}
.Navigation ul {
	list-style-type:		none;
}
.Navigation ul ul {
	padding:			0 15px 15px 15px;
}
.NavigationSpacer {
	position:			absolute;
	left:				0;
	top:				20px;

	display:			none;
	padding:			11px 0 0 0;
	z-index: 5005;
	text-align: left;
	min-width: 210px;
	margin: 5px 0 0 0;
}

.menue_li_1,
.menue_li_2,
.menue_li_3,
.menue_li_4 {
margin: 0;
padding: 0;
float: left;
}

.sticky .NavigationSpacer {
	top:			35px;
	
}

.clear {
clear: left;
}

HR {
padding: 0;
margin: 20px 0 20px 0;
border-top: 1px solid #888888;
}

TABLE, TD, TR {
padding: 0 20px 0 0;
vertical-align: top;
border: 0;
}

INPUT, TEXTAREA, SELECT {
padding: 10px;
border: 1px solid #000000;
margin: 0 10px 10px 0;
}

a {
	line-height: 1;
}
a:link,
a:visited {
	color:				#000000;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color:				#000000;
text-decoration: underline;

}

IMG {
border: 0;
}

.content {
margin: 0px 0 10px 0;
padding: 0px 0 0 0;
background:#ffffff;
background:rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
}

.content_insert {
margin: 0;
padding: 20px 20px 20px 0px;
text-align: left;
}

.bild_links {
float: left;
margin: 0 15px 15px 0;
}

.termin {
	width: 100%;
	background-color: #999999;
  padding: 35px 0 0 0;
}

.termin_insert {
	margin: 0;
	padding: 0 0 0 0;
	width: 95%;
	max-width: 1050px;
	color: #FFFFFF;
}

.termin_tab {
	float: left;
		padding: 0 15px 0 0;
 margin: 0 25px 0 0;
	width: 100%;
max-width: 300px;
	background-color: #e00f27;
}

.termin_tab:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
background:#000000;
background:rgba(0, 0, 0, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.termin_tab_insert {
	padding: 20px;
}

a.termin_a {
	line-height: 1;
}
a.termin_a:link,
a.termin_a:visited {
	color:				#ffffff;
text-decoration: none;
}
a.termin_a:hover,
a.termin_a:focus,
a.termin_a:active {
	color:				#ffffff;
}

.footer {
	width: 100%;
	background-color: #a55d35;
font-size: 17px;
}

.footer_insert {
	margin: 0;
	padding: 25px 0 25px 0;
	width: 95%;
	max-width: 1050px;
	color: #FFFFFF;
}

.footer_tab {
	width: 100%;
max-width: 300px;
	padding: 15px 0 15px 0;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
}


.footer_tab_2 {
	width: 100%;
max-width: 130px;
	padding: 0 15px 0 0;
	margin: 0 25px 0 0;
	float: left;
	text-align: left;
}


a.footer_a {
	line-height: 1;
}
a.footer_a:link,
a.footer_a:visited {
	color:				#ffffff;
text-decoration: none;
}
a.footer_a:hover,
a.footer_a:focus,
a.footer_a:active {
	color:				#ffffff;
}

.footer_ul {
	margin: 0;
	padding: 0
}

.footer_li {
	margin: 0;
	padding: 0;
}




.produkte {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}

.produkte LI {
  float: left;
  width: 49%;
  margin: 0 1% 1% 0;
  padding: 0;
  height: 330px;
  text-align: left;
  font-weight: bold;
position: relative;
background-color: #000000;
}

.produkte LI IMG {
  position:absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
opacity: 0.9;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
}

.produkte LI IMG:hover {

}

.produkte LI:hover {
animation: schatten 2.1s infinite linear;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 

/*background:#000000;
background:rgba(190, 17, 30, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80be111e,endColorstr=#80be111e);
*/
}

.produkte LI:hover .produkt_name{
display: block;
}

.produkt_name {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

padding-top: 15px;
padding-left: 0;
position: absolute;
z-index: 1000;

width: 100%;
text-align: center;
}

.produkt_name_insert {
}

a.produkte_a {
  font-size: 25px;
}
a.produkte_a:link,
a.produkte_a:visited {
	color:				#ffffff;
text-decoration: none;
}
a.produkte_a:hover,
a.produkte_a:focus,
a.produkte_a:active {
	color:				#ffffff;
}






.produktbilder {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}

.produktbilder LI {
  float: left;
  width: 32%;
  margin: 0 1% 1% 0;
  padding: 0;
  text-align: center;
  position: relative;
  height: 350px;
}

.produktbilder LI IMG {
  width: 100%;
  margin: 0 0 0 0;
  height: 100%;
object-fit: cover; 
}

.produktbilder LI:hover {
animation: schatten 2.1s infinite linear;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 

/*background:#000000;
background:rgba(190, 17, 30, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80be111e,endColorstr=#80be111e);
*/
}

.produktbilder LI IMG:hover {
/*opacity: 0.5; */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 

}


.produktbilder LI SPAN {
  display: none;
position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background:#ffffff;
background:rgba(255,255,255, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
  padding: 5px;
  text-align: center;
}




.galerie_set_ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.galerie_set_ul LI {
	margin: 0 10px 10px 0;
	float: left;
	text-align: left;
	border-radius: 3px;
}


.galerie_ref_ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.galerie_ref_set_ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.galerie_ref_set_ul IMG {
height: 100px;
}

.spalte_300_insert {
	  padding: 30% 0 0 0;
}

.galerie_ul {
		border-radius: 3px;
		background-size: cover;
	margin: 0 10px 10px 0;
	padding: 0;
	text-align: center;
	width: 300px;
	height: 260px;
	font-size: 20px;
	color: #FFFFFF;
		float: left;
}

.galerie_ref_ul LI {
	margin: 0 10px 10px 0;
	padding: 10px;
	float: left;
	border: 2px dotted #979390;
	text-align: center;
	width: 100%;
	max-width: 210px;
}

.galerie_ref_set_ul LI {
	margin: 0 10px 10px 0;
	padding: 10px;
	float: left;
	border: 2px dotted #979390;
	text-align: center;
	width: 290px;
}