@charset "UTF-8";
/* CSS Document */
@media (max-width:1350px) {
	.linkneueste i {
		display:none !important
	}
}
@media (max-width:1240px) {
	.linkneueste img {
		display:none !important
	}
}
@media (max-width:1430px) {
	.dj-megamenu-clean li a.dj-up_a {
		padding:0 10px !important
	}
}

@media (max-width:1300px) {
	.dj-megamenu-clean li a.dj-up_a {
		padding:0 10px !important;
	font-size:15px !important
	}
}

@media (max-width:1200px) {
	.leftside {
	display:none;
}
	.rightside .desktopmobile {
	display:block;
}
	.rightside {
width: 22% !important;
}
	main {
		width:72% !important
	}
	
	.welcome {
width: 100% !important;
text-align: left !important;
padding: 0 20% 0 3% !important;
box-sizing: border-box;
}
	
}

@media (max-width:1260px) {
	
	.dj-megamenu-clean li.dj-up.itemid738, .dj-mobile-nav li.dj-mobileitem.itemid-738>a,
	.dj-megamenu-clean li.dj-up.itemid741, .dj-mobile-nav li.dj-mobileitem.itemid-741>a {
		display:block !important;
		float:none !important
	}
	
	#logintop {
		display:none !important;
	}
}

@media (max-width:1280px) {


	
	.dj-megamenu-offcanvas.dj-megamenu-offcanvas-light  {
		float:right !important;
		padding:10px 20px 0 0 !important
	}
	
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
	font-weight:200 !important;
}
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
	content: "\f0c9" !important;
	font-weight:300 !important;
	
  font-family: 'Font Awesome 6 Pro' !important;
}
	
	.dj-megamenu-select-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover {
		opacity: 0.8 !important
	}
	
	.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
		background-color:transparent!important
	}
	.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
width: 35px;
height: 35px;
background: transparent !important;
color: #fff !important;
}
	
	.dj-offcanvas-light {
		background-color:#fff !important;
	}
}
@media (max-width:850px) {
	
	#logo {
		width:100% !important;
		left:0 !important;
		text-align: center !important;
		position: fixed;	padding:10px !important
		
	}
	
	#logo img {
height:90px !important;
		width:auto !important;
	
		
	}
	#navigation,
	header {
		top:110px !important;
		padding:7px 5px 5px 5px !important;
		text-align: center !important;
		height:auto !important;
		
	}
	
	.login-greeting {
		width:100% !important;
	}
	
	main {
		width:100% !important;
	}
	
	.plusclubsite #contentarea,
	.kwizdapharma #contentarea,
	.aktionen #contentarea,
	.kongresse #contentarea,
	.kontakt #contentarea,
	.neocitranpage #contentarea,
	.meinkonto #contentarea {
		margin-top:220px !important
	}
	
	#bronchohero {
width: 100% !important;
height: auto !important;
margin-top: 170px !important;
}
	
	.plusclubsite #logo img {
		height:150px !important
	}
	
	.plusclubsite #logo {
		background: url("images/plus-head-back.jpg") !important;
background-repeat: repeat;
background-size: cover !important;

	}
	
	.plusclubsite #navigation {
		top:170px !important
	}
	.produktseite .leftside {
		display:none
		
	}
	.produktseite #logo {
		background-color:#fff !important;
		top:0 !important
		
		
	}
	.bronchopage #logo {
		padding-top:0 !important;
		padding-bottom:20px !important;
	}
	
}

@media (max-width:600px) {
	.blog-item {
width: 94% !important;
margin: 0 3% !important;
float: left !important;
padding-top: 25px !important;
}
	
	.neocitran {
		width:50%!important;
		margin:0 25% 30px 25% !important
	}
	.neocitranintro {
		width:100% !important;
	}
}

@media (max-width:970px) {
	.leftside .desktopmobile {
	display:none;
}
	.rightside .desktopmobile {
	display:block;
}
	.rightside {
width:100% !important;
}
	main {
		width:94% !important;
		box-sizing: border-box;
		margin-left:3% !important;
		margin-top:50px !important
	}
	
	.welcome {
width: 100% !important;
text-align: left !important;
padding: 0 3% 0 3% !important;
box-sizing: border-box;
}
	
	.box,#introplusclub {
width: 30% !important;
border: 1px solid rgba(1,74,142,1.00);
margin-bottom: 15px;
		float:left !important;
		margin:15px 1.5% !important
}
	
}

@media (max-width:800px) {
		.box,#introplusclub {
width: 47% !important;
border: 1px solid rgba(1,74,142,1.00);
margin-bottom: 15px;
		float:left !important;
		margin:15px 1.5% !important
}
	.linkneueste i,
		.linkneueste img {
		display:inherit !important
	}
	
	.com-content-categories__item {
	width:47% !important;
	margin:10px 1.5% !important;
float:left !important;
border-bottom:none !important}


}

@media (max-height:820px) {
	.intrologin {
		top:100px;
	
}
}
@media (max-height:620px) {
	.intrologin {
		top:60px;
transform: scale(0.8)
	
}
	}
@media (max-width:650px) {
			.box,#introplusclub {
width: 97% !important;
border: 1px solid rgba(1,74,142,1.00);
margin-bottom: 15px;
		float:left !important;
		margin:15px 1.5% !important
}
	body {
		height:auto !important;
	}
	
	.intrologin {
		position:inherit !important;
width:350px !important;
transform: scale(1);

		border-radius:0 !important;
		margin:180px auto 40px auto !important
	}
	
	main {
		width:90% !important;
		margin:0 5% !important;
	}
	
	footer {
		position:inherit !important;
	}
	
	#footerleft, #footermiddle, #footerright {
		width:100% !important;
		text-align: center !important;
		padding-bottom:20px !important
	}
	.com-content-categories__item {
	width:90% !important;
	margin:10px 5% !important;
float:left !important;
border-bottom:none !important}

}