@charset "utf-8";


@font-face { font-family: 'century gothic';
             src: url('font/GOTHIC.TTF') format('truetype'); }


@font-face { font-family: 'blog-script';
             src: url('font/Blog-Script.ttf') format('truetype'); }






.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  font-family: "century gothic", sans-serif;
  font-size: 0.9em;
  font-weight: 400;
  visibility: hidden;
  width: 220px;
  background-color: #E4E4E4;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -120px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}








.tooltip2 {
  position: relative;
  display: inline-block;
  
}

.tooltip2 .tooltiptext {
  font-family: "century gothic", sans-serif;
  font-size: 1em;
  font-weight: 400;
  visibility: hidden;
  width: 120px;
  background-color: #E4E4E4;
  color: #000000;
  text-align: center;
  border-radius: 0px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: -5%;
  left: 30%;
  
  margin-left: -120px;
  opacity: 0;
  transition: opacity 0.3s;
}



.tooltip2:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}












.editUserName{
	
	font-family: "century gothic", sans-serif;	
	font-size: 1.0em;
	height: 24px;
	width: 260px;
	
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 200px;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
 
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #000000;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}









	
.alertKreis1 {
    background-color: red;
    position: relative;
    width: 28px;
    height: 28px;
    top: -13px;
    left: -34px;
    border: 0px solid black;
    text-align: left;
	vertical-align: baseline;
    border-radius: 14px;
  font-family: "century gothic", sans-serif;	
	font-size: 1.0em;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	box-shadow: 2px 2px 2px #0D0C0C;
	
}
.alertKreis1 p{
    position: relative;
	top: 5px;

	align-content: center;
	text-align: center;
}




	
.alertKreis {
    background-color: red;
    position: relative;
    width: 28px;
    height: 28px;
    top: -43px;
    left: 4px;
    border: 0px solid black;
    text-align: left;
	vertical-align: baseline;
    border-radius: 14px;
  font-family: "century gothic", sans-serif;	
	font-size: 0.8em;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	box-shadow: 2px 2px 2px #0D0C0C;
	
}

.alertKreis p{
    position: relative;
	top: 3px;

	align-content: center;
	text-align: center;
}






/*dropDown Menü */
.dropbtn {
  position: relative;
	left: 50px;
	top: 30px;
background-color:hsla(0,0%,100%,0.00);
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background-image: url('mobmenue1.png') ;
  background-repeat:no-repeat;	
  background-size: 50px 30px;
  height: 30px;
  width:  50px;
	
}

.dropbtn:hover, .dropbtn:focus {
  background-color:hsla(0,0%,100%,0.55);
  background-image: url('mobmenue2.png');
  background-repeat:no-repeat;
}

.dropdown {
  position: relative;
  display: inline-block;
	
}

.dropdown-content {
  font-family: "century gothic", sans-serif;	
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

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



#tbMenue td, #tbMenue th {
		empty-cells: hide; 
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
	border: 0px #FFFFFF solid;
}

#tbMenue th {
}
	
#tbMenue {
	font-family: "century gothic", sans-serif;	 
	font-size: 12px; 	 
	border: 0px #FFFFFF solid;
    border-bottom:none;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-spacing:   0px 0px;


}


	

#tbHome td, #tbHome th {
		empty-cells: hide; 
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
	border: 0px #FFFFFF solid;

}

#tbHome th {
}
	
#tbHome {
	font-family: "century gothic", sans-serif;	 
	font-size: 12pt; 	 
	border: 0px #FFFFFF solid;
    border-bottom:none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-spacing:   0px 0px;
	display: block;
		

}



.imgHome {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

	
#tbFuss td, #tbFuss th {
		empty-cells: hide; 
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
	border: 0px #FFFFFF solid;
}

#tbFuss th {
}
	
#tbFuss {
	font-family: "century gothic", sans-serif;	 
	font-size: 12px; 	 
	border: 0px #FFFFFF solid;
    border-bottom:none;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-spacing:   0px 0px;

}


#buMenue {

	font-family: "century gothic", sans-serif;	 
	font-weight:  500;
	font-size: 12pt; 	 
    width: auto;
	border: 0px;
    border-bottom:none;
	color: #000000;
		position: relative;
	

}
#buMenue:hover{
	font-family: "century gothic", sans-serif;	 
	color: #DFDFDF;
	font-weight:  800;
	font-size: 12pt;
	cursor: pointer;
}

