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


p {
	color: rgb(120, 120, 120);
}


iframe {
	overflow:hidden !important;
	
}

.deine {
transform: rotate(0deg) !important;

}

.dj-megamenu-clean li.dj-up {
	padding:inherit !important;
	margin:inherit !important;
		height:inherit !important
}



strong {
	font-size:14px;
	font-weight:normal !important;
	font-family: 'semibold', sans-serif !important;
}
strong.stronghead {
	font-size:14px;
	font-weight:normal !important;
	font-family: 'semibold', sans-serif !important;
	color:rgba(174,22,64,1.00) !important;
}

.dj-megamenu-clean li.dj-up {
	position:inherit !important
}

.dj-megamenu-clean li.dj-up {
	padding-top:32px !important
}
.dj-megamenu-clean li.dj-up.itemid101 {
	padding-top:0px !important
}

.dj-megamenu-clean li a.dj-up_a {
font-size: 20px;
color:rgba(174,22,64,1.00) !important;
cursor: pointer;
	letter-spacing: 1px !important;
	height:inherit!important;
	padding:10px 20px 8px 20px !important
}

.dj-megamenu-clean li a.dj-up_a > span {
	height:inherit!important
}

.dj-megamenu-clean li a.dj-up_a > span.dj-drop {
	padding-right:0 !important;
}

.dj-megamenu-clean li a.dj-up_a > span.dj-drop .arrow {
	display:none !important
}

.itemid116, .itemid115 {
	float:right !important
}
.itemid113, .itemid114 {
	float:left !important
}
.dj-megamenu-clean li.dj-up.itemid101 {
position: fixed!important;
left: 50%!important;
margin-left: -140px!important;
}
.dj-megamenu-clean {
	display:block !important;
	
}

.dj-megamenu-clean li a.dj-up_a:hover,
.dj-megamenu-clean li a.dj-up_a.active {
	background-color: rgba(174,22,64,1.00) !important;
	color:#fff !important
	
}
.dj-megamenu-clean li.itemid101 a.dj-up_a {
	padding:0 !important
}
.dj-megamenu-clean li.itemid101 a.dj-up_a:hover {
	background-color:transparent!important;
	color:#fff !important
	
}

.dj-megamenu-clean li.dj-up.itemid101 img {
height: auto !important;
width: 280px !important;
	padding:10px 0 !important;

}

.dj-megamenu-clean li a.dj-up_a .dj-icon {
	max-height:inherit !important
}

.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
	background-color:rgba(255,255,255,0.70) !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
	color:rgba(174,22,64,1.00) !important;
	padding-top:8px !important; 
	padding-bottom:8px !important;
}.dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	background-color:rgba(174,22,64,1.00) !important;
	color:#fff !important;
}

.dj-megamenu-clean li ul.dj-submenu > li > a .name {
	font-size:16px !important;
	letter-spacing: 1px !important;
}


.dj-megamenu-clean li ul.dj-submenu > li > a .subtitle {
	font-size:14px !important;
	letter-spacing: 1px !important;
	color:rgba(174,22,64,1.00) !important;
	opacity: 1 !important
}

.dj-megamenu-clean li ul.dj-submenu > li:hover > a .subtitle,
.dj-megamenu-clean li ul.dj-submenu > li > a.active .subtitle{

	color:#fff !important;

}

.clear {
	clear:both !important;
	width:100% !important;
	height:1px !important;
}

ul.dj-submenu {
	padding:0 !important
}




.produktoverview, .produktoverview2 {
	padding-top:50px !important;}

.produktoverview img {
	float:right !important;
	width:40% !important;
	height:auto !important;
	margin-left:5% !important
}

.produktoverview2 img {
	float:left !important;
	width:40% !important;
	height:auto !important;
	margin-right:5% !important
}

.topheadline {
	font-family: 'regular', sans-serif !important;

font-size: 16px!important;
color: rgb(120, 120, 120)!important;
letter-spacing: 0px!important;
text-align: left!important;
font-weight: 700!important;
line-height: 1.45!important;
margin-top: 100px!important;

}

.resistenzraten {
	width:24% !important;
	float:left !important;
	margin-right:1% !important
}

.resistenzraten h4, ._XYpnGK3r--inside h4 {
	color:#666;
	font-size:16px
}
._XYpnGK3r--inside {
	padding-bottom:35px !important;
	position: relative
}

 ._XYpnGK3r--inside h4 {
	color:#666;
	font-size:16px;

}

.progress__value {
	font-weight:200 !important
}

.progress__value {
right: 10px;
top: 48%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
position: absolute}



#perfect {padding-top: 30px;
padding-bottom: 30px;
box-shadow: rgba(0,0,0,0.75) 30px 0px 30px 0px;
z-index: 5;
	position: relative;
	background-color:#fff !important
}

.sigwerte {
	width:30% !important;
	float:left !important;
	margin-right:3% !important;
}

#faceinsta img {
	width:100%;height:auto;
margin:5px 0}



#section_blasengesundheit {
	background-image: url("/images/landing_blasengesundheit.jpg");
padding-top: 100px;
padding-bottom: 100px;
width: 100%;
min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#testmusterstart {
	width: 350px;
float:left !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
margin-right: -15px;
margin-bottom: 0px;
margin-left: 25px;
background-size: contain;
display: block;
background-color: rgba(255, 255, 255, 0.9);
text-align: center;
background-position: 100% 100%;
background-repeat: no-repeat;

}
#testmusterstart img {
	width:80% !important;
	height:auto !important;
	margin-top:-40px !important
}

#testmusterstart p {
	padding:0 20px !important}

#testmusterstart a.boxlink {
	float:none !important;
	padding:8px 20px 5px 10px !important
}

.startblasengesundheit {
float:right !important;
	margin-right:120px !important;
	
}
.startblasengesundheit p {
	font-family: 'regular', sans-serif !important;
font-size: 18px !important;
line-height: 23px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: white !important;
text-align: left !important;
max-width: 500px !important;
text-shadow: rgba(0, 0, 0, 0.50) 0px 0px 7px !important;
margin-bottom:15px !important
}

.startblasengesundheit h3 {
	font-family: 'regular', sans-serif !important;
font-size: 75px !important;
color: rgb(255, 255, 255) !important;
letter-spacing: -1px !important;
text-align: left !important;
-webkit-text-stroke: 0px rgb(255, 255, 255) !important;
font-weight: 700 !important;
margin-top: -6px  !important;
text-shadow: rgba(0, 0, 0, 0.60) 0px 0px 7px !important;

}

