header.header {
    position: fixed;
    left: 0;
    top: 0;   
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(76,76,76,0.09);
    z-index: 1001;
	width: 100%;
	height: 80px;	
}
header.header .header-main {
    
}
header.header .header-main .inner {
    position: relative;
	padding: 13px 0;
	box-sizing: border-box;
}

header.header .header-main .logo {
    width: 300px;
	height: 53px;
    z-index: 1001;
	float: left;
}
header.header .header-main .logo a {
	display: block;
	line-height: 0;
}

header.header .header-main .sprachauswahl-desktop {
    position: absolute;
    right: 0;
    top: 0;
}

header.header .header-main .sprachauswahl-desktop > .mod-languages > p {
  display: none;
}
header.header .header-main .sprachauswahl-desktop > .mod-languages button#language_btn_102 {

	width: 70px !important;
}
header.header .header-main .sprachauswahl-desktop > .mod-languages button#language_btn_102 {
    background: initial;
    border: 0 none;
    box-shadow: initial;
    border-radius: initial;
    color: #fff;
    width: 70px;
    padding: 0 0 0 5px;
	background-color: #0453a0;	
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}



header.header .header-main .sprachauswahl-desktop > .mod-languages .lang-block.dropdown-menu.show {
    border-radius: 0;
    border: 1px solid #0453a0;
    background: #fff;
    box-shadow: inherit;
}
header.header .header-main .sprachauswahl-desktop .mod-languages.sprachauswahl .chzn-container .chzn-results {
    color: #b3b2b2;
    margin: 0;
    padding: 0;
}
header.header .header-main .sprachauswahl-desktop .mod-languages.sprachauswahl .chzn-container .chzn-results li.highlighted {
    background-color: #fff;
    background-image: inherit;
    color: #0453a0;
}


header.header .header-main .menu-desktop {
    display: block;
	float: right;
	margin-top: 20px;
}
header.header .header-main .menu-desktop #jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    font-family: 'Sansation';
    font-weight: 400;
    line-height: 24px;
}
header.header .header-main .menu-desktop #jux_megamenucss3 .megamenu ul.level0 > li.megacss3.last > a {
    padding-right: 0;
}




#bp-nav-trigger {
  display: none;
}
.spracheauswahl-mobil > .mod-languages p#language_picker_des_90 {
  display: none;
}







@media (max-width: 1279px) {
	header.header {
		height: 66px;
	}
	header.header .header-main .bp-width {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	header.header .header-main .logo {
		width: 225px;
		height: 40px;		
	}
	header.header .header-main .menu-desktop {
    	display: none;
	}
	#bp-nav-trigger {
	  display: block;
	}
	
	header.header .header-main .sprachauswahl-desktop {
	  position: absolute;
	  right: 70px;
	  top: 21px;
	}
	header.header .header-main .sprachauswahl-desktop > .mod-languages button#language_btn_102 {
	  height: 24px;
	  line-height: 24px;
	}



	header.header .header-main .menu-icon-cont .menu-icon3 {
		margin: 13px 15px;
	}
}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	header.header .header-main .sprachauswahl-desktop {
		display: none;
	}

}












/** mobiles Menü **/
#bp-nav-trigger {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 63px;
  width: 53px;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-indent: 100%;
}
#bp-nav-trigger span,
#bp-nav-trigger span::before,
#bp-nav-trigger span::after {
  position: absolute;
  height: 3px;
  width: 40px;
  background: #1B56A2;
}
#bp-nav-trigger span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background .3s;
}
#bp-nav-trigger span::before,
#bp-nav-trigger span::after {
  content: '';
  top: 0;
  left: 0;
  transition: background .3s, transform .3s;
}
#bp-nav-trigger span::before {
  transform: translateY(-10px);
}

#bp-nav-trigger span::after {
  transform: translateY(10px);
}
#bp-nav-trigger:hover span, 
#bp-nav-trigger:hover span::before,
#bp-nav-trigger:hover span::after {
  background: #000;
}
.nav-open #bp-nav-trigger span {
  background: transparent;
}
.nav-open #bp-nav-trigger span::before,
.nav-open #bp-nav-trigger span::after {
  background: #61bcf4;
}
.nav-open #bp-nav-trigger span::before {
  transform: rotate(-45deg);
}
.nav-open #bp-nav-trigger span::after {
  transform: rotate(45deg);
}


