@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/Roboto-Condensed-Light.woff') format('woff'),
	url('fonts/Roboto-Condensed-Light.woff2') format('woff2'),
	url('fonts/RobotoCondensed-Light.ttf') format('truetype');}

@font-face {
font-family: 'bold';

	font-display: fallback;
src: url('fonts/Roboto-Condensed-Regular.woff') format('woff'),
	url('fonts/Roboto-Condensed-Regular.woff2') format('woff2'),
	url('fonts/RobotoCondensed-Regular.ttf') format('truetype');}

@font-face {
font-family: 'black';

	font-display: fallback;
src: url('fonts/Roboto-Condensed-Bold.woff') format('woff'),
	url('fonts/Roboto-Condensed-Bold.woff2') format('woff2')
	url('fonts/RobotoCondensed-Bold.ttf') format('truetype');}
@font-face {
font-family: 'fine';

	font-display: fallback;
src: url('fonts/finestyle.woff') format('woff'),
	url('fonts/finestyle.woff2') format('woff2');}


  .ui.error.message {
        background-color:rgba(255,215,215,1.00) !important;
        color:#ff0000 !important;
 font-size:18px !important; 
    line-height:30px !important;
    }

.ui.message .list:not(.ui) li {
   font-size:18px !important; 
    line-height:30px !important;
}

a:link, a:visited {
color:rgba(201,1,122,1.00);
text-decoration:none;
}

a:hover, a:active {
color:rgba(201,1,122,1.00);
text-decoration:underline;
}

a.linkgi:link, a.linkgi:visited {
background-color:rgba(201,1,122,1.00) !important;
	color:#fff !important;
	padding:10px 10px 10px 15px !important;
	transition:0.5s !important;
  text-decoration:none;
}
a.linkgi:hover, a.linkgi:active {
	opacity:0.8 !important
}
.linkgi::after {
  

	margin-right:7px !important;
  font-family: 'Font Awesome 6 Pro';
  content: "\f1c1";
  font-size: 20px;
  font-weight:200;
	padding-left:10px !important

}

a.linkapobottom:link, a.linkapobottom:visited {
background-color:rgba(201,1,122,1.00) !important;
	color:#fff !important;
  margin-top:30px;
	padding:10px 10px 10px 15px !important;
	transition:0.5s !important;
  text-decoration:none;
  
font-family: 'bold', sans-serif !important;
  text-transform:uppercase;
}
a.linkapobottom:hover, a.linkapobottom:active {
	opacity:0.8 !important
}

a.linkapobottom img {
  height:30px !important;
  width:auto !important;
  margin-right:10px !important;
}


#testmustertop:link,
#testmustertop:visited {
position:absolute;
top:20px;
right:20px;
padding:10px 15px;
background-color:#C9017A !important;
color:#fff !important;
transition:1s;
text-decoration:none;
}

#testmustertop:hover,
#testmustertop:active {
color:#C9017A !important;
background-color:#fff !important;
}

@media (max-width:670px) {
    
    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        right:0 !important;
        left:inherit !important
    }
}


html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
    height:100%;
        overflow-x:hidden !important
}

body {
    font-family: 'regular', sans-serif;
    color:#000;
    width:100% !important;
	margin:0 !important;
    height:100%;
    font-weight:300;
    
    padding:0 !important
}

strong {
	  font-family: 'bold', sans-serif;
}

header {
   
    position: fixed;
   
    z-index: 100;
    top:0;
    width:100%;
    left:0;
    transition: 0.5s
}

.headerscroll {
     background-color:#fff !important;
     box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.50) !important
}

.headermenu {
     background-color:#fff !important;
    border-bottom:1px solid #ddd !important
}

#hero {
    width:100% !important;
 	position: relative;
    z-index:-1;
    background-image:url("images/femiprotect.jpg");
    background-position: left bottom;
    background-size:contain;
	background-repeat: no-repeat;
    height:85%;
    top:0;
    left:0;
	background-color:#3f1127
}

.gdprlock-placeholder {
	display:none !important
}

#herointro {
 position: absolute;
    top:25%;
    width:40%;
	right:8%;
	
}

 #slogancontent {
 position: absolute;
    top:18%;
    width:30%;
	right:8%;
	
}

.nohero #slogancontent {
	display:none !important
}

#urex,
#urexsvg {
	position: absolute;
    bottom:8%;
    width:10%;
	right:5%;
	
	
}

#herointro img, #slogancontent img {
	width:100%!important
}

#logo {
  
    top:45px;
	left:3%;
    float:left;
    width:18%!important;
    position: fixed;
		transition:1s
    
}

#logo.stickyLogo {
	width:150px !important;
	z-index: 10000;
	top:10px !important;
	left:10px !important;
	transition: 1s !important;
	position: fixed !important
}

#logo img {
    width:100%;
}


nav {

	width:100% !important;
	background-color:#C9017A !important;
	height:41px !important;
	z-index: 1000;
	border-bottom:1px solid #fff;
		transition:1s
    
}

.stickyNav {
	position:fixed !important;
	top:0 !important;
	height:50px !important;
	transition:1s !important
}



nav .dj-megamenu-clean {
	background-color:#C9017A;width:100%!important;
	display: block !important;
		transition:1s

}
.stickyNav .dj-megamenu-clean {
	padding-left:190px !important;
	transition:1s !important
}
nav .dj-megamenu-clean li {
	width:auto !important;
	float:left !important
}

nav .dj-megamenu-clean li a.dj-up_a small.subtitle {
	display:none !important
}

nav .dj-megamenu-clean li a.dj-up_a, nav .dj-megamenu-clean li a.dj-up_a > span {
	height:40px !important;
	text-transform: uppercase;
		transition:1s
}

nav.stickyNav .dj-megamenu-clean li a.dj-up_a, nav.stickyNav .dj-megamenu-clean li a.dj-up_a > span {
	height:49px !important;
	transition:1s
}

nav .dj-megamenu-clean li a.dj-up_a {
	color:#fff !important;
	
	font-family: 'bold', sans-serif;
	transition: 1s;
}

nav .dj-megamenu-clean li:hover a.dj-up_a, nav .dj-megamenu-clean li.hover a.dj-up_a, nav .dj-megamenu-clean li.active a.dj-up_a {
	background-color:#3f1127 !important;
	color:#fff !important
}
nav .dj-megamenu-clean li.active a.dj-up_a {
		background-color:#3f1127  !important;
	color:#fff !important
}

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

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

nav .dj-megamenu-clean li.itemid124, nav .dj-megamenu-clean li.itemid125, nav .dj-megamenu-clean li.itemid161 {
	float:right !important
}

nav .dj-megamenu-clean li.itemid124 {
	margin-right:20px !important
}

.dj-megamenu-clean li.itemid124 a.dj-up_a,.dj-megamenu-clean li.itemid125 a.dj-up_a {
	font-size:27px !important;
	padding:0 5px !important;
	
}

.dj-megamenu-clean li.itemid124 a.dj-up_a:hover,.dj-megamenu-clean li.itemid125 a.dj-up_a:hover {
	background-color:#C9017A !important;
	color:#3F1127 !important
}
.dj-megamenu-clean li.itemid161 a.dj-up_a:hover {


}

.dj-megamenu-clean li.itemid161 img {
	height:30px !important;
}

.hideelement {
    display:none!important
}

.showelement {
    display:block !important
}

.mobile-close-btn {
    display:none;line-height: 1;
padding: 3px 8px !important;
    margin-top:10px !important;
background: #e4e4e4;
color: #434343;
text-align: right;
border-radius: 3px;


}

.dj-megamenu-wrapper.jmoddiv.jmodinside,
.dj-accordion.dj-accordion-light {
    width:100% !important;
}



.itemid113 {
    background-color:rgba(112,34,131,1.00);
    padding:26px 15px;
    transition: 0.3s !important;
    border-bottom:0 !important;
    color:#fff !important
}
.dj-megamenu-clean li.itemid113 a.dj-up_a:hover,
.itemid113 a:hover {
    background-color:#8e6398;
    padding:26px 15px;
        border-bottom:2px solid rgba(142,99,152,1.00)  !important;
}


a:hover {
    cursor:pointer !important
}


#contentarea {
    
    margin:15px auto;
    width:100% !important;
    left:0 !important;
    background-color:#fff !important;
}