.startblasengesundheit strong {
font-family: 'bold', sans-serif !important;
font-size: 35px !important;
font-weight: normal !important;
letter-spacing: 0px !important;
color: white !important;
text-shadow: rgba(0, 0, 0, 0.60) 0px 0px 7px !important;
text-align: left !important;
}

#section_cranberry {
	background-size: cover;
margin-left: 0px;
margin-right: 0px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("https://gesunde-blase.at/images/dmannose_cranberry.jpg");
padding-top: 70px;
padding-bottom: 180px;
width: 100%;
z-index: 3;
background-size: cover;
box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 30px 0px !important;
	display: block;
	position: relative!important

}

.startcranberry {
		text-align: left !important;
	display:inline-block;
	width:700px !important;
	position: relative;
	margin-left:-350px !important;
	left:50% !important
	
}
.startcranberry p {
	font-family: 'regular', sans-serif !important;
font-size: 18px !important;
line-height: 23px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: rgb(155, 155, 155) !important;
text-align: left !important;

margin-bottom:15px !important
}

.startcranberry h3 {
	font-family: 'regular', sans-serif !important;
font-size: 75px !important;
color:rgba(174,22,64,1.00) !important;
letter-spacing: -1px !important;
text-align: left !important;
-webkit-text-stroke: 0px rgb(255, 255, 255) !important;
font-weight: 700 !important;
margin-top: -6px  !important;


}

.startcranberry strong {
font-family: 'bold', sans-serif !important;
font-size: 35px !important;
font-weight: normal !important;
letter-spacing: 0px !important;
color: rgb(155, 155, 155) !important;
text-align: left !important;
}

section#produktslider {
	margin-top:40px !important
}

section#apothekenfinder {
	padding-top: 0px;
padding-bottom: 0px;
width: 100%;
z-index: 2;
	position: relative;
box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 30px 0px !important;
	height:400px !important;
	margin-top:50px !important
}

h1 {
	font-family: 'regular', sans-serif !important;
font-size: 30px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
}

h2, h3 {
	font-family: 'regular', sans-serif !important;
font-size: 23px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
}

h3.vegan {
	margin-top:20px !important
}


main ul {
padding-left:10px !important;	
	padding-right:15px !important;

}
main li {
  margin:0.5em!important;
  margin-left: 3em!important;
	list-style: none!important;

}

main li:before {
  content: '\f00c'!important;
  font-family: 'FontAwesome'!important;
  float: left!important;
  margin-left: -1.5em!important;
  color: rgb(174, 22, 64) !important;
}

main p, main li, 
	.ui.message.success {
font-family: 'regular', sans-serif !important;
font-size: 14px!important;
color: rgb(0, 0, 0)!important;
letter-spacing: 0px!important;
text-align: left!important;
line-height: 25px !important;
}

.apotheke main p {
	text-align:center !important
}

main {
	max-width:100%;



margin: auto;
box-sizing: border-box;
}

.noheader main {
	margin-top:120px !important
}

.container1200, .wissenswertes {
	width:1200px !important;
	max-width:96% !important;
margin:0 auto !important	
}
.container1200wissenswertes {
	width:100% !important;

margin:-40px auto 0 auto !important;
	box-shadow: rgba(0,0,0,0.75) 0px 0px 30px 0px;
z-index: 6;
position: relative;
	padding-bottom:70px!important;
	background-color: #fff !important

}

.links {
	float:left !important;
	width:45% !important;
	
}


.rechts {
	float:right !important;
	width:45% !important;
	
}



.rechts img {
	width:100% !important
}
.links img {
	width:100% !important
}

main a:link,.mytool a,
main a:visited {
	color:rgba(173,22,64,1.00) !important;
	text-decoration: none;
}
main a:hover,
main a:active {
	color:rgba(173,22,64,0.50);
	text-decoration: none;
}

.leftcolumn {
	width:48% !important;
	float:left !important;
	margin:0 2% 0 0 !important;
	padding-bottom:50px;
}
.rightcolumn {
	width:48% !important;
	float:right !important;
	margin:0 0 0 2% !important;
		padding-bottom:50px;
}

h3.producth3 {
	width:100% !important;
	display:block !important;
	font-size:20px !important;
	line-height:25px !important;
margin-top:0 !important
}

.imgmaxwidth {
	max-width:100% !important;
	height:auto !important
}

@media (max-width:800px) {
	.leftcolumn {
	width:100% !important;
	float:left !important;
	margin:0 0% 0 0 !important;
	padding-bottom:50px;
}
.rightcolumn {
	width:100% !important;
	float:right !important;
	margin:0 0 0 0% !important;
		padding-bottom:50px;
}
}

.animation {
		border:1px solid rgba(174,22,64,1.00);
z-index: 6;
position: relative;
}

.hero {
	background-position: top !important;
padding-bottom: 220px !important;
padding-top: 340px !important;
background-size:cover !important
}
.herosommer {
	padding-top:220px !important;
padding-bottom: 150px !important;
	background-position: top right !important
}

.herofrau {
	background-position: top center !important

}

.html-after {
	margin-top:-8px !important;
	margin-left:-11px!important
}

.heroakut, .heroforte {
padding-top: 120px !important;
padding-bottom: 100px !important;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: contain !important;
background-position: right center !important;
} .herocombur {
padding-top: 120px !important;
padding-bottom: 100px !important;
width: 100%;
	height:550px;
position: relative;
background-repeat: no-repeat;
background-size: cover !important;
background-position: right center !important;

}.herotestmuster {
padding-top: 160px !important;
padding-bottom: 150px !important;
width: 100%;
	height:550px;
position: relative;
background-repeat: no-repeat;
background-size: cover !important;
background-position: right center !important;

}

.chronoforms6_credits {
	display:none !important
}

.checkbox a {
	color:rgba(173,22,64,1.00) !important
}

