html { overflow-y: scroll; }
#top-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background: #ffffff;
	z-index: 299;

}

.navbar-brand {
	color:#DA291C;

}
body{
	padding-top:130px;
	color:#3D3935;
	font-family: AvenirRegular;

}

a{
  color: #DA291C;
  text-decoration:none;
}



a:hover {
  color: #DA291C;
}
.nav-item {

	padding-right:15px;
}



.navbar .navbar-nav .nav-link {
    color: #3D3935;
    font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover {

  color: #DA291C;
}

.active{
    color:#DA291C !important;
}



.link-hover-color{
	color: #DA291C;
}

@font-face {
 font-family: AvenirRegular;
 src: url("AvenirNextLTW05-Regular.woff")
}
@font-face {
 font-family: AvenirBold;
 src: url("AvenirNextLTW05-Bold.woff")
}
@font-face {
 font-family: AvenirMedium;
 src: url("AvenirNextLTW05-Medium.woff")
}

h1 {font-size:23px; font-family: AvenirBold;}
h2 {font-size:18px; font-family: AvenirBold;}
h3 {font-size:16px; font-family: AvenirBold;}
h4 {font-size:14px; font-family: AvenirBold;}
h5 {font-size:90%;}
h6 {font-size:80%;}



.iconSize{
	font-size:18px; width:25px;	
}
.FormErr{
	color:#ffffff;
	background-color:#dc0000;
}

.btnFANextGrey,a.btnFANextGrey, a.btnFANextGrey:link, a.btnFANextGrey:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color:  #505050;
    font-size:15px;
    text-align:center;
    padding:3px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #707070;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;

}

.btnFANextGrey:hover,a.btnFANextGrey:hover {
    background-color:#ffffff;
    color:#505050;
}


.btnFANextGreyMid,a.btnFANextGreyMid, a.btnFANextGreyMid:link, a.btnFANextGreyMid:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color:  #707070;
    font-size:15px;
    text-align:center;
    padding:3px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #707070;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;

}

.btnFANextGreyMid:hover,a.btnFANextGreyMid:hover {
    background-color:#ffffff;
    color:#606060;
}

.btnFANextRed,a.btnFANextRed, a.btnFANextRed:link, a.btnFANextRed:visited {

    display:inline-block;
    color:#FFFFFF;
    background-color: #DA291C;
     font-size:15px;
    text-align:center;
    padding:3px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #DA291C;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;

}

.btnFANextRed:hover,a.btnFANextRed:hover {
    background-color:#ffffff;
    color:#DA291C;

}

.btnFANextGreen,a.btnFANextGreen, a.btnFANextGreen:link, a.btnFANextGreen:visited {

    display:inline-block;
    color:#FFFFFF;
    background-color:  #8AC007;
     font-size:15px;
    text-align:center;
    padding:3px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #8AC007;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;

}

.btnFANextGreen:hover,a.btnFANextGreen:hover {
    background-color:#ffffff;
    color:#8AC007;

}


.btnKatGreen,a.btnKatGreen, a.btnKatGreen:link, a.btnKatGreen:visited {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#ffffff;
	background-color:#99b2a7;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    border:1px solid #719585;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;
}

.btnKatGreen:hover,a.btnKatGreen:hover {
    background-color:#ffffff;
    color:#719585;

}

.btnKatGreyGreen,a.btnKatGreyGreen, a.btnKatGreyGreen:link, a.btnKatGreyGreen:visited {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#ffffff;
	background-color: #AAAAAA;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    border:1px solid #999999;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;
}

.btnKatGreyGreen:hover,a.btnKatGreyGreen:hover {
    background-color:#719585;
    color:#ffffff;

}

.btnKatTaupe,a.btnKatTaupe, a.btnKatTaupe:link, a.btnKatTaupe:visited {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#ffffff;
	background-color: #c48d8a;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    border:1px solid #c48d8a;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;
}

.btnKatTaupe:hover,a.btnKatTaupe:hover {
    background-color:#ffffff;
    color:#c48d8a;

}
}

.btnKatBlue,a.btnKatBlue, a.btnKatBlue:link, a.btnKatBlue:visited {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#ffffff;
	background-color: #5e94cf;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    border:1px solid #5e94cf;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;
}