.introleft {
    width:98%;
    max-width:1400px;
    margin:0 auto;
    padding:40px 0
    
}

.introleft li::marker {
  color:#C9017A !important;
}

.introleft li {
	padding-bottom:15px !important
}

.introleft img {
    float:left;
	
    width:40%;
}

.introleft .introcontent {
    width:50% !important;
    float:left;
    margin-left:10%;
}

.introleft strong,
.introright strong {
	color:#C9017A !important;
font-size:22px !important}

.introleft p {
    margin-bottom:10px;
    margin-top:15px;
}
.introright, .introright_div {
    width:100%;
	max-width:1400px;
    padding:20px 0 0 0;
    margin:60px auto !important;
}




.introrightinner {
     max-width:1400px;
        width:100%;
 
    margin:0 auto;
}

.introright img {
    float:right;
    margin-right:0%;
    width:40%;
    margin-top:0px;
}

.introright .introcontent {
    width:45% !important;
    float:left;
    margin-right:10%;
	padding-left:5%;
	box-sizing: border-box
}

.introright p {
    margin-bottom:10px;
    margin-top:15px;
	font-size:16px !important;
	line-height:28px !important;
}

.introright ul {
    padding-left:0;
    list-style:square;

}

.introright ul li {
    color:#702283 !important;
    font-size:20px !important;
     font-family: 'bold', sans-serif !important;
    margin-bottom:8px !important;
    list-style-position: inside;

    
}


.clear {
    clear:both;
    width:100%;
	height:1px;
	font-size:0.5px
}

h1,h2 {
    color:#702283;
    font-family: 'bold', sans-serif !important;
    font-size:48px;
    line-height:52px;
    margin-bottom:15px;
    font-weight:200 !important
}


p, li {
 font-size:16px;
    line-height:28px;  
	
}

p.twocolumns {
	
	column-count: 2;
	column-gap: 2%;
}

p.onecolumn {
width:48% !important
}

p.onecolumn2 {
width:65% !important
}


p.onecolumn2right {
width:65% !important;
  text-align:right;
  margin-left:35%;
}

@media (max-width:750px) {
  p.onecolumn {
width:100% !important
}

p.onecolumn2 {
width:100% !important
}

  .nomobile {
    display:none 
  }

p.onecolumn2right {
width:100% !important;
  text-align:right;
  margin-left:0% !important;
}
  p.twocolumns {
	
	column-count: 1 !important;
	column-gap: 0% !important;
}

  .unsere-vaginalflora .headimage {
    background-position: center !important;
  }
}

.readmore:link,
.readmore:visited {
    font-family: 'bold', sans-serif !important;
    font-weight:200;
    background-color:#C9017A !important;
    color:#fff;
    padding:7px 15px;
    font-size:16px !important;
    text-decoration: none;
    transition:0.3s;
	float:right !important;
	transition:1s!important;
	margin-right:50px !important
}

.readmore:hover,
.readmore:active {
    background-color:#3F1127 !important;
}

.readmore::after {
      font-family: 'Font Awesome 6 Pro';
  content: "\f061";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;color:#ffffff;
    padding-left:25px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em;
    padding-right:15px !important;
font-size:15px !important;
}

ul.startlist {
  list-style-position: inside;
  padding-left: 0;
}
ul.startlist li {
  list-style: none;
  position: relative;
  padding-left: 25px;
	padding-bottom:15px !important;
}
ul.startlist li::before {
  position: absolute;
  top: 0; /* half font-size */
  left: 0px;
	margin-right:7px !important;
  font-family: 'Font Awesome 6 Pro';
  content: "\f058";
  font-size: 14px;
  font-weight: 900;
	color:rgba(201,1,122,1.00) !important
}

#productboxes {
	width:100%;
	position:relative;
	height:250px;
	
}
.box {
	width:33.33% !important;
	float:left !important;
	padding:20px;
	box-sizing: border-box;
	color:#fff !important;height:100% !important
		
}

.box strong {
	font-size:18px !important
}

.box1 {
	background-color:#a64678 !important;
}

.box2 {
	background-color:#722b50 !important;
}

.box3 {
	background-color:#3e0f27 !important;
}

.box ul {
  list-style-position: inside;
  padding-left: 0;
}
.box ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
	padding-bottom:15px !important;
}
.box ul li::before {
  position: absolute;
  top: 0; /* half font-size */
  left: 0px;
	margin-right:7px !important;
  font-family: 'Font Awesome 6 Pro';
  content: "\f058";
  font-size: 14px;
  font-weight: 900;
	color:#fff !important
}
button.readmore {
font-family: 'bold', sans-serif !important;
font-weight: 200;
background-color: #702283;
color: #fff;
padding: 15px 25px;
font-size: 20px;
text-decoration: none;
transition: 0.3s;
border-radius: 3px !important;
    outline:none !important;
    border:0 !important

}


.rsform-submit-button {
    font-family: 'bold', sans-serif !important;
    font-weight:200;
    background-color:#fff !important;
    color:#C9017A !important;
    padding:15px 15px !important;
text-shadow:none !important;
    font-size:16px !important;
    text-decoration: none;
    transition:0.3s;
	float:right !important;
	transition:1s!important;
	margin-right:50px !important;
float:right !important;
border:none !important;
outline: none !important;
}

.rsform-submit-button:hover {
    background-color:#3F1127 !important;
}

.rsform-submit-button::after {
      font-family: 'Font Awesome 6 Pro';
  content: "\f061";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400; color:#C9017A !important;
    padding-left:25px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em;
    padding-right:15px !important;
font-size:15px !important;
}

#risikofaktoren {
    width:100% !important;
    position: relative;

    padding-bottom:60px;
    border-bottom:1px solid #ccc;
    margin-bottom:60px;
}

#risikofaktoren .balken {
    height:40px !important;
    background-color:rgba(112,34,131,1.00);
    position: absolute;
    width:100%;
    top:50%;
    margin-top:-40px !important;
    z-index: 0;
}

.risikofaktoreninner {
    width:100%;
    max-width:1200px;
    margin:0 auto !important;
    z-index: 1;
    position: relative;
}

.risikofaktoreninner ul {
    list-style:none;
    padding:0!important;
}

.risikofaktoreninner ul li {
    width:18% !important;
    margin:0 7.5%;
    float:left;
    text-align: left;
    
}
.risikofaktoreninner p {
    margin:5px 0 !important
}

.risikofaktoreninner img {
    border-radius:50%;
    border:4px solid rgba(112,34,131,1.00);
    transition: 0.5s;
    width:130px;
}
 .risikofaktoreninner h2 {
    
    margin-bottom:50px;
}
.risikofaktoreninner svg {
    width:120px;
    height:120px;
}

.risk4 img {
    transition:0.3s !important;
}

.risk4 .mod-articles-category-title:hover img {
	content:url("images/akute_beschwerden-2.svg");
}

.risk5 .mod-articles-category-title:hover img  {
	content:url("images/stress-2.svg");
}
.risk6 .mod-articles-category-title:hover img  {
	content:url("images/ueppiges_essen-2.svg");
}


#apotheke_inner iframe {
    overflow: hidden !important;
    height:440px !important
 
}

#testmuster iframe {
    overflow: hidden !important;
  height:800px !important;
	 width:100% !important;
    border:none !important;
    outline: none !important;
 
}

#testmusterbox {
	width:50% !important;
	float:left !important;
	height:440px !important;
	background-color:rgba(246,212,229,1.00) !important;
	padding:35px !important;
	box-sizing: border-box !important;
}

#testmusterbox h3, .exkurs h3, h3 {
font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 35px !important;
color:rgba(201,1,122,1.00)  !important;
font-weight: 400;
margin-top: 45px;
padding: 0px 0 0 0px;
margin-bottom: 15px !important;
}

.landingpage h1,.landingpage h2 {
    color:rgba(201,1,122,1.00) !important;
    font-family: 'bold2', sans-serif !important;
    font-size:35px;
    line-height:45px;
    margin-bottom:0px !important;
    font-weight:400 !important;
	text-align: center !important;
}

.landingpage h3 {
    color:rgba(201,1,122,1.00) !important;
    font-family: 'bold', sans-serif !important;
    font-size:25px;
    line-height:35px;
    margin-bottom:15px;
    font-weight:200 !important;
	margin-top:0 !important;
		text-align: center !important;
}


