/*-------------- MULTIUSE CLASSES --------------- */
/* -------NOTE: Die Schriftfarbe muss man für jede Seite setzen---*/
.jb-modern .navbar-default .navbar-nav li a {
    color: #4e4e4e !important;
    padding: 25px 13px 25px;
    border-radius: 0px;
}

/*---set fontsize and color globally---*/
body {
	font-size:17px;
	color:#3a3a3a;
}
body p {
	color:#3a3a3a;
}
/*---set link color---*/
a{
	color:#2aafea;
}
a:hover, a:focus {
    color: #2aafea;
}
/*---custom header---*/
.hCustomProdukt{
	font-size:33px;
	font-weight:400;
	margin-bottom:20px;
	margin-top:0px;
}
/*pagragraph with 30 lineheight and 400 weight*/
.p-big {
	font-size:17px;
	line-height: 30px;
	font-weight:400;
}
/*pagragraph with 30 lineheight and 400 weight without bottom margin*/
.p-bigLast {
	font-size:17px;
	line-height: 30px;
	font-weight:400;
	margin-bottom:0px;
}
/*no bottom margin*/
.p-last{
	margin-bottom:0px !important;
}
/*disables item*/
.hide-item {
	display:none !important;
}
/*sets text color to white using important*/
.textColorWhite {
	 color:white !important
  }
  /*schmuckSchriftFarbe*/
