.btn,
.btn-trans,
.btn-arrow,
.btn-instructions {
	color: #fff;
	background: #3c9444;
	display: inline-block;
	padding: 1rem 2.5rem .9rem;
	border-radius: 0.313rem;
	font-weight: 700;
	text-decoration: none;
	border: .125rem solid #3c9444;
	line-height: 1.1;
	text-align: center;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.btn:hover,
.btn-arrow:hover {
	background: #1e4d23;
	border-color: #1e4d23;
}

.btn,
.btn-arrow {
	box-shadow:0 .8rem 1rem 0 #e7ece7;
}

.btn-trans {
	background: transparent;
	color: #3c9444;
}

.btn-trans:hover {
	border-color: #1e4d23;
}

.btn .icon,
.btn-trans .icon {
	vertical-align: middle;
	margin: -.2rem .4rem 0 0;
	height: 1.875rem;
}

.btn-arrow:after {
	content: "";
	width: 1.5rem;
	height: .65rem;
	display: inline-block;
	background: url("../images/icon_arrow_white.svg") no-repeat center center;
	background-size: 100% auto;
	margin: -.3rem 0 0 .6rem;
	vertical-align: middle;
}

.btn-instructions {
	background: transparent;
	color: #3c9444;
	padding: .45rem 1.85rem;
	margin-top: 1rem;
	vertical-align: bottom;
}
.btn-instructions:hover {
	border-color: #1e4d23;
	color: #1e4d23;
}

.btn-instructions span {
	display: block;
	color: #919191;
	font-size: .7rem;
	padding-top: .3rem;
}

.btn-group > * {
	margin: 0 1.5rem 1.5rem 0;
}


.icon-check-pink {
	margin: .5rem 0;
}

.icon-check-pink li {
	list-style: none;
	padding: 0 0 .3rem 1.625rem;
	background: url("../images/icon_check_pink.svg") no-repeat 0 .35rem;
	background-size: 1.125rem auto;
}


.product-title {
	font-size: 3.125rem;
	padding-bottom: 2rem;
}

.clear {
	clear: both;
}



.circle-headline {
	position: relative;
	padding: 2.125rem 0 6.3rem;
	font-size: 1.625rem;
	color: #3b2d54;
	text-align: center;
	line-height: 1;
}

.circle-headline:before {
	content: "";
	background: #fdf8fb;
	height: 11.5rem;
	width:11.5rem;
	border-radius: 50%;
	position: absolute;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.circle-headline strong {
	display: block;
	font-weight: 900;
	font-size: 5rem;
	text-transform: uppercase;
}


#header {
	position: fixed;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#header.white {
	background: rgba(255,255,255,.93);
	box-shadow:0 .1rem .4rem 0 rgba(90,90,90,.1);
}

#header .c {
	max-width: 100rem;
	padding: 2rem 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	-webkit-transition: padding .2s;
	-moz-transition: padding .2s;
	-o-transition: padding .2s;
	transition: padding .2s;
}

#header.white .c {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#logo {
	display: inline-block;
	margin-right: 6%;
	flex: 1 0 auto;
}

#logo img {
	max-height: 2rem;
}

#nav-res {
	display: none;
	
	height: 1.7rem;
	width: 2.3rem;
	position: relative;
}

#nav-res span,
#nav-res:before,
#nav-res:after {
	content: "";
	width: 100%;
	height: .313rem;
	background: #3c9444;
	border-radius: .2rem;
	position: absolute;
	bottom: 0;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#nav-res:before {
	top: 0;
}

#nav-res span {
	top: .7rem;
}


#headernav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:68rem;
	position: relative;
	padding-right: 5rem;
}

#mainnav {
	display: flex;
	gap:2.5rem;
}

#mainnav > li {
	list-style: none;
	position: relative;
	padding: .3rem 0;
}

#mainnav a {
	text-decoration: none;
	color: #3b2d54;
}

#mainnav ul {
	opacity: 0;
	visibility: hidden;
	
	top: 99%;
	position: absolute;
	background: #fde5f3;
	padding: .3rem .7rem;
	left: -.7rem;
	z-index: 2;
	box-shadow:0 .1rem .4rem 0 rgba(90,90,90,.1);
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#mainnav > li:hover ul {
	opacity: 1;
	visibility: visible;
}