.bp-mobile-nav-overlay {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}
.nav-open .bp-mobile-nav-overlay {
  opacity: .8;
  visibility: visible;
}
body.nav-open {
  overflow: hidden;
}



#bp-mobile-navigation.nav-container {
	position: fixed;
	z-index: 10002;
	top: 0;
	right: 0;
	height: 100%;
	width: 90%;
	max-width: 300px;
	background: #F3F3F3;
	transform: translateZ(0);
	transform: translateX(100%);
	transition: transform .5s cubic-bezier(.07,.23,.34,1);
	box-sizing: border-box;
	padding-bottom: 50px;
}
#bp-mobile-navigation.nav-container .bp-nav-inner {
	overflow: auto;
	height: 100%;
	width: 100%;
}
.nav-open #bp-mobile-navigation.nav-container {
  transform: translateX(0);
}

#bp-mobile-navigation #bp-close-the-nav {
	display: none;
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
}
.nav-open #bp-mobile-navigation #bp-close-the-nav {
	display: block;
}

#bp-mobile-navigation #bp-close-the-nav span::before,
#bp-mobile-navigation #bp-close-the-nav span::after {
  content: '';
}
#bp-mobile-navigation #bp-close-the-nav:hover span::before,
#bp-mobile-navigation #bp-close-the-nav:hover span::after {
  background: #000;
}
#bp-mobile-navigation #bp-close-the-nav span {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.nav-open #bp-mobile-navigation #bp-close-the-nav span::before,
.nav-open #bp-mobile-navigation #bp-close-the-nav span::after {
  position: absolute;
  height: 3px;
  width: 30px;
  background: #3E3E3E;
  top: 14px;
}
.nav-open #bp-mobile-navigation #bp-close-the-nav:hover span::before,
.nav-open #bp-mobile-navigation #bp-close-the-nav:hover span::after {
  background: #000;
}
.nav-open #bp-mobile-navigation #bp-close-the-nav span::before {
  transform: rotate(-45deg);
}
.nav-open #bp-mobile-navigation #bp-close-the-nav span::after {
  transform: rotate(45deg);
}













.content {
    padding-top: 80px;
}
@media (max-width: 1279px) {
	.content {
		padding-top: 66px;
	}
}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}







footer.footer {
	font-family: 'Sansation';
	font-size: 18px;
	line-height: 40px;
	font-weight: 400;
}

footer.footer h2 {
	margin-bottom: 0px;
}



footer.footer #main-footer a {
	color: #fff;
}
footer.footer #main-footer a:hover,
footer.footer #main-footer a:focus{	
	color: #e1e1e1;
}
footer.footer #main-footer .main-footer-wrapper {
    box-sizing: border-box;
    padding-left: 125px;
    position: relative;
}
footer.footer #main-footer .main-footer-wrapper::before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: icomoon;
	content: "\e900";
	font-size: 100px;
	line-height: 1;	
}