.schmuckFarbe{
	color:#2aafea;
}
/*smaller font than standard*/
.smallFontSize{
	font-size:15px;
}
/*font family Caveat*/
.fontCaveat{
	font-family: Caveat;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/*-----------Link-------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*underline Links*/
p a:hover{
	text-decoration: underline !important;
}
p a.btn:hover {
    text-decoration: none !important;
}
/*underline Links*/
span a:hover{
	text-decoration: underline !important;
}
/*underline Links in footer*/
.t3-copyright .jb-footer-menu .nav-pills li a:hover{
	text-decoration: underline !important;
}
/*underline Links*/
p a:active{
	text-decoration: underline !important;
}
/*underline Links*/
span a:active{
	text-decoration: underline !important;
}
/*underline Links*/
.t3-copyright .jb-footer-menu .nav-pills li a:active{
	text-decoration: underline !important;
}
/*underline Links*/
p a:focus{
	text-decoration: underline !important;
}
/*underline Links*/
span a:focus{
	text-decoration: underline !important;
}
/*underline Links*/
.t3-copyright .jb-footer-menu .nav-pills li a:focus{
	text-decoration: underline !important;
}
/*remove underline for item*/
 .noUnderline{
	text-decoration:none !important;
}
.underlineLinkOnHover:hover{
	text-decoration: underline !important;
}
/*----------------------------------------------------------------------------------------------------------*/
/*---------BUTTON restyling-----------*/
/*----------------------------------------------------------------------------------------------------------*/
/*set for all buttons; bold, uppercase and radius*/
.btn {
	font-weight:bold;
	text-transform: uppercase;
	border-radius: 18px ;
}
/*border radius for large buttons*/
.btn-lg {
	border-radius: 30px !important;
}
/*padding for small buttons*/
.btn-sm{
	padding: 4px 20px !important;
}
/*border for large buttons in buttongroup*/
.btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn {
    padding: 8px 30px;
}
/*padding, radius and border with for all border buttons*/
.btn-borders {
    padding: 6px 25px;
    border-radius: 18px;
    border-width: 2px;
}
/*set schmuckFarbe for primary button on hover and active*/
.btn-borders.btn-primary:hover, .btn-borders.btn-primary:active {
    background-color: #2aafea;
    border-color: #2aafea ;
    color: #FFF;
	text-decoration:none !important ;
}
/*set schmuckFarbe for primary button on focus*/
.btn-borders.btn-primary:focus {
    background-color: transparent!important;
    border-color: #2aafea;
    color: #2aafea;
	text-decoration:none !important ;
}
/*--set customized button light--*/
html .btn-light {
	color: #fff;
	background-color: #FFF;
	border-color: #FFF #FFF #e6e6e6;
}

html .btn-light:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-light:active,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-light.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-light[disabled],
html .btn-light[disabled]:hover,
html .btn-light[disabled]:active,
html .btn-light[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-light:hover,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	color: #777 !important;
}

html .btn-light-scale-2 {
	color: #fff;
	background-color: #e6e6e6;
	border-color: #e6e6e6 #e6e6e6 #cccccc;
}

html .btn-light-scale-2:hover {
	border-color: #f2f2f2 #f2f2f2 #d9d9d9;
	background-color: #f2f2f2;
}

html .btn-light-scale-2:active,
html .btn-light-scale-2:focus,
html .btn-light-scale-2:active:hover,
html .btn-light-scale-2:active:focus {
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
	background-color: #d9d9d9;
}

html .btn-light-scale-2.dropdown-toggle {
	border-left-color: #d9d9d9;
}

html .btn-light-scale-2[disabled],
html .btn-light-scale-2[disabled]:hover,
html .btn-light-scale-2[disabled]:active,
html .btn-light-scale-2[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}
html .btn-borders.btn-light {
	background: transparent;
	border-color: #FFF;
	color: #FFF;
	text-shadow: none;
}

html .btn-borders.btn-light:hover,
html .btn-borders.btn-light:focus {
	background-color: #FFF;
	border-color: #FFF #FFF #e6e6e6;
	border-color: #FFF !important;
	color: #777 !important;
}

html .btn-borders.btn-light:hover:hover,
html .btn-borders.btn-light:focus:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-borders.btn-light:hover:active,
html .btn-borders.btn-light:focus:active,
html .btn-borders.btn-light:hover:focus,
html .btn-borders.btn-light:focus:focus,
html .btn-borders.btn-light:hover:active:hover,
html .btn-borders.btn-light:focus:active:hover,
html .btn-borders.btn-light:hover:active:focus,
html .btn-borders.btn-light:focus:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-borders.btn-light:focus:focus,
html .btn-borders.btn-light:focus{
	background-color: transparent !important;
    border-color: #FFF!important;
    color: #FFF!important;
}
html .btn-borders.btn-light:active:active,
html .btn-borders.btn-light:active{
	background-color: #ffffff!important;
	border-color: #FFF !important;
	color: #777 !important;
	box-shadow: none !important;
}
html .btn-borders.btn-light:hover.dropdown-toggle,
html .btn-borders.btn-light:focus.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-borders.btn-light:hover[disabled],
html .btn-borders.btn-light:focus[disabled],
html .btn-borders.btn-light:hover[disabled]:hover,
html .btn-borders.btn-light:focus[disabled]:hover,
html .btn-borders.btn-light:hover[disabled]:active,
html .btn-borders.btn-light:focus[disabled]:active,
html .btn-borders.btn-light:hover[disabled]:focus,
html .btn-borders.btn-light:focus[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}
/*customize Login button*/
.btn-borders.btn-login:hover, .btn-borders.btn-login:active {
    background-color: rgb(42,175,234);
    border-color: rgb(42,175,234) !important;
    color: #FFF;
}
.btn-borders.btn-login:focus {
    background: transparent;
    background-color: transparent;
    border-color: rgb(42,175,234);
    color: rgb(42,175,234);
	text-decoration:none !important;
	}
.btn-borders.btn-login {
    background: transparent;
    background-color: transparent;
    border-color: rgb(42,175,234);
    color: rgb(42,175,234);
	text-decoration:none !important;
}

.btn-newsletter{
	background-color: transparent;
	border: none;
	color: #2aafea;
	font-style: italic;
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 600;
}
.btn:active, .btn.active{
	box-shadow: none !important;
}
/*customize back-to-top button*/
#back-to-top .btn{
	background-color:#2aafea;
	height: 40px;
	width: 40px;
	border-radius: 7px 7px 7px 7px !important;
	padding: 0px;
}
#back-to-top .btn:hover, #back-to-top .btn:active, #back-to-top .btn:focus {
    color: white !important;
}
#back-to-top .btn:hover, #back-to-top .btn:active, #back-to-top .btn:focus{
	background-color:#2aafea ;
}
/*horizontally centers button in slogan Responsive*/
.sloganBtnResponsiveCenter{
	margin-top:15px;
}
/*----------------------------------------------------------------------------------------------------------*/
/* -------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------NAVI-------*/
/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/* -------NAVI AUF ALLEN SEITEN AUSSER HOME---*/
/*----------------------------------------------------------------------------------------------------------*/

/* -------NAVI HG weiß, keine Transparenz---*/
.jb-modern .t3-header-wrap .jb-header-default:before {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}
/*for smooth transitions between sticky and on sticky header*/
.jb-modern .t3-header-wrap {
    position: fixed;
	width: 100%;
	z-index: 1000;

}

