/* FRONTEND CSS
*********************************************/

@font-face {
font-family: 'regular1';
	font-display: fallback;
src: 
url('images/adolorin-slider_fix.hyperesources/Panton-Regular.woff') format('woff')}

@font-face {
font-family: 'bold1';
	font-display: fallback;
	src: url('images/adolorin-slider_fix.hyperesources/Panton-Bold.woff') format('woff');}


@font-face {
font-family: 'bolditalic1';
	font-display: fallback;
	src: url('images/adolorin-slider_fix.hyperesources/Panton-BoldItalic.woff') format('woff');}


@font-face {
font-family: 'blackitalic1';
	font-display: fallback;
	src: url('images/adolorin-slider_fix.hyperesources/Panton-BlackitalicCaps.woff') format('woff');}




@font-face {
font-family: 'italic1';
	font-display: fallback;
	src: url('images/adolorin-slider_fix.hyperesources/Panton-Italic.woff') format('woff');}


@font-face {
font-family: 'black1';
	font-display: fallback;
	src: url('images/adolorin-slider_fix.hyperesources/Panton-BlackCaps.woff') format('woff');}


	
.tschau1 {

	font-family: 'black1', sans-serif !important;
	font-size:120px !important;
	color:#fff !important;}
	
.facts {

	font-family: 'blackitalic1', sans-serif !important;
	font-size:20px !important;
	letter-spacing:0px !important;
	color:#fff !important;}	
	
	
.infotext {

	font-family: 'bolditalic1', sans-serif !important;
	font-size:17px !important;
	letter-spacing:0px !important;
	color:#a61680 !important;}	
	
.infotext2 {

	font-family: 'italic1', sans-serif !important;
	font-size:16px !important;
	letter-spacing:0px !important;
	color:#000 !important;}
	
.menuitem {

	font-family: 'bold1', sans-serif !important;
	font-size:17px !important;
	letter-spacing:0px !important;
	color:#a61680 !important;}	
	
.menuitem:hover {

	font-family: 'bold1', sans-serif !important;
	font-size:17px !important;
	letter-spacing:0px !important;
	color:#666666 !important;}		
	
	.downbutton {
		font-family: FontAwesome;
	content:"\f354";
	margin-left:5px !important;}	
	
	.next {
	background-color:transparent !important;
	background-image:(url:'images/adolorin-slider_fix.hyperesources/arrow-down.png');
	}	
	
	.check {

	font-family: 'bold1', sans-serif !important;
	font-size:16px !important;
	letter-spacing:0px !important;
	color:#fff !important;}		



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

body {
	width:100%;
	background-image:url("images/content-back.svg");
	background-size:contain;
	background-position: right bottom;
	background-repeat:no-repeat;
	background-attachment: fixed !important;
	background-color:#7a0d5e !important


}
#slider {
	width:100%;
	height:100%; 
	position:absolute;
	top:0;
	left:0;
}

#container {
	position:absolute;
	top:100%;
	width:100% !important;
}

.clear {
	clear:both
}


#apotheke {
	background-color:#A61680;
	clear:both !important
}

#anwendung_inner {
	width:1800px;
	max-width:100%;
	margin:0 auto !important;padding:50px 0
	
}
#apotheke_inner {
	width:1800px;
	max-width:100%;
	margin:0 auto !important;}

#anwendung_inner .custom {
	width:20%;
	float:left;
	margin:0 2.5%;
	text-align: center;
	color:#fff;
}

.anwendung_headline {
		font-family: 'italic1', sans-serif !important;
	color:#F4D0E1;
font-size:30px;
	padding-bottom:40px;
text-align: center}


#anwendung_inner .custom img {
	width:50%;
}

#anwendung_inner .custom p {
		font-family: 'regular1', sans-serif !important;
	color:#F4D0E1;
	font-size:14px;
	line-height:21px!important
	
}

#anwendung_inner .custom strong {
		font-family: 'bold1', sans-serif !important;
	color:#F4D0E1;
