/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/


/* responsive video iframe
------------------------------------------------ */
.embed-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
}
.embed-container iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
	padding-bottom: 75%;
}

/* end of responsive video iframe -------------- */

#logo img{
	max-width: 170px !important;
}

.scrolled #menu-row  {
    background: rgba(255,255,255, 0.85) none repeat scroll 0 0;
}

#menu-row.fixed {
	background: rgba(255,255,255, 0.85) none repeat scroll 0 0;
}

ul.sf-menu > li > a {
	color: #800007;
	font-size: 14px;
}
ul.sf-menu > li > span {
	color: #800007;
	font-size: 14px;

}
ul.sf-menu > li.active > a, ul.sf-menu > li.current > a, ul.sf-menu > li.active > span, ul.sf-menu > li.current > span {
	color: #800007;
	font-size: 14px;
}

ul.sf-menu > li > a:hover, ul.sf-menu > li > span:hover{
	background-color: #333;
	color:white;
}

ul.sf-menu > li.active > a, ul.sf-menu > li.sfHover > a, ul.sf-menu > li.current > a, ul.sf-menu > li.active > span, ul.sf-menu > li.sfHover > span, ul.sf-menu > li.current > span {
    background-color: #333;
	color:white;
}

ul.sf-menu ul {
    background-color: #ffffff;
    padding: 25px 0;
}
ul.sf-menu ul li a, ul.sf-menu ul li span {
    font-size: 12px;
    color: black;
}

.scrolled #logo{
	padding-bottom: 0.5%;
	padding-top: 0.5%;
}

.btn-sf-menu {
    line-height: 25px;
	color: black;
}

#as-top-header {
      color: #fff !important;
	  background-color: #80007 !important;
}

/* Mod Stellenmarkt  -------------- */

#offenestellen .stellen-dropdown{
	width: 238px;
    height:45px;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
    margin-right:10px;
	margin-top:0;
}

#offenestellen .anz.stellen-dropdown{
 width: 50px;
 color: black;
 float: right;
 padding: 8px 16px;
 text-decoration: none;
 border: 1px solid #484646;
 margin: 0 2px;
}

#offenestellen input.btn{
    height:45px !important;
	padding-top: 0px !important;
	margin-top:0px !important;
}

.table > tbody > tr > td {
	vertical-align: middle;	
}
.table-striped tbody > tr:nth-child(2n+1) > th {
	background-color:#800007;
	color: white;
}

#logo_client{
	/* height: 30px; */
    width: 100px;
}


/* Mod DL  4/2020-------------- */
     #top-header-row{
	  background-color: #333 !important;
}

     #content-row-5{
	  padding: 40px !important;
      color: #fff !important;
	  background-color: #80007 !important;
}

     #content-row-6{
	  padding: 50px !important;
	  background-color: #b3b3b3 !important;
}

     #aside-right-top .item_title, #aside-right-top .item_title__, #aside-right-top .item_title_part1, #aside-right-top .item_title_part2, #aside-right-top .item_title_part3{

         color: #800007 !important;
     }
    #aside-right #aside-right-top .mod-newsflash-adv_custom-link a, #aside-right #aside-right-bottom .mod-newsflash-adv_custom-link a {
    color: #fff;
 }
    #copyright-row{
	  padding: 10px !important;
	  background-color: #b3b3b3 !important;
}
/* Mod DL  4/2020-------------- *
// Mod Lutz */
     .my-special-suffix
     {background:#fff !important;}

     .my-special
     {background:#e8e8e8 !important;}
/* Mod Lutz
/* Mod NEOSOFT Indien -------------- */


.pagination-job {
    display: inline-block;
}

.pagination-job a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
.pagination-job {
 /* display: block; */
 text-align: center;
 margin: 0 auto;
 width: 100%;
 /*border: 1px solid red;*/
 overflow: hidden;
 display: flex;
 align-content: center;
 justify-content: center;
}

.pagination-job a {
 color: black;
 float: left;
 padding: 8px 16px;
 text-decoration: none;

 border: 1px solid #484646;
 margin: 0 2px;
}


.pagination-job a.active {
 color: black;
 float: left;
 padding: 8px 16px;
 text-decoration: none;
 background: #800007;
 color: #fff;
 border-radius: 0%;
}

/* Ende Mod NEOSOFT Indien -------------- */

@media (max-width: 380px){
	table{
		font-size: 9px;
	}
	
}

@media (max-width: 480px) {
	#menu-row.fixed{
		background: rgba(255,255,255,1) none repeat scroll 0 0;
	}

	#logo{
		width: 60%;
	}
	
	.scrolled #logo {
	margin: auto !important;
	}
	
	.btn-sf-menu {
	position: relative;
	}
	
	.navigation .btn-sf-menu {
	margin: 10px auto;
	padding: 10px 47%;
	}
	
}
@media (min-width:480px) and (max-width:767px){
	.btn-sf-menu {
	position: absolute;
	right: 0;
	}
}
@media (min-width:768px) and (max-width:979px){
	#logo {
		margin: 4% 0 0;
	}
}	
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
span.icon-angle-double-left:before{
	content:"\00ab";
}
span.icon-angle-double-right:before{
	content:"\00bb";
}
span.icon-angle-left:before{
content:'\2039';}
span.icon-angle-right:before{
	content:'\203A';
}
figure.right.item-image {
    float: right;
    margin: 0 0 50px 50px;
    max-width: 50%;
}
#pwebcontact289_toggler .pweb-icon:before {
    content: "\003e" !important;
font-family: Arial !important;
}


/*-----------------JewelOsman------*/
#content-row-2 .item a .item_content {
  border: 1px solid #ccc;
}
#content-row-2 .item a:hover .item_content {
  color: #ffffff;
  background-color: #800007;
}
#content-row-2 .item .item_container {
  position: relative;
}
#content-row-2 .item .item_content::before {
  color: #666;
  font-size: 42px;
  font-weight: 100;
  position: absolute;
  right: 35px;
  top: 30px;
}
#content-row-2 .item_num0 .item_content::before, #content-row-2 .item_num3 .item_content::before, #content-row-2 .item_num4 .item_content::before, #content-row-2 .item_num7 .item_content::before {
  color: #fff;
}
#content-row-2 .item a:hover .item_content::before {
  color: #fff;
}
#content-row-2 .item_num10 .item_content::before {
  content: "\\11";
}
#content-row-2 .item_num11 .item_content::before {
  content: "\\12";
}
#content-row-2 .item_num12 .item_content::before {
  content: "\\13";
}