html {scroll-behavior: smooth;
}

body {overflow-x: hidden;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	scroll-behavior: smooth;
}


			ximg {
				max-width: 100%;
				height: auto;

			}
 /*InfoFelder unten */
			#tabelle {
				display: table;
				border-collapse: separate;
				border-spacing: 20px;
				table-layout: fixed;
				width: 100%;
				color: #ffffff;
				background-color: #FFFFFF;
			}
 
			.zelle {
				border: 1px solid #808080;
				padding: 10px;
				display: table-cell;
				width: 100px;
				border: 1px solid #808080;
				border-radius: 5px;


			}  
 
			@media screen and (max-width: 849px) {
				#tabelle {
					display: block;
					border-spacing: 0px; 
				}

				.zelle {
					padding:20px;
					display: block;
					width: 100%;
					margin-top: 20px;
					margin-left: 0px;
					margin-bottom: 20px;
					margin-right: 0px;
					border: 0px solid #808080;
					border-radius: 0px;

					box-sizing: border-box;
					box-sizing: padding-box;
					moz-box-sizing: border-box;
					moz-box-sizing: padding-box;
				}
			}


			.art-tab {
				display: table;
				border-collapse: separate;
				border-spacing: 0px;
				table-layout: fixed;
				width: 100%;
				background-color: #FFFFFF;
			}
 
			.art-tab-zelle {
				border: 0px solid #754646;
				display: table-cell;
				width: 100%;
				border: 0px solid #808080;
				border-radius: 5px;
				margin: 0px; 
				padding-top: 20px; 
				padding-bottom: 20px; 
				padding-right: 30px; 

				font-size: 21px; 
				color: #000000;
			}  


.art-tab2 {
	display: table;
	border-collapse: separate;
	border-spacing: 0px;
	table-layout: fixed;
	width: 100%;
	color: #c22525;
	background-color: #0eda9d;
	background-color: #ffffff;

	xfloat: left;
	padding: 10px;
}

.art-tab2-zelle {
	display: table-cell;
	
	border: 0px solid #808080;
	border-radius: 5px;
	font-size:24px;
	box-sizing: border-box;
	vertical-align: top;

	margin: 0px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	padding-right: 30px; 

	xfloat: left;
}  

.art-tab2-zelle:nth-child(1) { width: 40.0%;}  
.art-tab2-zelle:nth-child(2) { width: 60.0%;}  
.xart-tab2-zelle:nth-child(3) { width: 33.3%;}  
.art-tab2-zelle img { 
	width: 100%;
	border-radius: 6px; 
}  


.art-tab2-titel {
	line-height:1.5; 
	cm_font-family: Arial, Helvetica, sans-serif;
	color: #000000;  
	margin-left: 0px; 
	margin-top: -3px; 
	margin-bottom: 21px; 

	padding-left: 0px; 
	font-weight: bold;
	font-size: 22px; 
	width: 100%;
  
	color: #404048;


}  