font-size:16px;}


#anwendung_inner .custom p a:link,
#anwendung_inner .custom p a:visited {
		font-family: 'bold1', sans-serif !important;
	background-color:#F4D0E1;
	color:#A61680;
	border-radius:5px;
	padding:5px 8px;
	margin-top:8px;
	text-decoration:none !important
	
	
}
#anwendung_inner .custom p a:hover,
#anwendung_inner .custom p a:active {
	background-color:#830e65 !important;
	color:#F4D0E1;
}
#anwendung_inner .custom p a::after {
		font-family: FontAwesome;
	content:"\f0da";
	margin-left:5px !important;
	font-size:12px !important
	
}


#products {
	background-image:url("images/kreis-back.jpg");
	background-position:left;
	background-size:contain;
	background-repeat:no-repeat;

	
	
}

#products_inner {
	width:1400px;
	max-width:100%;
	margin:0 auto !important;padding:0 0 50px 0
	
}

#products_inner .custom {
	width:40%;
	float:left;
	margin:0 5%;
	text-align: center;
}

#products_inner .products_logo {
	width:45% !important;
	float:left !important;
	margin-top:50px !important
}
#products_inner .packshot {
clear:both;	width:94% !important;
margin-top:50px !important
}

#products_inner .products_links:link,
#products_inner .products_links:visited {
		font-family: 'bold1', sans-serif !important;
	font-size:22px !important;
	color:#A61680 !important;
text-decoration:none;}


#products_inner .products_links::after {
	font-family: FontAwesome;
	content:"\f35a";
	margin-left:5px !important;
	font-size:18px !important
	
}

#products_inner .products_links:hover,
#products_inner .products_links:active {
	color:#999 !important;
}


#contentarea {


	
	
}

#navigation .logotop {
	width:200px;
		float:left;

			
	}
#navigation #nav_inner {
	width:445px;
	background-color:#fff;
	height:40px;
	float:left;
	}

#navigation #nav_inner a:link,
#navigation #nav_inner a:visited {
			font-family: 'bold1', sans-serif !important;
	font-size:14px;
	color:#A61680 !important;
	text-decoration: none;
	
	
	
}
#navigation #nav_inner .active.parent a::after,
#navigation #nav_inner .active.parent a.parent:link,
#navigation #nav_inner .active.parent a.parent:visited,
#navigation #nav_inner a:hover,
#navigation #nav_inner a:active {
	color:#999 !important
}



#startnavi {
  position: fixed;
	top:25px;right:0px;
  display: inline-block;
  overflow: hidden;
  color: #fff;
	z-index: 100000;
	
	width:830px;
	height:85px;


animation: navin 1.5s;
				
		}
		
			@keyframes navin {
		0%		{ right:-850px;}
				40% {right:-850px}
				100% {right:0px;}
	}



#startnavi .logotop {
	width:256px;
		float:left;

			
	}



#startnavi #nav_inner {
	width:574px;
	background-color:#fff;
	height:85px;
	float:left;
	padding-top:35px;
}

#startnavi #nav_inner a:link,
#startnavi #nav_inner a:visited {
			font-family: 'bold1', sans-serif !important;
	font-size:16px;
	color:#A61680 !important;
	text-decoration: none;
	padding:20px !important
	
	
}

#startnavi #nav_inner a:hover,
#startnavi #nav_inner a:active {
	color:#999 !important
}
#navigation {
  position: fixed;
	top:0px;right:0px;
  display: inline-block;

  color: #fff;
	z-index: 100000;
	width:645px;


}

main a:link,
main a:visited {
	color:#fff !important;
	text-decoration: underline;
}

main a:hover,
main a:active {
	color:#fff !important;
	text-decoration: none;
}

main {
	width:1200px;
	max-width:97%;
	text-align:left;
	margin:120px auto 0px auto;
		font-family: 'regular1', sans-serif !important;
	font-size:15px !important;
	line-height:25px;
	color:#fff !important;
}


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

	margin-left:-180px !important;
	padding:10px !important;
	background-color:rgba(255,255,255,0.90) !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);
}



