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




#therapiegebiete,
#kwizdapharma {
	width:1200px;
	max-width:96%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding-top:50px;
	padding-bottom:50px;
}

.headtherapie {
	color:#A6BB18;
	visibility: hidden;
	text-align: center;
	font-size:35px;
	font-family: 'bold', sans-serif !important;
	padding-bottom:30px
}

.headkwizda, .headproducts {
	color:#004795;
	visibility: hidden;
	text-align: center;
	font-size:35px;
	font-family: 'regular', sans-serif !important;
	padding-bottom:30px
}



.headkwizda strong, 
.headproducts strong {
	font-family: 'bold', sans-serif !important;}

.therapie,
.kwizda {
	background-size:cover;
		background-repeat: no-repeat;
			-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	position: relative;
	
}

.gridcategory {
	background-color:rgba(245,245,245,0.90);
	padding:8px 10px 4px 10px;
	-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
	font-family: 'bold', sans-serif !important;
	font-size:16px;
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	
}

.gridbackground {
	background-size:cover;
		background-repeat: no-repeat;
	height:100%;
	position: relative;
	top:0;
		-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	left:0;
		animation-name: backgroundtransitionout;
	-webkit-animation-name: backgroundtransitionout;
		animation-duration: 1s;	
	-webkit-animation-duration: 1s;

}

.gridtitle {
	position:absolute;
	bottom:0;
	right:0;

	-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
	padding:10px 15px 6px 15px;
	font-family: 'bold', sans-serif !important;
	font-size:22px;
	text-align: center;
	
}

#therapiegebiete .gridtitle {
		background-color:rgba(166,187,24,0.90);
}

#kwizdapharma .gridtitle {
		background-color:rgba(0,71,149,0.90);
}


.gridtitle p {
	font-size:15px !important;
	margin:5px 0 0 0;
}
#therapiegebiete .gridcategory a:link,
#therapiegebiete .gridcategory a:visited {
	color:#A6BB18;
		text-decoration:none;
}
#kwizdapharma .gridcategory a:link,
#kwizdapharma .gridcategory a:visited {
display:none;
}

#therapiegebiete .gridcategory a:hover,
#therapiegebiete .gridcategory a:active,
#kwizdapharma .gridcategory a:hover,
#kwizdapharma .gridcategory a:active {
	color:#666;
		text-decoration:none;
}

#therapiegebiete a:link .gridtitle,
#therapiegebiete a:visited .gridtitle,
#kwizdapharma a:link .gridtitle,
#kwizdapharma a:visited .gridtitle {
	color:#fff !important;
	text-decoration: none;

}
.therapie:hover .gridbackground, 
.kwizda:hover .gridbackground {
	opacity: 0.6;
		animation-name: backgroundtransition;
	-webkit-animation-name: backgroundtransition;	
	-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
   animation-iteration-count:reverse;

}
@keyframes backgroundtransition {
	0% {
	
		opacity: 1;
			-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	}
	100% {
		
		opacity: 0.6;
			-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	}		
	
}

@keyframes backgroundtransitionout {
	100% {
	
		opacity: 1;
			-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	}
	0% {
		
		opacity: 0.6;
			-webkit-border-radius: 10px !important;
-webkit-border-top-right-radius: 35px !important;
-webkit-border-bottom-left-radius: 35px !important;
-moz-border-radius: 10px !important;
-moz-border-radius-topright: 35px !important;
-moz-border-radius-bottomleft: 35px !important;
border-radius: 10px !important;
border-top-right-radius: 35px !important;
border-bottom-left-radius: 35px !important;
	}		
	
}
#therapie0,
#kwizda0 {
	width:48%;
	float:left;
	height:280px;
	
}

#therapie1,
#kwizda1 {
	width:48%;
	float:right;
	height:280px;
	
}

#therapie2,
#kwizda2 {
	width:31%;
	float:left;
	height:210px;
	margin-right:3.3%;
	margin-top:40px;
	
}

#therapie3,
#kwizda3 {
	width:31%;
	float:left;
	height:210px;
	margin-top:40px;
	
}

#therapie4,
#kwizda4 {
	width:31%;
	float:right;
	height:210px;
	margin-top:40px;
	
}

.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list {
	display:block !important;
	--grid-column-count: 0;
}

#therapiegebiete .gridtitle {
    background-color:rgba(166, 187, 24, 0.90)
}

#kwizdapharma .gridtitle {
    background-color:rgba(0, 71, 149, 0.90)
}

.gridtitle p {
    font-size: 15px !important;
    margin:5px 0 0 0
}

#therapiegebiete .gridcategory a:link, #therapiegebiete .gridcategory a:visited {
    color: #A6BB18;
    text-decoration:none
}

#kwizdapharma .gridcategory a:link, #kwizdapharma .gridcategory a:visited {
    display:none
}

#therapiegebiete .gridcategory a:hover, #therapiegebiete .gridcategory a:active, #kwizdapharma .gridcategory a:hover, #kwizdapharma .gridcategory a:active {
    color: #666;
    text-decoration:none
}