footer.footer #main-footer .main-footer-wrapper .kontakte > span {
    margin-left: 70px;
	padding-left: 22px;
	position: relative;
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span:first-child {
    margin-left: 0;
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span::before {
    left: 0;
	top: 0;
	position: absolute;
	font-family: icomoon;
	content: "\e900";
	line-height: 20px;
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span.mail::before {
	content: "\e90e";
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span.tel::before {
	content: "\e910";
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span.whatsapp::before {
	font-family: fontawesome;
	content: "\f232";
}

footer.footer #main-footer .main-footer-wrapper .kontakte > span.xing,
footer.footer #main-footer .main-footer-wrapper .kontakte > span.linkedin {
	padding-left: 25px;
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span.xing::before {
	font-family: fontawesome;
	content: "\f168";
	color: #0453a0;
	background-color: #fff;
	border-radius: 50%;
	font-size: 14px;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
}
footer.footer #main-footer .main-footer-wrapper .kontakte > span.linkedin::before {
	font-family: fontawesome;
	content: "\f0e1";
	color: #0453a0;
	background-color: #fff;
	border-radius: 50%;
	font-size: 14px;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
}


footer.footer #sub-footer nav ul li {
    display: inline-block;
    margin-left: 35px;
}
footer.footer #sub-footer nav ul li:first-child {
    margin-left: 0;
}
footer.footer #sub-footer nav ul li a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 50px;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	footer.footer #main-footer .main-footer-wrapper .kontakte > span {
		margin-left: 0;		
		display: block;
	}
	footer.footer #main-footer .main-footer-wrapper .kontakte > span::before {
		top: 10px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	footer.footer #main-footer .main-footer-wrapper {
		padding-left: 75px;
	}
	footer.footer #main-footer .main-footer-wrapper::before {
		font-size: 60px;
	}
	
	footer.footer #sub-footer nav ul li {	
		display: block;
		margin-left: 0;
		border-top: 1px solid #ccc;
	}
	footer.footer #sub-footer nav ul li:first-child {	
		border-top: 0 none;
	}
	footer.footer #sub-footer nav ul li a {
		font-size: 16px;
		line-height: 45px;
		display: block;
	}
}

@media (max-width: 480px) {
	footer.footer #main-footer .main-footer-wrapper {
		padding-left: 0;
		padding-top: 75px;
	}
}







.bp-slider-main .ein-slide {
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
}


.bp-slider-main .ein-slide .inner {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    height: 100%;
    background-color: rgba(4,83,160,0.9);
    width: 350px;
}
.bp-slider-main .ein-slide .inner::before {
    position: absolute;
    border-left: 100px solid;
    left: -100px;
    bottom: 0;
    width: 100px;
    content: "";
    z-index: 99;
    border-left-color: transparent;
    height: 100%;
    border-bottom: 700px solid;
    border-bottom-color: rgba(4,83,160,0.9);
    box-sizing: border-box;
}
.bp-slider-main .ein-slide .inner::after {
    position: absolute;
    border-left: 100px solid;
    left: -150px;
    bottom: 0;
    width: 500px;
    content: "";
    z-index: 99;
    border-left-color: transparent;
    height: 100%;
    border-bottom: 700px solid;
    border-bottom-color: rgba(4,83,160,0.6);
    box-sizing: border-box;
}

.bp-slider-main .ein-slide .inner .text-box {
    position: absolute;
    z-index: 100;
	bottom: 75px;
	right: 35px;
}

.bp-slider-main .ein-slide .inner .text-box > span {
    display: block;
    font-size: 30px;
    line-height: 45px;
    text-align: right;
	white-space: nowrap;
}
.bp-slider-main .ein-slide .inner .text-box > span.textreihe {
    font-family: 'Sansation';
    font-weight: 500;
}


.bp-slider-main .ein-slide .inner .text-box > .liste-box {
  text-align: right;
  margin-top: 10px;
  font-family: 'Sansation';
  font-weight: 500;
}

.bp-slider-main .ein-slide .inner .logo-box {
  position: absolute;
  z-index: 100;
  right: 35px;
  top: 25px;
  width: 85px;
}
.bp-slider-main .ein-slide .inner .logo-box .logo-reihe {
	display: block;
	margin-top: 15px;
}
.bp-slider-main .ein-slide .inner .logo-box .logo-reihe.logo-1 {
	margin-top: 0;
}
.bp-slider-main .ein-slide .inner .logo-box .logo-reihe img {
	display: block;
}



/** ANIMATIONEN **/  
.bp-slider-main .ein-slide .inner {
	animation: cssAnimation;
	animation-duration: 1s;
	animation-delay: 0.5s;
	right: -500px; 
	animation-fill-mode: forwards;
}
@keyframes cssAnimation {
  to {right: 0px; }
}