.art-tab2-text {
	font-weight: normal; 
	line-height:1.2; 
	xfont-size:90%; 
	xcolor: #000000;

	cm_font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px; 
	margin-right: 2px; 
	margin-top: -8px; 
	padding: 0px; 
	font-size: 16px; 
	width: 100%; 
	xcolumn-width: 380px; 
	color: #000000;
	color: #404048;
}  




			.art-news {
				display: table;
				border-collapse: separate;
				border-spacing: 20px;
				border-spacing: 0px;
				table-layout: fixed;
				width: 100%;
				color: #c22525;
				background-color: #0eda9d;
				background-color: #d3d3d3;
				background-color: #ffffff;

				padding: 10px;
				padding: 0px;
				xfloat: left;
				
			}
 
			.art-news-zelle {
				padding: 10px;
				padding: 0px;
				display: table-cell;
				
				border: 0px solid #808080;
				border-radius: 6px;
				font-size:24px;
				box-sizing: border-box;
				vertical-align: top;
			
				xfloat: left;
			}  

			#art-news-zelle-a {
				background-color: #ffffff; 
				xbackground-color: #832a2a; 
				padding-right: 26px;
			}  

			#art-news-zelle-b {
				background-color: #ffffff; 
				xbackground-color: #832a2a; 
				padding-left: 13px;
				padding-right: 13px;
			}  

			#art-news-zelle-c {
				background-color: #ffffff;
				xbackground-color: #832a2a; 
				padding-left: 26px;
			}  

			.art-news-zelle:nth-child(1) { width: 33.3%;}  
			.art-news-zelle:nth-child(2) { width: 33.3%;}  
			.art-news-zelle:nth-child(3) { width: 33.3%;}  
			.art-news-zelle img { 
				width: 100%;
				border-radius: 6px; 
			}  

			.art-news-titel {
				color: #404048;  
				margin-left: 0px; 
				margin-top: 46px; 
				padding-left: 0px; 
				font-weight: bold;
				font-size: 26px; 
				width: 100%;
				text-align: center;
				text-align: left;
			}  

			.art-news-text {
				column-width: 380px; 
				column-gap: 36px; 
				column-fill: balance; 
			  
				background-color: #FFFFFF;
				width: 100%;
				margin-right: 0px; 
				margin-top: 0px; 
				padding: 12px 0px 0px 0px; 
			  
				font-size: 20px; 
				color: #404048;
			}  

			.art-news-link {
				color: #191970; 
				text-decoration: underline;
			}  

			.xart-mehr-btn {
				x-webkit-border-radius:7px;
				border-bottom:0px solid #000000;
			
				font-size: 18px;
				color: #404048;
				font-weight: normal;
				text-decoration: underline;
				xdisplay: inline-block;
				padding: 1px 10px 10px 0px;
				cursor: pointer;
				margin: 0px; 
				xtext-align: right;
			}  

			.xart-weniger-btn {
				x-webkit-border-radius:7px;
				border-bottom:0px solid #000000;
			
				font-size: 18px;
				color: #404048;
				font-weight: normal;
				text-decoration: underline;
				xdisplay: inline-block;
				padding: 1px 0px 0px 0px;
				cursor: pointer;
				margin: 0px; 
				xtext-align: right;
			}  


			.xart-news-mehr-btn {
				font-size: 20px;
				color:#06974e;
				font-weight:bold;
				text-decoration:none;
				margin-left: 0px; 
				margin-right: 2px; 
				margin-top: -18px; 
				padding: 0px; 
				cursor: pointer;
				padding-left: 40px; 

			}  

 
			@media screen and (max-width: 780px) {
				#art-tab {
					display: block;
					border-spacing: 0px; 
				}

				.art-tab-zelle {
					padding-left: 20px;
					padding-right: 20px;
					display: block;
					width: 100%;
					margin-top: 2px;
					margin-left: 0px;
					margin-bottom: 2px;
					margin-right: 0px;
					border: 0px solid #808080;
					border-radius: 0px;
					font-size:12px;
					box-sizing: border-box;
					box-sizing: padding-box;
					moz-box-sizing: border-box;
					moz-box-sizing: padding-box;
				}

				.art-news {
					xdisplay: block;
					xborder-spacing: 0px; 
					margin: 10px; 
					padding: 2px; 
				}


				.art-news-titel {
					color: #404048;  
					margin-left: 0px; 
					margin-top: 46px; 
					padding-left: 0px; 
					font-weight: bold;
					font-size: 19px; 
					width: 100%;
					text-align: center;
					text-align: left;
				} 

				.art-news-text {
					column-width: 380px; 
					column-gap: 36px; 
					column-fill: balance; 
				  
					background-color: #FFFFFF;
					width: 100%;
					margin-right: 0px; 
					margin-top: 0px; 
					xpadding: 20px 0px 50px 0px; 
				  
					xpadding-left: 0px; 
					font-size: 16px; 
					color: #404048;

				}  


				.art-news-zelle {
					padding-left: 20px;
					padding-right: 20px;
					display: block;
					width: 100%;
					margin-top: 2px;
					margin-left: 0px;
					margin-bottom: 2px;
					margin-right: 0px;
					border: 0px solid #808080;
					border-radius: 0px;
					font-size: 16px;
					line-height:1.2; 
					box-sizing: border-box;
					box-sizing: padding-box;
					moz-box-sizing: border-box;
					moz-box-sizing: padding-box;
				}

				.art-news-zelle:nth-child(1) { width: 100%; padding: 0px; margin: 0px; }  
				.art-news-zelle:nth-child(2) { width: 100%; padding: 0px; margin: 0px; }  
				.art-news-zelle:nth-child(3) { width: 100%; padding: 0px; margin: 0px; }  
				.art-news-zelle img { 
					width: 100%;
					border-radius: 6px; 
				}  

				#art-news-zelle-a {
					background-color: #ffffff; 
					padding-right: 0px;
				}  
	
				#art-news-zelle-b {
					background-color: #ffffff; 
					padding-left: 0px;
					padding-right: 0px;
				}  
	
				#art-news-zelle-c {
					background-color: #ffffff;
					padding-left: 0px;
					margin-bottom: -20px; 

				}  




			}


			.warenkorb-main {
				display: block;
			}  

			.warenkorb-mobile {
				display: none;
			}  
 
			@media screen and (max-width: 780px) {
				.warenkorb-main {
					display: none;
				}  
				.warenkorb-mobile {
					display: block;
				}  


				}