#buMenueSel {

	font-family: "century gothic", sans-serif;	 
	font-weight:  800;
	font-size: 12pt; 	 
    width: auto;
	border: 0px;
    border-bottom:none;
	color: #000000;
	

}

.radioButton{
	border-color: hsla(0,1%,25%,1.00);
}


.laSelMenue {

	font-family: "century gothic", sans-serif;	 
	font-weight:  800;
	font-size: 12pt; 	 
    width: auto;
	border: 0px;
    border-bottom:none;
	color: #000000;
}
.laMenue {

	font-family: "century gothic", sans-serif;	 
	font-weight:  500;
	font-size: 12pt; 	 
    width: auto;
	border: 0px;
    border-bottom:none;
	color: #000000;
}
.laMenue:hover{
	font-family: "century gothic", sans-serif;	 
	color: #FCFCFC;
	font-weight:  500;
	font-size: 12pt;	


}




.laMenueMob {

	font-family: "century gothic", sans-serif;	 
	font-weight:  500;
	font-size: 12pt; 	 
    width: auto;
	border: 0px;
    border-bottom:none;
	color: #000000;
	padding: 0px 20px;
	
}
.laMenueMob:hover{
	font-family: "century gothic", sans-serif;	 
	color: #FCFCFC;
	font-weight:  500;
	font-size: 12pt;	
	padding: 0px 20px;

}






#tab1 td, #tab1 th {
	color: #1D1D1D;
	empty-cells: hide; 
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 10px;
	background-color: #DCDCDC;
	
}

#tab1 th {
}
	
#tab1 {
	font-family: "century gothic", sans-serif;	 
	font-size: 12pt;	
	font-weight:  500;
	border: 0px;
    border-bottom:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-spacing:   0px 0px;
	background-color: #DCDCDC;
	height: auto;
	width: 100%;
}










#la07 {

	font-family: "century gothic", sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	
	
}



#laFilter {

	font-family: "century gothic", sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	

}

#la0 {

	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	

}
#la1 {

	font-family: "century gothic", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	
	

}
#la1n {

	font-family: "century gothic", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	
	

}
#la14 {

	font-family: "century gothic", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	
	

}
#la14n {

	font-family: "century gothic", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	
	

}
#la2 {

	font-family: "century gothic", sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	/*background-color: hsla(359,91%,47%,1.00); */
}

#la3 {

	font-family: "century gothic", sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	/*background-color: hsla(359,91%,47%,1.00); */
}
#la3script {

	font-family: "blog-script","century gothic", sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	/*background-color: hsla(359,91%,47%,1.00); */
}
#la4 {

	font-family: "century gothic", sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	/*background-color: hsla(359,91%,47%,1.00); */
}
#laMenge {

	font-family: "century gothic", sans-serif;
	font-size: 1em;
	font-weight: bold;
	}
#la08b {

	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	}

#la08n {

	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	}
#la08nh {

	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	}

#la08nh:hover {
    cursor: pointer;
	color: hsla(0,0%,33%,1.00);
	font-weight: bold;

	}


#Adr1,#Adr2,#Adr3,#Adr4,#Adr5 {
	font-family: "century gothic", sans-serif;
	font-size: 0.6em;
}


#inputForm,#password1,#password2,#password1Mob,#password2Mob,#suchfeld {
	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	border: 0px;
	width:160px; 
	height: 18px; 
	margin:0px; 
	
}

#inputFormXL,#Email,#Email2{
	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	border: 0px;
	width:200px; 
	height: 18px; 
	margin:0px; 
	
}

#bemerkung{
	font-family: "century gothic", sans-serif;
	font-size: 0.8em;
	
	width:300px; 
	height: 80px; 
	margin: 1px; 
}





#warenKorbButton,#warenKorbButtonMob {
	background: url(wk1at.png) no-repeat;
	background-color: transparent;
	color: transparent;
	width: 36px;
	height: 30px; 
}

#warenKorbButton:hover,#warenKorbButtonMob:hover{ 
	background: url(wk3at.png) no-repeat;	
}





#ButtonKlein, #filterButtonAuf, #filterButtonZu {
	font-family: "century gothic", sans-serif; 
    font-size: 10pt;
    background-color: #555555;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	width: 120px;
	
	height: 30px; 

}
#ButtonKlein:hover{background-color: #353434}