.bp-slider-main .ein-slide .inner .text-box > span.grafik {
    opacity: 0;
	animation: cssAnimationIcon;
	animation-duration: 0.5s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationIcon {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-1 {
    opacity: 0;
	animation: cssAnimationTextReihe1;
	animation-duration: 0.5s;
	animation-delay: 2.0s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe1 {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-2 {
    opacity: 0;
	animation: cssAnimationTextReihe2;
	animation-duration: 0.5s;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe2 {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-3 {
    opacity: 0;
	animation: cssAnimationTextReihe3;
	animation-duration: 0.5s;
	animation-delay: 3.0s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe3 {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-4 {
    opacity: 0;
	animation: cssAnimationTextReihe4;
	animation-duration: 0.5s;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe4 {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-5 {
    opacity: 0;
	animation: cssAnimationTextReihe5;
	animation-duration: 0.5s;
	animation-delay: 4.0s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe5 {
  to {opacity: 1; }
}

.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-6 {
    opacity: 0;
	animation: cssAnimationTextReihe6;
	animation-duration: 0.5s;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
}
@keyframes cssAnimationTextReihe6 {
  to {opacity: 1; }
}

/** ENDE ANIMATIONEN **/






.bp-slider-main.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.bp-slider-main .slick-prev {
    height: 100%;
    left: 5px;
    width: 50px;
    z-index: 98;
}
.bp-slider-main .slick-next {
    height: 100%;
    right: 5px;
    width: 50px;
    z-index: 98;
}
.bp-slider-main .slick-prev::before,
.bp-slider-main .slick-next::before {
	color: #ff00ff;
    font-family: "fontawesome";
    font-size: 50px;
    line-height: 1;
    opacity: 1;
}
.bp-slider-main .slick-prev::before {
    content: "\f104";
}
.bp-slider-main .slick-next::before {
    content: "\f105";
}
.bp-slider-main .slick-dots {
	bottom: 0px;
}
.bp-slider-main .slick-dots li button {
    background-color: #00ff00;
    height: 3px;
    opacity: 1;
    padding: 2px;
    top: 0;
    width: 25px;
}
.bp-slider-main .slick-dots li.slick-active button {
    background-color: #ff00ff;
}
.bp-slider-main .slick-dots li button::before {
    display: none;
}






@media (max-width: 1600px) {
	.bp-slider-main .ein-slide {
		height: 600px;
	}	
	.bp-slider-main .ein-slide .inner .logo-box {
	  top: 20px;
	  width: 80px;
	}
	.bp-slider-main .ein-slide .inner .logo-box .logo-reihe {
		margin-top: 10px;
	}
}
@media (max-width: 1279px) {
	.bp-slider-main .ein-slide {
		height: 500px;
	}
	.bp-slider-main .ein-slide .inner {
   		width: 300px;
	}
	.bp-slider-main .ein-slide .inner::after {
		width: 450px;
	}
	.bp-slider-main .ein-slide .inner .text-box > span {
		font-size: 25px;
		line-height: 40px;
	}
	
	.bp-slider-main .ein-slide .inner .logo-box {
	  top: 15px;
	  width: 60px;
	}
	.bp-slider-main .ein-slide .inner .logo-box .logo-reihe {
		margin-top: 10px;
	}
	
}
@media (max-width: 1023px) {
	.bp-slider-main .ein-slide {
		height: 400px;
	}
	.bp-slider-main .ein-slide .inner {
   		width: 175px;
	}
	.bp-slider-main .ein-slide .inner::after {
		width: 325px;
	}	
	.bp-slider-main .ein-slide .inner .text-box {
		bottom: 30px;
		right: 20px;
	}
	.bp-slider-main .ein-slide .inner .text-box > span {
		font-size: 18px;
		line-height: 32px;
	}
	
	.bp-slider-main .ein-slide .inner .logo-box {
	  top: 10px;
	  right: 20px;
	  width: 60px;
	}
	.bp-slider-main .ein-slide .inner .logo-box .logo-reihe {
		margin-top: 5px;
	}	
	
}
@media (max-width: 768px) {
	.bp-slider-main .ein-slide {
		height: 300px;		
	}
	.bp-slider-main .ein-slide .inner {
		width: 75px;
	}
	.bp-slider-main .ein-slide .inner::before {
		left: -135px;
		width: 135px;
	}
	.bp-slider-main .ein-slide .inner::after {
		width: 225px;
	}	
    .bp-slider-main .ein-slide .inner .text-box {
      bottom: 15px;
      right: 10px;
    }
	.bp-slider-main .ein-slide .inner .text-box > span {
		font-size: 15px;
		line-height: 30px;
	}
	
	.bp-slider-main .ein-slide .inner .logo-box {
		display: none;
	}	
	
}
@media (max-width: 640px) {
	.bp-slider-main .ein-slide .inner {
		width: 100%;
		height: 40px;
		right: initial;
		left: 0;
	}
	.bp-slider-main .ein-slide .inner::before,
	.bp-slider-main .ein-slide .inner::after {
		display: none;
	}
	.bp-slider-main .ein-slide .inner .text-box {
		bottom: initial;
		right: initial;
		position: relative;
		text-align: center;
		line-height: 40px;
	}
	.bp-slider-main .ein-slide .inner .text-box > span {
		font-size: 16px;
		line-height: 40px;
		padding: 0 5px;
		text-align: left;
		display: inline;
	}
  
  
    .bp-slider-main#slider-id-1 .ein-slide .inner .text-box > span {
      font-size: 11px;
      padding: 0 3px;
    }  
  
	.bp-slider-main .ein-slide .inner .text-box > span.grafik {
		display: none;
	}
  
	.bp-slider-main .ein-slide .inner .text-box > .liste-box {
	  display: none;
	}
	
	
	/** ANIMATIONEN **/  
	.bp-slider-main .ein-slide .inner {
		animation: none;
		right: 0; 		
	}
	
	.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-1,
	.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-2,
	.bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-3,
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-4,
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-5,
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-6 {
		opacity: 1;
		animation: none;
	}
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-4,
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-5,
    .bp-slider-main .ein-slide .inner .text-box > span.textreihe.reihe-6 {		
		display: none;
	}
	/** ENDE ANIMATIONEN **/	

}














.bbe-akkordeon.ui-accordion h3.ui-accordion-header {
    background-color: #e1e1e1;
    box-sizing: border-box;
    margin: 0 0 15px;    
	padding: 10px 35px 10px 20px;
    position: relative;
	border: 0 none;
	border-radius: 0;
}
.bbe-akkordeon.ui-accordion h3.ui-accordion-header.ui-state-focus {
    outline: none;
}

.bbe-akkordeon.ui-accordion h3.ui-accordion-header::after {
    font-family: fontawesome;
    font-size: 30px;
    position: absolute;
    right: 12px;
	font-weight: normal;	
	top: calc(50% - 13px);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	content: "\f105";
}
.bbe-akkordeon.ui-accordion h3.ui-accordion-header .ui-accordion-header-icon {
    display: none;
}
.bbe-akkordeon.ui-accordion h3.ui-accordion-header.ui-accordion-header-collapsed::after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
    transform: rotate(0deg);	
}
.bbe-akkordeon.ui-accordion h3.ui-accordion-header.ui-accordion-header-active::after{
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
    transform: rotate(90deg);	
}
.bbe-akkordeon.ui-accordion .ui-accordion-content {
    margin-bottom: 25px;
    padding: 15px 10px;
	background-color: #fdfdfd;

}
.bbe-akkordeon.ui-accordion .ui-accordion-content ul li {
	position: relative;
	padding-left: 12px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.bbe-akkordeon.ui-accordion .ui-accordion-content ul li::before {
	position: absolute;
	font-size: 10px;
	font-family: fontawesome;
	content: "\f00c";
	left: 0;
	top: 5px;
}
@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}





/** ########## UI-TABS START ########## **/
.bp-tabs.ui-tabs,
.bp-tabs.ui-tabs .ui-tabs-panel,
.bp-tabs.ui-tabs .ui-tabs-nav {
    padding: 0;
	overflow: hidden;
}
.bp-tabs.ui-tabs .ui-tabs-nav {
    display: flex;		
	justify-content: center;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
.bp-tabs.ui-tabs .ui-tabs-nav {
	scrollbar-width: thin;
	scrollbar-color: #666 #000;
    &::-webkit-scrollbar {
       display: none;	
	}	
}
.bp-tabs.ui-tabs .ui-tabs-nav li {
	white-space: nowrap;
    margin: 0 0px 0 0;
    padding: 15px 0;
    text-align: center;
}
.bp-tabs.ui-tabs .ui-tabs-nav li a {
	color: #ccc;
    border: 0px none;
    box-sizing: border-box;
    display: block;
	float: none;
    padding: 10px 20px;
	border-right: 0 none #fff;
	padding: 20px 30px;
	border-left: 1px solid #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.4em;
	font-family: 'Sansation';
}
.bp-tabs.ui-tabs .ui-tabs-nav li:first-child a {
	border-left: 0px none;
}
.bp-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.bp-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color: #094b8c;
    color: #fff;
}
.bp-tabs.ui-tabs .ui-tabs-nav li:hover,
.bp-tabs.ui-tabs .ui-tabs-nav li:hover a,
.bp-tabs.ui-tabs .ui-tabs-nav li a:hover {
    background-color: #333;
	color: #fff;
}
.bp-tabs.ui-tabs .ui-tabs-panel.ein-inhalt {

}

@media (max-width: 1279px) {
	
}
@media (max-width: 1023px) {
	.bp-tabs.ui-tabs .ui-tabs-nav li a {
		font-size: 1.2em;
	}
}
@media (max-width: 768px) {
	.bp-tabs.ui-tabs .ui-tabs-nav li a {
		font-size: inherit;
	}
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}
/** ########## UI-TABS ENDE ########## **/







#bp-body #swipebox-container #swipebox-bottom-bar {
	/** bottom: 0 !important; **/
	transform: translate3d(0,-50px,0) !important;
	-webkit-transform: translate3d(0,-50px,0) !important;
}








.fix-rechts {
    position: fixed;
    right: 0;
    bottom: 100px;
}
.fix-rechts a {
    display: block;
    background-color: #0453a0;
    color: #fff;
    padding: 5px 15px;
    font-family: 'Sansation';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
}
.fix-rechts a:hover {
	background-color: #333;
}
@media (max-width: 1600px) {
	.fix-rechts {
		/** top: 700px; **/
	}
}
@media (max-width: 1279px) {
	.fix-rechts {
		/** top: 600px; **/
		position: absolute;
	}
}
@media (max-width: 1023px) {
	.fix-rechts {
		/** top: 480px; **/
	}
}
@media (max-width: 768px) {
	.fix-rechts {
		display: none;
	}
}
@media (max-width: 640px) {

}





/** ##### LOGIN & USER Start ##### **/

/** MODUL **/
#login-form .pretext {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 15px;
}


#login-form .userdata #form-login-username {
    margin-bottom: 25px;
}
#login-form .userdata #form-login-username label,
#login-form .userdata #form-login-username input {
	display: block;
	width: 100%;
	text-align: center;
}
#login-form .userdata #form-login-username input#modlgn-username {
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #333333;
    color: #333333;
	box-sizing: border-box;
}


#login-form .userdata #form-login-password {
    margin-bottom: 25px;
}
#login-form .userdata #form-login-password label,
#login-form .userdata #form-login-password input {
	display: block;
	width: 100%;
	text-align: center;
}

#login-form .userdata #form-login-password input#modlgn-passwd {
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #333333;
    color: #333333;
	box-sizing: border-box;
}


#login-form .userdata #form-login-remember {
    margin-bottom: 25px;
    position: relative;
}
#login-form .userdata #form-login-remember::after {
    clear: both;
    display: table;
    content: "";
}
#login-form .userdata #form-login-remember .control-label {
    float: left;
    font-size: 14px;
    line-height: 20px;
}
#login-form .userdata #form-login-remember .control-label::before {
    content: "";
    position: absolute;
    width: calc(100% - 165px);
    height: 1px;
    background-color: #999;
    box-sizing: border-box;
    top: 12px;
    left: 145px;
}
#login-form .userdata #form-login-remember #modlgn-remember {
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 6px;
}