.rsfp_thankyou_popup_inner {
color:#fff !important;
background-color:#C9017A !important
}

.rsfp_thankou_popup_close_btn {
color:#fff !important;
	top:0 !important
}

.rsfp_thankyou_popup_outer {
background:rgba(246, 212, 229, 0.6) !important;
}

.rsform-block-intro h2,
.rsfp_thankyou_popup_inner h2 {
font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 35px !important;
color:#fff  !important;
font-weight: 400;
padding: 0px 0 0 0px;
margin-bottom: 15px !important;
}

#testmusterbox img {
	float:right !important;
	width:50% !important;
	height:auto !important;
}

#testmusterbox .readmore {
	float:left !important
}


.ba__title,
.mod-articles-category-title .title,
.ba__description div p strong {
    text-transform: uppercase;
    font-family: 'bold', sans-serif !important;
font-size:20px !important;
    font-weight:200 !important;
color:#702283!important;
margin:15px 0 0 0 !important;
line-height:30px !important}

.carousel-item-inside:hover .ba__title,
.mod-articles-category-title:hover .title,
.carousel-item-inside:hover .ba__description div p strong{
      color:#8e6398 !important;
}
.ba__title,
.mod-articles-category-title:link,
.mod-articles-category-title:visited {
    color:#000;
    text-decoration: none;
    transition:0.3s;

}

.ba__carousel-item a {
    text-decoration:none !important
}
.ba__title:hover,
.mod-articles-category-title:hover,
.mod-articles-category-title:active,
.mod-articles-category-title:hover img,
.mod-articles-category-title:active img{
    color:#8e6398;
    text-decoration: none;
    border-color:#8e6398 !important
}

#themen {
	width:100% !important;
background: rgb(142,17,109);
background: radial-gradient(circle, rgba(142,17,109,1) 0%, rgba(71,25,48,1) 100%);
margin-top:50px !important;
	padding:45px !important;
	box-sizing: border-box !important
}


#themen h1 {

font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 45px !important;
color:rgba(246,212,229,1.00) !important;
font-weight: 400;

padding: 0px 0 0 0px;
margin-bottom: 35px !important;
	text-align: center !important;

}

.thema {
	width:25% !important;
	padding:0 35px !important;
	float:left !important;
	box-sizing: border-box;
	text-align: center!important
	
}

.thema img {
	width:50% !important;
	height:auto !important;
	transition:1s !important
}

.thema p {
transition:1s !important
}

.thema a:link,
.thema a:visited {
	color:#fff !important;
	text-decoration: none !important;
	transition:1s !important
}
.thema a:hover,
.thema a:active {
	color:#fff !important;
	text-decoration: none !important;
	opacity: 0.7 !important
}
.thema a:link strong,
.thema a:visited strong {
	color:rgba(246,212,229,1.00) !important;
font-size:18px !important;
transition:1s !important} 

.thema a:hover strong,
.thema a:active strong,
.thema a:hover img,
.thema a:active img,
.thema a:hover p,
.thema a:active p  {
transition:1s !important;
	opacity: 0.7 !important
}

#starttext {
	margin:85px auto 100px auto;
max-width:1200px!important;
width:95% !important;
text-align: left;}

#starttext h1 {
margin-top:0;
font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 45px;
color:rgba(201,1,122,1.00) !important;
font-weight: 400;

padding: 0px 0 0 0px;
margin-bottom: 15px !important;
	text-align: left !important;

}
#starttext h2 {
margin-top:0;
font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 30px !important;
color:rgba(201,1,122,1.00) !important;
font-weight: 400;

padding: 0px 0 0 0px;
margin-bottom: 15px !important;
	text-align: left !important;

}

.floatright {
	float:right !important
}
.floatleft {
	float:left !important
}

#vaginalbiom {
	width:48% !important;
	float:left !important;
	height:auto !important;
	margin-right:2% !important;
	font-size:13px !important
}

#leaky {
	width:48% !important;
	float:right !important;
	height:auto !important;
	margin-left:2% !important;
	font-size:13px !important;
	text-align:center !important;
}


#vaginalbiom img { 
width:100% !important;
height:auto !important}
#leaky img{ 
width:80% !important;
height:auto !important}

#leaky span,
#vaginalbiom span {
	color:#3B3B3F !important;
	text-align: center !important;
	font-size:13px !important;
	line-height:18px !important;
	padding-top:15px !important;
}

#wissenswertes {
        border-bottom:1px solid #ccc !important;
    padding-bottom:60px;
    margin-bottom:60px;
}

#wissenswertesinner {
    width:1200px;max-width:90%;
    margin:0px auto 0px auto !important;

}

.mx-news-3 .shownews-item:hover {
    box-shadow:none !important
}

.mx-news-3 .shownews-item:hover .shownews-img:before {
    background:transparent !important;
    opacity: 0.0 !important;
}

.mx-news-3 .shownews-item .shownews-img:before {
    display:none !important
}


.owl-carousel .owl-nav .owl-next {
    background:none !important;
    right:40px !important;
    
}

.owl-carousel .owl-nav .owl-prev {
    background:none !important;
    left:40px !important;
    
}
.owl-carousel .owl-nav .owl-next:after {
      font-family: 'Font Awesome 6 Pro';
  content: "\f054";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;color:#ffffff;
    padding-left:5px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em;
    padding-right:15px !important;
font-size:35px !important}
.owl-carousel .owl-nav .owl-prev:after {
      font-family: 'Font Awesome 6 Pro';
  content: "\f053";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;color:#ffffff;
    padding-left:5px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em;
    padding-right:15px !important;
font-size:35px !important}
/* Also needed for space (tweak if needed) */
  /* Also needed for space (tweak if needed) */
    .nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next {
        border:none !important
    }



.weiterreadmore {
    color:#000 !important;
    text-decoration: none !important
}


.weiterreadmore {
    font-weight:400 !important;
    font-size:18px !important
}

.weiterlink:active .weiterreadmore, .weiterlink:hover .weiterreadmore {
    color:#8E6398 !important
}

.weiterreadmore span:after {
    font-family: 'Font Awesome 6 Pro';
  content: "\f178";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;color:rgba(112,34,131,1.00);
    padding-left:5px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em;
/* Also needed for space (tweak if needed) */
  /* Also needed for space (tweak if needed) */
}
.weiterlink:link h2.shownews-title,
.weiterlink:visited h2.shownews-title,
.mod-articles-category-title .title,
.items-row h2 a:link,
.items-row h2 a:visited
{text-decoration: none !important;
    text-transform: uppercase;
    font-family: 'bold', sans-serif !important;
font-size:16px !important;
    font-weight:200 !important;
color:#702283 !important;
margin:15px 0 0 0 !important;
line-height:28px !important;
text-decoration: none !important}

.mx-news-3 a {
    text-decoration:none !important;
}

.shownews-img {
    margin-bottom:25px !important
}

.shownews-desc p {
font-size: 16px;
margin: 10px 0 15px 0 !important;
}


.readmore .btn {
    color:#000 !important;
    text-decoration: none !important
}




.mx-news-3 a p {
    color:#000 !important
}


.weiterlink:active h2.shownews-title,
.weiterlink:hover h2.shownews-title {
    
    color:#8e6398 !important
    
}

.shownews-desc {
    padding:0 !important
}

.mx-news-3 .shownews-item {
    border:none !Important
}


@media (min-width:575px) {
.wissenswertesinner ul li {
    width:23% !important;
    margin:0 1.5%;
    float:Left !important;
}

.ba__carousel-item,
    .wissenswertesinner ul li {
    margin:0 1.5% 0 0 !important;
    float:Left !important;
}
.wissenswertesinner ul li:last-child {
    width:23%;
    margin:0 0 0 1.5%;
    float:Left !important;
}
}
.baCarouselWrap .ba__arrow {
    background-color:rgba(255,255,255,0.70) !important;font-size:30px !important;color:#702283 !important;
}

.baCarouselWrap .ba__arrow:hover {
    color:#8E6398 !important;
}
@media (max-width:575px) {
    
    .ba__image {
    width:100% !important;
    height:calc(width) !important
    }
    

    }

.wissenswertesinner ul li img {
    width:100% !important
}

.wissenswertes-introtext {
    color:#000 !important;
    
    margin:8px 0 !important;
    
}



.ba__description {
    max-width:400px !important
}
.ba__description p {
    font-size:20px;
    margin:10px 0 15px 0 !important
}