#therapiegebiete a:link .gridtitle, #therapiegebiete a:visited .gridtitle, #kwizdapharma a:link .gridtitle, #kwizdapharma a:visited .gridtitle {
    color: #fff !important;
    text-decoration:none
}
.gridtitle a:link, .gridtitle a:visited {
	color:#fff !important;
	text-decoration: none !important;
}
.gridtitle a:hover, .gridtitle a:active {
	color:#fff !important;
	text-decoration: none !important;
}

.gridtitle p {
	color:#fff !important;
	margin-top:0 !important
}

#searchlink::before {
		color:#284695 !important;
}
#loginlink::before {
	
		color:#284695 !important;

	}	

#languagelink::before {
			
		color:#284695 !important;
}	

/* NAVIGATION
*********************************************/



.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: #fff !important;
color:#004795 !important;
}
.fragen:link, .fragen:visited {
  color: #004795;
}

div.mod-languages ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
div.mod-languages li {
	margin-left: 5px;
	margin-right: 5px;
}

div.mod-languages ul.lang-inline li {
	display:inline;
}

div.mod-languages ul.lang-block li {
	display:block;
}

div.mod-languages img {
	border:none;
}

div.mod-languages a {
	text-decoration: none;
}
#languagebox a:link,
#languagebox a:visited {
  color:#004795
}
.search_class {
  background-color:#004795 !important;
  color:#fff !important
}
.highlight {
  color:#fff !important;
  background-color:#004795 !important
}
/* FRONTEND CSS
*********************************************/

#searchlink::before {
		color:#284695 !important;
}
#loginlink::before {
	
		color:#284695 !important;

	}	

#languagelink::before {
			
		color:#284695 !important;
}	

#submenu a:link, 
#submenu a:visited {
	color:#004795;
	text-decoration: none;
}

#submenu a:hover, 
#submenu a:active
#submenu .current a:link,
#submenu .current a:visited {
	color:#999;
	text-decoration: none;
}

#search-form fieldset {
    width:100% !important;
    border:none !Important;
    display: table;
    margin:0 auto !important;
    text-align: center !important;
    padding:0 !important
}


#search-form .form-inline {
    width:100% !important;
}

.word .inputbox {
    }

.search-results {
    padding:0 !important;
    list-style: none !important
}

.result-title {
    margin-bottom:0 !important
}

.result-text {
    margin-top:0 !important
}

.search-pages-counter {
    text-align: center !important
}

@keyframes righthover {
	0% {
	color:#284695
	}

	100% {
	color:#ccc 
	}		
}

.clear {
	clear:both;
}

/* CONTENT
*********************************************/

.itemtitles {

	background-color:rgba(0,71,149,0.90) !important}

.category-name {
	background-color:rgba(0,71,149,0.90) !important}

.category-name a:link,
.category-name a:visited {
	color:#284695 !important;
		text-decoration:none;
}

main {
	margin-top:118px
}

h1 {	color:#284695;
	padding-top:35px !important
	

}


h2 {	color:#284695;


}

h2 i {
	font-size:45px;
	margin-bottom:15px;
}

.contentboxes_title {
	background-color:#284695 !important
}

.handelspartner {
	width:100% !important;
}

.handelspartner td {
	width:33% !important;
	padding:15px 0 !important
}

/* BREADCRUMBS
*********************************************/

.divider {
	color:#284695 !important;
		padding-right:8px !important;
	font-size:10px !important;
	padding-left:8px !important;
}


#breadcrumbs a:link,
#breadcrumbs a:visited {
	
	color:#284695 !important;
	text-decoration: none;
}




/* NAVIGATION
*********************************************/


.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: #fff !important;
color:#284695 !important;
}

	/* FINDER
*********************************************/


.chzn-container-active .chzn-choices {
	border:1px solid #284695 !important;

}

.chzn-container .chzn-results li.highlighted {
	background-color:#284695 !important;

}

#findercontainer .headbox {
	background-color:#284695;
	color:#fff;
border:1px solid #284695;}

#findercontainer .submit, 
.btn.btn-primary.button.resultbtn{
	background-color: #284695 !important;
color:#fff !important;}

.btn.btn-primary.button.resultbtn{
	border:1px solid #284695 !important;
}


	/* FOOTER
*********************************************/


.fragen:link,
.fragen:visited {

	color: #284695;
	
}





	/* SEARCH, LOGIN, LANGUAGE
*********************************************/ 


#languagebox a:link,
#languagebox a:visited {

	color:#284695;

}

.search_class {
background-color:#284695 !important;
		color:#fff !important;

}

.highlight {
	color:#fff !important;
	background-color:#284695 !important
}

.apothekerlogin .loginhead {

	background-color:
#284695;
	color:#fff !important;
}
.closeboxes::after {			

		color:#284695 !important;
}

.headboxes {
color:#284695 !important;

	
}

	/* FORM
*********************************************/ 

.ui.form .field.laender label,
.ui.form .field.produkte label {
	color:#284695 !important;

}

.ui.form .field.checkdaten a:link,
.ui.form .field.checkdaten a:visited {
	color:#284695 !important
}


.ui.button.green {
	background-color:#284695 !important;

}


iframe {
	width:100% !important
}