.herocran {
height: 150px;
background-size: contain;
text-align: center;
width: auto;
	position: absolute;
	right:50px;
	bottom:50px;
}
.herovegan {
height: 150px;
background-size: contain;
text-align: center;
width: auto;
	position: absolute;
	right:100px;
	top:120px;
	
}
.herotaeglich {
height: 150px;
background-size: contain;
text-align: center;
width: auto;
	position: absolute;
	right:150px;
	top:150px;
	
}
.heropac {
height: 120px;
background-size: contain;
text-align: center;
width: auto;
	position: absolute;
	right:120px;
	top:160px;
	
}

.veganright {
	float:right;
magin-left:15% !important;
width:45% !important}

.veganright img {
	width:90%;
float:right;	
}

.vegancontainer {
	box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 30px 0px !important;
	padding:100px 0 75px 0 !important;
	background-color:#fff !important;
	z-index: 8;
position: relative
}

.vegancontainer h2, 
.vegancontainer h3 {
	color:#76b729 !important
}

.infoboxvegan {
	border:1px dashed #76b729;
color:#76b729 !important;
	box-sizing: border-box;
	padding:15px !important;
	text-align: center !important;
	margin-top:30px !important;
	width:90% !important;
	float:right !important
}
.btn_buy:link, .btn_buy:visited {
	color:#fff;
	background-color: rgb(174, 22, 64) !important;
	padding:8px 8px 5px 8px;
	font-size:16px;
	margin-top:15px;
	text-decoration: none !important
}

.naehrwerterchts {
	width:30% !important;
	float:right !important;
	padding-bottom:40px !important
}

.naehrwerterchts a {
	color: rgb(174, 22, 64);
text-decoration: none !important

}

.naehrwerterchts a i {
	color: rgb(174, 22, 64);
	font-size:1.5em;
text-decoration: none !important;
	margin-right:5px !important

}

#naehrwerttabelle {
	width:60% !important;
			font-family: 'regular', sans-serif !important;
font-size: 16px!important;
color: rgb(120, 120, 120)!important;
letter-spacing: 0px!important;
text-align: left!important;
line-height: 1.45!important;
	float:left !important;
	margin-right:5% !important

}

#naehrwerttabelle th,
#naehrwerttabelle td {
	padding:5px !important;
}

#naehrwerttabelle .zwischen {
color: rgb(174, 22, 64) !important;
	font-weight: 400!important;
	background-color:#eee!important;}

#naehrwerttabelle th {
color: rgb(174, 22, 64) !important;
	font-weight: 700!important;
	background-color:#eee!important;
}
.veganzusatz strong,
.veganzusatz li::before {
	color:#76b729 !important;
}

.p_standardtop10 {
	padding-top:10px !important
}

.btn_buy i {
padding-right:10px;
}

.btn_buy:hover, .btn_buy:active {
	color:#fff;
	background-color: rgba(131,131,131,1.00) !important;
}
.heropackshot {
	height:400px !important;
	width:auto;
	position: absolute;
	right:50%;
	margin-right:-15%
}

.herocombur .heropackshot {
	height:400px !important;
	width:auto;
	position: absolute;
	right:30%;

}
.herotestmuster .heropackshot {
	height:400px !important;
	width:auto;
	position: absolute;
	right:20%;
	top:120px;

}
.cranberrycon {
	padding-top:200px !important;
}

.title2 {
	font-family: 'regular', sans-serif !important;
font-size: 75px !important;
color: rgb(255, 255, 255) !important;
letter-spacing: -1px !important;
text-align: left !important;
-webkit-text-stroke: 0px rgb(255, 255, 255) !important;
font-weight: 700 !important;
margin-top: -10px  !important;
	text-shadow: rgba(0, 0, 0, 0.60) 0px 0px 7px !important;
	margin-bottom:0 !important
	

}

.cranberrycon .title2 {

	font-family: 'regular', sans-serif !important;
font-size: 75px !important;
color: rgb(174, 22, 64) !important;
}

.title1 {
font-family: 'regular', sans-serif !important;
font-size: 35px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: white !important;
	text-shadow: rgba(0, 0, 0, 0.60) 0px 0px 7px !important;
	margin-top:0 !important;
	text-align: left !important;
	margin-bottom:0 !important

}

.cranberrycon .title1 {
	text-shadow: rgba(0, 0, 0, 0.0) 0px 0px 7px !important;
}

.title3 {
font-family: 'regular', sans-serif !important;
font-size: 30px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: white !important;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 7px !important;
text-align: left !important;
	margin-top:-15px !important
}

.blase-sommer .title3,
.blase-vagina .title3 {
	max-width:500px !important;
	margin-top:-15px;
	margin-bottom:10px !important;
	text-align: left !important;
}

.hwi_intro {
display:inline-block;
margin-left: 100px !important;
}

	#section_blasengesundheit .hwi_intro {
		left:inherit !important;
		right:40px !important
	}

.cranberrycon .hwi_intro {
	text-shadow: rgba(0, 0, 0, 0.00) 0px 0px 7px !important;
left: 50% !important;
	position: relative;
	margin:0 auto !important;
	margin-left:-25%!important
}

.title3_big {

font-size: 40px !important;
}

.title_txt {
font-family: 'regular', sans-serif !important;
font-size: 18px !important;
	line-height:23px !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: white !important;
text-align: left !important;
	max-width:500px !important;
	text-shadow: rgba(0, 0, 0, 0.50) 0px 0px 7px !important;
}

.cranberrycon .title1,
.cranberrycon .title3,
.cranberrycon .title_txt {
	color: rgb(155, 155, 155) !important;
	text-shadow: none !important;
	
	
}

.cranberrycon .title2{

	text-shadow: none !important;}

.cranberrycon .title_txt {
	max-width:600px !important;
}

.producttitle1 {
	font-family: 'regular', sans-serif !important;
font-size: 60px !important;
color: rgb(174, 22, 64) !important;
letter-spacing: 1px !important;
text-align: left !important;
font-weight: 700 !important;
padding-top: 60px  !important;

}

.combur5-test .producttitle1 {
	padding-left:0 !important;
}

.producttitle1-2 {
	color: rgb(155, 155, 155) !important;
		font-family: 'regular', sans-serif !important;
font-size: 53px !important;
	font-weight:400 !important;
	padding-top:0px !important;
	margin-top:-25px !important;
}

.producttitle1 span span {
	font-size:27px !important;
	font-weight:400 !important;
}

.producttitle2 {
	font-family: 'regular', sans-serif !important;
font-size: 27px !important;
color: rgb(155, 155, 155) !important;
letter-spacing: 0px !important;
text-align: left !important;
font-weight: 400 !important;
margin-top: -6px  !important;

}