.ba__image {
    margin-bottom:15px !important
}

.baCarouselWrap .ba__title {
    padding:0 !important
}

.moreitems {
    text-align:center !important;
    margin-top:30px !important;
    
}
.testmustermenu, #socialmobile {
	display:none !important
}

p.ba-readmore,
.risiko-readmore {
    font-weight:400 !important;
    font-size:16px !important
}
.carousel-item-inside:hover p.risiko-readmore,
p.risiko-readmore a:hover {
    color:#8E6398 !important
}

.ba-readmore::after,
.risiko-readmore::after {
    font-family: 'Font Awesome 6 Pro';
  content: "\f178";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;color:rgba(112,34,131,1.00);
    padding-left:5px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em;
/* Also needed for space (tweak if needed) */
  /* Also needed for space (tweak if needed) */
}

#apotheke {
    width:100%;
 
display:none !important;
    box-sizing: border-box;
	float:left !important;
}



footer {
	clear:both !important;
	width:100% !important;
	text-align: center;border-bottom:1px solid #A61680 !important;border-top:1px solid #A61680 !important;
	
}

footer img {
	height:25px;
	float:left;
	margin:30px 15px 20px 15px;
}

#kwizdalogo {
	width:100px !important;
	height:auto !important;
	margin:20px 15px !important; 
	float:left;
}
#partner {
	width:230px !important;
	height:auto !important;
	margin:20px 15px !important; 
	float:left;
}

#bottomlinks {
	text-align:right;
	float:right;
			font-family: 'regular', sans-serif !important;
	margin:35px 15px 20px 15px;
}

#bottomlinks a:link, #bottomlinks a:visited {
			font-family: 'regular', sans-serif !important;
	font-size:15px !important;
	color:rgba(201,1,122,1.00) !important;
text-decoration:none;
}

#bottomlinks a:hover, #bottomlinks a:active {
			font-family: 'regular', sans-serif !important;
	font-size:15px !important;
	color:#999 !important;
text-decoration:none;
}

#hinweis_arzt {
	font-family: 'regular', sans-serif !important;
	font-size:14px !important;
	color:#999 !important;
text-decoration:none;	margin:10px 0 0 0;
	text-align: center;
box-sizing: border-box;
margin:0 auto !important;
	padding-top:25px !important;
	width:50% !important

	
}


.references {
    width:100%;
   box-sizing:border-box;
    margin:0 auto;
    font-size:12px;
    color:#999;
    padding:10px 25px !important
}
.references p {
        font-size:12px;
    color:#999;
    line-height:14px;
    text-align: justify;
    margin:2px 0;
}
.references a:link,
.references a:visited {
    color:#666;
}
#testmuster {
    background-color:rgba(112,34,131,1.00); 
    width:100%;
    max-width:800px;
    position: fixed;
    left:50%;
    top:50%;
    margin: -400px 0 0 -400px;
    z-index: 10001;
    box-sizing: border-box !important; display:none;
}

.testmuster-anfordern #testmuster {
	display:block
}

.testmuster-anfordern #testmusteroverlay {
	display:block
}

@media (max-height:800px) {

#testmuster {
 max-height:100% !important;
    top:0 !important;
    margin-top:0 !important;
    overflow:scroll !important
}
}

.close {
    width:100% !important;
    text-align: right !important;
    color:#fff;
    font-size:30px;
    padding:20px;
    box-sizing:border-box;
    position: absolute;
    right:0;
    top:0;
}

#testmusteroverlay {
    background-color:rgba(0,0,0,0.70);
    position: fixed;
    width:100%;
    height:100%;
    z-index: 10000;
    top:0;
    left:0;
   display:none
}

#testmuster h2 {
    color:#fff;
    font-size:45px !important;
    line-height:50px !important;
    padding:50px 0 15px 50px;
    margin-top:0 !important
  
}

#testmuster .formular {
    width:60%;
    float:left;
    padding:0px 0 40px 50px;
    box-sizing: border-box
}

#testmuster .formular .field {
    width:44% !important;
    float:left !important;
    box-sizing:inherit !important;
    clear:inherit !important;
    margin-right:3%;
    
}

#testmuster .formular .field.nachname,
#testmuster .formular .field.strasse {
    width:91.5%!important
}

#testmuster .formular .field input{
    border-radius:0 !important;
    padding:5px 8px !important;
    min-height:29px !important;
    font-family: 'regular', sans-serif !important;
}

#testmuster .formular .ui.form .grouped.fields>label {
    width:100% !important;
    float:none !important;
    color:#fff !important;
    clear:both !important;
  	display:block !important;
    padding-top:10px !important;
  
    
}


.ui.selection.dropdown{
    border-radius:0 !important;
    padding:0px 8px !important;
    min-height:29px !important;
    font-family: 'regular', sans-serif !important;
}
.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon {
    top:5px !important
}

.ui.dropdown>.text {
    padding-top:5px !important
}

.field.required.error input {
    border:1px solid #ff000 !important;
    background-color:rgba(209,10,17,0.30) !important;
    font-family: 'regular', sans-serif !important;
}
.ui.form .field .prompt.label {
    display:none !important
}

.ui.form .field>label, .ui.checkbox input.hidden+label {
    color:#fff !important;
    font-weight:200 !important;
    font-size:12px !important;
}

.ui.checkbox input.hidden+label a {
    color:#fff !important;
    text-decoration: underline !important
}

.ui.form .required.field>.checkbox:after, .ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>label:after {
    color:#fff !important
}

#testmuster img {
    width:30% !important;
    margin-bottom:100px !important;
    float:right;
    margin-right:5% !important
}

#testmuster small {
    color:#fff !important;
}

.ui.message.success {
    background-color:#702283 !important;
    border: none !Important;
    padding:0 !important;
    color:#fff !important;
    box-shadow:none !important
}

.ui.green.button, .ui.green.buttons .button {
    background-color:rgba(112,34,131,1.00) !important;
    border:1px solid #fff !important;
    border-radius:0 !important;
    font-family: 'bold', sans-serif !important;
    margin-top:10px !important;
    margin-bottom:50px !important; 
    transition: 0.5s !important;
    font-size:16px !important;
    font-weight:200 !important;
}