#ButtonKleinH {
	font-family: "century gothic", sans-serif; 
    font-size: 10pt;
    background-color: #555555;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	width: 120px;
	
	height: 40px; 

}

#ButtonKleinH:hover{background-color: #353434}




#ButtonLang {
	font-family: "century gothic", sans-serif; 
    font-size: 10pt;
    background-color: #555555;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	width: 160px;
	height: 30px; 

}

#ButtonLang:hover{background-color: #353434}


#ButtonKlein2 {
	font-family: "century gothic", sans-serif;  
    font-size: 8pt;
	font-weight: bold;	
    /*background-color: #5F5F5F;
    color: #ffffff; */
	color: #111111;
	background-color: transparent;
	border:0px;
	padding-top: 1px;
    padding-bottom: 1px;
	padding-left: 1px;
    padding-right: 1px;
	
	text-align: left;
	width: auto;
	height: 30px; 

}

#ButtonKlein2:hover{color: #9E9999}



.image-container {
    position: relative;
    width: 356px;
    height: 100px;
}
.image-container .after {
	
	font-family: "century gothic", sans-serif;  
    font-size: 18pt;
	font-weight: bold;	
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
	
    display: flex;
    background: rgba(227,227,227,0.60);
	
	align-items: center;
	justify-content: center;
}
.image-container:hover .after {
    display: block;
    background: rgba(227,227,227,0.60);
}








#tbSeitenzahl td, #tbSeitenzahl th {
    font-size: 1.2em;
	color: #1D1D1D;
	empty-cells: hide; 
	vertical-align: text-top;
}



#tbSeitenzahl th {
    font-size: 1.5em;
    text-align: left;
    /*padding-top: 5px;
    padding-bottom: 4px;*/
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbSeitenzahl {
	font-family: "century gothic", sans-serif; 
	font-size: 12pt;
	border: 0px;
    border-bottom:none;
	border-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	
}










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



#selVarianten {
    font-size: 16px;
	font-family: "century gothic", sans-serif; 
	width: auto;

    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    
	
	
}


#sizes {
    font-size: 16px;
	font-family: "century gothic", sans-serif; 
	width: auto;

    background-color: #E4E4E4;
	color: #000000;
	
	empty-cells: hide; 
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 25px;	
	border: 0px;
	
}


#tb1 td, #tb1 th {
	color: #1D1D1D;
	empty-cells: hide; 
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	
}

#tb1 th {
}
	
#tb1 {
	font-family: 'Quicksand','Montserrat', sans-serif;	     
	border: 0px;
    border-bottom:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-spacing:   0px 0px;
}





#tbAktionen td, #tbAktionen th {
    font-size: 0.8em;
    border: 0px solid #3d874c;
    /*padding: 10px 5px 0px 5px;*/
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    
	
	
}



#tbAktionen th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 0.80em;
    text-align: left;
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbAktionen {

font-family: "century gothic", sans-serif;	 
    
	border: 0px;
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 1px;

}




#tbArtikeldetail td, #tbArtikeldetail th {
    font-size: 0.8em;
    border: 0px solid #909090;
    /*padding: 10px 5px 0px 5px;*/
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 

    padding-left: 15px;
    
	
}



#tbArtikeldetail th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 0.80em;
    text-align: left;
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbArtikeldetail {

font-family: "century gothic", sans-serif;	 
    
	border: 0px solid hsla(0,0%,45%,1.00);
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   1px 1px;

}








#tbKopf td, #tbKopf th {
    font-size: 1.5em;
	border: 5px #FFFFFF solid;
    /*border: 0px solid #3d874c; */
    /*padding: 10px 5px 0px 5px;*/
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 
	
}

#tbKopf th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 1.80em;
	text-align: left;
    /*padding-top: 5px;
    padding-bottom: 4px;*/
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbKopf {

font-family: "century gothic", sans-serif;	 
    
	border: 0px;
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 1px;

}



#tbDetail td, #tbDetail th {
    font-size: 1.5em;
	border: 20px #FFFFFF solid;
    /*border: 0px solid #3d874c; */
    /*padding: 10px 5px 0px 5px;*/
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 
	
}

#tbDetail th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 1.80em;
	/*text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;*/
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbDetail {

font-family: "century gothic", sans-serif;	 
    
	border: 0px;
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 0px;

}