.producttitle3 {
	font-family: 'regular', sans-serif !important;
font-size: 30px !important;
color: rgb(174, 22, 64) !important;
letter-spacing: 1px !important;
text-align: left !important;
font-weight: 700 !important;
margin-top: -6px  !important;

}
.combur5-test .producttitle2,
.combur5-test .producttitle3 {
	padding-left:50px !important;
}
.floattext50 {
	width:46% !important;
	margin:0 0 0 4% !important;
	float:left;
	padding-bottom:50px !important;
}
.floattext50:nth-child(odd) {
	width:46% !important;
	margin:0 4% 0 0  !important;
	float:left;
	padding-bottom:50px !important;
}

.untenobenlink, .untenobenmitte, .untenobenrechts {
	width:33% !important;
	float:left !important;
}

.untenobenlink {
	padding-top:80px !important
}
.untenobenmitte {
	text-align:center !important
}
.untenobenmitte svg {
	width:80% !important;
	
}


.symptom {
	width:48% !important;
	float:left !important;
	padding-bottom:50px !important;
	padding-top:35px !important;
	margin-right:2% !important
	
}
.symptom svg {
	width:27% !important;
float:left !important;
margin-right:30px !important}


.erreger {
	clear:both !important
}

.erreger1 {
	width:20% !important;
	padding:15px 2% !important;
	box-sizing: border-box;
	text-align: center !important;
	float:left !important
}
.erreger1 p {
	text-align:center !important
}

.erreger1 img,
.erreger1 svg {
	width:85% !important;
margin-bottom:8px !important}
.section_headlines {
	font-family: 'bold', sans-serif !important;
font-size: 45px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
margin-top: -6px !important;}

.section_headlines_small {
	font-family: 'semibold', sans-serif !important;
font-size: 28px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
margin-top: -6px !important;
margin-bottom:10px !important}

.section_subheadlines {
font-family: 'regular', sans-serif !important;
font-size: 28px!important;
color: rgb(155, 155, 155)!important;
letter-spacing: 0px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
}

.section_subheadlines_small {
	font-family: 'regular', sans-serif !important;
font-size: 20px!important;
color: rgb(155, 155, 155)!important;
letter-spacing: 0px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
}
.section_subheadlines_small2 {
		font-family: 'regular', sans-serif !important;
font-size: 20px!important;
color: rgb(155, 155, 155)!important;
letter-spacing: 0px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
	margin-bottom:0 !important}