.btnKatBlue:hover,a.btnKatBlue:hover {
    background-color:#ffffff;
    color:#5e94cf;

}

.btnKatPink,a.btnKatPink, a.btnKatPink:link, a.btnKatPink:visited {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#ffffff;
	background-color: #de849e;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    border:1px solid #de849e;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: background .3s ease-in-out;
    cursor:pointer;
}

.btnKatPink:hover,a.btnKatPink:hover {
    background-color:#ffffff;
    color:#de849e;

}




@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.breadcrumb .breadcrumb-item:hover .dropdown-menu { display:block; }
}

a.totop {z-index:999; position:fixed; right:20px; bottom:20px;font-size:34px; color:#ffffff; background-color: #DA291C; padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
a.totop:hover {z-index:999; position:fixed; right:20px; bottom:20px;font-size:34px; color:#ffffff; background-color:#e2271e; padding:5px; }





.btnFAHover
{
	color:#3D3935;
	text-decoration:none;
}

.btnFAHover:hover
{
	color: #DA291C;
	text-decoration:none;
}


.btnFAHoverGrey
{
	color:#3D3935;
	text-decoration:none;	
}

.btnFAHoverGrey:hover
{
	color: #DA291C;	
	text-decoration:none;
}



.btnFAHoverWhiteRed
{
	color:#ffffff;
	text-decoration:none;
}

.btnFAHoverWhiteRed:hover
{
	color: #DA291C;
	text-decoration:none;
}


.btnFAHoverWhiteOrange
{
	color:#ffffff;
	
}

.btnFAHoverWhiteOrange:hover
{
	color: #ef7c3c;
	text-decoration:none;
}



.btnFAHoverRed
{
	color: #DA291C;	
}




.btnFAHoverRed:hover
{
	color: #ef7c3c;	
	text-decoration:none;
}

.btnFAHoverOrange
{
	color: #ef7c3c;	
}

.btnFAHoverOrange:hover
{
	color: #DA291C;	
	text-decoration:none;
}


.btnFAHoverWhite
{
	color: #ffffff;	
}

.btnFAHoverWhite:hover
{
	color: #DA291C;	
	text-decoration:none;
}

.btnFAHoverGreyBright
{
	color:#808080;	
}

.btnFAHoverGreyBright:hover
{
	color: #DA291C;	
	text-decoration:none;
}


.btnFAHoverPurple
{
	color:  #951B81;	
}

.btnFAHoverPurple:hover
{
	color:  #CC0099;	
	text-decoration:none;
}


.btnFAHoverYellow
{
	color:  #FFCC00;	
}

.btnFAHoverYellow:hover
{
	color:  #dc0000;	
	text-decoration:none;
}

.btnFAHoverBlue
{
	color: #0097F7;	
}

.btnFAHoverBlue:hover
{
	color: #ff6600;	
	text-decoration:none;
}
.btnFAHoverGreen
{
	color:#8AC007;	
}

.btnFAHoverGreen:hover
{
	color: #ff6600;	
	text-decoration:none;
}

.divInfoGreen{
	 background-color:#99CC00;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoOrange{
	 background-color: #FF9900;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoRed{
	 background-color: #dc0000;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoGrey{
	 background-color: #f1f1f1;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoGreyF5{
	 background-color: #f5f5f5;
	 padding:10px;
	 margin-bottom:15px;
}


.divInfoGreyDark{
	 background-color: #707070;
	 padding:10px;
	 margin-bottom:15px;
	 color:#FFFFFF;
}

.divInfoBlue{
	 background-color: #32ABF9;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoWhite{
	 background-color: #ffffff;
	 color:#505050;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoPurple{
	 background-color: #951B81;
	 color:#ffffff;
	 padding:10px;
	 margin-bottom:15px;
}

.eckenrundungTopLeft { 
 -moz-border-radius:5px 0px 0px 0px; /* Firefox */
 -webkit-border-radius:5px 0px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 0px 0px 0px; /* Konqueror */
 border-radius:5px 0px 0px 0px; /* CSS3 */

 } 

.eckenrundungTopRight { 
 -moz-border-radius:0px 5px 0px 0px; /* Firefox */
 -webkit-border-radius:0px 5px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:0px 5px 0px 0px; /* Konqueror */
 border-radius:0px 5px 0px 0px; /* CSS3 */
 } 


.eckenrundungBottomLeft { 
 -moz-border-radius:0px 0px 0px 5px; /* Firefox */
 -webkit-border-radius:0px 0px 0px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 0px 5px; /* Konqueror */
 border-radius:0px 0px 0px 5px; /* CSS3 */

 } 

.eckenrundungBottomRight { 
 -moz-border-radius:0px 0px 5px 0px; /* Firefox */
 -webkit-border-radius:0px 0px 5px 0px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 5px 0px; /* Konqueror */
 border-radius:0px 0px 5px 0px; /* CSS3 */

 } 




.eckenrundungTop { 
 -moz-border-radius:5px 5px 0px 0px; /* Firefox */
 -webkit-border-radius:5px 5px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 5px 0px 0px; /* Konqueror */
 border-radius:5px 5px 0px 0px; /* CSS3 */

 } 


.eckenrundungBottom { 
 -moz-border-radius:0px 0px 5px 5px; /* Firefox */
 -webkit-border-radius:0px 0px 5px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 5px 5px; /* Konqueror */
 border-radius:0px 0px 5px 5px; /* CSS3 */

 } 



.eckenrundungBottomAndRight { 
 -moz-border-radius:0px 5px 5px 5px; /* Firefox */
 -webkit-border-radius:0px 5px 5px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 5px 5px 5px; /* Konqueror */
 border-radius:0px 5px 5px 5px; /* CSS3 */

 } 


.eckenrundungDiagonal { 
 -moz-border-radius:5px 0px 5px 0px; /* Firefox */
 -webkit-border-radius:5px 0px 5px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 0px 5px 0px; /* Konqueror */
 border-radius:5px 0px 5px 0px; /* CSS3 */

 } 


.eckenrundung { 
 -moz-border-radius:5px 5px 5px 5px; /* Firefox */
 -webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
 -khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
 border-radius:5px 5px 5px 5px; /* CSS3 */

 } 

.eckenrundungLeft { 
 -moz-border-radius:5px 0px 0px 5px; /* Firefox */
 -webkit-border-radius:5px 0px 0px 5px; /* Chrome, Safari */
 -khtml-border-radius:5px 0px 0px 5px; /* Konqueror */
 border-radius:5px 0px 0px 5px; /* CSS3 */			
 } 

.eckenrundungRight { 
 -moz-border-radius:0px 5px 5px 0px; /* Firefox */
 -webkit-border-radius:0px 5px 5px 0px; /* Chrome, Safari */
 -khtml-border-radius:0px 5px 5px 0px; /* Konqueror */
 border-radius:0px 5px 5px 0px; /* CSS3 */
 } 
			

	.LBlue
	{
	height:1px;
	background-color:#007DC9;
	clear:left;
	margin-bottom:5px;
	}
	
	.LGrey
	{
	height:1px;
	background-color:#555555;
	clear:left;
	margin-bottom:5px;
	}
	.LGreyBright
	{
	height:1px;
	background-color:#cccccc;
	clear:left;
	margin-bottom:5px;
	}

	.Ldot
	{
	height:1px;
	 background-image:url('../images/dots_x.gif');
	clear:left;
	}


/* Froala Tabellen Hintergründe */
	
.FRTableGrauWeissBG tbody tr:nth-child(2n) {
background: #f9f9f9;
}

.FRTableDashedBorder thead tr th, .FRTableDashedBorder tbody tr td  {
	border-style: dashed;
}

.FRTableNoneBorder thead tr th, .FRTableNoneBorder tbody tr td  {
	border-style:  none;
}


.FRTablePadding{
  border-spacing: 5px;
  border-collapse: separate; 
  
}

.FRTablePadding th, .FRTablePadding td { padding: 5px; }


/* Fertig: Froala Tabellen Hintergründe */



.jr-toast{
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background: #198754;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.2);
  z-index: 9999;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  font-size: 14px;
}
.jr-toast.show{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* sanftes Flash-Highlight auf der Warenliste */
.flash-highlight{
  animation: jrFlash 1.2s ease-in-out 1;
}
@keyframes jrFlash{
  0%   { background-color: rgba(25,135,84,.15); }
  100% { background-color: transparent; }
}