/*----------------------------------------------------------------------------------------------------------*/
/* -------STICKY NAVI -  EINSTELLUNGEN FÜR NAVI WENN MAN ANGEFANGEN HAT ZU SCROLLEN---*/
/*----------------------------------------------------------------------------------------------------------*/

/* STICKY NAVI Beim runterscrollen wird der HG weiß und die Transparenz verschwindet -hier wird die transition bestimmt */
.jb-modern .t3-header-wrap .jb-header-default:before {
    transition: background 1s ease 0s;
    transition: opacity 0.3s ease 0s;
}
/* STICKY NAVI Beim runterscrollen wird der HG weiß und die Transparenz verschwindet (opacity ist vorher 0.3)- hier werden die werte bestimmt */
.jb-modern .sticky .jb-header-default:before {
    background: #ffffff none repeat scroll 0 0;
    opacity: 1;
   } 

/* STICKY NAVI - DROPDOWN Menu - font color bei hover auf blau gesetzt */
.jb-modern .sticky .t3-megamenu .mega-nav > li a:hover, .jb-modern .sticky .t3-megamenu .dropdown-menu .mega-nav > li a:hover {
	color: #2AAFEA !important;
}

/*STICKY NAVI Beim runterscrollen die Schritfarbe eines aktiven Items blau gesetzt */
.jb-modern .sticky .navbar-default .navbar-nav > .active > a {
    color: #2aafea !important;
} 

/*STICKY NAVI Beim runterscrollen die Schritfarbe eines aktiven Items dreieck (caret) blau gesetzt */
.jb-modern .sticky .navbar-default .navbar-nav > .active > a .caret {
    color: #2aafea !important;
} 


/* STICKY NAVI Beim runterscrollen wird die Schritfarbe grau statt weiß, weil der HG weiß wird*/
.jb-modern .sticky .navbar-default .navbar-nav li a {
    color: #4e4e4e !important;
}


/*----------------------------------------------------------------------------------------------------------*/
/* -------NAVI-- EINSTELLUNGEN IM DROPDOWN MENU---*/
/*----------------------------------------------------------------------------------------------------------*/
/*NAVI DROPDOWN Menu - Überschriften auf gleicherhöhe wie submenüs*/
.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header{
	margin: 0px 0px 0px -4px;
}
/*widen dropbdown*/
.t3-megamenu .mega > .mega-dropdown-menu {
    min-width: 250px;
}

/*NAVI DROPDOWN Menu - Border 1px und obere ecken eckig*/
.navbar-nav li .dropdown-menu {
	border: 1px solid #ababab;
    border-radius: 0px 0px 4px 4px;
    margin: -1px 2px 0;
    border-top-color: #2aafea;
}


/* NAVI DROPDOWN Menu - font color war weiß, jetzt normal dunkelgrau, padding customized hinzugefügt */
.t3-megamenu .dropdown-menu .mega-nav > li a {
	color: #1D2127 !important;
	padding: 20px 12px;
}

/* NAVI DROPDOWN Menu - font color bei hover auf blau gesetzt */
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {
	color: #2AAFEA !important;
}

/* NAVI DROPDOWN Megamenu Header - font color normal auf dunkelgrau gesetzt, auch padding bzw margin geändert (glaub ich) */
.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    color: #333333;
    display: block;
    font-size: 1em;
    font-weight: 600;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
/* NAVI DROPDOWN Megamenu Header -  font color bei hover, active und focus auf blau gesetzt */
.t3-megamenu .dropdown-header:hover, .t3-megamenu .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-header:active, .t3-megamenu .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-header:focus, .t3-megamenu .mega-nav .mega-group > .dropdown-header:focus, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
    background: transparent none repeat scroll 0 0;
    color: #2AAFEA !important;
}

/*----------------------------------------------------------------------------------------------------------*/
/* -------NAVI-- EINSTELLUNGEN ALLGEMEIN---*/
/*----------------------------------------------------------------------------------------------------------*/
/*Logo margin Responsive*/
.logo-image{
    margin-top: 4px;
}

/* NAVI Border Bottom grau vergeben*/
.jb-modern .t3-header-wrap .jb-header-default::before {
    border-bottom: 1px solid #ababab !important;
}

