@charset "UTF-8";
/* CSS Document */


body {
	background-image:url(images/reizhusten-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed
}

header {
	background-color:#7c348b !important;
background-image: none !important;
	background-size:contain !important;
	background-repeat:no-repeat !important
}

#navigation {
background-color:#9e1881!important;
}


.dj-megamenu-clean li:hover a.dj-up_a,.dj-megamenu-clean li.active a.dj-up_a, .dj-megamenu-clean li.hover a.dj-up_a {
	color:#9e1881 !important;
	background-color:#fff !important;
}
.dj-megamenu-clean li ul.dj-submenu > li > a, .dj-megamenu-clean li ul.dj-submenu > li > a {
	color:#9e1881 !important;
}
.dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a {
color:#fff !important;	background-color:#9e1881 !important;
}

#logintop .dj-megamenu-clean li:hover a.dj-up_a,#logintop .dj-megamenu-clean li.active a.dj-up_a,#logintop .dj-megamenu-clean li.hover a.dj-up_a {
	color:rgba(255,255,255,0.60) !important;
	background-color:transparent!important;
}
#bestellung_senden.nui.button {
background-color:#9e1881 !important;
font-family: 'bold', sans-serif !important;
font-weight: normal !important;
font-size: 20px !important;
color: #fff !important;
float: right!important;
align-self: stretch !important;
transition: 0.5s !important;
}

a:link,
a:visited {
	color:#fff !important;
text-decoration: underline;
}
footer a:link,
footer a:visited {
	color:#9e1881 !important;
text-decoration: none;
}

a:hover,
a:active {
	opacity:0.8;}

[data-tooltips-element=tooltip] [data-tooltips-element=title], [data-tooltips-element=tooltip] [data-tooltips-element=main] {
	color: #fff !important;
background-color: #fff !important;
font-size: 15px !important;
font-family: 'bold', sans-serif !important;
padding-bottom: 3px !important;
}
.img_latest_download {
	width:150px !important;
	height:150px !important;
}
a.latestlink:link, a.latestlink:visited {
	font-size:15px !important;

}
.idownlaods {color:rgba(219,157,194,1.00); margin-right:5px;
}
#bronchohero {
	width:100% !important;
	height:auto !important;
	margin-top:110px !important
}

#contentarea {
	margin-top:150px !important;
	max-width:1000px !important
}

main {
	width:100% !important;
	margin-left:auto !important;
	margin-right:auto !important
}

.box {
	width:100% !important;
	border:1px solid rgba(219,157,194,1.00) !important;
}.boxhead {
	width:100% !important;
background-color:rgba(219,157,194,1.00) !important;
	font-size:18px !important
}

.boxcontent {
	font-size:16px !important
}

.boxcontent strong {
	color:rgba(219,157,194,1.00) !important;
}

.boxcontent .readmore {
	text-align: right !important;
	margin-bottom:-3px !important;
}

h1 {
	color:#6f2283 !important;
}

.packshotreizhusten {
	width:30% !important;
 float:right !important;
	text-align: inherit !important;

	
}

footer {
	padding-top:0 !important
}
.demoset .nui.checkbox>label {
	display:block !important
}
.nui.checkbox>label>svg {
	margin-right:10px !important;
	fill:#6f2283 !important
}

.nui.checkbox.radio>label {
position: relative;
cursor: pointer;
display: block;
align-items: center;
gap: var(--space);
}

.footertop {
	background:#6f2283 !important;
	background-image:none !important
}

main p, main {
	color:#fff !important;
	font-size:15px !important;
	line-height:26px !important
}
.field.holder {
	padding-bottom:15px !important
}

.errormark.nui.red {
	color:#fff !important
}

.nui.form .field input[type=date], .nui.form .field input[type=datetime-local], .nui.form .field input[type=email], .nui.form .field input[type=month], .nui.form .field input[type=number], .nui.form .field input[type=password], .nui.form .field input[type=text], .nui.form .field input[type=time], .nui.form .field input[type=week], .nui.form .field textarea, input.check-selector {
	border:1px solid #6f2283 !important;
	outline:none !important
}
.neocitranpage #lieferadresse:link, .neocitranpage #lieferadresse:visited {
	text-decoration: none !important;
	background-color:#6f2283 !important;
}

#chronoform-reizhusten {
display: block !important;
flex-direction: column;
gap: calc(var(--space) * 2);
}

.neocitranintro {
width: 65% !important;
float: left !important;
}
.boxcontent .box_button {
background-color:rgba(219,157,194,1.00) !important;
text-decoration:none !important;
padding:10px 8px !important;
border-bottom-right-radius:0px !important;
color:#fff !important;
margin-right:-10px !important;
transition:0.5s !important}




.boxcontent .box_button:hover {
background-color:rgba(219,157,194,0.50) !important;
text-decoration:none !important;
padding:10px 8px !important;
border-bottom-right-radius:0px !important;
color:#fff !important;
margin-right:-10px !important}

.page-header h2,
.blog-item h2 a:link,
.blog-item h2 a:visited {
	color:rgba(219,157,194,1.0) !important;
	transition:1s !important;
}
.blog-item h2 a:hover,
.blog-item h2 a:active {
	color:rgba(219,157,194,0.50) !important;
	transition:1s !important;
}

.readmore .btn {
	border:1px solid rgba(219,157,194,1.00) !important;
	transition:1s !important
}
.readmore .btn:hover {
	background: rgba(219,157,194,1.00) !important;
	color:#fff !important;
}

ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
	background-color:#9e1881 !important;
	color:#fff !important
}
ul.dj-mobile-light ul li.dj-mobileitem>a {
		background-color:rgba(219,157,194,0.40);
	color:#fff !important
}

ul.dj-mobile-light ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul li.dj-mobileitem.active>a {
	background-color:rgba(219,157,194,0.80);
	color:#fff 
}
@media (max-width:1200px) {
	.neocitranpage main {
		width:100% !important
	}
}

@media (max-width:1030px) {
	.neocitranpage main {
		width:95% !important;
		margin-left:2.5%!important;
		padding-top:40px !important
	}
}
@media (max-width:650px) {
		.neocitranpage main {
		
		padding-top:0px !important
	}
	
	.packshotreizhusten {
		width:50% !important;
		margin-left:25%!important;
		margin-right:25%!important;
		margin-bottom:25px!important
	}
	.neocitranintro {
		width:100% !important
	}	
	
	h1 {
		text-align: center !important;
	}
}