.heading_mid_bold {
	font-family: 'semibold', sans-serif !important;
font-size: 22px!important;
color: rgb(173, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
line-height: 1.25!important;
margin-top: -6px !important;
	
}

main a.btn_more,
.btn_more{ 
	color: rgb(255, 255, 255)  !important;
padding: 5px 22px 5px 10px  !important;
font-size: 16px  !important;
font-weight: 400  !important;
background-color: rgb(174, 22, 64)  !important;
border: 1px solid rgb(255, 255, 255)  !important;
font-family: 'regular', sans-serif !important;
text-shadow: none  !important;
background-image: url("../../../images/btn_arrow.png")  !important;
text-align: right  !important;
background-position: right center  !important;
background-repeat: no-repeat  !important;
background-size: 13px   !important;
	text-decoration: none;
}
.btn_more:hover { 
	color: rgb(255, 255, 255)  !important;
padding: 5px 22px 5px 10px  !important;
font-size: 16px  !important;
font-weight: 400  !important;
background-color:rgb(247, 194, 193)  !important;
border: 1px solid rgb(255, 255, 255)  !important;
font-family: 'regular', sans-serif !important;
text-shadow: none  !important;
background-image: url("../../../images/btn_arrow.png")  !important;
text-align: right  !important;
background-position: right center  !important;
background-repeat: no-repeat  !important;
background-size: 13px   !important;
}

.haufigfrau {
	width:20%!important;
	float:left !important;

	background-size:contain;
	padding-top:150px;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:100px;
	padding-left:150px;
	min-height:460px;
	
}

.haufigmann {
	width:20%!important;
	float:right !important;
	margin-top:-40px;
	background-size:contain;
	padding-top:150px;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:100px;
	text-align: right;
	min-height:460px;
}

.haufigmann img, .haufigfrau img {
	width:300px !important
}

.haufigmann img {
	margin-left:-120px !important
}

.haufig {
	width:60% !important;
float:left!important}

.haufig .mann,
.haufig .frau {
	width:50% !important;
	float:left !important;
	padding-left:0px !important;
	box-sizing: border-box
}

.haufig .mann img,.haufig .frau img {
	width:50% !important;
	float:left !important;
	margin-right:4% !important;
	margin-bottom:80px;
}
.wissenswertes {
	padding-top:80px !important
}

.accordion_box .fa {
	display:none !important
}

.accordion_box {
	border-bottom: 1px solid rgba(173,22,64,1.00);
font-family: 'regular', sans-serif !important;
	color:rgba(173,22,64,1.00);
	background-color:#eee;
	padding:8px !important
}

.accordion-section-title {
font-family: 'regular', sans-serif !important;
	color:rgba(173,22,64,1.00) !important;
	padding:8px !important
}
.accordion-section-title.active {
font-family: 'regular', sans-serif !important;
	color:#fff !important
}

.accordion_box.active {
background-color:rgba(173,22,64,1.00) !important;
	color:#fff !important;
	padding:8px !important
}
.accordion_box:hover {
	background-color:rgba(173,22,64,1);
	color:#fff !important;
}

.accordion_box:hover .accordion-section-title {
	color:#fff !important
}
.eb-header {
	background-color:rgba(173,22,64,1.00) !important;
	opacity: 1 !important;
	color:#fff !important;
	padding:8px;
	box-sizing: border-box;
	margin-bottom:0 !important
}

.accordion-section-content p {
	padding:15px 0 !important
}
.accordion-section-content ul {
	margin-top:18px !important;
	margin-bottom:25px !important;
}
.eb-1 .eb-close {
	color:#fff !important;
	padding-top:10px;
	padding-right:5px;
}

.eb-content h2 {
	font-size:20px !important;
	color:rgba(26,70,20,1.00) !important;
	font-family: 'bold', sans-serif;
}

.eb-content a:link,
.eb-content a:visited {
	color:rgba(26,70,20,1.00) !important;
	text-decoration: none !important
}
.eb-content a:hover,
.eb-content a:active {
	color:rgba(26,70,20,1.00) !important;
	text-decoration: underline !important
}
.accordion_box.active a,
.accordion_box.active a:active {
	color:#fff !important;
	text-decoration: none !important
}


.introitem {
	width:30% !important;
	float:left !important;
	margin:0 1.5% !important;
	text-align: center !important;
}

.introitem p, .introitem h3 {
	text-align:center !important;
	font-weight:normal !important
}

.introitem img {
	width:50% !important;
	height:auto !important;
	margin-bottom:25px !important
}

.blase-sommer {
	margin-top:55px !important;
	clear:both !important;
	width:100% !important;
	padding:120px 0 !important;
	background-size: cover !important;
	background-position: right;
}
.blase-vagina {
box-shadow: rgba(0,0,0,0.75) 30px 0px 30px 0px !important;
	clear:both !important;
	width:100% !important;
	padding:120px 0 !important;
	background-size: cover !important;
	background-position: right;
	position: relative;
	z-index: 8;
}

.tipp {
	width:50% !important;
	float:left !important;
	padding:15px 0 15px 15px !important;
	box-sizing: border-box
}

.twocolumns {
	column-count: 2;
	column-fill: balance;
-moz-column-fill: balance;
-webkit-column-fill: balance;
	column-gap: 5%;
}

.tipp img, .tipp svg {
	width:20%;
float:left !important;
margin-right:4% !important;
margin-bottom:40px !important}

h1.gesunde {
		font-family: 'bold', sans-serif !important;
	text-transform: uppercase !important;
	margin-top:10px !important;
	text-align: center !important;
	font-size:50px !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	color:rgba(174,22,64,1.00) !important;
     text-shadow:
                -1px -1px 0 #fff,
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                1px 1px 0 #fff,
                -2px 0px 0 #fff,
                2px 0px 0 #fff,
                0px -2px 0 #fff,
                0px 2px 0 #fff !important; 
        
}

.slogan {
	margin-top:0 !important
}

.introinner p, .introinner h3, .introinner h2 {
	color:#fff !important;
}

.padding50 {
	padding:50px 0 50px 0 !important
}
.padding50oben {
	padding:50px 0 0px 0 !important
}
.padding50unten {
	padding:0px 0 50px 0 !important
}


.infobox_small {
	width:48% !important;
		margin-top:40px;
	float:right;
	background-color:rgba(174,22,64,0.10) !important;
	padding:15px 30px 15px 30px !important;	box-sizing: border-box;
}

.textleftsmall {
	width:48% !important;

	float:left;
	padding:15px 30px 15px 30px !important;
	box-sizing: border-box;
}

.infobox_small h2 {
	background-color:rgba(174,22,64,1.00) !important;
	color:#fff !important;
	padding:8px 15px; 
	display:inline-block !important;
	margin-left:-35px;
	margin-bottom:15px;
}

.infobox_small p {
	margin-bottom:0 !important
}

.infobox_small i {
	float:right !important;
	color:rgba(174,22,64,1.00) !important;
	font-size:50px !important;
	margin-top:-35px;
	margin-right:-50px
}
.productpage .infobox_small {
	margin-top:-10px;
}
.productpage .infobox_small p {
	margin-bottom:8px !important
}

.productpage .infobox_small i {
	float:right !important;
	color:rgba(174,22,64,1.00) !important;
	font-size:40px !important;
	margin-top:-35px;
	margin-right:-40px
}

.gi-link:link,
.gi-link:visited {
	padding:10px 15px 8px 15px;
	background-color:rgba(174,22,64,1.00);
	color:#fff !important;
	
}
.gi-link:hover,
.gi-link:active {
	padding:10px 15px 8px 15px;
	background-color:rgba(240,133,137,1.00);
	color:#fff !important;
	
}

.gi-link::after {
  font-family:"Font Awesome 6 Pro";
  content: "\f1c1";
  font-size:20px;
	margin-right:0px !important;
	margin-top:10px !important;
	margin-left:10px !important;
	font-weight:200;
 
}

#testmusterbox {
	background-color:rgba(174,22,64,0.05) !important
}

@media (max-width:1200px) {
	
	.dj-megamenu-clean li a.dj-up_a {
		padding:10px 10px 8px 10px !important
	}
	
	.dj-megamenu-clean li a.dj-up_a {
font-size: 16px !important;
color: rgba(174,22,64,1.00) !important;
cursor: pointer;
letter-spacing: 1px !important;
}
	.dj-megamenu-clean li.dj-up.itemid101 img {
		width:250px !important;
	}

	.dj-megamenu-clean li.dj-up.itemid101 {
		margin-left: -125px!important
	}
	
	#testmusterstart {
		width:260px !important
	}
	

}

@media (max-width:1100px) {
	
	#section_cranberry {
		padding-top:40px !important;
		padding-bottom:100px !important
	}
}

#mobilelogo {
	display:none
}
@media (max-width:850px) {
	

	
	#mobilelogo {
		display:block !important;
		width:auto;
		height:70px !important;
		float:left !important
	}
	

	
	.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
		background-color:rgba(173,22,64,1.00) !important;
		color:#fff !important;
		position: fixed;
			top:20px;
			right:25px;
		width: 55px;