#mainnav ul li {
	list-style: none;
	white-space: nowrap;
}

#mainnav ul li {
	font-size: 90%;
}


.language-menu {
	position: absolute;
	width:2.3rem;
	right: 0;
	top: .45rem;
}

.language-menu li {
	text-align: center;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	padding: .2rem 0;
	border-radius: .313rem;
	background: #fff;
	color: #ff7faf;
	border: .1rem solid #fff;
	box-sizing: border-box;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.language-menu li.lang-active {
	visibility: visible;
	opacity: 1;
	background: #ff7faf;
	color: #fff;
	position: absolute;
	width:100%;
	top: 0;
}

.language-menu li.lang-active,
.language-menu li:hover {
	border-color: #ff7faf;
}

.language-menu ul:hover li:not(.lang-active) {
	visibility: visible;
	opacity: 1;
	position: relative;
	top: 2.3rem;
	margin-top: .3rem;
}

.language-menu a {
	text-decoration: none;
}




main {
	margin-top: 12rem;
}

main .c,
footer .c {
	width:96%;
	max-width:73.75rem;
	margin: 0 auto;
}

main .c:after {
	content: "";
	display: block;
	clear: both;
}

main .c-small {
	width:96%;
	max-width:48.75rem;
	margin: 0 auto;
}

#intro {
	position: relative;
}

#intro .bigimg {
	position: absolute;
	left: 53%;
	bottom: 0;
	width:60vw;
	height: auto;
	max-height: none;
	z-index: -1;
}

#intro .textcol {
	max-width: 43%;
}


.col-left {
	float: left;
	width:41%;
}

.col-right {
	float: right;
	width:51%;
}

.col-right-big {
	float: right;
	width:58%;
}

.product-bg {
	height: 36.75rem;
	position: relative;
	
}

.product-bg:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right:25%;
	left: -40vw;
	z-index: -1;
	border-radius: 28%;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdcf4+0,f4eaff+100 */
	background: linear-gradient(135deg,  #ffdcf4 0%,#f4eaff 100%);
}

.product-bg img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	right: 2vw;
}

.col-50 {
	float: left;
	width:48%;
}

.col-50 + .col-50 {
	float: right;
}

.icon-flex {
	display: flex;
	min-height: 2.4rem;
}

.icon-flex .icon {
	width: 2.25rem;
	margin: .15rem 1.1rem 0 0;
	flex: 0 0 2.25rem;
	align-self: start;
}

.icon-flex > *:not(.icon) {
	align-self: center;
}


.warning-box,
.info-box {
	background: #fde5f3 url("../images/icon_warning_round.svg") no-repeat 1.35rem 1.25rem;
	background-size: 4.375rem auto;
	border-radius: .3rem;
	padding: 1.8rem 2rem 1.8rem 4.3rem;
	min-height: 3.4rem;
}

.info-box {
	background-image: url("../images/icon_info.svg");
}


.percent-bubbles {
	display: flex;
	gap: 1.5rem;
	text-align: center;
}

.percent-bubbles > div {
	flex: 1;
	position: relative;
}