#tbDetail2 td, #tbDetail2 th {
    font-size: 1.5em;
	border: 0px #FFFFFF solid;
	border-left: 20px #FFFFFF solid;
	border-right: 20px #FFFFFF solid;

	background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	empty-cells: hide; 
}

#tbDetail2 th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 1.80em;
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
}

	
#tbDetail2 {
font-family: "century gothic", sans-serif;	 
	border: 0px;
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 0px;
}






#tbSpez td, #tbSpez th {
    font-size: 0.60em;
    border: 0px solid #3d874c;
    /*padding: 10px 5px 0px 5px;*/
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	empty-cells: hide; 
	
}

#tbSpez th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 0.6em;
	/*text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;*/
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
	empty-cells: hide; 
	
}

	
#tbSpez {

	font-family: "century gothic", sans-serif;		 
    
	border: 0px;
    border-bottom:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-spacing:   0px 1px;

}




#tbSpezK td, #tbSpezK th {
    font-size: 10pt;
    border: 0px solid #3d874c;
    padding: 0px 5px 0px 20px ;
    background-color: hsla(0,0%,100%,1.00);
	color: #1D1D1D;
	
	 
	
}

#tbSpezK th {
	border: 0px solid hsla(0,0%,45%,1.00);
    font-size: 10pt;
	text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    color: hsla(0,0%,100%,1.00);
    background-color : #5F5F5F;
	
	
}

	
#tbSpezK {

	font-family: 'Quicksand','Montserrat', sans-serif;	 
   
	border:  0px;
    border-bottom:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 1px;

}


#tbButton {

	font-family: 'Quicksand','Montserrat', sans-serif;	 
    
	border: 0px;
    border-bottom:none;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-spacing:   0px 1px;

}







#tbLinks td, #tbLinks th {
    font-size: 0.8em;
  	border: 0px;
    padding: 10px 5px 0px 5px;

}



#tbLinks th {
	border: 0px;
    font-size: 2.0em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: hsla(0,0%,100%,1.00);
    color: #1D1D1D;
}


	
#tbLinks {

	font-family: "century gothic", sans-serif;	 
    width: auto;
	border: 0px;
    border-bottom:none;
	

}


#input1 {

    color: #333;
	font-family: 'Arial',sans-serif;		
    font-size: 18px;
	vertical-align: middle;
	width: 100px;
   
    /*padding: 9px 7px  ; */
 
}
#input1Anz,#input1AnzMob {
text-align: center;
    color: #333;
	font-family: "century gothic", sans-serif;	
    font-size: 16px;
	vertical-align: middle;
	width: 100px;
 	border: 1px ;
	border-color: hsla(0,0%,24%,1.00);
	padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
    padding-right: 0px;    
 	margin-bottom: 5px;
}


#input1Anz[type=number]::-webkit-inner-spin-button,
#input1Anz[type=number]::-webkit-outer-spin-button{	
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    margin: 0; 

}
#input1AnzMob[type=number]::-webkit-inner-spin-button,
#input1AnzMob[type=number]::-webkit-outer-spin-button{	
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    margin: 0; 

}

#input2 {
	vertical-align: middle;
	width: 50%;
	
	
    
    /*padding: 9px 7px  ; */
 
}


#eansuche {
 /*background-color: red; */
	
background-image: url("scannenNotReady2.jpg") ;	
	background-repeat:no-repeat;
    color: #ffffff;	
	padding-left: 50px;
 
}

#eansuche:focus {
 /*background-color: darkgreen;*/

background-image: url("scannenReady2.jpg") ;
	background-repeat:no-repeat;
    color: #ffffff;	
	padding-left: 50px;
	
 
}





#pleasewait {

 position: absolute;
	font-family: 'Quicksand','Montserrat', sans-serif;	
    background-color: hsla(0,3%,14%,0.85);
    width: 100%;
    height:600px;

    color:#ffffff;
    font-size: 3.5em;

    vertical-align: bottom;   
    
    text-align: center;
    
    display: flex;
    align-items: center;
    justify-content: center;
 
}

#pleasewait1 {
     font-size: 0.5em;
  position: relative;
	background-color: yellow;
  width: 200px;
  height: 150px;
  top: 100px;
  left: 100px;

}



button {
	font-family: 'Quicksand','Montserrat', sans-serif;	 
    font-size: 14pt;
    background-color: #5F5F5F;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 25px;
    padding-right: 25px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 265px;
	height: 50px;
	
}