#login-form .userdata #form-login-submit button.btn {
    width: 100%;
    background-color: #333333;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #333333;
}
#login-form .userdata #form-login-submit button.btn:hover,
#login-form .userdata #form-login-submit button.btn:focus {
    background-color: #333333;
	cursor: pointer;
}

#login-form .userdata ul.unstyled {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}


@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}












/** KOMPONENTEN VIEWS **/
.login.bp-login .login-description {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 15px;
}
.login.bp-login form .control-group {
    position: relative;
}
.login.bp-login form .control-group::after {
    clear: both;
    display: table;
    content: "";
}

.login.bp-login form #username-lbl {
    display: block;
    width: 100%;
    text-align: center;
}
.login.bp-login form #username {
    display: block;
    width: 100%;
    text-align: center;
	margin-bottom: 25px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #333333;
    color: #333333;
	box-sizing: border-box;
}
.login.bp-login form #password-lbl {
    display: block;
    width: 100%;
    text-align: center;
}
.login.bp-login form #password {
    display: block;
    width: 100%;
    text-align: center;
	margin-bottom: 25px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #333333;
    color: #333333;
	box-sizing: border-box;
}
.login.bp-login form input#remember {
    position: absolute;
    right: 0;
    top: 9px;
    margin: 0;
}


.login.bp-login form button.btn {
    width: 100%;
	margin-top: 25px;
    background-color: #fff;
    color: #333333;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #333333;
}
.login.bp-login form button.btn:hover,
.login.bp-login form button.btn:focus {
    background-color: #333333;
	color: #fff;
	cursor: pointer;
}