.cc-message {
	width:100% !important;
	font-size:13px !important;
	
	line-height:19px !important
}

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

.cc-deny {
	color:rgba(255,0,4,1.00) !important;
background-color:transparent!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	font-size:13px !important; 
	padding:7px 10px !important;margin-left:10px !important;margin-top:10px !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 label {
	font-size:14px !important
}

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

.cc-allowall {
background-color:#7a0d5e !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	font-size:13px !important;
	padding:12px 10px 5px 10px !important;
	line-height:13px !important;
	margin-top:10px !important;
}

.cc-compliance {
	display:block  !important;
	text-align:center !important
}


.cc-allow {
	background-color:#a7377b !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	font-size:13px !important;
	padding:12px 10px 5px 10px !important;
	line-height:13px !important;
}

.cc-deny:hover {
 	opacity: 0.6!important;
	
	border:none !important;
	font-weight:normal !important;
}

.cc-allowall:hover {
	opacity:0.7 !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-allow:hover {
	opacity:0.7 !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-settings-label {
	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;
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important
}

.cc-cookie-checkbox {
	font-size:14px !important}


.quellen {
	display:none;
	clear:both !important;
	font-size:9px !important;
	text-align: center;
	color:#999;
	width:100%;
	box-sizing:border-box;
	padding:15px 10px !important;
	background-color:#fff;
}

table {
	width:100%;}

td {
	padding:5px !important;
}


figcaption.caption {
	
		font-family: 'italic1', sans-serif !important;
	font-size:16px !important;
	padding:0 15% !important;
	text-align: center;
}

.left.item-image {
	width:50% !important;
	float:left !important
}

.left.item-image img {
	width:98% !important}

.com-content-article {
	width:80% !important;
margin:0 auto;
text-align: justify}

.produkte .com-content-article {
	width:100% !important;
margin:0 auto;
text-align: left}


.img_right {
	float:right !important;
	width:50%;
	margin-left:2% !important;
}

sup {
	font-size:60% !important;
}
.produkte .com-content-article__body {
width: 50% !important;
float: left !important;
}

.img_left {
	float:left !important;
	width:50%;
	margin-right:2% !important
}

@media (max-width:1000px) {

.com-content-article__body, .produkte .com-content-article__body {
	width:96% !important;
margin:0 auto;
text-align: justify}

	
	
	
}
@media (max-width:800px) {


.img_left,.img_right {
	width:60%;
	margin-right:2% !important
	}}
@media (max-width:600px) {


.img_left,.img_right {
	width:100%;
	margin-right:0% !important;
	margin-bottom:15px !important
}
	
	
	
}
h1 {
	font-weight:normal;
			font-family: 'bold1', sans-serif !important;
	font-size:40px !important;
	padding-bottom:25px;
	color:#fff !important;
	text-align: center !important
}
h2, h3 {
			font-family: 'regular1', sans-serif !important;
	font-size:20px !important;
	color:#fff !important;
}

.dame {
	left:0 !important;
}


#gotocontent {
	background-image: url("images/arrow-down.png");
	width:30px;
	height:30px;
	position: absolute;
	bottom:15px;
	background-size:cover;
	left:50%;
	margin-left:-250px;
	z-index:10000;
	
				animation: transformation 6s infinite;
				border-radius:5px;
		}
		
			@keyframes transformation {
		0%		{ bottom:10px; opacity:0.6;}
		10%		{ bottom:20px; opacity:0.8;}
		20%		{ bottom:10px; opacity:0.6;}
		30%		{ bottom:20px; opacity:0.8;}
		40%	        {bottom:10px; opacity:0.6;}
		50%		{ bottom:10px; opacity:0.6;}
		60%		{ bottom:20px; opacity:0.8;}
		70%		{ bottom:10px; opacity:0.6;}
		80%		{ bottom:20px; opacity:0.8;}
		90%	        {bottom:10px; opacity:0.6;}				
		100%	        { bottom:20px; opacity:1;}
	}


footer {
	width:100% !important;
	text-align: center;border-bottom:1px solid #A61680 !important;
	background-color:#fff !important;
	
	
}

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

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

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

#bottomlinks a:link, #bottomlinks a:visited {
			font-family: 'regular1', sans-serif !important;
	font-size:15px !important;
	color:#A61680 !important;
text-decoration:none;
}

#hinweis_arzt {
	font-family: 'italic1', sans-serif !important;
	font-size:12px !important;
	color:#F4D0E1 !important;
text-decoration:none;	margin:10px 0 0 0;
	text-align: center;
	width:100%;
box-sizing: border-box;
	padding:0 5% !important;

	
}