.ui.green.button::after {
    font-family: 'Font Awesome 6 Pro';
  content: "\f178";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight:400;
    padding-left:20px;
    padding-right:10px;/* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em;
}

.ui.green.button:hover {
    color:#702283 !important;
    background-color: #fff !important;
}

.formError, .formRed {
  font-family: 'regular', sans-serif !important;
color:#f1c6dc !important;
font-weight:normal !important;
}

.formResponsive .formHorizontal .formControlLabel {
width:0 !important;
}
.formResponsive .formHorizontal .formControls {
width:100% !important;
margin-left:inherit !important;
}

.formResponsive .formHorizontal .formControls input {
width:90% !important;
padding:8px !important
}
.formResponsive .formHorizontal .rsform-block-datenschutz .formControls {
float:left !important;
margin-left:0 !important;
width:auto !important;
}

.formResponsive .formHorizontal .rsform-block-datenschutz .formControlLabel {
width:auto !important;
float:inherit !important;

text-align:left !important;
}
.formResponsive .formHorizontal p.formDescription {
margin-top:0 !important
}
.formResponsive .formHorizontal textarea {
width:90% !important;
}

.fp-toggler {
transform: scale(0.8) !important;
}

#socialmobile {
display:none;
}

.relink {
	
	float:left;
	margin-left:15%;
}
.relink2 {

	float:right;
	margin-right:16%;
}



@media (max-width: 1350px) {

#logo {
width:22% !important;
}

#urex,#urexsvg {
width:13% !important;
}

#testmustertop {
padding:5px 10px !important;
font-size:16px !important
}

.thema {
padding:0 15px !important
}
#themen {
padding:25px !important
}
}

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

.stickyNav .dj-megamenu-clean {
padding-left:170px !important
}


	.dj-megamenu-offcanvas-overlay:after {
		z-index: 1000002 !important;
	
		background-color:rgba(255,255,255,0.6) !important;
		top:0 !important;
		left:0 !important
	}
	.dj-offcanvas-light {
		z-index: 1000003 !important;
		background-color:#C9017A !important
	}
	.dj-offcanvas-light .dj-offcanvas-top {
		background-color:#C9017A !important}
	ul.dj-mobile-light li.dj-mobileitem a {
		font-size:18px
	}
	
	ul.dj-mobile-light li.dj-mobileitem a .name {
	font-family: 'regular', sans-serif !important;
		color:#fff !important;
		
	}
	ul.dj-mobile-light li.dj-mobileitem a .subtitle {
	font-family: 'regular', sans-serif !important;
		font-size:13px !important;
		line-height:22px;
		color:rgba(0,0,0,1.00) !important
		
	}
	ul.dj-mobile-light li.dj-mobileitem>a {
		background-color:#C9017A !important;
		border-top:#fff !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
		background-color:rgba(246,212,229,1.00) !important;
		color:#C9017A !important
	}
	ul.dj-mobile-light li.dj-mobileitem:hover>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem:hover>a .name,
	ul.dj-mobile-light li.dj-mobileitem.active>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem.active>a .name {
		color:#C9017A !important
	}
	
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before {
		color:rgba(126,165,44,1.00)}
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before {
		color:rgba(255,255,255,1.00)
	}

.dj-offcanvas-light .dj-offcanvas-close-btn {
color:#fff !important
}

.dj-mobileitem.itemid-124,
.dj-mobileitem.itemid-125 {
width:50% !important;
text-align:center !important;
float:left !important;
color:#fff !important;
font-size:40px !important;
}
ul.dj-mobile-light li.dj-mobileitem.itemid-124 a,
ul.dj-mobile-light li.dj-mobileitem.itemid-125 a {
color:#fff !important;
font-size:35px !important;
}
ul.dj-mobile-light li.dj-mobileitem.itemid-124 a:hover,
ul.dj-mobile-light li.dj-mobileitem.itemid-125 a:hover {
color:rgba(246,212,229,1.00) !important;
font-size:35px !important;
background:none !important;
}

nav {
height:48px !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 {
background-color:#C9017A !important;
color:#fff !important;
}

.dj-offcanvas-light .dj-offcanvas-logo img {
max-width:80% !important;
}

	#slogancontent {
		display:none !important
	}

	#starttext {
		margin-top:45px !important
	}

#socialmobile {
display:block !important;
float:right !important;
	top:2px !important;
	position: fixed !important;
	right:0 !important

}

#socialmobile a {
color:#fff !important;
font-size:30px !important;
margin-right:10px !important;

}
#socialmobile .apofinden img {
  height:27px !important;
  width:auto !important;
  margin-top:-3px !important;
}

.introright .introcontent{
width:50% !important;
margin-right:5% !important;
}

.introleft .introcontent{
width:50% !important;
margin-left:5% !important;
}
.readmore:link, .readmore:visited {
margin-right:25px !important;
}

	#themen h1, #starttext h2, #starttext h1 {
		font-size:35px !important;
		font-weight:normal !important
	}
	
	.thema {
width: 50% !important;
padding: 0 35px !important;
float: left !important;
box-sizing: border-box;
text-align: center!important;
		margin-bottom:40px !important
}
	
	.thema img {
		width:40% !important
	}
	
	#themen {
padding: 25px !important;
		padding-bottom:0 !important
}
	
	#testmusterbox img {
		width:80% !important;
		float:none !important;
		margin-right:20% !important
	}
	#testmusterbox h3, h3 {
font-family: 'bold', sans-serif !important;
box-shadow: none !important;
font-size: 28px !important;
color: rgba(201,1,122,1.00)  !important;
font-weight: 400;
margin-top: 27px;
padding: 0px 0 0 0px;
margin-bottom: 15px !important;
}
	
	#testmusterbox .readmore {
		float:right !important
	}
	
}


@media (max-width:800px) {
	
	.testmustermenu {
		display:inherit !important
	}
	
	.dj-megamenu-wrapper {
width:50%;
float:left;
}
	
	.introleft, .introright {
		text-align:center !important
	}
	.introleft img, .introright img {
		width:80% !important;
		float:none !important;
		margin:0 auto !important
	}
	.introleft .introcontent, .introright .introcontent {
		width:100% !important;
		text-align: left !important;
		float:none !important;
		margin:0 !important;
		padding:5% !important;
		box-sizing: border-box !important
	}
	#apotheke, #testmusterbox {
width: 100% !important;
box-sizing: border-box !important;
float: none !important;
}
	#testmusterbox img {
float: right !important;
width: 50% !important;
		margin-right:5% !important;
height: auto !important;
}
	
	#testmusterbox {
		height:auto !important}

	#hinweis_arzt {

width: 100% !important;
clear:both !important;
	padding:0 0 20px 0 !important}
	
}

@media (max-width:600px) {
	#hero {
width: 100% !important;
position: relative;
z-index: -1;
background-image: url("images/femiprotect-mobile.jpg");
background-position: left bottom;
background-size: cover;
background-repeat: no-repeat;
height: 85%;
top: 0;
left: 0;
background-color: #3f1127;
}
	
	#testmustertop {
		display:none !important}
	
	#logo {
		width:80% !important;
	left:10% !important;
	top:15px !important}
	
	
	
	#herointro, #slogancontent {
position: fixed !important;
top: 70px !important;
width: 70%;
right: 15%;
		height:auto !important;
		box-sizing: inherit !important;
		
}
	.landingpage #herointro {
position: absolute !important;
top: 70px !important;
width: 70%;
right: 15%;
		height:auto !important;
		box-sizing: inherit !important;
		display: block !important
}
	.hidehero {
		opacity: 0 !important
	}
	#urex, #urexsvg {
width: 27% !important;
}
	
		.introleft, .introright {
		text-align:center !important;
			margin-top:0 !important
	}
	.introleft img {
		width:100% !important;
		float:none !important;
		margin:0 auto !important
	}
	.introright img {
		width:80% !important;
		float:none !important;
		margin:0 auto !important
	}
	.introleft .introcontent, .introright .introcontent {
		width:100% !important;
		text-align: left !important;
		float:none !important;
		margin:0 !important;
		padding:5% !important;
		box-sizing: border-box !important
	}
	
	.introleft strong, .introright strong {
color: #C9017A !important;
font-size: 18px !important;
}
	
	body, .readmore:link, .readmore:visited {
		font-size:14px !important
	}
	
	.readmore:link, .readmore:visited {
		margin-right:0 !important
	}
	#themen h1, #starttext h1 {
font-size: 35px !important;
font-weight: normal !important;
		line-height:35px !important
}	
	
	#starttext h2 {
font-size: 27px !important;
font-weight: normal !important;
		line-height:35px !important
}
	
	.thema {
		width:100% !important;
		padding:8px !important
	}
		#apotheke_inner iframe {
overflow: hidden !important;
height: 300px !important;
}
	
	#testmusterbox h3, h3 {
box-shadow: none !important;
font-size: 25px !important;
		font-weight:normal !important;
		margin-top:0 !important
}
	
	#testmusterbox img {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
}
	footer img {
		max-width:65% !important;
		float:none !important;
		margin:15px 2.5% 0 2.5% !important;
	}
	#kwizdalogo {
		width:25% !important;
		float:left !important;
		margin:15px 2.5% 0 2.5% !important;
	}
	
	#bottomlinks {
		width:100% !important;
		text-align: center !important;
		margin:0 !important;
		margin-top:15px !important
	}
	
	#hinweis_arzt {
		padding-bottom:50px !important;
		padding-top:15px !important
	}
	
	.formResponsive .formHorizontal .rsform-block-datenschutz .formControlLabel {
width: 70% !important;
float: right !important;
text-align: left !important;
} 
	.rsform-submit-button {
		margin-right:0 !important;
		width:100% !important
	}
	
}
.eb-1.eb-inst,
.eb-1 .eb-dialog {
	z-index: 10000004 !important
}



@media (max-width:300px) {
	.socialmoblitoggle {
		opacity: 0 !important
	}
}

#estrogen {
width:100% !important;
max-width:850px !important;
height:auto !important;
}

.wf_caption {
color:#666 !important;
font-size:15px !important
}

.exkurs {
width: 100% !important;
float: left !important;
background-color: rgba(246,212,229,1.00) !important;
padding: 25px 25px 15px 25px !important;
box-sizing: border-box !important;
margin:40px auto !important;
text-align:left;

}

.goodtoknow {
width: 48% !important;
background-color: rgba(246,212,229,1.00) !important;
padding: 25px 25px 15px 0px !important;
box-sizing: border-box !important;
margin:0 auto 0px auto !important;
text-align:left;
	float:right

}
.exkurs h3 {
margin-top:0 !important
}

#erneut {
width:30% !important;
float:left !important;
height:auto;
margin-right:0%;
	margin-bottom:50px !important
}

.tipp {
	width:48% !important;
	float:left !important;
	padding:15px 25px 15px 0px !important;
	box-sizing: border-box;
text-align:left !important;
	margin-right:2% !important;
}

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

.tipp h3 {
	margin-top:0 !important;
color:#c9017a;
font-family: 'bold', sans-serif !important;
	font-size:20px !important;

}

.tipps {
padding-top:50px !important;
padding-bottom:10px !important;
clear:both;
}

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

.contentlist {
  display: inline-block;
  text-align: left;
list-style-type: square;
}

li::marker {
color: #C9017A !important;

}

li {
padding-bottom: 0px !important;
text-align:left !important
}

#femibox {
float:right;
	width:50% !important;
	margin-top:-60px !important;
	margin-bottom:25px !important
}

#urexcontainer {
	padding:4% !important;
	width:100% !important;
	box-sizing: border-box !important;
	background: rgb(166,70,120);
background: linear-gradient(90deg, rgba(166,70,120,1) 0%, rgba(62,15,39,1) 100%);
}

#urexvagina {
	float:left !important;
	width:30% !important;
margin-right:4%!important}

#urexcontainer .floatright {
	width:65% !important;
	float:right !important
	
	
}
#urexcontainer p,
#urexcontainer h2,
#urexcontainer li {
	color:#fff !important
}

.headimage {
	width:100% !important;
	height:550px !important;
	background-image: url("images/hero1.jpg") !important;
	background-position: center;
	background-size:cover !important
}

@media (max-width:1050px) {

		
	#logo.stickyLogo {
left:10px !important;
}
}
@media (max-width:1020px) {


	
	#logo.stickyLogo {
left:60px !important;
}
}

@media (max-width:950px) {
	.tipp {
		width:70% !important;
		margin-left:15% !important;
		margin-right:15% !important;
	}
	
	.readmore:link, .readmore:visited {
		float:none !important;
		padding:15px !important;
		margin-bottom:65px !important
	}
	
	#hinweis_arzt {
		width:100% !important;
		padding-top:10px !important;
		padding-bottom:15px !important
	}
	
	#bottomlinks {
		float:none !important;
		width:100% !important;
		text-align: center !important;
		margin:5px 0 !important
	}
	
	footer {
		text-align:center !important
	}
	
	footer img {
		float:none !important;
	}
	

}

@media (max-width:700px) {

.ueber-femiprotect .headimage {
background-image: url("images/hero-product-mobile.jpg") !important;
background-position: center;
background-size: cover !important;
  max-height:400px !important
}
  
#femibox {
  width:80% !important;
  margin:15px 10% !important;
  float:none !important;
}
  
	

  
	p.onecolumn {
width: 100% !important;
}
	
	.goodtoknow {
width: 100% !important;
background-color: rgba(246,212,229,1.00) !important;
padding: 10px 10px 10px 10px !important;
box-sizing: border-box !important;
margin: 0 auto 0px auto !important;
text-align: left;
float: none !important;
}
	#erneut {
width: 50% !important;
float: none !important;
height: auto;
margin-left:25%;
margin-right:25%;
margin-bottom: 0px !important;
}
	
	#vaginalbiom, #leaky {
width: 100% !important;
float: none !important;
height: auto !important;
margin-right: 0% !important;
font-size: 13px !important;
}

  #leaky img {
    margin-bottom:50px !important;
  }
	

	

	
	p.twocolumns {
			
	column-count: 1;
	column-gap: 2%;
	}
}

@media (max-width:600px) {
	#testmuster iframe {
    overflow: hidden !important;
  height:100% !important;
	 width:100% !important;
    border:none !important;
    outline: none !important;
 
}
	
	#logo {
		width:70% !important;
		left:15% !important;
		top:55px !important;
position: absolute !important
		
	}
	
	#herointro {
		display:none !important
	}
	#femibox {
		width:100% !important;
		margin-bottom:40px !important;
		margin-top:0 !important;
		float:none !important
	}
	
	.box {
width: 100% !important;
float: none !important;
padding: 20px;
box-sizing: border-box;
color: #fff !important;
height: auto !important;
}
#productboxes {
width: 100%;
position: inherit !important;
height: auto;
}	
	.headimage {
	width:100% !important;
	height:350px !important;

}
	.tipp img, .tipp svg {
		margin-bottom:110px!important
	}
	
	#urexvagina {
		width:70% !important;
		margin:0 15% !important;
		float:none !important
	}
#urexcontainer .floatright {
width: 100% !important;
float: right !important;
}
.tipp {
		width:97% !important;
		margin-left:1.5% !important;
		margin-right:1.5% !important;
      padding:0 !important;
      text-align:center !important;
	}

  .tipp img, .tipp svg {
    float:none !important;
    width:30% !important;
    margin-left:35% !important;
    margin-right:35% !important;
    margin-bottom:15px !important;
    margin-top:25px !important;
    
  }

  .tipp h3 {
    margin-top:10px !important;
    margin-bottom:0px !important;
  }
  
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
	font-size:16px;
	font-weight:normal !important
}

[data-rlta-element=container][data-rlta-state=ready] {
	width:100% !important;
	margin:25px auto !important;
	max-width:100% !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
	border-radius:0 !important
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
	border:0 !important;
	border-bottom: 1px solid rgba(201,1,122,1.00) !important;
		border-radius:0 !important;
  color:rgba(201,1,122,1.00) !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover {
	background-color:rgba(201,1,122,1.00) !important;
	color:#fff !important;
	font-size:17px !important
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
	background-color:rgba(201,1,122,0.10) !important;
		border-radius:0 !important;
	border:0 !important;
	font-size:16px !important
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=panel] {
	margin-bottom:0 !important
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
	background-color:rgba(201,1,122,0.10) !important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:after {
	color: rgba(201,1,122,1.00) !important
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:not([data-rlta-state=closed]):after {
	color:#fff !important
}


.djacc--sticky,
.djacc-popup.djacc--bottom-left.djacc--direction .djacc__panel, .djacc-popup.djacc--bottom-right .djacc__panel {
	z-index: 245245435 !important
}
.djacc-popup .djacc__item.djacc__custom-links {
	width:100% !important
}
   .skip-link {
      position: absolute;
      top: -40px;
      left: 0;
      background-color: #000;
      color: #fff;
      padding: 8px 16px;
      z-index: 10000000 !important;
      text-decoration: none;
      transition: top 0.3s ease;
    }

    .skip-link:focus {
      top: 0;
    }


.cc-window {
	width:100% !important;
	max-width:100% !important;
	margin:0px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	position:fixed;

	padding:10px !important;
	background-color:rgba(255,255,255,1.0) !important;
		font-family: 'regular', sans-serif !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.9);
	display:block !important
}

.cc-revoke.cc-bottom {
		font-family: 'regular', sans-serif !important;
background-color:rgba(167,22,128,1.00) !important;
color:#fff !important;}

.cc-message {
	width:100% !important;
	font-size:13px !important;
		font-family: 'regular1', sans-serif !important;
	
	line-height:19px !important
}

.cc-close {
    display: none !important;
}



div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after{
	width:3px !important;
	height:8px !important;
	left:5px !important;
top:2px !important}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after {
	left:0px !important;
	background-color:#7a0d5e !important;
	border-color:#7a0d5e !important;
}

a.cc-link  {
	font-size:13px !important;
		font-family: 'regular1', sans-serif !important;
	color:#7a0d5e !important
}

.cc-link.cc-cookie {
	display:none !important
}

.cc-allowall {
background-color: rgba(120,12,92,1.00) !important;
color:#fff!important;
	border:2px solid rgba(120,12,92,1.00) !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:13px !important;
	padding:8px 10px !important;margin-left:0px !important;margin-top:10px !important;
	line-height:13px !important;
		font-family: 'regular1', sans-serif !important;
	transition:0.5s !important
}

.cc-compliance {
	display:block  !important;
	text-align:left !important;
	width:100% !important;
	float:left !important;
}

.cc-header {
	width:100% !important;
	display:block !important;
		font-family: 'bolditalic1', sans-serif !important;
	font-size:18px !important;
	color:#A71680 !important
}
.cc-allow {
	background-color:#a7377b !important;
color:#fff!important;
	border:2px solid #a7377b !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:13px !important;
	padding:8px 10px !important;margin-left:0px !important;margin-top:10px !important;
	line-height:13px !important;
		font-family: 'regular1', sans-serif !important;
	transition:0.5s !important
}
.cc-deny {
	color:#780C5C !important;
background-color:transparent!important;
	border:2px solid #780C5C !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:13px !important; 
	padding:7px 10px !important;margin-left:0px !important;margin-top:10px !important;
		font-family: 'regular1', sans-serif !important;
	transition:0.5s !important
}

.cc-deny:hover {
	background-color:#780C5C !important;
	color:#fff !important;
	font-weight:normal !important;
	
}

.cc-allowall:hover {
	opacity:0.7 !important;
font-weight:normal !important;
}

.cc-allow:hover {
	opacity:0.7 !important;
}
.cc-window.cc-invisible {
	display:none !important
}

.cc-settings-label {
	display:none !important;
	padding:5px !important;
	background-color:#fff !important;

	font-size:14px !important;
	margin-bottom:11px !important;
	font-weight:bold !important;
	margin-left:-19px !important;
	padding-right:14px !important;
	margin-right:0 !important;
}
div.cc-checkbox-container:not(:last-child) a {
	border:none !important
}

.cc-checkbox-container {
	padding-left:10px !important;
}

a.cc-link label {
	font-size:14px !important;
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important;
	display:block !important;
	width:100% !important;
	float:left !important;
}

div.cc-checkbox-container {
	width:auto!important;
	padding-top:15px;
float:Left !important;
display:inline-block!important}
div.cc-checkbox-container span {
	top:20px !important
}

div.cc-checkboxes-container input[type=checkbox] {
height: 16px!important;
width: 16px!important;
min-height: 18px!important;
border-radius: 0px !important;
box-sizing: border-box!important;
cursor: pointer!important;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance:checkbox;
opacity: 1 !important;
background: none!important;
border: 1px solid rgba(0,0,0,1.00)!important;
	margin-top:0px !important;
	margin-right:5px !important;color:#780C5C !important
}
div.cc-checkboxes-container input[type=checkbox]:checked {
	background-color:rgba(120,12,92,1.00) !important
}
div.cc-checkboxes-container input[type=checkbox][readonly]:checked{
	background-color:rgba(120,12,92,0.60) !important
}

div.cc-checkboxes-container a:not(.cc-btn) {
	margin-top:-5px !important;
	padding-top:0 !important;
	padding-bottom:10px !important
}
@media (max-width:600px) {
	
	.cc-btn {
		width:100% !important;
	}
}

#kwizdalogo .st0 {
        fill: #004895;
        fill-rule: evenodd;
      }

     #kwizdalogo  .st1 {
        fill: #fff;
      }


#partner .st0 {
        fill: #07070b;
      }

#partner .st1 {
        fill: #c20018;
      }

    #slogan1 .st0 {
        fill: #fff;
      }

     #slogan1 .st1 {
        fill: #f0c6df;
      }

#logo .st0 {
        fill: #fff;
      }

      #logo .st1 {
        fill: #f0c6df;
      }
 #introbox_logo .st0 {
        fill: #fff;
      }

     #introbox_logo .st1 {
        fill: #f0c6df;
      }
	  #vaginalflora1  .st0 {
        fill: #fff;
      }

     #vaginalflora1 .st1 {
        fill: #f0c6df;
      }

    #probiotika1 .st0 {
        fill: #fff;
      }

     #probiotika1 .st1 {
        fill: #f0c6df;
      }

    #bakterienintro .st0 {
        fill: #f0c5db;
      }

     #bakterienintro .st1 {
        fill: #772e53;
      }

.html-after, .djacc-contrast.html-after {height:0 !important;overflow: hidden;
background-color:transparent !important}

	.introbox {
		position:relative;
		width:32%;
		margin-right:1%;
		transition:1s;
		height:120px;
		float:left;
		padding:0px 0;
	}

@media (max-width:1235px) {
	.introbox {
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		width:40%;
		margin-bottom:40px;
	}
}@media (max-width:960px) {
	.introbox {
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		width:50%;
		margin-bottom:40px;
	}
}@media (max-width:780px) {
	.introbox {
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		width:70%;
		margin-bottom:40px;
	}
}@media (max-width:600px) {
	.introbox {
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		width:100%;
		margin-bottom:40px;
	}
}


.introbox:hover {
	transform:scale(1.1)
}
	
	.introbox_inner {
			background-color:#C9017A;
		width:85% !important;
		padding-top:10px;
		padding-bottom:10px;
		margin-left:15%;
		position: relative;
		margin-top:0px;
	
	}
	
	.introbox_pic {
		position:absolute;
		left:0;
		top:0;
		height:auto;
		width:27%;
		z-index: 1000;
	}
	
	.introbox_text {
		margin-left:15%;
		width:75%!important;
		text-align: center;
		color:#fff !important;
font-family: 'bold', sans-serif !important;
		
	}
	
	.introbox_text2 {
		width:75%!important;
		text-align: center!important;
		position:absolute;
		right:0px;
	}
	
	.introbox_text svg {
		width:85% !important;
		margin-top:10px;
	}
	
	.introbox_arrow {
		position:absolute;
		right:0;
		height:100%;
		background-color:#e07dab !important;
		color:#fff !important;
		top:0;
		padding:8px;
		vertical-align: middle;
		box-sizing: border-box;
		display: flex;
  align-items: center; /* Vertikale Zentrierung */
  justify-content: center;
	}
   #urexsvg .st0 {
        fill: none;
      }

      #urexsvg .st1 {
        fill: url(#Unbenannter_Verlauf_3);
      }

     #urexsvg .st2 {
        fill: #a71680;
      }

      #urexsvg .st3 {
        clip-path: url(#clippath-1);
      }

     #urexsvg .st4 {
        clip-path: url(#clippath-2);
      }

      #urexsvg .st5 {
        fill: url(#Unbenannter_Verlauf_31);
      }

      #urexsvg .st6 {
        fill: #edc1d6;
      }

      #urexsvg .st7 {
        clip-path: url(#clippath);
      }

    #erneut .st0 {
        fill: #c80f7c;
      }
  #vaginalbioms .st0, #vaginalbioms .st1, #vaginalbioms .st2, #vaginalbioms .st3 {
        fill: none;
      }

      #vaginalbioms .st1 {
        stroke: #cf007f;
        stroke-width: 1.3px;
      }

      #vaginalbioms .st4 {
        fill: #dbd7e5;
      }

      #vaginalbioms .st5 {
        fill: #dc6ba6;
      }

      #vaginalbioms .st6 {
        fill: #1d1d1b;
      }

      #vaginalbioms .st7 {
        fill: #89bcda;
      }

      #vaginalbioms .st8 {
        clip-path: url(#clippath-11);
      }

      #vaginalbioms .st9 {
        clip-path: url(#clippath-10);
      }

      #vaginalbioms .st10 {
        clip-path: url(#clippath-12);
      }

      #vaginalbioms .st11 {
        clip-path: url(#clippath-1);
      }

      #vaginalbioms .st12 {
        clip-path: url(#clippath-3);
      }

      #vaginalbioms .st13 {
        clip-path: url(#clippath-4);
      }

      #vaginalbioms .st14 {
        clip-path: url(#clippath-2);
      }

      #vaginalbioms .st15 {
        clip-path: url(#clippath-7);
      }

      #vaginalbioms .st16 {
        clip-path: url(#clippath-9);
      }

      #vaginalbioms .st17 {
        clip-path: url(#clippath-8);
      }

      #vaginalbioms .st18 {
        fill: #fff;
      }

      #vaginalbioms .st19 {
        fill: #cf007f;
      }

      #vaginalbioms .st2 {
        stroke: #1d1d1b;
        stroke-miterlimit: 10;
        stroke-width: 2.1px;
      }

      #vaginalbioms .st20 {
        fill: #c5afd5;
      }

      #vaginalbioms .st21 {
        fill: #e8bad8;
      }

      #vaginalbioms .st22 {
        fill: #f8ebf5;
      }

      #vaginalbioms .st23 {
        fill: #f0c6df;
      }

      #vaginalbioms .st3 {
        stroke: #f0c5db;
        stroke-width: .7px;
      }

      #vaginalbioms .st24 {
        clip-path: url(#clippath);
      }

     #hygiene .st0 {
        fill: #faedf6;
      }

     #hygiene .st1 {
        fill: #1d1d1b;
      }

     #hygiene .st2 {
        fill: #fff;
      }

      #hygiene .st3 {
        fill: #cf007f;
      }

     #alcohol .st0 {
        fill: #faedf6;
      }

     #alcohol .st1 {
        fill: #1d1d1b;
      }

      #alcohol .st2 {
        fill: #fff;
      }

      #alcohol .st3 {
        fill: #cf007f;
      }

      #smoking .st0 {
        fill: #faedf6;
      }

      #smoking .st1 {
        fill: #1d1d1b;
      }

      #smoking .st2 {
        fill: none;
        stroke: #1d1d1b;
        stroke-linejoin: round;
        stroke-width: 3.7px;
      }

      #smoking .st3 {
        fill: #fff;
      }

      #smoking .st4 {
        fill: #cf007f;
      }

     #food .st0 {
        fill: #faedf6;
      }

     #food .st1 {
        fill: #1d1d1b;
      }

     #food .st2 {
        fill: #fff;
      }

     #food .st3 {
        fill: none;
        stroke: #1d1d1b;
        stroke-miterlimit: 10;
        stroke-width: 3.7px;
      }

     #sexual .st0 {
        fill: #faedf6;
      }

      #sexual .st1 {
        fill: #1d1d1b;
      }

     #sexual .st2 {
        fill: #fff;
      }

     #sexual .st3 {
        fill: #cf007f;
      }
   #stress .st0, #stress .st1 {
        fill: none;
      }

      #stress .st2 {
        fill: #faedf6;
      }

      #stress .st3 {
        fill: #1d1d1b;
      }

      #stress .st4 {
        clip-path: url(#clippath-1);
      }

       #stress .st5 {
        fill: #fff;
      }

      #stress .st1 {
        stroke: #1d1d1b;
        stroke-miterlimit: 10;
        stroke-width: 3.7px;
      }

      #stress .st6 {
        fill: #cf007f;
      }

      #stress .st7 {
        clip-path: url(#clippath);
      }

      #medikamente .st0 {
        fill: #faedf6;
      }

      #medikamente .st1 {
        fill: none;
        stroke: #1d1d1b;
        stroke-miterlimit: 10;
        stroke-width: 1.4px;
      }

      #medikamente .st2 {
        fill: #1d1d1b;
      }

      #medikamente .st3 {
        fill: #fff;
      }

      #medikamente .st4 {
        fill: #cf007f;
      }