main.content > div .nav.nav-tabs.nav-stacked {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}



.reset.bp-passwort-vergessen,
.remind.bp-benutzer-zusenden {
    text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.reset.bp-passwort-vergessen h1,
.remind.bp-benutzer-zusenden h1{
	font-size: 18px;
	line-height: 26px;
}

.reset.bp-passwort-vergessen form#user-registration .control-group,
.remind.bp-benutzer-zusenden form#user-registration .control-group {
    margin-top: 25px;
}

.reset.bp-passwort-vergessen form#user-registration .control-group input,
.remind.bp-benutzer-zusenden form#user-registration .control-group input{
	margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #333333;
    color: #333333;
	box-sizing: border-box;
}
.reset.bp-passwort-vergessen form#user-registration button.btn,
.remind.bp-benutzer-zusenden form#user-registration button.btn{
    width: 100%;
    background-color: #fff;
    color: #333333;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #333333;
}
.reset.bp-passwort-vergessen form#user-registration button.btn:hover,
.reset.bp-passwort-vergessen form#user-registration button.btn:focus,
.remind.bp-benutzer-zusenden form#user-registration button.btn:hover,
.remind.bp-benutzer-zusenden form#user-registration button.btn:focus {
    background-color: #333333;
	color: #fff;
	cursor: pointer;
}