.dj-megamenu-clean .arrow {
	padding-top:5px !important
}

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

.dj-subwrap-in, .dj-subcol, .dj-submenu {
	width:280px !important;
	background-color:#fff !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
	padding:12px !important
}

.dj-megamenu-clean li {
	float:left !important
}
.dj-megamenu-clean .dj-submenu li {
	float:none !important
}

a.dj-up_a {
	padding:25px 13px 14px 13px !important;
	font-size:14px !important
}

.dj-megamenu-wrapper {
	height:66.5px !important;
	background-color:#fff !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: 800px) {
	
	
	.cc-window {
	width:95% !important;
	max-width:100% !important;
	margin:10px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	position:fixed;
	right:inherit !important;
		left:2.5% !important;
	margin-left:0 !important;
	padding:10px !important;
	background-color:rgba(255,255,255,0.90) !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);

}
	
	body {
	width:100%;
	background-image:url("images/content-back.svg");
	background-size:cover !important;
	background-position: right bottom;
	background-repeat:no-repeat;
	background-attachment: fixed !important;
	background-color:#7a0d5e !important;
	margin-left:0 !important


}
	
	#startnavi {
		display:none !important;
	}
	
	#navigation, .contentsection #navigation {
		display:block !important;
		width:270px;
		height:250px !important
	}
	
	#navigation #nav_inner {
		width:70px !important;
		height:53px !important;
		padding-left:0px !important;
		padding-top:0 !important;
	}
	
	

	
	#products_inner .custom, #anwendung_inner .custom {
		width:90% !important;
		margin-left:auto !important;
		margin-right:auto !important;
		float:none !important
		
	}
	
	#products {
		background: #fff !important;
		border-top:1px solid #A61680 !important
	}
	.products_links {
		font-size:20px !important
	}
	
	
	h1 {
		font-weight:normal !important; 
font-family: 'bold1',sans-serif !important;
font-size: 30px !important;
		line-height:38px !important;
color: #fff !important;
}
	
	
.left.item-image {
	width:100% !important;
	float:none !important
}

.left.item-image img {
	width:98% !important}
.com-content-article,
.com-content-article__body {
	width:96% !important;
float:none !important;
	margin-left:2%}
	
	
	.responsiveMenuTheme1.isMobile li {
		position:relative !important;
		top:inherit !important;
		left:inherit !important;
		right:0 !important;
		width:270px !important
	}
	
	
	.responsiveMenuTheme1.isMobile {
		right:0 !important;
	width:270px !important;}
	
	main img {
		max-width:100% !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 {
				margin-right:10px !important;
		margin-top:10px !important;
		
background-color:#fff !important;
				color:#7a0d5e !important
	}
	
	
	.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
		
color:#fff !important;
				background-color:#7a0d5e !important
	}
	
	.dj-accordion-light {
		width:100% !important;
		position: fixed !important;
		right:0 !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
		background-color:#fff !important;
		font-size:18px !important
	}
	
	a.dj-up_a {
			background-color:#fff !important;
		font-size:18px !important;
		padding:25px !important
	}
	
}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}