/*------------------------------------------------------------------------------------------------- 
			
			body { background:linear-gradient(#FFFFFF,#F5F5F5); margin: 0; padding: 0px 0px 0px 0px; color: hsl(0,0%,48%); font-size: 1.105em; cm_font-family:  Verdana, Arial, Helvetica, sans-serif;}
			img { width: 100%; height: auto; }
			.reframe { max-width: 96%; margin: 0 auto; }
			#topline { background: #E40613; color: white; }
			#topline p { margin: 0; padding:0 0 5px 0; font-size: 0.6em; text-align: center; line-height: 100%; }

			#sidebar ul { list-style-type:none; padding-left: 1ex }
			#sidebar ul ul { margin-top: 1em }
			#sidebar li { margin-bottom: 1ex; border-bottom: 1px dotted gainsboro}
			#sidebar li li { border-bottom:none}

			#nachOben {   	background: #8B0000;

  	color: #fff !important;
   	-webkit-border-radius: 10px;
	border-radius: 10px;
display: inline-block;
	margin-top: 5px;
text-align : center; 
color: #ffffff; 
background: #00345E; 
border : 0px;
 cursor: pointer }
------------------------------------------------------------------------------------------------- */



  #nachOben:hover {
	background: #8dbce0;
}










			/* Start Suchfeld */
			.searchform {
				margin: 5px 0px 2px 10px!important;
				display:inline-block;
				padding: 2px 4px;
				border-radius:2em;
				background:#E40613;
			}

			.searchform input {
				font-size:.8em
			}

			.searchform .searchfield {
				width:65%!important;
				background:#fff;
				/*oben, rechts, unten, links */
			padding: 2px 0 2px 10px!important;
				border:solid 1px #bcbbbb;
				outline:none;
				border-radius:2em;
			}

			.searchform .searchfield {
				width:75%!important
			}

			.searchform .searchbutton {
				font-weight:700;
				color:#fff;
				border:solid 0 #666;
				padding:1px;
				height:2.5em;
				width:2.5em;
				text-shadow:0 1px 1px #000;
				border-radius:2em;
				background-color:#555!important;
				background:linear-gradient(#ddd,#333)
			}

			.searchbutton:hover,.searchbutton:focus {
				color:#333!important;
				text-shadow:0 1px 1px #fff;
				background:#999!important;
				background:linear-gradient(#eee,#666)!important
			}

			/* Ende Suchfeld */









div.bild {
	width: 30px;
	height: 30px;
	overflow: hidden;
	
		}
	
	
	.logoFirma {
		/* float: left; */
		margin: 10px 0px 0px 14px; 
		width: auto; 
		height: 58px;
	}
	
	.fb {
	height: 32px;
	width: 32px;
		float: left;
		
	}

h1 { color: #443939;	}
h2 { color: #4e4343;	}
h3 { color: #584d4d;	}
h6 { color: #807575;	}
p { color: #584d4d;	}

ul { color: #1E90FF;	}

.Meldung { color: #584d4d; font-weight:700;}



			.LinkText {
				color: #DCDCDC;
font-size: 0.8em; 
 font-weight:bold;
			}

			.LinkUnterstrichen {
				color: #ffffff;
				
				text-decoration: underline;
font-weight:400; 
			}

.ArtikelBeschreibungAuswahl {padding: 0px 0px 0px 0px; }




		/* Start obere Zeile */
		.headerZeileOben {
			margin: 0px;
			font-size: 12px;
			font-weight: 500;
			height: 26px;
			width: 100%;
			border: 2px solid #E30512; 
			background-color:#E30512;
			color: #ffffff; 
			text-align: right; 
			padding: 5px 25px 5px 5px;
			text-decoration: none;
		}

		@media screen and (max-width: 800px){
			.headerZeileOben{
				font-weight: 900;
			}
		}
		/* Ende obere Zeile */


		/* Start Zwischen-Zeile */
		.ZwischenZeile {
			display: inline-block;
		}

		@media screen and (max-width: 810px){
			.ZwischenZeile{
				display: none;
			}
		}
		/* Ende Zwischen-Zeile */


			/* Start  Zeile Logo */
	  .headerZeileLogo {
display: block;
margin-left: auto;
margin-right: auto;
		width: 50%;
            border: 2px solid #ffffff;
		    color: #000000;
background:#ffffff;
			
		}
			.headerZeileLogo img { width: auto; height: auto; }



/* Ende Zeile Logo */


.Artikelbild {}
.Artikelbild-1 {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.Artikelbild-1:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}


#liste-artikelbild {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 8px; 
	border: 1px solid #f7f7f7; 
	background-color: #f7f7f7; 
	padding: 6px; 
	margin-bottom: 20px; 
}


#liste-artikelbild:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	border-radius: 8px; border: 1px solid #5a5454;
}


div.table {
	display: table;
	border-collapse: collapse;
}

div.tr {
	display: table-row;
}

div.td {
	display: table-cell;
/* 	border: thin solid red; */
	padding: 20px;

}


.umrandung {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 80%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.umrandung input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 26px;
  background-color: #BBBDBE;
}

.umrandung:hover input ~ .checkmark {
  background-color: #0063A7;
}

.umrandung input:checked ~ .checkmark {
  background-color: #80BA27;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.umrandung input:checked ~ .checkmark:after {
  display: block;
}


.umrandung .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.containerGroesse {
	border:2px solid #cccccc;
	width: auto;
	height: 160px;
	overflow-y: scroll;
}


.imgAnsprechpartner {
	width: 120px;
	height: auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

input[type=submit] {
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	padding:11px 10px 10px 10px;
	border:none;
	cursor: pointer;
	cm_font-family:Arial;
}


.objButton {
	-webkit-border-radius:7px;
	border-bottom:0px solid #000000;

	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	padding:11px 10px 10px 10px;
	cursor: pointer;
	cm_font-family:Arial;
}

.objButton::after {
content: "\27a8";
	cursor: pointer;

	cm_font-family:Arial;
	font-size:110%;
	margin:10px;
text-decoration:none;


}





.objButton:hover {
	background-color: #80BA27;
	opacity: 0.9;
 }


.objButton:focus {
	background-color: #80BA27;
	opacity: 0.9;
}

.objButton:active {
	background-color: #80BA27;
	opacity: 0.9;
}


.btnGru {
	background-color: #80BA27;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#80ba27), to(#567e1b));
}


.btnBla {
	background-color: #80BA27;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0063a7), to(#003d66));
}


.btnRot {
	background-color: #80BA27;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f33f23), to(#c2230a));
}


.btnGra {
	background-color: #80BA27;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#979a9b), to(#707475));
}


.icon {
	-webkit-border-radius:100px;
	font-size:15px;
	margin:0 0px 0 10px;
	font-weight:bold;
	text-decoration:none;
	padding:2px 9px;
	border-top:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
	border:1px solid #F5F5F5;
	olor:#FFFFFF;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
 
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}
 
.popup h2 {
  margin-top: 0;
  color: #333;
/*  cm_font-family: Tahoma, Arial, sans-serif; */
color: #80BA27;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #000080;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
 
@media screen and (max-width: 849px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
//#qabfr { position: absolute; top: 0px; left: 0px; visibility: hidden }


#overlaybg {
    content: "";
    display: block;
    position: fixed; 
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;



    z-index: 100;
  background: rgba(0, 0, 0, 0.7);

 transition: opacity 50ms;



}

#overlaybg:target {
/*   visibility: hidden; */
 opacity: 0; 
  background: #fff;
 display = "none";
/* z-index: 1; */
    z-index: -10;
}

 
.winMod {
    z-index: 110; 

  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  max-width: 440px; /* popup breite */
  position: relative;
  transition: all 0.5s ease-in-out;  /* AUSBLENDEN */
line-height: 130%;
/*  visibility: visible; */
    display: block;
 opacity: 1; 
 background-color: #ffffff;

}

@media screen and (max-width: 720px){
  .winMod {
    width: 72%;
	margin: 8px auto;
  padding: 4px;
  font-size: 70%;
line-height: 100%;
  }
}

/* ------------------------------------------------------------------------------- */
/*@media screen and (max-width: 720px){  */
	.cmumbruch::after {
		content: "\A";
		white-space: pre;
	  } 
  /*}*/


 .winMod h2 {
  margin-top: 0;
  color: #333333;
  cm_font-family: Arial, sans-serif;
font-size:100%;
}

.BtnClose {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #0063A7;
margin: -10px;


}
.winMod .BtnClose:hover {
  color: #80BA27;
}

.winMod .content {
  max-height: 30%;
  overflow: auto;

font-size:88%;
line-height: 140%;
color: #333333; 


}


#closing:target {
  visibility: hidden;
 opacity: 0; 
}


.twobtn {


display: flex; 
justify-content: center; 
align-items: center;
}



hr {
  color: #80BA27;
height: 1px;
width: 100%;

}

.adrzeile {
font-size: 12px;
line-height:1.5; 
margin: 30px 0px 0px 30px;
text-align:left; 
color:#000000;
/*    font-weight: bold; */
}

.adrzeileLink {
	color:#000000;
	font-size: 12px;
	text-decoration: underline;
	font-weight: 400; 
}



/* ---------------------------------------------------------------------- */



a:link, 
a:visited, 
a:hover, 
a:focus, 
a:active {
				outline: none; 
-moz-outline-style: none;
text-decoration: none;

}

/* style index */

a {
  color: #545454;
font-weight: 600;
}
 
/* ---------------------------------------------------------------------- */

/* navigation */
 

@media (max-width: 799px) {

a {
  color: #ffffff;
font-weight: 200;
}

.navigation ul {
  margin:0px;
  padding:0px;
  list-style: none;
  overflow: hidden;
  background-color: #A9A9A9;
color: #ffffff;
font-weight: 600;
font-size: 17px;
   margin-top: 0px;
}


  .navigation li a {
   padding:10px;    /* Abstand button*/
    margin:4px; 
border: 4px #A9A9A9 solid;
background: #191970;
   margin-top: -0.6em;
  margin-bottom: -0.6em;

 }



  }


 
@media (min-width: 800px) {
  .navigation li {
    float: left;
  }
  .navigation li a {
   padding: 20px 8px 20px 8px;      /* Abstand button */

  }
  .navigation .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .navigation .menu-icon {
    display: none;
  }
}


/*  Suchformular  */

.suchformular
 input[type=text] {
   margin-top: 20px;
   margin-left: 10px;
 padding: 10px;
  font-size: 17px;
  border: 1px solid #404040;
  background: #e3e3e3;
 text-align: left;
}
 
.suchformular button {
  float: right;
  padding: 0.54em 10px;
  margin-top: 20px;
  margin-right: 16px;
  background: #303030;
  font-size: 17px;
  border: 1px solid #404040;
  cursor: pointer;
}
 
.suchformular button:hover {
  background: #686868;
}
 
@media screen and (max-width: 800px) {
 .suchformular {
  display:block;
    margin: 20px;
      margin-top: 0px;

  }
.suchformular button {
   margin-top: 0px;
    display: block;
    text-align: left;
    width: 60px;
text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 9px;
  }


}



/* Bildergalerie */
* {box-sizing: border-box}
/*body {cm_font-family: Verdana, sans-serif; margin:0}*/
.galerieBilder {display: none}
/*img {vertical-align: middle;} */
 
.galerieBildersammlung {
  xmax-width: 1000px;
  position: relative;
  margin: auto;
  border: 2px solid #d9d9d9;
}
 
.galeriePrev, .galerieNext {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  xborder-radius: 0 3px 3px 0;
  user-select: none;

  background-color:rgba(143, 135, 135, 0.82);
  color: #000000;


}
 
.galeriePrev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

.galerieNext {
	right: 0;
	border-radius: 3px 0 0 3px;
  }


 
.galeriePrev:hover, .galerieNext:hover {
  background-color: rgba(0,0,0,0.8);
color: #ffffff;
}
 
.galerieText {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
 

.galerieNummerText {
  background: #FFFFFF;
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
margin: 6px;
  position: absolute;
  bottom: 0;
opacity: 0.9;
font-weight: bold;
}
 
.galeriePunkt {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
 
.active, .galeriePunkt:hover {
  background-color: #717171;
}
 

.galerieFade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
 
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
 
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
 
.galerieButtonFotoClose { position: absolute; right: 1px; top: 190px; background-color: #fdfdfd; color: #282828; font-size: 42px; font-weight: bold; padding: 2px 22px 2px 22px; transition: 0.6s; text-decoration: none; border: 2px solid #e8e8e8; border-radius: 4px; }
.galerieButtonFotoClose:hover, .galerieButtonFotoClose:focus { color: rgb(121, 101, 101); cursor: pointer; background-color: #222222; }




@media only screen and (max-width: 300px) {
  .galeriePrev, .galerieNext,.galerieText {font-size: 11px}
}



/* Text in Startbild */
.XYZBildText {
  position: relative; 
/*  max-width: 800px;  */
  margin: 0 auto;
}

.XYZBildText .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #000000;
  width: 100%;
  padding: 10px;
}

 .XYZSchriftBildText {
  padding: 2px 2px 2px 30px;
color: #efefef;
font-size: 22px;

  font-weight: bold;
  }





@media screen and (max-width: 600px) {
.XYZSchriftBildText {
 font-size: 22px;
  font-weight: bold;
  padding: 4px;
  }

}


/* Runder Text */

#runderText p {
    padding: 25px;
    padding-top: 50px;
}



#runderText {
 /*    margin-left: 350px; */
    width: 200px;
    height: 200px;
    margin-bottom: 25px;

 /*      echo "\t".'background-color: '.FA_05A.'; '."\n"; */
 /*       echo "\t".'border: 4px solid: '.FA_05E.'; '."\n"; */


	background-color: <?php echo FA_05A;?>;
background: #ffa534; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#044a76), to(#328DC8));

	border: 4px solid #328DC8;

    border-radius: 100px;

    color: white;
    text-align: center;
float: right;

-moz-box-shadow: : 8px 8px 8px #666666;
-webkit-box-shadow: : 8px 8px 8px #666666;
box-shadow: 8px 8px 8px #666666;


 /* -moz-transform: rotate(10deg); */
 /* -webkit-transform: rotate(10deg); */
 /* -o-transform: rotate(10deg); */
 /* transform: rotate(10deg); */

}






 /* Start 4 Spalten */

.group,
[class*=colgroup] { zoom:1 } 
.group:after,
[class*=colgroup]:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
.col { position:relative; box-sizing: border-box;}
.col :first-child { margin-top:0;}
 
/* min-width: 30em */
@media all and (min-width: 19em) and (max-width: 49.99em) {
	[class*=colgroup] .col {
		float:left;
		width:47.5%;
		margin-left:5%
	}

	[class*=colgroup] .col:nth-of-type(2n+1),
	.colspan-2+.col {
		clear:left;
		margin-left:0
	}

	.colgroup-1 .col {
		width:100%;
		float:none;
		margin-left:0
	}

	.colgroup-3 .colspan-2,
	.colgroup-3 .colspan-2+.col,
	.colgroup-3 .col.primary,
	.colgroup-3 .col.secondary {
		width:100%;
		float:none;
		margin-left:0
	}

	.colgroup-3 .col.secondary { margin:2em 0 0 0 }
}



@media all and (min-width: 50em) {
	body {  }
	[class*=colgroup] .col {
	margin-left:5%;
	float:left;
	
	}

	[class*=colgroup] .col:first-of-type { margin-left:0 }
	.colgroup-4 .col { width:21.2% }
	.colgroup-4 .col:nth-of-type(4n+1) {
		clear:left;
		margin-left:0
	}

	.colgroup-4 .col.colspan-3 { width:73.8%}
	.colgroup-3 .col { width:30%}
	.colgroup-3 .col:nth-of-type(3n+1) {
		clear:left;
		margin-left:0
	}

	.colgroup-3 .col.colspan-2 { width:64% }
	.colgroup-3 .col.middle {
		margin:0 auto;
		float:none
	}

	.colgroup-3 .col.colspan-2>p {
		line-height:1.4;
		margin-top:0.7em
	}

	.colgroup-3 .col.primary { float:right }
	.colgroup-3 .col.secondary {
		float:left;
		margin-left:0
	}

	.colgroup-2 .col { width:47.5%}
	.colgroup-2 .col:nth-of-type(2n+1) {
		clear:left;
		margin-left:0
	}
	.colgroup-1 .col {
		width:100%;
		margin-left:0
	}
}

/*  Ende 4 Spalten */


.ArtikelOptionen {
border:solid 0px #666666;
font-size:13px;
font-weight:normal;
background-color: #F6F7F8;
color:#800000;
}

.pflHinweise {
font-weight:bold;
color:#000000;
padding-top: 0px;
padding-bottom: 10px;
font-size:120%;
}

.filterrahmen {
	border:2px solid #cccccc;
	width: auto;
	height: 160px;
	overflow-y: scroll;
}


/*  ------------------ */






.hgBildStart1, .hgBildStart2, .hgBildStart3 {
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
	background-attachment: scroll;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain;
  }
  .hgBildStart1 {
	background-image: url("../images/hgBildStart1.png");
	min-height: 600px;
  }
  
  .hgBildStart2 {
	background-image: url("../images/hgBildStart2.png");
	min-height: 600px;
  }
  
  .hgBildStart3 {
	background-image: url("../images/hgBildStart3.png");
	min-height: 600px;
  }
  
  .hgBildTitel {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
  }
  
  .hgBildTitel span.hgText {
	background-color: #cf3535;
	color: #fff;
	padding: 18px;
	padding: 0px;
	font-size: 25px;
	letter-spacing: 10px;
  }
  
  #fixedHeader {
	background-color: #ffffff;
	padding: 0px;
	position: relative;
	position: fixed;
	top: 0;
	width: 100%;
	transition: 0.2s;
	z-index: 999;
	} 

	#imgBildMax { 
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		 xz-index: 999; 
		xoverflow: hidden;
		Xposition: static;
		xtransition: scale .5s ease;

transition: 1.5s;



	}

	#imgBildMax:hover { 
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	
	}
	


.fixedJump {
	visibility: hidden;
	height: 0px !important;
	position: absolute;
	top: -176px;
	top: -276px;
	top: -220px;
	}