/* 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%;
	margin-left:0 !important


}

header {
	width:1400px;
	max-width:100%;
	position: fixed;
	top:0;
	left:50%;
	margin-left:-700px;
	text-align: center;
	background-color:#fff !important;
	z-index: 1000000;
}

#logo {
	height:80px !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
}

nav {
	float:left !important;
	width:250px;
	text-align: left !important;
	padding-left:20px;
	padding-top:25px
}

.headright {
	float:right;
	margin-right:20px;
	width:250px;
}

#apobutton {
	background-color:rgba(120,12,92,1.00);
	color:#fff;
	padding:5px 10px 5px 35px;
	background-image: url("images/apo-small.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius:5px;
	float:right !important;
	margin-right:10px;
	margin-top:33px;
	transition:0.5s !important;
	cursor:pointer
	
}


.modules-wrap #apobutton {
	display:none;
	background-color:rgba(120,12,92,1.00);
	color:#fff;
	padding:5px 10px 15px 35px !important;
	background-image: url("images/apo-small.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius:0px ;
	float:none !important;
	margin-right:10px;
	margin-top:33px;
	transition:0.5s !important;
	cursor:pointer;
	width:100% !important;
	
}

.facebookhead {
	color:rgba(120,12,92,1.00) !important;
	font-size:40px !important;
	float:right !important;
	margin-top:30px;
	transition:0.5s !important
}
.facebookhead:hover, #apobutton:hover {
	opacity:0.7
}



.dj-mobile-open-btn {
	background-color:rgba(255,255,255,1.00) !important;
	color:rgba(120,12,92,1.00) !important;
	border-radius:0 !important;
	font-family: "bold", "sans-serif" !important;
	height:54px !important;
	transition:0.5s !important
}
.dj-mobile-open-btn:hover {
opacity: 0.7 !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 {
	background-color:rgba(255,255,255,1.00) !important;
	color:rgba(120,12,92,1.00) !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 {

opacity: 0.7 !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 {

opacity: 0.7 !important
}

.dj-offcanvas-open .dj-offcanvas {
	z-index:10000001 !important
}

.dj-megamenu-offcanvas-overlay:after {
	background:rgba(255,255,255,0.60) !important;
	z-index: 1000000 !important;
	position: fixed;
	width:100% !important;
	height:100% !important;
}

.dj-offcanvas-light {
	background-color:rgba(255,255,255,1.00) !important;
	left:0 !important;
	width:290px !important
}

.dj-offcanvas-top {
	background-color:rgba(167,22,128,1.00) !important;
	float:right !important;
	width:20px !important;
	height:80px !important;
	position: absolute;
	top:20px;
	right:15px !important
	
}

.dj-offcanvas-light .dj-offcanvas-close-btn {
	right:10px !important
}
.dj-offcanvas-logo img {
	width:70% !important
}
.dj-offcanvas-logo {
	background-color:rgba(167,22,128,1.00) !important;
	float:left !important;
	width:302px !important;
	padding:10px 0 10px 12px !important;
text-align: left!important;
	left:0 !important;

}
.dj-offcanvas-content {
	clear:both !important;

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

ul.dj-mobile-light li.dj-mobileitem>a {
	color:rgba(167,22,128,1.00) !important;
	font-size:16px !important;
	font-family: "regular1", "sans-serif" !important;
	background-color:#fff !important;
	border:none !important;

}
ul.dj-mobile-light > li > ul li.dj-mobileitem>a {
	color:rgba(167,22,128,1.00) !important;
	font-size:14px !important;
	font-family: "regular1", "sans-serif" !important;
	background-color:#fff !important;
	border:none !important;
	padding:11px 10px 11px 20px !important

}

ul.dj-mobile-light li.dj-mobileitem.itemid-226>a,
ul.dj-mobile-light li.dj-mobileitem.itemid-225>a,
ul.dj-mobile-light li.dj-mobileitem.itemid-228>a {
	background-color:rgba(167,22,128,1.00) !important;
	font-size:16px !important;
	font-family: "regular1", "sans-serif" !important;
	color:#fff !important;
}

ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
	background-color:#e1c3d9 !important;
}

ul.dj-mobile-light li.dj-mobileitem.itemid-226>a:hover,
ul.dj-mobile-light li.dj-mobileitem.itemid-225>a:hover,
ul.dj-mobile-light li.dj-mobileitem.itemid-228>a:hover {
	background-color:rgba(167,22,128,1.00) !important;
	font-size:16px !important;
	font-family: "regular1", "sans-serif" !important;
	color:#fff !important;
}

ul.dj-mobile-light li.dj-mobileitem.itemid-127 {
	padding-left:8px !important;
	padding-right:8px !important;
}

.dj-mobileitem .modules-wrap {
	font-family: "regular1", "sans-serif" !important;
	line-height:30px !important
	
}

.dj-mobileitem .modules-wrap i {
	margin-right:8px !important
}

.dj-mobileitem .modules-wrap {
	padding-top:20px !important;
}

.dj-mobileitem .modules-wrap strong {
	font-family: "bold1", "sans-serif" !important;
	font-weight:normal !important;
	
}
.dj-mobileitem .modules-wrap a:link,
.dj-mobileitem .modules-wrap a:visited {
	color:rgba(0,0,0,1.00) !important;
	text-decoration: none;
	
}
.dj-mobileitem .modules-wrap a:link i,
.dj-mobileitem .modules-wrap a:visited i {
	color:rgba(167,22,128,1.00) !important;
	text-decoration: none;
	
}

.dj-mobileitem .modules-wrap a:hover,
.dj-mobileitem .modules-wrap a:active {
	opacity:0.5;
	text-decoration: none;
	
}

#contentarea {
	width:1400px !important;
	margin:100px auto !important
}

#hero {
	width:100% !important;
	height:500px !important;
	background-color:rgba(120,12,92,1.00);
	background-image: url("images/kreis-hero.png")  !important;
	background-position: center right;
	background-size: contain;
	background-repeat: no-repeat;

}
.kopfschmerzen #hero {
	width:100% !important;
	height:500px !important;
	background-color:rgba(120,12,92,1.00);
	background-image: url("images/kopfschmerzen-hero.jpg")  !important;
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}
.fieber #hero {
	width:100% !important;
	height:500px !important;
	background-color:rgba(120,12,92,1.00);
	background-image: url("images/fieber-hero.jpg")  !important;
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}

.zahnschmerzen #hero {
	width:100% !important;
	height:500px !important;
	background-color:rgba(120,12,92,1.00);
	background-image: url("images/zahnschmerzen-hero.jpg")  !important;
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}

.regelschmerzen #hero {
	width:100% !important;
	height:500px !important;
	background-color:rgba(120,12,92,1.00);
	background-image: url("images/regelschmerzen-hero.jpg")  !important;
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}

.herokreis-w {
	height:100% !important;
	opacity: 0.7
}

.hero_headline {
	position:absolute;
	font-family: "black1", "sans-serif" !important;
	font-size:65px;
	color:#fff;
	bottom:180px;
	left:40px;
	line-height:60px;
}

.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:40px;
	color:#fff;
	margin-top:0
	
}

.heromaedl {
	height:500px;
	width:auto;
	margin-left:50px;
	float:left;
}
.heroclaim {
	height:250px;
	width:auto;
	margin-right:250px;
	float:right;
	margin-top:120px;
}

.products_start {
	
	width:1400px !important;
	margin-top:30px
}

.prod_adolorin, .prod_adolorin_express, .prod_adolorini {
	width:31% !important;
	float:left !important;
	background-color:#f1e6ee;
	position: relative;
	transition:0.5s
	
}

.prod_adolorin_express {
	margin-left:3.5% !important;
	margin-right:3.5% !important
}
.prod_box {
	transition:0.5s !important}
.prod_box:hover {
	transform:scale(1.1)}
.prod_adolorini {
	right:0 
}

.produkt_img {
	width:90% !important;
	left:0;
	top:0;
}
.produkt_button {
	width:35% !important;
	position:absolute;
	top:10px;
	right:10px;
}
.gobutton {
	width:40% !important;
	position:absolute;
	bottom:10px;
	right:0px;
}

main {
	font-size:14px !important;
	width:880px !important;
	margin:0 auto !important;
	max-width:95% !important
	
	
}

main a:link,main a:visited {
	color:rgba(120,12,92,1.00) !important;
	text-decoration: none;
	
}
main a:hover,main a:active {
	color:rgba(120,12,92,0.50) !important;
	text-decoration: none;
	
}

.produkte main {
	width:1000px !important
}

.startseite main {
	font-size:14px !important;
	width:100% !important;
	padding-top:40px !important;
	
	
}

.img_left {
	float:left !important;
	width:40% !important;
	margin-right:3% !important;
	margin-bottom:20px !important
}
.img_right {
	float:right !important;
		width:40% !important;
	margin-left:3% !important;
	margin-bottom:80px !important
}

.company {
	margin-bottom:150px !important;
}

.clear {
	clear:both !important;
}

a {
	text-decoration:none !important
}

.startelements {
	width:60% !important;
	margin-left:20%;
}

.startelement {
	-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
	background-color:rgba(167,22,128,1.00);
	width:48% !important;
	height:140px;
	padding:15px;
	text-decoration: none;
	color:#fff;
	float:left;
	margin-right:2% !important;
	margin-bottom:25px !important;
	transition:0.5s
}

.startelement:hover {
	transform:scale(1.1);
	background-color:rgba(120,12,92,1.00)
}

.startelement img {
	height:130px !important;
	float:left !important;
	padding-bottom:20px;
	margin-right:15px
}


.startelement p {
	font-size:14px;
	font-family: 'regular1', sans-serif !important;
}

h1 {
	
	font-family: 'bold1', sans-serif !important;
	color:rgba(167,22,128,1.00);
	text-align: center !important;
	font-size:35px !important;
}
h2,h3 {
	
	font-family: 'bold1', sans-serif !important;
	color:rgba(167,22,128,1.00);
	font-size:27px !important;
}
.elements strong {
	font-weight:normal !important;
	font-family: 'bold1', sans-serif !important;
	color:rgba(167,22,128,1.00);
	font-size:27px !important;
	text-align:center !important;
	display:block !important;
	padding-bottom:30px !important;
}

.startseite h1 {
	padding-bottom:30px !important
}

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

.footertop {
	height:10px;
	width:100% !important;
	background: rgb(120,12,92);
background: linear-gradient(90deg, rgba(120,12,92,1) 0%, rgba(167,22,128,1) 50%, rgba(120,12,92,1) 100%);
}

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:#999 !important;
text-decoration:none;	margin:10px 0 0 0;
	text-align: center;
box-sizing: border-box;
	float:left !important;
	padding-top:20px !important;
	position:absolute;
	width:100% !important;
	z-index: -1 !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 !important;
	font-weight:normal !important
}

[data-rlta-element=container][data-rlta-state=ready] {
	width:1000px !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(167,22,128,1.00) !important;
		border-radius:0 !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(120,12,92,1.00) !important;
	color:#fff !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(120,12,92,0.05) !important;
		border-radius:0 !important;
	border:0 !important;
	font-size:14px !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(120,12,92,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(120,12,92,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
}

#factbox {
	position: relative
}

.factbox_img {
	position: absolute;
	right:0;
	top:0;
	width:50%;
	z-index: 2
}

.express .factbox_img {
	margin-right:-20px !important
}

main ul {
  list-style-position: inside;
  padding-left: 0;
	padding-top:20px !important;
padding-bottom:0;
	margin-bottom:0 !important
}
main ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
	padding-bottom:15px !important;
}
main 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:400;




}

.adolorini ul li::before {

	color:#8ebf2c !important



}
.adolorini #factbox_anwendung ul li::before {

	color:#fff !important

}

.express ul li::before {

	color:#e1001a !important



}
.express #factbox_anwendung ul li::before {

	color:#fff !important

}
.adolorin ul li::before {

	color:#57a9de !important



}
.adolorin #factbox_anwendung ul li::before {

	color:#fff !important

}

.adolorini h2 {
	padding-top:15px !important;
	color:#8ebf2c !important;
}
.adolorin h2 {
	padding-top:15px !important;
	color:#57a9de !important;
}

.express h2 {
	padding-top:15px !important;
	color:#e1001a !important;
}
.startelement h2 {
	font-size:16px !important;
	font-family: 'bold1', sans-serif !important;
	padding-top:8px !important;
	color:#fff !important
}
#factbox_container {
	position:absolute;
	top:75px;
	width:100% !important;
	z-index: 1;
}

.express #factbox_container {
	position:absolute;
	top:30px;
	width:100% !important;
	z-index: 1;
}

#factbox_anwendung {
	
	width:60%;
	padding:15px 140px 0px 15px;
	box-sizing: border-box;
	font-size:16px;
}

.express #factbox_anwendung {
	
	width:70%;
	padding:15px 180px 0px 15px;
	box-sizing: border-box;
	font-size:16px;
}
.adolorini #factbox_anwendung {
	background-color:#8ebf2c !important;
	color:#fff !important;
}
.adolorin #factbox_anwendung {
	background-color:#57a9de !important;
	color:#fff !important;
}
.express #factbox_anwendung {
	background-color:#e1001a !important;
	color:#fff !important;
}
#factbox_facts {
	background-color: #c27eb2;
	width:80%;
	z-index: 1;
	padding:0px 80px 0px 15px;
	box-sizing: border-box;
	font-size:16px;
}
#factbox_facts img {
	height:90px !important;
	margin-right:15px;
}

.after_factbox {
	padding-top:320px !important
}

.express .after_factbox {
	padding-top:350px !important
}
.dosierung {
	width:500px !important
}
.dosierung td {
	padding:10px !important
}

.dosierung th {
	border-bottom:1px solid #8ebf2c;
	font-weight:normal;
	padding:10px !important
	
}

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

	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}


.adolorin .gebrauchsinfos:link,.adolorin .gebrauchsinfos:visited {
	background-color:#57a9de !important;
	
}
.adolorini .gebrauchsinfos:link,.adolorini .gebrauchsinfos:visited {
	background-color:#8ebf2c !important;
	
}
.express .gebrauchsinfos:link,.express .gebrauchsinfos:visited {
	background-color:#e1001a !important;
	
}
.gebrauchsinfos:link,.gebrauchsinfos:visited {

	color:#fff !important;
	padding:10px 10px 10px 15px !important;
	transition:0.5s !important
}
.gebrauchsinfos:hover,.gebrauchsinfos:active {
	opacity:0.8
}
.gebrauchsinfos::after {
  

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

}
.quellen {

	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;
}
@media (max-width:1400px) {
	
	header {
		left:0 !important;
		margin-left:0 !important;
	}
	#contentarea, .products_start {
		width:100% !important;
	}
	#hero {
		width:100% !important;
		height:450px !important
	}
	.heromaedl {
		height:100% !important;
	}
	
	.heroclaim {
		margin-top:80px !important
	}
	
	.startelements {
width: 80% !important;
margin-left: 10%;
}
}

@media (max-width:1150px) {

	
.produkte main {
	width:900px !important
}
	
	#hero {
		width:100% !important;
		height:400px !important
	}

	.heroclaim {
		height:200px !important;
		margin-top:100px !important;
		margin-right:150px !important
		
	}
	
	#hinweis_arzt {
		padding-left:200px !important
	}
	
	.startelements {
width: 80% !important;
margin-left: 10%;
}
	.express .after_factbox {
	padding-top:390px !important
	}
	
	.kopfschmerzen #hero,
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:400px !important
	}
	
	.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 50px;
color: #fff;
bottom: 180px;
left: 40px;
line-height: 50px;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:35px;
	color:#fff;
	margin-top:0
	
}
}


@media (max-width:1000px) {

	#hero {
		width:100% !important;
		height:400px !important
	}
	.heromaedl {
		height:100% !important;
	}
	
		
	#hinweis_arzt {
		padding-left:200px !important
	}
	
	.startelements {
width: 90% !important;
margin-left: 5%;
}
		.kopfschmerzen #hero,
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:350px !important
	}
	
	.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 45px;
color: #fff;
bottom: 180px;
left: 40px;
line-height: 50px;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:30px;
	color:#fff;
	margin-top:0
	
}
}

@media (max-width:900px) {

		.heroclaim {
		height:150px !important;
		margin-top:100px !important;
		margin-right:150px !important
		
	}
		
	#hinweis_arzt {
		padding-left:200px !important
	}
	
	.startelements {
width: 98% !important;
margin-left: 1%;
}
}

@media (max-width:850px) {
	h1 {
		padding-top:40px !important
	}
	#hero {
		width:100% !important;
		height:350px !important
	}
		.heroclaim {
		height:150px !important;
		margin-top:100px !important;
		margin-right:100px !important
		
	}
		
	#hinweis_arzt {
		padding-left:200px !important
	}
	
	.startelements {
width: 98% !important;
margin-left: 1%;
}
	.products_start {
		width:60% !important;
		margin:0 auto !important;
	}
	
.prod_adolorin, .prod_adolorin_express, .prod_adolorini {
	width:100% !important;
	float:left !important;
	background-color:#f1e6ee;
	position: relative;
	transition:0.5s;
	margin:25px auto !important;
	
}

.prod_adolorin_express {
	margin-left:0% !important;
	margin-right:0% !important
}
	.startelement {
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
background-color: rgba(167,22,128,1.00);
width: 60% !important;
height: 140px;
padding: 15px;
text-decoration: none;
color: #fff;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 25px !important;
transition: 0.5s;
}
	
	footer {
		text-align:center !important;
		
	}
	footer img {
height: 25px;
float: none !important;
margin: 30px 15px 20px 15px;
}
	
	#bottomlinks {
float: none !important;
font-family: 'regular1', sans-serif !important;
margin: 10px 15px 10px 15px;
		width:100% !important
}
	
	.heromaedl {
		margin-left:0 !important
	}
	
	#hinweis_arzt {
padding-left: 0px !important;
		float:none !important;
		position: inherit !important;
		padding-bottom:20px !important;
}
	
	#navigation, .headright {
		width:80px !important
	}
	#apobutton {
		height:35px !important;
		padding-right:0px !important
	}
	#apobutton span {
		display:none
	}	
			.kopfschmerzen #hero,
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:300px !important
	}
	
	.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 40px;
color: #fff;
bottom: 150px;
left: 40px;
line-height: 40px;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:27px;
	color:#fff;
	margin-top:0
	
}
}

@media (max-width:700px) {
	#hero {
		width:100% !important;
		height:300px !important
	}
		.heroclaim {
		height:120px !important;
		margin-top:80px !important;
		margin-right:70px !important
		
	}
	.startelement {
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
background-color: rgba(167,22,128,1.00);
width: 70% !important;
height: 140px;
padding: 15px;
text-decoration: none;
color: #fff;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 25px !important;
transition: 0.5s;
}
	
				.kopfschmerzen #hero,
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:250px !important
	}
	
	.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 30px;
color: #fff;
bottom: 100px;
left: 40px;
line-height: 30px;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:20px;
	color:#fff;
	margin-top:0
	
}
	
	.img_left, .img_right {
		width:70% !important;
		margin-left:15% !important;
		
		margin-right:15% !important;
		margin-bottom:10px !important
	}
}

.onlymobile {
	display:none;
}

.ibuprofen {
	width:50% !important; 
	height:auto !important;
	margin:0 auto !important;
}

@media (max-width:600px) {
		.onlymobile {
	display:inherit;
}
	h1 {font-family: 'bold1', sans-serif !important;
color: rgba(167,22,128,1.00);
text-align: center !important;
font-size: 30px !important;
}
	
	.adolorinimaedl {
		margin-left:-45px !important
	}
	.heroclaim {
height: 120px !important;
margin-top: 80px !important;
margin-right: 20px !important;
}
				.kopfschmerzen #hero,
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:400px !important;
		background-position: right !important;
		overflow:hidden !important;
	}
	
	.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 40px;
color: #fff;
bottom: 20px;
left: inherit !important;
		right:0;
line-height: 40px;
		width:100%;
		text-align: center !important;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:30px;
	color:#fff;
	margin-top:0
	
}
	
	
}
@media (max-width:500px) {

	.modules-wrap #apobutton {
	display:block !important;
	}

	
	#hero {
		width:100% !important;
		height:250px !important
	}
		.heroclaim {
		height:100px !important;
		margin-top:80px !important;
		margin-right:20px !important
		
	}
	
	.ibuprofen {
	width:70% !important; 
	height:auto !important;
	margin:0 auto !important;
}
	
	.dosierung {
		width:100% !important
	}
	
	#navigation {
		width:50px !important;
	}
	
	.headright {position:fixed !important;
	bottom:0 !important;
	left:0 !important;
		width:60px !important;
	padding:10px;
	background-color: rgba(255,255,255,0.80)}
	
	.facebookhead {
color: rgba(120,12,92,1.00) !important;
font-size: 40px !important;
margin-top: 0px;
transition: 0.5s !important;
float: none !important;
}
	#apobutton {

float: right !important;
margin-right: 0px;
margin-top: 10px;
transition: 0.5s !important;
cursor: pointer;
		padding-right:0 !important;
		width:35px!important;
		padding-left:0 !important;
		margin-left:2px !important
}
	.heromaedl {
		margin-left:-20px !important
	}
	.products_start {
width: 90% !important;
margin: 0 auto !important;
}
	
		.startelement {
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
background-color: rgba(167,22,128,1.00);
width: 90% !important;
height: 140px;
padding: 15px;
text-decoration: none;
color: #fff;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 25px !important;
transition: 0.5s;
}
		.hero_headline {
position: absolute;
font-family: "black1", "sans-serif" !important;
font-size: 35px;
color: #fff;
bottom: 20px;
left: inherit !important;
		right:0;
line-height: 35px;
		width:100%;
		text-align: center !important;
}
	.hero_headline p {
	font-family: "black1", "sans-serif" !important;
	font-size:25px;
	color:#fff;
	margin-top:0
	
}
			
	.zahnschmerzen #hero,
	.regelschmerzen #hero,
	.fieber #hero {
		height:400px !important;
		background-position: center !important;
		overflow:hidden !important;
	}
	
	header {
		text-align:right !important
	}
	.img_left, .img_right {
		width:90% !important;
		margin-left:5% !important;
		
		margin-right:5% !important;
		margin-bottom:10px !important
	}
}

@media (max-width:450px) {
	#hero {
		width:100% !important;
		height:200px !important
	}
		.heroclaim {
		height:100px !important;
		margin-top:40px !important;
		margin-right:20px !important
		
	}
	
	#navigation {
		width:50px !important;
	}
	
	.heromaedl {
		margin-left:-30px !important
	}
	

	
	
}
@media (max-width:400px) {
		.adolorinimaedl {
		margin-left:-60px !important
	}
}
@media (max-width:900px) {
		
.produkte main {
	width:95% !important
}
	
	#factbox {
		position:inherit !important
	}
	
	.factbox_img {
		position:inherit !important;
		width:60%;
		margin-left:20% !important;
	}
	#factbox_container, #factbox_anwendung, #factbox_facts {
		position: inherit !important;
		width:100% !important;
	}#factbox_facts {
		text-align:center !important;
		padding:0 !important
	}
	
	#factbox_facts img {
		margin-right:2.5% !important;
	margin-left:2.5%}
	
	.after_factbox {
		display:none !important
	}
	#factbox_anwendung, .express #factbox_anwendung {
width: 100%;
padding: 15px 15px 0px 15px;
box-sizing: border-box;
font-size: 16px;
}
}

@media (max-width:450px) {
	.factbox_img {
		position:inherit !important;
		width:80%;
		margin-left:10% !important;
	}
}