#bakvag .st0 {
        mask: url(#mask);
      }

#bakvag .st1,#bakvag .st2,#bakvag .st3,#bakvag .st4,#bakvag .st5,#bakvag .st6,#bakvag .st7,#bakvag .st8,#bakvag .st9,#bakvag .st10,#bakvag .st11 {
        fill: none;
      }

#bakvag .st1,#bakvag .st2,#bakvag .st3,#bakvag .st4,#bakvag .st5,#bakvag .st6,#bakvag .st7,#bakvag .st12 {
        stroke-linecap: round;
        stroke-linejoin: round;
      }

#bakvag .st1,#bakvag .st11 {
        stroke: #000;
        stroke-width: 2.6px;
      }

#bakvag .st13 {
        filter: url(#luminosity-noclip);
      }

#bakvag .st14 {
        fill: #6ac9cd;
      }

#bakvag .st15 {
        fill: url(#linear-gradient2);
      }

#bakvag .st16 {
        fill: url(#linear-gradient1);
      }

#bakvag .st17 {
        fill: url(#linear-gradient9);
      }

#bakvag .st18 {
        fill: url(#linear-gradient3);
      }

#bakvag .st19 {
        fill: url(#linear-gradient6);
      }

#bakvag .st20 {
        fill: url(#linear-gradient5);
      }

