@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/rajdhani-v10-latin-regular.eot'); 
	src: local(''),
		url('fonts/rajdhani-v10-latin-regular.eot?#iefix') format('embedded-opentype'), 
		url('fonts/rajdhani-v10-latin-regular.woff2') format('woff2'), 
		url('fonts/rajdhani-v10-latin-regular.woff') format('woff'), 
		url('fonts/rajdhani-v10-latin-regular.ttf') format('truetype'), 
		url('fonts/rajdhani-v10-latin-regular.svg#Rajdhani') format('svg');
  }
  @font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/rajdhani-v10-latin-600.eot'); 
	src: local(''),
		url('fonts/rajdhani-v10-latin-600.eot?#iefix') format('embedded-opentype'), 
		url('fonts/rajdhani-v10-latin-600.woff2') format('woff2'), 
		url('fonts/rajdhani-v10-latin-600.woff') format('woff'), 
		url('fonts/rajdhani-v10-latin-600.ttf') format('truetype'), 
		url('fonts/rajdhani-v10-latin-600.svg#Rajdhani') format('svg'); 
  }
  b, strong {
	font-weight: 600;
  }

  /* ------ löschen wird nicht mehr benötigt  ----------  */
  .text 			{font-family: 'Rajdhani', sans-serif; font-size: 18; color: #000000; text-decoration: none; text-align: center; line-height:140%; }
  a.text 			{font-family: 'Rajdhani', sans-serif; font-size: 18; color: #000000; text-decoration: none; text-align: center; line-height:140%; }


.address 	{font-family: 'Rajdhani', sans-serif; font-size: 15; color: #000000; text-decoration: none; text-align: center; line-height:140%; }


  .jobdetails        {font-size: 15px; color: #666666; letter-spacing: 1px; width:100%; text-align: center;  text-decoration: none; display:block;  padding-right: 11px; padding-left: 11px; padding-top: 4px; padding-bottom: 7px; background-color: #cccccc; border-radius:5px;  -moz-border-radius:5px; border-width: 0px;}
  .jobdetails:hover  {color: #000000; background-color: #A1C644;}

  .inseratsenden       {font-size: 15px;  color: #000000; letter-spacing: 1px;  text-align: center;  text-decoration: none; display:block;  padding-right: 11px; padding-left: 11px; padding-top: 4px; padding-bottom: 4px; background-color: #A1C644; border-radius:5px;  -moz-border-radius:5px; border-width: 0px;}
  .inseratsenden:hover {color: #ffffff; background-color: #9CA399;}   
 
  a.buttons       {font-size:18px;  color: #ffffff; letter-spacing: 1px; padding-left: 50px; line-height:25px; display:block;  width: 100%; text-decoration: none;  padding-top: 1px; padding-bottom: 1px;}
  a.buttons:hover {color: #000000; background: #A1C644;} 

  .button3       {font-size: 15px;  color: #000000; letter-spacing: 1px; text-align: center;  text-decoration: none; display:block;  padding-right: 11px; padding-left: 11px; padding-top: 1px; padding-bottom: 1px; background-color: #A1C644; border-radius:5px;  -moz-border-radius:5px; border-width: 0px;}
  .button3:hover {color: #ffffff; background-color: #9CA399;}

  a.button3       {font-size: 15px;  color: #ffffff; letter-spacing: 1px; text-align: center;  text-decoration: none; display:block;  padding-right: 11px; padding-left: 11px; padding-top: 1px; padding-bottom: 1px; background-color: #A1C644; border-radius:10px;  -moz-border-radius:10px;}
  a.button3:hover {font-size: 15px;  color: #ffffff; letter-spacing: 1px; text-align: center;  text-decoration: none; padding-right: 11px; padding-left: 11px; padding-top: 1px; padding-bottom: 1px; background-color: #9CA399;  border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px;}
  
  a.button2       {font-size: 15px;  color: #ffffff; letter-spacing: 2px; text-align: left;  padding-left: 10px; line-height:22px; display:block; width: 200px; height: 23px; text-decoration: none;  padding-top: 1px; padding-bottom: 1px;}
  a.button2:hover {color: #000000; background-color: #A1C644;}
  a.button2a      {font-size: 15px;  color: #000000; letter-spacing: 2px; padding-left: 10px; line-height:22px; display:block; width: 200px; height: 23px; text-decoration: none;  padding-top: 1px; padding-bottom: 1px;}

 
   /* ------ löschen wird nicht mehr benötigt  ----------  */

  	body {font-family: 'Rajdhani', sans-serif !important; color: #666666 !important; margin: 0; padding: 0; width:100%; height:100%;}
	.debugg { font-family: 'Rajdhani', sans-serif; font-size: 16px; line-height:25px; color: #000000;  position: absolute; top:0px; left:0px; height:250px; width:1000px;  background: #ffffff; border: 1px solid rgb(255, 0, 0);z-index:180; }

	.btn_green {background-color: rgba(164, 207, 71, 0.99); color: #666666; border: 0px;}
	.btn_green :hover {background-color: rgba(141, 154, 145, 0.99);}
	a.btn_green  {background-color: rgba(164, 207, 71, 0.99); color: #666666 ; border: 0px ;}
	a.btn_green:hover {background-color: rgba(141, 154, 145, 0.99); }
  

	#such_vertrag_modal {width: 100%;}
	.pagination .currentpage a {background-color: #A1C644; color: #fff;}
	.pagination li a {margin-left: 5px; margin-right: 5px; padding: 5px 10px; border: #DDD 1px solid; border-radius: 4px; color: #000; font-size: 12px;}
	.pagination li a:hover {background-color: #9CA399; text-decoration: none;}
	label span {margin-left: 12px; color: #bababa; font-size: 13px;}
	.filter_clear {border: #DDD 1px solid; font-size: 2rem; line-height: 1rem;}
	.filter_aktiv {background-color: rgba(164,207,71, 0.2);}
	.vordergrund {background-color: rgba(255, 30, 0, 0.6); z-index:1600;}
	.hide { display: none;}
	
	.jobanzeige {border: #cccccc 1px solid;border-radius: 10px;}
	.info_filter {font-size: 17.6px; letter-spacing: 1px; width: 100%; background-color: #DDD !important;}

	.jobselectsenden, .info_filter_aktiv {font-size: 17.6px; letter-spacing: 1px; width: 100%; background-color: #A1C644 !important;}
	.jobselectsenden:hover {color: #ffffff; background-color: #9CA399; }
	.joblogopic {width: 124px; height: auto;}

	.jobhl {font-size: 22px; letter-spacing: 1px; line-height: 110%; font-weight: 700; color: #666666 !important;}
	a.jobhl {font-size: 22px; letter-spacing: 1px; line-height: 110%; font-weight: 700; color: #666666 !important;}
	a.jobhl:hover {color: #3e8e41 !important;}

	.helptext1  {font-size: 14px;  letter-spacing: 1px; width:100%;  padding: 10px; border-color: #A1C644; border-style: dashed ; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-radius: 8px; background-color: #ffffff;}
    .profil       {font-size: 15px; font-style: normal; line-height:27px; text-decoration: none; color: #666666 }
    .profil:hover {color: #A1C644;}
    
    a.button    	 {font-size: 23px;  color: #ffffff; letter-spacing: 1px; padding-left: 15px; line-height:40px; display:block; width: 100%;  text-decoration: none;  padding-top: 1px; padding-bottom: 1px; border-color: #cccccc; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
    a.button:hover 	{color: #000000; background: #A1C644;}  
    a.button1       { font-size: 17px;  color: #333333; letter-spacing: 1px; padding-top: 0px;  padding-right: 9px; padding-left: 9px; text-decoration: none; }
    a.button1:hover {color: #ffffff; background-color: #A1C644; border-color: #333333; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-radius:5px;  -moz-border-radius:5px; -moz-border-radius:5px;}
	a.button1a     {font-size: 17px;  color:  #A1C644; letter-spacing: 1px; padding-top: 0px;  padding-right: 9px; padding-left: 9px; text-decoration: none; }
    a.button1a:hover {color: #ffffff; background-color: #A1C644; border-color: #333333; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-radius:5px;  -moz-border-radius:5px; -moz-border-radius:5px;}
    a.buttontext       {font-size: 22px; letter-spacing: 1px; padding-top: 0px;  padding-right: 9px; padding-left: 9px; text-decoration: none; }
    a.buttontext:hover {background-color: #A1C644; border-color: #333333; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-radius:5px;  -moz-border-radius:5px; -moz-border-radius:5px;}
	a.buttonmehr        {font-size: 18px;  background: #A1C644; color: #ffffff; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    a.buttonmehr:hover  {background: #9CA399; color: #333333;}
   

  .big 	{font-size: 26px;text-decoration: none; line-height:110%;  letter-spacing: 2px;}

  .vertical-align {display: flex; align-items: center;}

  .ueberschrift {font-size: 33px; line-height:110%;  letter-spacing: 2px;}
    .H1 	    {font-size: 33px; line-height:110%;  letter-spacing: 2px;}
    .H2 	    {font-size: 28px; line-height:110%;  letter-spacing: 2px;}
	.H3a 	    {font-size: 22px; line-height:110%;  letter-spacing: 2px;}

	.text			{font-size: 22px; line-height:140%; }
	a.text			{font-size: 22px; line-height:140%;}
	a.text:hover	{ color: #4D0C02; text-decoration: underline;}
	.textreg		{font-size: 22px; text-align: right; width: 70px;}

	.textklein 	 	  {font-size: 15px; line-height:25px; padding-top: 10px; text-decoration: none;}
    a.textklein 	  {font-size: 15px; color: #666666 !important;  line-height:25px; padding-top: 10px; text-decoration: underline;}
	a.textklein:hover {color: #A1C644 !important;}

    .textkleinklein 		{font-size: 13px;line-height:17px; padding-top: 10px;}
    a.textkleinklein 		{font-size: 13px; color: #666666 !important; line-height:17px; padding-top: 10px; text-decoration: underline;}
	a.textkleinklein:hover 	{color: #A1C644 !important;}

	.textkleinklein1		{font-size: 13px;}

	.versteckt 	  		{font-size: 14px;  text-align: left; font-style: normal; color: #333333; padding-right: 11px; padding-left: 11px; text-decoration: none;}
    a.versteckt 	  	{font-size: 14px;  text-align: left; font-style: normal; color: #333333; padding-right: 11px; padding-left: 11px; text-decoration: none;}
    a.versteckt:hover 	{background-color: #3e8e41;}
     
	.benutzer 	 	  {font-size: 15px; line-height:25px; padding-top: 10px; text-decoration: none;}
    a.benutzer 	  {font-size: 15px; color: #cccccc !important;  line-height:25px; padding-top: 10px; text-decoration: none;}
	a.benutzer:hover {color: #A1C644 !important;}

    .alert		{font-size: 15px; color: #FF0000 !important; text-align: center; padding-top: 10px; padding-bottom: 10px;}
    .alertli	{font-size: 15px; color: #FF0000 !important;}
	.alert1	    {color: #f0d2d2 !important; background-color: #e7cdcd !important;}
	.alert2    {border-color: #d4271a  !important; border-style: solid; border-width: 1px;}

	

	.buchen        {font-size: 13px;  background: #9CA399; color: #ffffff; letter-spacing: 1px; text-align: center; padding-right: 10px;  padding-left: 10px; text-decoration: none;  padding-top: 0px; padding-bottom: 0px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    .buchen:hover {background: #A1C644; color: #333333;} 

	.help-block {font-size: 13px; line-height: 100%;}
    
	.bez {font-size: 18px; }
    .bezkl {font-size: 12px;}
    a.bezkl {font-size: 12px;}
  
	.jobselect { background-color:#ffffff; width:100%;  padding: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc; border-style: solid;  }
	.jobslines  {width:100%;  padding-left: 10px;  padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom:10px; border-color: #A1C644; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-color: #ffffff;}
	.jobselecttext{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
	.jobback   { position: fixed; width: 80%; height:40px; left:0px; top:200px; text-align: right;  z-index:60;}
	.esnr  {font-size: 17px; line-height:25px; padding-top: 5px; text-align: right; }
	.joblogopic{width: 60%;}
	.jobsweblink { padding-left: 15px}
	.helper  { position: absolute; width: 80px; height:80px; top:-30px; z-index:71;}


	.reginfo { background-image: url(uploads/pics/Schon_registriert_Banner.jpg); background-size: cover !important;  width:780px !important;  height: 250px !important; top: 100px; }
	.reginfo_button {position: absolute; right:0px; top: 250px; z-index:1060;}
	.reginfohead {width:780px !important; text-align: right !important;}
	.reginfobottom {width:780px !important; height: 256px !important; padding-top: 175px !important; text-align: right;}
	.btn-regtxt{font-size: 20px; color:#ffffff; width:40px ; padding-right: 15px;}
	.btn-regtxt:hover{color:#8f8a8a; }
	a.regtxt{font-size: 20px; color:#ffffff !important; letter-spacing: 1px; text-decoration: none; font-style: italic;}
	a.regtxt:hover{color:#b5f324 !important;}

	
	.jobbasic 		{font-size: 15px; line-height:25px; padding-top: 10px;}
    .textjobsuche	{font-size: 15px;}
   
	.produktpreis	{font-size: 22px; text-align: right;}
    .stkfeld   		{width:30px;  height: 20px; font-size: 15px; text-align: center; border: 1px #cccccc solid;  } 
    .produktstk 	{font-size: 15px; color: #ff3355;}
   
   	.loginfeld  { width:340px;  height: 40px; font-family:  '$schriftart', sans-serif; font-size: 18px; color: #999999;  text-align: left; border: 1px #999999 solid;  border-radius:7px; -moz-border-radius:7px; -moz-border-radius:7px;  } 
    .dateifeld  { width:240px;  height: 20px; font-family:  '$schriftart', sans-serif; font-size: 14px; color: #999999;  text-align: left; border: 1px #999999 solid;  border-radius:7px; -moz-border-radius:7px; -moz-border-radius:7px;  } 

    .llbutton   {font-size: 15px; letter-spacing: 1px; background-color: #ffffff;}
    .llbutton:hover   {color: #A1C644;}
    
	.logoutbutton       {font-size: 15px;  color: #000000; letter-spacing: 1px;  text-align: center;  text-decoration: none; display:block;  padding-right: 11px; padding-left: 11px; padding-top: 2px; padding-bottom: 2px; background-color: #A1C644; border-radius:5px;  -moz-border-radius:5px; border-width: 0px;}
    .logoutbutton:hover {color: #ffffff; background-color: #9CA399; }
    
	.formsenden        {font-size: 18px;  background: #A1C644; color: #ffffff; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    .formsenden:hover {background: #9CA399; color: #333333;} 

    a.formsenden        {font-size: 18px;  background: #A1C644; color: #ffffff; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    a.formsenden:hover {background: #9CA399; color: #333333;}
    .formsendenkl       {font-size: 14px;  background: #A1C644; color: #ffffff; letter-spacing: 1px; text-align: center; padding-right: 10px;  padding-left: 10px; text-decoration: none;  padding-top: 1px; padding-bottom: 1px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px; }
    .formsendenkl:hover {background: #9CA399; color: #333333;} 
    
	a.buttonmehr_inv       {font-size: 18px; background: #9CA399; color:#ffffff; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color:#999999; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    a.buttonmehr_inv:hover  {background: #A1C644; color:#333333;}
   

	.buttonmehr_inv1       {text-align: center; }
    a.buttonmehr_inv1       {font-size: 16px; color:#9CA399; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color:#999999; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px; }
    a.buttonmehr_inv1:hover  {background: #A1C644; color:#333333;}
   
    a.buttontype        {font-size: 18px;  background: #A1C644; color: #ffffff; letter-spacing: 2px; text-align: center; padding-right: 15px;  padding-left: 15px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
    a.buttontype:hover  {background: #9CA399; color: #333333;}
   
	#editor-container { height: 350px; }
	.container { margin-bottom: 10px; text-align: right;}
	.container a {font-family: Helvetia, sans-serif;}

	.top{ position: fixed; width: 100%; height:175px; left:0px; top:0px; z-index:11; background-image: url(gifs/elements/top1.png);  transition: all 0.5s ease 0s; z-index:11;}
	.toff {  top: -110px;  -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s;}
	.tfull { top: 0px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s;}

	.logo1  {display: none;}
	.logo   { position: relative; margin-right:auto; margin-left:auto; width:495px; height:70px;  top:30px; background-image: url(gifs/elements/logo.svg);  background-position:50% 50%; background-size: cover; transition: all 0.5s ease 0s; z-index:22;}
	.loff {  width:275px; height:45px; left:-38%; top:115px; background-image: url(gifs/elements/logo.svg); background-size: cover; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s, left 1s;}
	.lfull { left: 0px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: left 1s;}


	.center {  text-align: center; }
	.right {  text-align: right; }
	.centerform  { text-align: center; }
	.prodicon { width: 100%;}


	.hptmenue { position: relative; top:80px; left:-25px; height:30px; width:100%; text-align: center;  margin-right:auto; margin-left:auto; z-index:18; }
	.nav1 {display: none;}
	#navigation_horiz { clear:both; padding:0 0 0 0; margin:0 auto; z-index:19;}
	#navigation_horiz  ul li { position:relative; display:inline;  z-index:19;}
	#navigation_horiz .dropdown {position:absolute; padding-right: 1px; padding-left: 1px; padding-top: 20px; padding-bottom: 10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; z-index:23;}
	#navigation_horiz ul li #dropdown_one {background-image: url(gifs/elements/nav1.png); z-index:24;}

	.main{ position: relative; width:100%; top:145px;  padding-top:30px;  margin-right:auto; margin-left:auto; z-index:8; }

	.border_red  {border: 1px solid rgb(255, 0, 0) !important;}
	.border_green  {border: 1px solid rgb(1, 180, 10) !important;}
	.rund {border-radius: 4px;}

	.animated1 { -webkit-animation-duration:0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
	.fadeInDOWN {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInDOWN; animation-name: fadeInDOWN; z-index:21;}
		@-webkit-keyframes fadeInDOWN
		{	0% {opacity: 0; -webkit-transform: translateY(-60px); transform: translateY(-60px);}
			100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
		}
		@keyframes fadeInDOWN
		{	0% {opacity: 0; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);}
			100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
		}
	.fadeInLEFT {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInLEFT; animation-name: fadeInLEFT; z-index:21;}
		@-webkit-keyframes fadeInLEFT
		{	0% {opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px);}
			100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
		}
		@keyframes fadeInLEFT 
		{	0% {opacity: 0; -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px);}
			100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
		}

	.fadeInRIGHT {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInRIGHT; animation-name: fadeInRIGHT; z-index:21;}
		@-webkit-keyframes fadeInRIGHT
		{	0% {opacity: 0; -webkit-transform: translateX(60px); transform: translateX(60px);}
			100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
		}

		@keyframes fadeInRIGHT 
		{	0% {opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px);}
			100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
		}
	.fadeInUp {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInUp; animation-name: fadeInUp; z-index:21;}
		@-webkit-keyframes fadeInUp 
		{	0% {opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px);}
			100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
		}
		@keyframes fadeInUp 
		{	0% {opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
			100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
		}

	.animated { -webkit-animation-duration:0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
	.animated.fadeInUp {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInUp; animation-name: fadeInUp; z-index:21;}
		@-webkit-keyframes fadeInUp 
		{	0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
			100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
		}
		@keyframes fadeInUp 
		{	0% {opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px);}
			100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
		}		

	.prodicontab { width: 15%; text-align: right; vertical-align: top;}
	.but_green {color:#212529;background-color:#6caa39; border-color:#6caa39  !important;}
	.ui-front {position: relative; bottom:0px; width: 208px; background-color: #ffffff; z-index:31;}

	
	.bottom    { position: relative; width: 100%; height:160px; left:0px; top:100px; background-image: url(gifs/elements/bottom.png); z-index:30;}
	.bottom1   { position: relative; width: 980px; height:50px; bottom:0px;  margin-right:auto; margin-left:auto; z-index:31;}
	.bottomli { position: absolute;  text-align: left;  top:15px; left:15px; width: 500px; height:50px; z-index:32;}
	.bottomre {  position: absolute; top:15px; right:0px; width: 170px; height:50px; z-index:33;}
	.bottommi { position: relative; top:115px;  width: 220px;  margin-right:auto; margin-left:auto; z-index:34;}

.fotolink {filter: sepia(0.9); -webkit-filter: sepia(0.9);}
.fotolink:hover {filter: sepia(0);  -webkit-filter: sepia(0);}

a.fotolink_grey       {filter: grayscale(100%) brightness(1.33); }
a.fotolink_grey:hover {filter: grayscale(0%) brightness(1);  }

a.fotolink_green       {filter: grayscale(100%) brightness(1.3); }
a.fotolink_green:hover {filter: grayscale(0%) brightness(1);  }

a.fotolink_green1       {filter: grayscale(100%) brightness(0.8); }
a.fotolink_green1:hover {filter: grayscale(0%) brightness(1);  }

a.fotolink_icon      {filter: grayscale(0%) brightness(1); }
a.fotolink_icon:hover {filter: grayscale(80%) brightness(0.7);  }

a.fotomehr 	 	 { border: solid rgba(0, 0, 0, .0);   border-top-width: 50px; border-right-width: 50px; border-bottom-width: 50px; border-left-width: 50px; -webkit-background-clip: padding-box;  background-clip: padding-box;}
a.fotomehr:hover { border: solid rgba(255, 0, 0, .2); border-top-width: 40px; border-right-width: 50px; border-bottom-width: 40px; border-left-width: 50px; -webkit-background-clip: padding-box;  background-clip: padding-box;}

.cc_container {background: #758586 !important; color: #000000 !important;} 
.cctext {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #ffffff;} 
.cclink {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #ffffff;}
.ccbutton {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #000000;} 
.cc_container .cc_btn {background-color: #B0CB1F !important; color: #ffffff !important; }

.scroll { width: 100%; height: 300px; overflow-x: hidden; overflow-y: auto; padding: 20px; background-color: #f0f0f0; border-color: #fa0000; border-style: solid; border-width: 1px;}
 
@media (max-width:1050px)
{	.ueberschrift 	{font-size: 25px;}
	.H1	{font-size: 25px;}
	.H2 	{font-size: 15px; }
	.H3a 	{font-size: 12px; ;}
	.buttonmehr_inv1  {text-align: left; }
	.produktpreis	{ font-size: 20px; text-align: right;}
	.stkfeld   { width:30px;  height: 20px; font-size:13px; text-align: center; border: 1px #cccccc solid;  } 
	.produktstk {font-size: 13px; font-style: normal; color: #ff3355; text-decoration: none;}
	.esnr  {font-size: 15px; font-style: normal; line-height:25px; padding-top: 5px;  text-align: right; }
	.joblogopic { width:100%; padding-top: 5px; }

	.reginfo {display: none;}
	.reginfo_button {display: none;}

	.text 			{font-size: 20px; text-decoration: none;}
	a.text 			{font-size: 20px; text-decoration: none; }
	a.text:hover 	{color: #4D0C02; text-decoration: underline;}
	.textreg 		{font-size: 20px; text-decoration: none; text-align: right; width: 50px;}
	.textklein 	 	  {font-size: 17px; font-style: normal; color: #333333; text-decoration: none;}
	a.textklein 	  {font-size: 17px; font-style: normal; color: #333333; text-decoration: none;}
	a.textklein:hover {color: #A1C644;}
	.textkleinklein 		{font-size: 15px;  font-style: normal; text-decoration: none;}
	a.textkleinklein 	 	{font-size: 15px;  font-style: normal; text-decoration: none;}
	a.textkleinklein:hover 	{color: #A1C644; text-decoration: underline;}
	.textjobsuche	 	  	{font-size: 20px; font-style: normal; text-decoration: none;}
	.loginfeld  { width:180px;  height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #999999;  text-align: left; border: 1px #999999 solid;  } 
	a.buttonmehr        {font-size: 14px;  background: #A1C644; color: #ffffff; letter-spacing: 1px; text-align: center; padding-right: 10px;  padding-left: 10px; text-decoration: none;  padding-top: 2px; padding-bottom: 2px; border-color: #9CA399; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; }
	a.buttonmehr:hover  {background: #9CA399; color: #333333; border-color: #000000;}
	.versteckt 	  		{font-size: 0px;  text-align: left; font-style: normal; color: #333333; padding-right: 9px; text-decoration: none;}
	a.versteckt 	 	{font-size: 16px;  text-align: left; font-style: normal; color: #333333; padding-right: 9px;  text-decoration: none;}
	a.versteckt:hover 	{color: #666666; border-color: #A1C644; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px;}    
	
	.top { position: fixed; width: 100%; height:60px; left:0px; top:0px; background-image: url(gifs/elements/top1.png); z-index:11;}
	.logo1   { display: block;  position: relative; width:270px; height:43px; margin-right:30px; margin-left:auto; top:5px; background-image: url(gifs/elements/logo_kl.svg); z-index:70;}
	.logo {display: none;}
	.hptmenue {display: none;}
	.main { position: relative; width:100%; top:0px;  padding-top:30px;  margin-right:auto; margin-left:auto; z-index:8;}
	.nav1 {display: block; position: absolute; width: 100%;  left:20px;  top:5px; visibility: visible; z-index:65;}
	.nav1hg{ position: fixed; width: 100%;  height:900px; left:0px; top:0px; padding-top: 95px; overflow: scroll; background-image: url(gifs/elements/navmob.png); z-index:20;}
	.jobback   { position: fixed; width: 90%; height:40px; left:0px; top:80px; text-align: right;  z-index:60;}
	.prodicontab { width: 15%;}
	.textjobsuche	{font-size: 20px;}
	.sel { position: relative; left:0px; top:30px; width:100%;  text-align: center; margin-right:auto; margin-left:auto; z-index:20;}
	.article {position: relative; left:0px; top:20px; width:80%; margin-right:auto; margin-left:auto; z-index:9;}
	.w-50a {width: 90%;}
	.navicon{position: absolute; left:15px; width:50px;  top:5px; height:0px; padding-top: 0px; visibility:visible; z-index:20;}
	.bottomli { position: absolute;  text-align: left;  top:5px; left:5px; width: 100%; height:30px; z-index:32;}
	.bottomre {  position: absolute; top:50px; right:5px; margin-left:auto; width: 140px; z-index:33;}
	.bottommi {display: none;}
	.td120{ width: 90;} 
		
}

@media (max-width:990px)
{ a.jobhl	{font-size: 25px;}
  .esnr  {font-size: 18px;  text-align: left; }
  .jobsweblink { padding-left: 0px; text-align: left;}
  .joblogopic { width:60%; padding-top: 5px; text-align: center; }

  .reginfo {display: none;}
  .reginfo_button {display: none;}

}