.profile.bp-login .btn-toolbar.pull-right {
    float: none;
    background-color: #eee;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.profile.bp-login #users-profile-core legend {
    background-color: #333333;
    width: 100%;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #fff;
}
.profile.bp-login #users-profile-core {
    margin-top: 25px;
	background-color: #eee;
}
.profile.bp-login #users-profile-core dl::after {
	content: "";
	display: table;
	clear: both;
}
.profile.bp-login #users-profile-core dt,
.profile.bp-login #users-profile-core dd {
    float: left;
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
	box-sizing: border-box;
}


#member-profile legend {
    background-color: #333333;
    width: 100%;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #fff;
}
#member-profile input {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
}
#member-profile input#jform_username:hover {
    cursor: not-allowed;
}
#member-profile button.btn {
	margin-top: 25px;
    width: 100%;
    background-color: #333333;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #333333;
}
#member-profile button.btn:hover,
#member-profile button.btn:focus {
    background-color: #333333;
	cursor: pointer;
}




@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	
	.profile.bp-login #users-profile-core dt {
		float: none;
		width: 100%;
		border-bottom: 0;
		padding-bottom: 0;
		font-weight: 600;
	}
	.profile.bp-login #users-profile-core dd {
		float: none;
		width: 100%;
		padding-top: 0;
	}
}
/** ##### LOGIN & USER Ende ##### **/