#bakvag .st21 {
        fill: url(#linear-gradient4);
      }

#bakvag .st22 {
        fill: url(#linear-gradient8);
      }

#bakvag .st22,#bakvag .st23 {
        opacity: .5;
      }

#bakvag .st2 {
        stroke: #cb7cbd;
        stroke-width: 1.1px;
      }

#bakvag .st24 {
        fill: #cb7cbd;
      }

#bakvag .st25 {
        fill: url(#linear-gradient18);
      }

#bakvag .st26 {
        fill: url(#linear-gradient13);
      }

#bakvag .st27 {
        fill: url(#linear-gradient12);
      }

#bakvag .st28 {
        fill: url(#linear-gradient15);
      }

#bakvag .st29 {
        fill: url(#linear-gradient11);
      }

#bakvag .st30 {
        fill: url(#linear-gradient10);
      }

#bakvag .st31 {
        fill: url(#linear-gradient14);
      }

#bakvag .st32 {
        fill: url(#linear-gradient19);
      }

#bakvag .st33 {
        fill: url(#linear-gradient23);
      }

#bakvag .st34 {
        fill: url(#linear-gradient22);
      }

#bakvag .st35 {
        fill: url(#linear-gradient24);
      }

#bakvag .st36 {
        fill: url(#linear-gradient21);
      }