height: 55px;
		
	}
	
	.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-dark .dj-mobile-open-btn:focus, .dj-megamenu-select-dark:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, .dj-megamenu-accordion-dark .dj-mobile-open-btn:hover, .dj-megamenu-accordion-dark .dj-mobile-open-btn:focus {
		background-color:rgba(173,22,64,0.80) !important;
		color:#fff !important;
	}
	.dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon, .dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:after, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:after {
		background-color:rgba(253,234,233,1.00) !important
	}
	
	.dj-accordion.dj-accordion-dark {
		width:50% !important;
		position: fixed !important;
		top:90px !important;
		right:0 !important;
		
	}
	
	.dj-accordion-dark .dj-accordion-in {
		padding:0 !important;
		
		
	}
	
	.dj-accordion-dark .dj-accordion-in {
		background-color:transparent!important
	}
	
	ul.dj-mobile-dark li.dj-mobileitem>a {
		background-color:rgba(173,22,64,1.00) !important;
		color:#fff !important;
		font-size:22px !important;
		border-top:0px solid #fff !important;
				border-bottom:1px solid #fff !important;
				border-left:1px solid #fff !important
	}
	ul.dj-mobile-dark li.dj-mobileitem>a .subtitle {
		color:#fff !important
	}
	ul.dj-mobile-dark li.dj-mobileitem:hover>a .subtitle {
		color:rgba(173,22,64,1.00)
	}
	ul.dj-mobile-dark li.dj-mobileitem:hover>a, ul.dj-mobile-dark li.dj-mobileitem.active>a {
		background-color:rgba(253,234,233,1.00) !important;
		color:rgba(173,22,64,1.00) !important;
	}
	
	ul.dj-mobile-dark ul li.dj-mobileitem>a {
		font-size:18px !important
	}
	
	ul.dj-mobile-dark ul li.dj-mobileitem>a:hover .subtitle,ul.dj-mobile-dark ul li.dj-mobileitem.activegesunde-blase-content>a .subtitle {
		color:rgba(173,22,64,1.00) !important
	}
	.herointro p, .startblasengesundheit p,.startcranberry p {
		font-size:16px !important
	}
	.herointro {
		margin-left:50px !important
	}
	.startblasengesundheit {
float: right !important;
margin-right: 50px !important;
		margin-top:50px !important
}
	.herointro span, .startblasengesundheit strong, .startcranberry strong {
		font-size:30px !important;}

.herointro h3, .startblasengesundheit h3{
	font-size:65px !important}

.startcranberry h3  {
	font-size:60px !important}
.startcranberry {
	width:85% !important;
	margin-left:7.5% !important;
	left:0 !important
}

#section_cranberry {
	padding-bottom:50px !important
}

section#apothekenfinder {
padding: 0 0px !important;
height: 700px !important;
max-height: 700px !important;
}
	
	section#apothekenfinder iframe {
		height:700px
	}	
	
	section#section_cranberry {
background-image: url(images/dmannose-cranberry-m.jpg) !important;
padding-top: 50px !important;
padding-bottom: 80px !important;
}
	
	
}

@media (max-width:550px) {
		#mobilelogo {
		display:block !important;
		width:auto;
		height:55px !important;
		float:left !important
	}
	
	.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
		background-color:rgba(173,22,64,1.00) !important;
		color:#fff !important;
		position: fixed;
			top:0px;
			right:0px;
		width: 55px;
height: 55px;
		border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important;
		
	}
	.dj-accordion.dj-accordion-dark {
		width:100% !important;
		position: fixed !important;
		top:75px !important;
		right:0 !important;
		
	}ul.dj-mobile-dark {
		margin:0 !important}
	ul.dj-mobile-dark li.dj-mobileitem>a  {
		padding-left:15px !important
	}
	#faceinsta {
		top:25% !important;
	}
	
	.herointro {
		width:85% !important;
	margin-left:2% !important}
	
	.herointro p, .startblasengesundheit p,.startcranberry p {
		font-size:18px !important
	}

	.startblasengesundheit {
float: right !important;
margin-right: 2% !important;
		width:90% !important;
		margin-top:50px !important
}
	.herointro span, .startblasengesundheit strong, .startcranberry strong {
		font-size:25px !important;}

.herointro h3, .startblasengesundheit h3{
	font-size:55px !important}

.startcranberry h3  {
	font-size:40px !important}
.startcranberry {
	width:85% !important;
	margin-left:7.5% !important;
	left:0 !important
}
	#testmusterstart {
		width:95% !important;
		margin-left:2% !important
	}
	
	#testmusterstart p {padding-top:20px !important}
	
	#testmusterstart img {
		width:40% !important;
	float:left !important;}
	
	#section_blasengesundheit {
background-image: url("/images/landing_blasengesundheit.jpg");
padding-top: 50px !important;
padding-bottom: 50px !important;
width: 100%;
min-height: 500px;
background-attachment:inherit !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
	
}

@media (max-width:1100px) {
	.haufig {
		width:100% !important;
		padding:0 8% !important;
		box-sizing: border-box
	}
	
	.haufigmann, .haufigfrau {
		display:none !important
	}
	
}
@media (max-width:800px) {
	.hero {
background-position: top !important;
padding-bottom:80px !important;
padding-top: 280px !important;
background-size: cover !important;
}
			.padding50unten {
		padding:0 !important
	}
	.herosommer {

	background-position: top right !important
}
	.herofrau {

	background-position: top center !important
}
	
	.floattext50, .floattext50:nth-child(odd), .untenobenlink, .untenobenrechts, .symptom {
		width:100% !important;
		margin:0 !important
	}
	.untenobenlink, .untenobenrechts {
		margin-top:0 !important;
		padding-top:0 !important
	}
	.symptom {
		padding-left:0 !important
	}
	
	.untenobenmitte {
		display:none
	}
	
	.erreger1 {
		width:48% !important;}
	

.erreger1 img,
.erreger1 svg {
	width:60% !important}

	.haufig .frau, .haufig .mann {
		width:100% !important
	}
	.haufig .frau img, .haufig .mann img {
		width:47% !important
	}
	
	.hwi_intro {
		margin-left:50px !important;
	}
	

	.introitem, .tipp {
		width:100% !important
	}
	
	.blase-sommer,.blase-vagina {
		background-position:center}
	.title1 {
	font-size:20px !important;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 7px !important;
}

.title2 {
	padding-top:8px !important;
	font-size:11vw !important;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px !important;
}

	.title3_big {font-size:8vw !important;margin-top:0 !important}
	
.title_txt {
	font-size:15px !important;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 7px !important;
}
	
	
	#cranberry {
		background-image: url(images/dmannose-cranberry-m.jpg) !important;
		padding-top:50px !important;
		padding-bottom:80px !important;
	}
	
	#cranberry .title2 {
		font-size:50px !important;
			padding:3px 8px !important;
		text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 7px !important;
		background-color:rgba(255,255,255,0.20) !important;
	}
	
	#cranberry .title1 {
		background-color:rgba(255,255,255,0.20) !important;
		padding:3px 8px !important;
		font-size:20px !important;
		text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 7px !important;

	}

	#cranberry .title_txt {
		font-size:15px !important;
			padding:3px 8px !important;
		text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px !important;
		background-color:rgba(255,255,255,0.20) !important;
		margin-top:0 !important;
	}