.percent-bubbles > div:before {
	content: "";
	width: 100%;
	padding-top: 86%;
	border-radius: 50%;
	position: absolute;
	top: .4rem;
	z-index: -1;
	background: linear-gradient(#FF7FAF 15.46%, #E8A9CF 65.83%);
	
	-webkit-transform: rotate(340deg);
	-moz-transform: rotate(340deg);
	-ms-transform: rotate(340deg);
	transform: rotate(340deg);
}

.percent-bubbles img {
	padding: 0 .5rem;
	box-sizing: border-box;
	padding: 0 .5rem;
}

.percent-bubbles .percent {
	font-size: 3.125rem;
	line-height: 1;
	color: #ff7faf;
	margin: -3rem 0 .5rem;
	display: inline-block;
	text-shadow: #fff 3px 0 0, #fff 2.8348708152770996px 0.9815840721130371px 0, #fff 2.357661724090576px 1.855109453201294px 0, #fff 1.620906949043274px 2.5244128704071045px 0, #fff 0.7057127356529236px 2.915813684463501px 0, #fff -0.2871706485748291px 2.9862239360809326px 0, #fff -1.2484405040740967px 2.7278923988342285px 0, #fff -2.0722744464874268px 2.169257640838623px 0, #fff -2.6679797172546387px 1.3718178272247314px 0, #fff -2.969977378845215px 0.42336001992225647px 0, #fff -2.9450221061706543px -0.5717039108276367px 0, #fff -2.595860481262207px -1.503831148147583px 0, #fff -1.9609308242797852px -2.2704074382781982px 0, #fff -1.110129952430725px -2.787043571472168px 0, #fff -0.13711915910243988px -2.9968647956848145px 0, #fff 0.8509865403175354px -2.876772880554199px 0, #fff 1.745410442352295px -2.439988136291504px 0, #fff 2.4476890563964844px -1.734594702720642px 0, #fff 2.8805108070373535px -0.8382465243339539px 0, 0 .3rem .8rem rgba(0,0,0,.3);
}

.percent-bubbles strong {
	display: block;
}


.big-bg-circle {
	position: relative;
}

.big-bg-circle:after {
	content: "";
	width:86vw;
	height: 86vw;
	z-index: -1;
	position: absolute;
	top: 30rem;
	border-radius: 50%;
	left: 50%;
	margin-left: -43vw;
	background: linear-gradient(to bottom, rgba(246,221,236,1) 0%,rgba(251,238,246,0) 50%,rgba(255,255,255,0) 100%);
}


.border-box {
	border: .15rem solid #ff7faf;
	padding: 2.5rem;
}

.box-radius {
	border-radius: 1.8rem 0 1.8rem 0;
}


.flex-bubbles {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	-webkit-flex-flow: row;
	justify-content: space-around;
	gap:2rem;
	line-height:1.875rem;
	flex-wrap: wrap;
}

.flex-bubbles > div {
	background: #faf3fe;
	text-align: center;
	flex: 1;
	padding: 2.5rem 2.5rem;
	height:auto;
	border-radius: 50%;
	
	flex: 1 0 auto;
	max-width: 14rem;
}

.flex-bubbles > div:before {
	content:"";
	float:left;
	padding-top:100%;
}


#references {
	background:#fdf9ff;
	padding:5rem 0;
}


footer {
	background: #3b2d54;
	padding: 3rem 0;
}

footer .c {
	display: flex;
	justify-content: space-between;
	gap:5%;
}

footer p {
	font-size: .75rem;
	color: #fff;
}

.icon-austria {
	display: inline-block;
	width:.8rem;
	height: .6rem;
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
	margin-left: .1rem;
}

.icon-austria:before,
.icon-austria:after {
	content:"";
	height: 32%;
	width:100%;
	position: absolute;
	background: #fb4c55;
}

.icon-austria:after {
	bottom: 0;
}


.bg-marshmallow {
	margin-top:10rem;
	float:left;
	width:100%;
	background:url('../images/marshmallow.svg') no-repeat right -6rem top 3rem;
	background-size:auto 85%;
}

.bg-honey {
	padding-bottom:4.5rem;
	background:url('../images/honey.svg') no-repeat calc(50% - 14rem) bottom;
	background-size:9rem auto
}

.bg-body {
	padding-top:6.25rem;
	background:url('../images/body.svg') no-repeat -5rem 15rem;
	background-size:40% auto
}

.bg-hand-tablets {
	background:url('../images/icon_hand_tablets.svg') no-repeat right -1rem bottom 2rem;
	background-size:23% auto
}

.bg-phone-medical {
	padding-top:6.25rem;
	background:url('../images/smartphone_medical.png') no-repeat -1.5rem 18rem;
	background-size:23% auto
}

.bg-children-body {
	padding-bottom:3rem;
	background:url('../images/icon_children_body.svg') no-repeat right -3rem bottom 0;
	background-size:23% auto
}

#childrens-cough {
	padding-top: 6.25rem;
}

#bronchomed-junior {
	padding:8rem 0 11.5rem;
}

#bronchomed-pastilles {
	padding-top:12.5rem;
}

.video {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
}