#bakvag .st37 {
        fill: url(#linear-gradient20);
      }

#bakvag .st38 {
        filter: url(#luminosity-noclip2);
      }

#bakvag .st3,#bakvag .st9 {
        stroke: #dabcaa;
        stroke-width: 6.6px;
      }

#bakvag .st39 {
        fill: url(#linear-gradient16);
      }

#bakvag .st39,#bakvag .st40 {
        mix-blend-mode: multiply;
      }

#bakvag .st4,#bakvag .st7,#bakvag .st8,#bakvag .st12 {
        stroke-width: 4.7px;
      }

#bakvag .st4,#bakvag .st8 {
        stroke: #e0cf97;
      }

#bakvag .st5 {
        stroke-width: 1.2px;
      }

#bakvag .st5,#bakvag .st6 {
        stroke: #72b7b7;
      }

#bakvag .st41 {
        fill: url(#linear-gradient);
      }

#bakvag .st42 {
        opacity: 0;
      }

#bakvag .st42,#bakvag .st43 {
        fill: #c9017a;
      }

#bakvag .st6 {
        stroke-width: 1px;
      }

#bakvag .st44 {
        fill: #b76274;
        opacity: .4;
      }

#bakvag .st45 {
        fill: #871d61;
      }

#bakvag .st46 {
        fill: #97d7d9;
      }

#bakvag .st7,#bakvag .st12 {
        stroke: #ed9dab;
      }

#bakvag .st47 {
        mask: url(#mask-2);
      }

#bakvag .st48 {
        mask: url(#mask-3);
      }

#bakvag .st49 {
        mask: url(#mask-1);
      }

#bakvag .st23 {
        fill: url(#linear-gradient17);
      }

#bakvag .st8,#bakvag .st9,#bakvag .st10,#bakvag .st11 {
        stroke-miterlimit: 10;
      }

#bakvag .st50 {
        fill: #3f1127;
      }

#bakvag .st51 {
        fill: #fff;
      }

#bakvag .st52 {
        fill: #f7eeb3;
      }

#bakvag .st53 {
        fill: #feb4bd;
      }

#bakvag .st54 {
        fill: #dabcaa;
      }

#bakvag .st55,#bakvag .st56 {
        opacity: .3;
      }

#bakvag .st55,#bakvag .st57 {
        fill: #ede6d8;
      }

#bakvag .st58 {
        fill: #c66d7c;
      }

#bakvag .st12,#bakvag .st59 {
        fill: #e2c5d7;
      }

#bakvag .st40 {
        fill: url(#linear-gradient7);
      }

#bakvag .st60 {
        fill: #ed9dab;
      }

#bakvag .st10 {
        stroke: #f9eff7;
        stroke-width: 15px;
      }

#bakvag .st61 {
        fill: #f7f2da;
      }

.btn-primary {
width: 320px !important;
background-color: rgba(167,22,128,1.00) !important;
color: #fff !important;
padding: 8px 15px;
margin-left: 0 !important;
border: 0px solid #fff !important;
font-family: 'bold', 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;
}

.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(167,22,128,1.00);
}