#hilfe_fuer_dich {
	
	padding:70px 0 !important
	}
	.twocolumns {
	column-count: 1 !important;

}
	
	#mod-custom224 {
background-position: 70% 50% !important;
}
#sexualitaet,#mod-custom237 {
background-position: 70% 50% !important;
}
	#sexualitaet, #produkte_head, #wechseljahre {
padding: 270px 0 50px 0 !important;
}
	
	.produktoverview img,	.produktoverview2 img {
		width:90% !important;
		margin:15px 5% !important;
	}
	
	.heroakut,.heroforte,.herocombur,.herotestmuster {
		height:auto !important;
		min-height:600px !important;
		padding-top:80px !important;
	}
	
	.herotestmuster {
		padding-top:120px !important
	}
	
	.herotestmuster {
		background-position:70% 50% !important
	}
	.cranberrycon {
background-image: url(images/dmannose-cranberry-m.jpg) !important;
padding-top: 120px !important;
padding-bottom: 80px !important;
}
	.cranberrycon .title2 {
		font-size:50px !important;
			padding:3px 8px !important;
		text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 7px !important;
		background-color:rgba(255,255,255,0.20) !important;
	}
	
	.cranberrycon .hwi_intro {
		transform: scale(0.9) !important;
		left:0 !important;
		margin-left:10px !important;
		width:100% !important
	}
	
	.cranberrycon .title1 {
		padding:3px 8px !important;
		font-size:20px !important;
		text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 7px !important;

	}.cranberrycon .title3 {
		padding:3px 8px !important;
		text-align: left !important;
		font-size:20px !important;

	}
.cranberrycon .title2 {
		padding:3px 8px !important;
		font-size:40px !important;
		text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 7px !important;

	}
	.cranberrycon .title_txt {
		font-size:15px !important;
			padding:3px 8px !important;
		text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px !important;
		background-color:rgba(255,255,255,0.20) !important;
		margin-top:0 !important;
	}
	.heropackshot {
		position:inherit !important;
		width:90% !important;
		height:auto !important;
		margin-left:5% !important;
		right:inherit !important
	}
	
	#naehrwerttabelle {
		width:100% !important}
	
	.herovegan,.herocran,.herotaeglich,.heropac {
		position: inherit !important;
		right:inherit !important;
		top:inherit!important;
	}
	
	.links ,.rechts ,.sigwerte{
		width:100% !important
	}
	
	.links img, .rechts img {
		margin-bottom:30px !important
	}
	.herocran {float:right; margin-bottom:25px !important;z-index: 0; padding-bottom:20px!important }

	.veganright, .infoboxvegan, .naehrwerterchts{
		width:100% !important
	}
.vegancontainer {
	padding-left:5% !important;
	padding-right:5%!important
}

.producttitle1, .producttitle1-2 {
font-size: 40px !important;
}

	._XYpnGK3r--inside {
		width:100% !important
	}

}

@media (max-width: 450px) {
	.hwi_intro {
		transform: scale(1) !important;
		margin-left:25px !important;
		
	}

}
.urofortemain {float: right !important;
width: 40% !important;
height: auto !important;
margin-left: 5% !important;
} 

@media (max-width: 900px) {
	.symptom {
width: 100% !important;
float: left !important;
padding-bottom: 50px !important;
padding-top: 35px !important;
margin-right: 0% !important;
}
	.floattext50 {
	width:100% !important;
	margin:0 !important;
	float:left;
	padding-bottom:50px !important;
}
.floattext50:nth-child(odd) {
	width:100% !important;
	margin:0  !important;
	float:left;
	padding-bottom:50px !important;
}
}
@media (max-width:800px) {
	
.urofortemain {float: none !important;
width: 60% !important;
height: auto !important;
margin-left: 20% !important;
	amrgin-right:20%;
} 
}
@media (max-width:650px) {
	#hero {
		margin-top:65px !important;
		
	}
	.urofortemain {float: none !important;
width: 80% !important;
height: auto !important;
margin-left: 10% !important;
	amrgin-right:10%;
} 
	
	main {
width: 95% !important;
margin-left: 2.5% !important;
margin-right: 2.5% !important;
}
.textleftsmall {
width: 100% !important;
float: none !important;
padding: 15px 30px 15px 30px !important;
box-sizing: border-box;
}
	.infobox_small {
width: 90% !important;
margin-top: 0px;
		margin-bottom:40px !important;
		margin-left:5% !important;
float: inherit !important;
background-color: rgba(174,22,64,0.10) !important;
padding: 15px 30px 15px 30px !important;
box-sizing: border-box;
}
	h2, h3 {
font-family: 'regular', sans-serif !important;
font-size: 18px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
line-height: 1.25!important;
margin-top: -6px !important;
}
	.section_headlines {
font-family: 'bold', sans-serif !important;
font-size: 30px!important;
color: rgb(174, 22, 64)!important;
letter-spacing: 1px!important;
text-align: left!important;
font-weight: 400!important;
margin-top: -6px !important;
}
	.leftcolumn {
		float:none !important;
	}
	.testmusterimg {
width: 90% !important;
margin-left: 5%!important;
float: inherit !important;
}
	.introinner h2, #chronoform-testmuster h2 {
font-size: 30px !important;
padding-bottom: 0 !important;
}
}

@media (max-width:700px) {
		h1.gesunde {
		font-size:35px !important;
			margin-top:0 !important
	}

	
	.deine {
		font-size:40px
	}
	
	.slogan {
		font-size:20px !important
	}
}

@media (max-width:500px) {
	
	.symptom svg.ecoli {
		width:50% !important;
		margin-right:50% !important
	}
	
	.deine {
		display:none !important
	}
	h1.gesunde {
		font-family: 'bold', sans-serif !important;
	text-transform: uppercase !important;
	margin-top:10px !important;
	text-align: center !important;
	font-size:25px !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	color:rgba(174,22,64,1.00) !important;
     text-shadow:
                -1px -1px 0 #fff,
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                1px 1px 0 #fff,
                -1px 0px 0 #fff,
                1px 0px 0 #fff,
                0px -1px 0 #fff,
                0px 1px 0 #fff !important; 
        
}
	
	.slogan {
		text-shadow: -1px -1px 0 rgba(240,133,137,1.00),
1px -1px 0 rgba(240,133,137,1.00),
-1px 1px 0 rgba(240,133,137,1.00),
1px 1px 0 rgba(240,133,137,1.00),
-1px 0px 0 rgba(240,133,137,1.00),
1px 0px 0 rgba(240,133,137,1.00),
0px -1px 0 rgba(240,133,137,1.00),
0px 1px 0 rgba(240,133,137,1.00);

	}
	
	.tipp img {
		margin-bottom:80px !important
	}
}