/* NAVI Bei menu item mit dropdown menu dreieck (caret) grau gesetzt */
.jb-modern .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #4e4e4e;
}
/* NAVI Bei menu item mit dropdown menu dreieck (caret) grau gesetzt */
.jb-modern .navbar-default .navbar-nav > .dropdown > span .caret {
    border-top-color: #4e4e4e;
}
/* NAVI bei menu item mit dropdown menu dreieck (caret) blau gesetzt wenn item aktiv */
.navbar-default .navbar-nav > .active > a .caret {
     border-top-color: #2AAFEA !important;
}.navbar-default .navbar-nav > .active > span .caret {
     border-top-color: #2AAFEA !important;
}
/*---Style der Level 1 Menuitems bei , active und focus---*/
.jb-modern .navbar-default .navbar-nav > .active > a{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .open > a{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .active > a:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > a:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > a:focus{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > li > a:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > li> a:focus{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
/*---Style der Level 1 SPAN Menuitems bei , active und focus---*/
.jb-modern .navbar-default .navbar-nav > .active > span{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .open > span{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .active > span:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > span:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > span:focus{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > li > span:hover{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
.jb-modern .navbar-default .navbar-nav > li> span:focus{
	background-color: transparent !important;
    color: #2aafea !important;
    border-top: 2px solid #2aafea;
    padding-top: 23px;
}
/*---Style der Level 1 dreieck , active und focus---*/
.jb-modern .navbar-default .navbar-nav > .dropdown > a:hover  .caret{
    border-top-color: #2aafea !important;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > a:focus  .caret{
    border-top-color: #2aafea !important;
}
.jb-modern .navbar-default .navbar-nav > .open > a .caret{
    border-top-color: #2aafea !important;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > span:hover  .caret{
    border-top-color: #2aafea !important;
}
.jb-modern .navbar-default .navbar-nav > .dropdown > span:focus  .caret{
    border-top-color: #2aafea !important;
}
.jb-modern .navbar-default .navbar-nav > .open > span .caret{
    border-top-color: #2aafea !important;
}

/*schmuckFarbe for open menuItem*/
.jb-modern .navbar-default .navbar-nav > .open {
    color: #2aafea !important;
}
/*---transform SPAN items to look like a items---*/
.navbar-default .navbar-nav > li > span {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-left: 2px;
    text-transform: uppercase;
}
.jb-modern .navbar-default .navbar-nav li span {
    color: #4e4e4e !important;
    padding: 25px 13px 25px;
    border-radius: 0px;
}
li.dropdown.mega {
    cursor: pointer;
}
/*----------------------------------------------------------------------------------------------------------*/
/* -------LOGO OBEN LINKS IN NAVI - EINSTELLUNGEN---*/
/*----------------------------------------------------------------------------------------------------------*/

/* Alle Seiten ohne Scrollen*/
.jb-modern .t3-header-wrap .jb-header-default .logo .logo-img {
    width: 179px !important;
    height: 50px !important;
	margin: 10px 0px !important;
}	

/* STICKY NAVI wenn man beginnt zu scrollen - Margin top/bottom , width und height geändert*/
.jb-modern .sticky .logo .logo-img {
    width: 179px !important;
    height: 50px !important;
	margin: 10px 0px !important;
}

/*----------------------------------------------------------------------------------------------------------*/
/* -------COLLAPSED NAVI-- NAVI-EINSTELLUNGEN FÜR MOBILE GERÄTE---*/
/*----------------------------------------------------------------------------------------------------------*/

/* OFF CANVAS MOBILE MENU - menu header ausgeblendet */
.t3-off-canvas .t3-off-canvas-header {
	display: none;
}

/* OFF CANVAS MOBILE MENU - bei menu item mit dropdown menu dreieck (caret) weiß gesetzt  */
.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a .caret, .t3-off-canvas .t3-off-canvas-body .nav > li > .dropdown-toggle .caret, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > .dropdown-toggle .caret {
    border-top-color: #999 ;
    float: right;
    margin-top: 10px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a .caret, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > a .caret, .t3-off-canvas .t3-off-canvas-body .nav > li.active > .dropdown-toggle .caret, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > .dropdown-toggle .caret{
	border-top-color: #ffffff !important;
}
/*collapes Navi Icon*/
.jb-modern .off-canvas-toggle {
    background-color: white;
    color: #2aafea;
    font-size: 24px;
	margin-right:0px;
	margin-top:20px;
}

/*Icons nicht anzeigen*/
.t3-off-canvas .t3-off-canvas-body .nav > li > a:before, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:before, .t3-off-canvas .t3-off-canvas-body .nav > li > .dropdown-toggle:before, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > .dropdown-toggle:before{
	display:none;
	
}
/*White background and border*/
.t3-off-canvas .t3-off-canvas-body {
    background: white;
}
/*second Level menu items*/
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a{
	color:#3a3a3a;
	font-size:13px;
	opacity:0.7;
}
/*second Level active menu items*/
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a{
	color: #2aafea;
	text-transform:uppercase;
}
/*first level menu items*/
.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:focus,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:active{
	text-transform:uppercase;
}
/*first level menu items*/
.t3-off-canvas .t3-off-canvas-body .nav > li, .t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle{
	border-bottom: solid #ccc 1px;
}
/*first level first child ,Home, menu items*/
.module-ct > ul.nav.menu:first-child {
    border-top: solid #ccc 1px;
}
/*off-canvas navi hintergrund für mobile geräte*/
.off-canvas-right .off-canvas-right.t3-off-canvas {
    background-color: white;
    border-left: solid #ababab 1px;
}
/*second Level menu items*/
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a, .t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > .nav-header {
	padding: 0px 0px 5px 0px;
}
/*Company/Products&Services */
li.dropdown-submenu > a {
    margin-bottom: 5px;
}
/*whole second level ul*/
.t3-off-canvas .t3-off-canvas-body .dropdown-menu{
	padding-bottom: 5px;
}
/*whole third level ul*/
.dropdown-submenu > .dropdown-menu {
	padding-bottom: 0px !important;
}
/*----------------------------------------------------------------------------------------------------------*/
/* -------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------*/
/* -------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------vErstVersionZusatzv-------*/
/*----------------------------------------------------------------------------------------------------------*/
/*Clinical Solutions Menu Item*/
.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    text-transform: none;
	padding: 10px 6px 10px 12px;
	font-weight:400;
	margin:0px;
	font-size: 0.9em;
}
/*third level */
ul.mega-nav.level2{
	margin-left:30px !important;
}
/*Clinical Solutions Menu Item*/
.mega-group-title{
	
	border-bottom: 1px solid #f4f4f4;
}
/*border under second and third leven Menu Items*/
.nav .open > a, .nav .open > a:hover{
	border-bottom-color: #f4f4f4 !important;
}
/*Company Products&Servives off-Canvas*/
span.nav-header {
	color: #3a3a3a;
    opacity: 0.4;
	padding: 10px 19px 0px 19px !important;
}
/*Company Products&Servives off-Canvas*/
 ul.nav.menu span.nav-header {
	font-size:14px;
	opacity:0.9;
	text-transform:uppercase;
	font-weight: 600;
}
/*all menu items megamenu & off-canvas*/
.nav > li {
    display: block;
}
/*first leven off-canvas*/
.t3-off-canvas .t3-off-canvas-body .nav > li > a{
	color: #3a3a3a;
    opacity: 0.9;
	font-size:14px;
	text-transform:uppercase;
	font-weight: 600;
}
/*whole first level ul megamenu*/
.t3-megamenu .mega-dropdown-menu .mega-group-ct .col-xs-12  {
    width: inherit;
}
/*Company Products&Servives off-Canvas*/
@media (max-width: 991px){
	css-d1e7e-96364.css:12
	.nav > li > span {
		padding: 10px 19px !important;
	}
}
/*login button*/
.loginBTN{
	margin-top: 17px; margin-left: 10px; text-decoration: none;margin-bottom:-10px
}
/*----------------------------------------------------------------------------------------------------------*/
/* -------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------*/
/* -------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------^ErstVersionZusatz^-------*/
/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*------------------------SP PageBuilder----------------SP PageBuilder----------------SP PageBuilder----------------SP PageBuilder----------------*/
/*----------------------------------------------------------------------------------------------------------*/
/* -------im Header ist eine h1 immer weiß---*/
.sppb-addon-header h1 {
	color: white;
}
/*top padding for site to start beneath Navi*/
.mt-none {
    margin-top: 70px !important;
}
/*----------------------------------------------------------------------------------------------------------*/
/*------------------------Captcha----------------Captcha----------------Captcha----------------Captcha----------------Captcha----------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*reCpathca*/
div.g-recaptcha iframe{
	margin:25px 0px;
}
/*reCaptcha in Footer*/
.t3-footnav .g-recaptcha {
	transform:scale(0.7);
	-webkit-transform:scale(0.7);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	display: inline-block;
}
/*----------------------------------------------------------------------------------------------------------*/
/*------------------------FOOTER----------------FOOTER----------------FOOTER----------------FOOTER----------------FOOTER----------------*/
/*----------------------------------------------------------------------------------------------------------*/
.NLemail{
	border-radius:0px !important;
	float: left;
	width:100% !important;
}
/*get ou newsletter, enter xour email text*/
.general-form-description{
	color:#91959a;
}
.NLSubmit{
	border-radius:0px;
	margin-top: -60px;
}
/*wholte footer*/
.t3-footer{
	Padding-top: 40px
}
/*upper module part of footer*/
.t3-footnav{
	padding-bottom:0px;
}
/*FOOTER get in Touch Ribbon war beim scrollen irgendwann ÜBER der Navi, z-index war 1000 */
.t3-footer .footer-ribbon {
    z-index: 1;
}
/* ---------- kein display von "GET_IN_TOUCH" bei footer ----------- */
.footer-ribbon{
	display:none !important;
}
/*set footer backgournd coolor; font color; erase border*/
.t3-footer{
	background-color:#1C2A36;
	border: none;
	color:rgb(145,149,154);
	font-size:14px;
	line-height:14px;
}
/*Footer headings*/
.t3-footnav .t3-module .module-title{
	font-weight:600;
	font-size:14px;
}
/*set footer backgournd coolor; font color; erase border*/
.t3-copyright{
	background-color:#1C2A36;
	border: none;
	color:rgb(145,149,154);
	margin-top:0px;
	font-size:12px;
}
/*set font color for copyright*/
.t3-copyright .jb-footer-menu .nav-pills li a{
	color:rgb(145,149,154);
}
/*set font color for copyright*/
.t3-copyright .jb-footer-menu .nav-pills li.active a{
	background-color:transparent;
}
/*trennlinie innerhalb von footer*/
.t3-footnav  {
	padding-bottom:15px;
	border-bottom:1px solid rgb(145,149,154);
}
/*imprint, terms, privycy, contact*/
.jb-footer-menu > .nav > li {
	display:inline-block;
}

/*fontsize für email input*/
.jb-footer-subscrib .acymailing_form .inputbox{
	font-size:12px;
}
/*fontsize und padding für subscribe button*/
.jb-footer-subscrib .acymailing_form .acysubbuttons .btn-primary{
	font-size:12px;
	padding-top:7.4px;
	padding-bottom:7.5px;
}
/*links rechts von copyright nach rechts außen schieben*/
div.t3-copyright div.container div.row div.col-lg-4.col-md-5.col-sm-12.col-xs-12{
	float:right;
}
/*abstand zwischen text und input form verkleinern*/
.acymailing_module_form .acymailing_introtext{
	padding-bottom:0px;
}

/*set fontcolor*/
.nav > li > a {
	color:rgb(145,149,154);
    padding: 0px 15px;
}

/*set backgournd to transparent*/
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
	color:rgb(145,149,154);
}
/*imprint, terms, privycy, contact*/
.jb-footer-menu >.nav > li > a:hover {
    text-decoration: underline !important;
}
/*imprint, terms, privycy, contact*/
.jb-footer-menu >.nav > li > a {
	font-size:0.9em !important;
}

/*copyright footer Responsive*/
.t3-footer .col-lg-7.col-md-7.col-sm-7.col-xs-12 {
	width: 100% !important;
	text-align: center !important;
}
/*copyright Links footer Responsive*/
.t3-footer .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    width: 100% !important;
}
/*copyright Linkalingment footer Responsive*/
.t3-footer .col-lg-4.col-md-4.col-sm-4.col-xs-12 ul.nav.menu {
    text-align: center !important;
}
/*----------------------------------------------------------------------------------------------------------*/
/* -------LoginButton-------LoginButton-------LoginButton-------LoginButton-------LoginButton-------LoginButton-------LoginButton-------LoginButton-------*/
/*----------------------------------------------------------------------------------------------------------*/
/*Display LoginButton on different devices*/
.displayMenuItem-LG{
		display:none !important;
}
.displayMenuItem-SM{
		display:block !important;
}
/*--------padding and margin classes with @media for different screen sizes------------------*/
@media screen and (min-width: 1200px){
	.displayMenuItem-LG{
		display:block !important;
	}
	.displayMenuItem-SM{
		display:none !important;
	}
}


/*----------------------------------------------------------------------------------------------------------*/
/* -------AnchorLinks-------AnchorLinks-------AnchorLinks-------AnchorLinks-------AnchorLinks-------AnchorLinks-------AnchorLinks-------AnchorLinks-------*/
/*----------------------------------------------------------------------------------------------------------*/
.anchor{
  position: relative;
}

.anchor .target {
  position: absolute;
  left: 0px;
  top: -70px;
}

/*----------------------------------------------------------------------------------------------------------*/
/* ------------------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE----------RESPONSIVE---------- */
/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Smartphones (portrait and landscape) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 480px){
    /*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/
	.padding-lg80-RL{
		padding: 0px 0px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Smartphones (portrait) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px){
	/*center text on mobile, big align left*/
	.centerTextOnlyMobile{
		text-align:center;
	}
	/*center text up to tablet, big align left*/
	.centerTextUpToTabletPortrait{
		text-align:center;
	}
	/*inline on mobile, big block*/
	.img-responsive{
		display: inline-block;
	}

	 /*---------- show/hide content ----------------------*/
	 /*show only on phone p+l*/
	.showSmartPhone{
		display:block;
	}
	 /*show only on Pablet p*/
	.showTabletPortrait{
		display:none;
	}
	 /*show up to on Pablet p*/
	.showUpToTabletPortrait{
		display:block;
	}
	 /*show only to on Tablet l*/
	.showTabletLandscape{
		display:none;
	}
	/*show only to on desktop*/
	.showDesktop{
		display:none;
	}
	/*show up to on Tablet l*/
	.showUpToTabletLandscape{
		display:block;
	}
	/*show from to on Tablet p*/
	.showfromTabletPortrait{
		display:none;
	}
	/*center on small devices, big: left*/
	.centerOnMobileProtrait{
		text-align:center;
	}
	
	/*Lists zB. Key Benefits*/
	.myListMargin{
		margin-left:10%;
	}
	/*hide on phones*/
	.hideSmartPhone{
		display:none;
	}
	
	/*center on small devices, big: left*/
	.centerOnMobileProtrait{
		text-align:center;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Smartphones (landscape) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 321px){
/*padding for missing slider on home*/
	 
	/*center text on mobile, big align left*/
	.centerTextOnlyMobile{
		text-align:center;
	}
	/*center text up to tablet, big align left*/
	.centerTextUpToTabletPortrait{
		text-align:center;
	}
	/*inline on mobile, big block*/
	.img-responsive{
		display: inline-block;
	}
	/*---------Product specific changes--------*/
	
	/*---------- show/hide content -----------------------*/
	 /*show only on phone p+l*/
	.showSmartPhone{
		display:block;
	}
	 /*show only on Pablet p*/
	.showTabletPortrait{
		display:none;
	}
	 /*show up to on Pablet p*/
	.showUpToTabletPortrait{
		display:block;
	}
	 /*show only to on Tablet l*/
	.showTabletLandscape{
		display:none;
	}
	/*show only to on desktop*/
	.showDesktop{
		display:none;
	}
	/*show up to on Tablet l*/
	.showUpToTabletLandscape{
		display:block;
	}
	/*show from to on Tablet p*/
	.showfromTabletPortrait{
		display:none;
	}
	
	/*center on small devices, big: left*/
	.centerOnMobileProtrait{
		text-align:left;
	}
	/*Lists zB. Key Benefits*/
	.myListMargin{
		margin-left:10%;
	}
	
	/*hide on phones*/
	.hideSmartPhone{
		display:none;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Tablets, iPads (portrait and landscape) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){

	/*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/
	.padding-lg80-RL{
		padding: 0px 40px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px ;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Tablets, iPads (portrait) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px){
	/*center text on mobile, big align left*/
	.centerTextOnlyMobile{
		text-align:left;
	}
	/*center text up to tablet, big align left*/
	.centerTextUpToTabletPortrait{
		text-align:center;
	}
	/*inline on mobile, big block*/
	.img-responsive{
		display: block;
	}
	/*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/
	.padding-lg80-RL{
		padding: 0px 40px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px ;
	}
	/*---------- show/hide content -----------------------------*/
	 /*show only on phone p+l*/
	.showSmartPhone{
		display:none;
	}
	 /*show only to on Tablet l*/
	.showTabletLandscape{
		display:none;
	}
	 /*show up to on Pablet p*/
	.showUpToTabletPortrait{
		display:block;
	}
	
	/*show from to on Tablet p*/
	.showfromTabletPortrait{
		display:block;
	}
	/*show only to on desktop*/
	.showDesktop{
		display:none;
	}
	/*show up to on Tablet l*/
	.showUpToTabletLandscape{
		display:block;
	}
	 /*show only on Pablet p*/
	.showTabletPortrait{
		display:block;
	}
	
	/*Lists zB. Key Benefits*/
	.myListMargin{
		margin-left:35%;
	}
	
	/*hide on phones*/
	.hideSmartPhone{
		display:inline-block;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Tablets, iPads (landscape) ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px){
/*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/
	.padding-lg80-RL{
		padding: 0px 40px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px ;
	}
	/*center text up to tablet, big align left*/
	.centerTextUpToTabletPortrait{
		text-align:left;
	}
	/*---------- show/hide content ----------------------*/
	 /*show only on phone p+l*/
	.showSmartPhone{
		display:none;
	}
	 /*show only on Pablet p*/
	.showTabletPortrait{
		display:none;
	}
	 /*show up to on Pablet p*/
	.showUpToTabletPortrait{
		display:none;
	}
	/*show only to on desktop*/
	.showDesktop{
		display:none;
	}
	/*show up to on Tablet l*/
	.showUpToTabletLandscape{
		display:block;
	}
	
	 /*show only to on Tablet l*/
	.showTabletLandscape{
		display:block;
	}
	/*Lists zB. Key Benefits*/
	.myListMargin{
		margin-left:30%;
	}
	/*hieght control zB MOMO MaskLadyRow,Moni Find out the details*/
	.min-height_450lg_500md{
		min-height:500px;
	}
	/*horizontally centers button in slogan Responsive*/
	.sloganBtnResponsiveCenter{
		margin-top:30px;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Desktops and laptops ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1224px){
/*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/  
	.padding-lg80-RL{
		padding: 0px 80px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px 0px 0px 50px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px 50px 0px 0px;
	}
	/*Logo margin Responsive*/
	.logo-image{
		margin-top: 0px;
	}
	/*---------- show/hide content ------------------------*/
	 /*show only on phone p+l*/
	.showSmartPhone{
		display:none;
	}
	 /*show only on Pablet p*/
	.showTabletPortrait{
		display:none;
	}
	 /*show only to on Tablet l*/
	.showTabletLandscape{
		display:none;
	}
	/*show only to on desktop*/
	.showDesktop{
		display:block;
	}
	/*show up to on Tablet l*/
	.showUpToTabletLandscape{
		display:none;
	}
	/*margin top control zb. Moni 6 small incons at top*/
	.desktopTopMarg15px{
		margin-top:15px;
	}
	
	/*hieght control zB MOMO MaskLadyRow,Moni Find out the details*/
	.min-height_450lg_500md{
		min-height:450px;
	}
	/*copyright footer Responsive*/
	.t3-footer .col-lg-7.col-md-7.col-sm-7.col-xs-12 {
		width: inherit !important;
		text-align: left !important;
	}
	/*copyright Links footer Responsive*/
	.t3-footer .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
		width: inherit !important;
		float: right !important;
	}
	/*copyright Linkalingment footer Responsive*/
	.t3-footer .col-lg-4.col-md-4.col-sm-4.col-xs-12 ul.nav.menu {
		text-align: right !important;
	}
	/*horizontally centers button in slogan Responsive*/
	.sloganBtnResponsiveCenter{
		margin-top:15px;
	}
}
/*----------------------------------------------------------------------------------------------------------*/
/* ------------------Large screens ---------- */
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1824px){
/*padding= sm: 0px 0px;md:0px 40px lg:0px 80px*/  
	.padding-lg80-RL{
		padding: 0px 80px;
	}
	/*padding= sm: 0px;md:0px lg:0px 0px 50px*/
	.padcentered-lg-2col-50l{
		padding: 0px 0px 0px 50px;
	}
	/*padding= sm: 0px;md:0px lg:0px 50px 0px 0px*/
	.padcentered-lg-2col-50r{
		padding: 0px 50px 0px 0px;
	}
}