button:hover{background-color: #353434}



#wkButton {
	font-family: "Century Gothic", sans-serif;	 
    font-size: 10pt;
    background-color: #555555;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 30px;
	height: 30px;
	
}

#wkButton:hover{background-color: #353434}



#wkButtonHell {
	font-family: "Century Gothic", sans-serif;	 
    font-size: 10pt;
    background-color: #E8E8E8;
    color: #313131;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 30px;
	height: 30px;
	
}

#wkButtonHell:hover{background-color: #B9B9B9}




#tasButton {
	font-family: 'Quicksand','Montserrat', sans-serif;	 
    font-size: 10pt;
    background-color: #5F5F5F;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 60px;
	height: 60px;
	margin-right: 10px;
	
	
}

#tasButton:hover{background-color: #353434}

#tasButton1 {
	font-family: 'Quicksand','Montserrat', sans-serif;	 
    font-size: 10pt;
    background-color: #5F5F5F;
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 70px;
	height: 60px;
	
	
}

#tasButton1:hover{background-color: #353434}


a.logo{
	background-image: url(wk1b.png);		
}

a.logo:hover{
  background-image: url(wk2b.png);	

}

#wkDelButton {
	background-color: transparent;
    color: transparent;

	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 26px;
	height: 26px;
	background-image: url(papierkorb26.png);
	
}

#wkDelButton:hover{
	 background-image: url(papierkorb26black.png);
}

#pdfButton {
	background-color: transparent;
    color: transparent;

	border:0px;
	padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
    padding-right: 0px;

	/*box-shadow: 2px 2px 2px #002211; */
	width: 19px;
	height: 23px;
	background-image: url("pdf1.png");
	
}

#pdfButton:hover{
	 background-image: url(pdf1h.png);
	
}




#saveButton {
	background-color: transparent;
    color: transparent;

	border:0px;
	padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
    padding-right: 0px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 24px;
	height: 24px;
	background-image: url(save0.png);
	
}

#saveButton:hover{
	 background-image: url(save1.png);
}




#ButtonScan {
	 
	font-family: 'Quicksand','Montserrat', sans-serif;	 
    font-size: 10pt;
	background: url(scan1.png) no-repeat;	
    color: #ffffff;
	border:0px;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
    padding-right: 5px;
	/*box-shadow: 2px 2px 2px #002211; */
	width: 36px;
	height: 30px; 
	
	
}

#ButtonScan:hover{ 
	background: url(scan2a.png) no-repeat;	
}







form {padding: -2px;} 

div.scroll {   /* background-color: #FFFFFF;*/
    width: auto;
    height: 310px;
    overflow: auto;
}





textMittelComic   {
	font-family: "Comic Sans MS";
	font-size: medium;
}





tr td p {
	text-align: right;
}
text {
	font-family: "Comic Sans MS";
	font-size: medium;
}
#form1 table {
	    
}

#form1 {
	 font-size: 10pt;
}

.normal {
	font-family: "century gothic", sans-serif;	 

	font-size: 18px;
}




.normalTabelle {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
}
.grauTabelle {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: hsla(0,0%,80%,1.00);
}
.grauTabelle10 {
	font-family: "Comic Sans MS", Arial;
	font-size: 10px;
	background-color: hsla(0,0%,73%,0.74);
}
.grauTabelle12 {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	background-color: hsla(203,21%,71%,0.83);
}
.grauTabelle18 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(203,21%,71%,0.83);
}
.rotTabelle12 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: hsla(12,21%,71%,0.83);
}
.rotTabelle18 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(13,21%,82%,0.83);
}
.rot2Tabelle18 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(13,34%,77%,0.83);
}
.rot2Tabelle18 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(203,73%,61%,0.51);
}
.gruenTabelle18 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(111,21%,82%,0.83);
}
.gruenTabelle12 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: hsla(110,21%,71%,0.83);
}
.mobileGross1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
}

.Laufschrift00 {
	font-family: wallpoet;
	font-size: 20px;
	background-color: hsla(0,0%,0%,1.00);
	font-style: normal;
	font-weight: 400;
	color: hsla(110,78%,45%,1.00);
}
.Laufschrift01 {
	font-family: wallpoet;
	font-size: 32px;
	background-color: hsla(0,0%,0%,1.00);
	font-style: normal;
	font-weight: 400;
	color: hsla(110,78%,45%,1.00);
}