@media (max-width:460px) {
	 h1 {
		 font-size:25px !important
	 }
}
@media (max-width:380px) {
	 h1 {
		 font-size:20px !important
	 }
}

 @media (max-width:400px) {
	.nui.checkbox>label {
		display:block !important
	}
	
	 .haufig .frau img, .haufig .mann img {
		 width:80% !important;
		 margin-left:10% !important;
		 margin-right:10% !important;
		 margin-bottom:10px !important;
	 }
	 
	 .haufig .frau p, .haufig .mann p {
		 text-align: center !important
	 }
	 .tipp {
		 padding:15px !important
	 }
	 
	 .tipp h3, .tipp p {
		 text-align:center !important
	 }
	 .tipp img {
		 width:65% !important;
		 margin-left:16.25% !important;
		 margin-right:16.25% !important;
		 margin-bottom:0 !important;
	 }
}


.apotheke main {
	padding-top:50px !important;
	text-align: center !important;
}

.map_left {
	width:100% !important;
	float:left !important;
	height:350px;
	text-align: center;

	}
.map_right {
	width:50% !important;
	float:right !important;
	height:400px;
	padding-top:120px;
	display:none !important;
	}	
	
	.clear {
		width:100%;
		clear:both;
	}
	

	
	.btn-success {
		width:40% !important;
		margin-left:30% !important;
		background-color:#780b5b !important;
		padding:15px 0;
		font-family: 'regular', sans-serif !important;
		box-shadow:none !important;
		font-size:20px !important;
		border:1px solid #fff !important;
		border-radius:0 !important;
		text-shadow: none !important
	}
.btn-success i {
	width:100% !important;
	font-size:35px;
	padding-bottom:10px;
}
	
	.btn-success:hover {
		background-color:#F4D0E1 !important;
	}
	
	.btn-primary {
		width:320px !important;
		background-color:rgba(174,22,64,1.00) !important;
		color:#fff !important;
		padding:8px 15px;
		margin-left:0 !important;
		border:0px solid #fff !important;
		font-family: 'regular', sans-serif !important;
		box-shadow:none !important;
		font-size:16px !important;
		margin-top:10px !important;
				border-radius: 4px !important;
		text-shadow: none !important;
		border-radius:0 !important
	}
	
	.btn-primary:hover {
	color:#fff !important;
		background-color:rgba(174,22,64,0.50) !important;
	}
	
	.map_head {
		font-family: 'boldregular', sans-serif !important;
		box-shadow:none !important;
		font-size:32px !important;
		color:#F4D0E1 !important;
		padding:30px 0 0 30px;
	}
	
		.map_subhead {
		font-family: 'regular', sans-serif !important;
		box-shadow:none !important;
		font-size:18px !important;
		color:#F4D0E1 !important;
		padding:0px 0 0 30px;
	}
	.MicrosoftMap .as_container_search {
		top:218px;
	left:50%;
		margin-left:-145px;
		width:315px !important;
	
}


	.map_left p {
		font-family: 'regular', sans-serif !important;
text-align: center;
		font-size:15px !important;line-height:22px;
		font-weight:400;
		padding:0px 25px 0 30px;
	}
	
	.form-inline {
		padding:0 0 0 30px;
	}
#locationlocator {
	display:none !important
}	

	.inputbox.search-query {
		padding:10px 8px;
		font-family: 'regular', sans-serif !important;
		color:#000 !important;
		background-color:rgba(255,255,255);
		border-radius: 0;
		font-size:15px;
		width:300px !important;
		outline: none;
		border:1px solid rgba(174,22,64,1.00);
	}

#resulttop .resultbar .locationsactive {
	background: #fff !important;
box-shadow:none !important;
border-top: 0px solid #cccccc !important;
}

.mytool {
	margin-top:0 !important;
	padding-top:20px !important
}

#maps .result-count {
	display:none !important
}
	
@media (max-width:1100px) {
	
	.apotheke-logo {
		width:100px !important;
	}
	
	.map_left p {
		padding-right:25px !important;
	}
}


@media (max-width:1000px) {
	
	.apotheke-logo {
		display:none
	}
	
		.btn-success {
		font-size: 20px !important;
		width:60% !important;
		margin-left:20% !important;
	}
	
	.map_right {
		padding-top:150px !important;
	}

	.map_head {
		font-size:33px !important;
	}
	.map_subhead {
		font-size:19px !important;
	}
}

@media (max-width:760px) {
	
	.apotheke-logo {
		display:none
	}
	
	.map_left p {
		padding-right:25px !important;
	}
	
	.btn-success {
		font-size: 20px !important;
		width:60% !important;
		margin-left:20% !important;
	}
	
	.map_right {
		padding-top:150px !important;
	width:100% !important;
	height:250px !important;}
	
	.map_left {
		width:100% !important;
	}
	
	.inputbox.search-query {
	width:90% !important;
		padding:10px 15px !important;
		font-size:16px !important;
		box-sizing: border-box !important;
	}
	
	.btn-primary {
		width:90% !important;}
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (max-width: 700px) {
	.map_head {
		font-family: 'boldregular', sans-serif !important;
		box-shadow:none !important;
		font-size:28px !important;
		color:#F4D0E1 !important;
		padding:0px 30px 0 30px;
	}
	
		.map_subhead {
		font-family: 'boldregular', sans-serif !important;
		box-shadow:none !important;
		font-size:16px !important;
		color:rgba(127,127,127,1.00);
		font-weight:400;
		padding:0px 0 0 0px;
	}
	

	
	.map_left p {
		font-family: 'regular', sans-serif !important;
	text-align: center;
		font-size:14px !important;
		line-height:22px !important;
		color:rgba(127,127,127,1.00);
		font-weight:400;
		padding:0px 25px 0 0px;
	}
	
	.form-inline {
		padding-left:0 !important
	}

}