/*** Variable Setup ***/
:root {
    --green-color: #86BC25;
	--brown-color: #3C2414;
	--ff-pd-r: 'ProzaDisplay-Regular';
	--ff-pd-b: 'ProzaDisplay-Bold';
	--ff-f-display: 'Faune';
	--ff-f-text: 'Faune Text';
	--fw-l: 300;
    --fw-r: 400;
    --fw-b: 700;
}
/*** Variable Setup ***/

*, *::before, *::after{
    box-sizing: border-box;
}
*:focus{
    outline: none !important;
    box-sizing: none !important;
}
/*** Basic Setup ***/
html{
    line-height: normal;
    scroll-behavior: smooth;
}


body {
    color: var(--brown-color);
	background-color: #FFF3D8;
    font-family: var(--ff-f-text);
    line-height: normal;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	background-image:  url('../img/bg_image/desktop/2560px-BG-Pattern.jpg');

}
h1 {
}
h2 {	
}
h3 {
}
h4 {
}
h5 {
}
h6 {

}
p {
	font-family: var(--ff-f-text);
	font-size: 20px;
}
a{
	color: var(--green-color);
}
a:hover, a:focus {
    text-decoration: none;
	color: var(--brown-color);
}
body button:focus{
    outline: none;
}
img {
    max-width: 100%;
}
.h-100vh{
	height: 100vh;
}

/*** Home Page ***/
.section-main{
	background-image:  url('../img/bg_image/desktop/2560px-Bottle.png');
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: hidden;
}
.section-main h1{
	font-family: var(--ff-f-text);
	color: var(--brown-color);
	font-size: 60px;
	line-height: 80px;
	margin-bottom: 50px;
}
.section-main h1 span{
	font-family: var(--ff-f-display);
	color: var(--brown-color);
	font-weight: bold;
	font-style: italic;
	font-size: 60px;
	line-height: 80px;
	display: block;
}
.amazon-link {
    display: inline-block;
    width: 80px;
}
.btn-green{
	background-color: var(--green-color);
	color: #fff;
	border-radius: 50px;
	padding: 0.5em 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 1em;
	font-size: .9em;
}
.btn-green:hover, .btn-green:focus{
	background-color: #000;
	color: #fff;
}
.header {
    top: 0;
    z-index: 1;
    width: 100%;
    left: 0;
}
.header .logo {
    width: 240px;
    margin: 1.6em 0 0 1.6em;
    display: inline-block;
}
.logo.desk{
		display: inline-block;
	}
	.logo.mobile{
		display: none;
	}
.about_txt{
	max-width: 400px;
}
.about-img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -300px;
}
.imgbadge{
	position: absolute;
	right: 3em;
	width: 160px;
	top: 3em;
}
.links{
	display: flex;
	align-items: center;
}

.footer_links {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    border-top: 1px solid var(--green-color);
}
.footer_links p{
	padding: 1.7em 0 0 0;
	margin: 0;
	font-size: 12px;
}
.footer_links ul {
    padding: 1em 0 0 1.6em;
	text-align: right;
}
.footer_links ul li{
	display: inline-block;
}
.footer_links ul li a{
	position: relative;
	padding-left: 3em;
	text-transform: uppercase;
	font-size: 12px;
	font-family: var(--ff-f-display);
	color: var(--brown-color);
	font-weight: bold;
	font-style: italic;
}
.footer_links ul li a:hover{
	color: var(--green-color);
}

/*** Home Page ***/

/*** Legal Page ***/
.legal-page {
	padding: 10em 0;
	background-image: none !important;
}

/*********
Responsive Start
*********/

@media(min-width:992px) {}
@media(min-width:1200px) {

}
@media(min-width:1480px) {
	.container{
		max-width: 1366px;
	}
}
@media(min-width:1921px) {
	.container{
		max-width: 80%;
	}
	.about_txt {
		max-width: unset;
	}
}
@media(min-width:3000px) {
	.container{
		max-width: 2560px;
	}
	.about_txt {
		max-width: unset;
	}
}
@media(max-width:1800px) {
	.section-main {

	}
	.section-main h1 {
		font-size: 40px;
		line-height: 30px;
	}
	.about_content p {
		font-size: 18px;
	}
	.about-img {
		top: -230px;
	}
}
@media(max-width:1560px) {
	.section-main {
		background-image:  url('../img/bg_image/desktop/1600px-Bottle.png');
		background-size: contain;
	}
}
@media(max-width:1366px) {
	.about-img {
		top: -230px;
	}
}
@media(max-width:1280px) {}
@media(max-width:1200px) {
	.section-main p {
		font-size: 0.9em;
	}
}
@media(max-width:1024px) {
	.about-img {
		max-width: unset;
		margin: auto;
	}
	.section-main h1 {
		font-size: 1.8em;
	}
	.section-main p {
		font-size: 0.9em;
	}
	.amazon-link {
		display: inline-block;
		width: 50px;
	}
	.links{
		justify-content: flex-start;
	}
	.btn-green {
		font-size: .8em;
	}

}
@media(max-width:991px) {
	body {
		background-image: none;
	}
	.container.mobile_full {
		max-width: 100%;
	}

	.section-main {
		background-image: none;
		min-height: 100vh;
		height: unset;
		padding-bottom: 0em;
	}
	.about-img {
		margin-top: 0px;
		position: relative;
		max-width: 100%;
		top: 0px;
	}
	.about_txt{
		margin: auto;
		text-align: center;
		max-width: none;
		margin-bottom: 100px;
		margin-top: 0;
	}
	.links {
		justify-content: center;
	}
	.logo.desk{
		display: none;
	}
	.logo.mobile{
		display: inline-block;
	}
	.header{
		text-align: center;
	}
	.header .logo {
		margin: 0.9em 0 0 0;
	}
	.imgbadge{
		display: none;
	}
	.footer_links p{
		display: none;
	}
	.footer_links ul {
		padding: 1em 0 0 0em;
		text-align: center;
	}
	.footer_links ul li a {
		padding-left: 0.7em;
		font-size: 0.7em;
		padding-right: 0.7em;
	}
	.container {
		max-width: 760px;
	}
}
@media(max-width:767px) {
	.section-main {
		padding-bottom: 7em;
		min-height: 100vh;
		height: unset;
	}
	.footer_links p{
		display: none;
	}
	.footer_links ul {
		padding: 1em 0 0 0em;
		text-align: center;
	}
	.footer_links ul li a {
		padding-left: 0.7em;
		font-size: 0.7em;
		padding-right: 0.7em;
	}
	.amazon-link {
		display: inline-block;
		width: 45px;
		position: absolute;
		right: 0em;
		top: -20px;
	}
	.links {
		position: relative;
		margin: 3em 0 1em;
	}
	.links .btn-green{
		width: 90%;
		margin: auto;
	}
	.about_txt {
		text-align: center;
		display: flex;
		flex-direction: column-reverse;
	}
	.section-main h1 {
		color: var(--brown-color);
		font-size: 1.6em;
	}
}
@media (max-width: 640px) {
	.logo.mobile {
		max-width: 140px;
	}

	.section-main {
		/* background-image: url('../img/bg_image/mobile_BG_x2.jpg'); */
		min-height: 100vh;
		height: unset;
		padding-bottom: 0em;
	}

	.section-main h1 {
		font-size: 1.4em;
	}

	.impressum_content {
		margin-top: 2em;
	}
	.legal-page {
		padding: 10em 0;
		text-align: center;
	}
	.legal-page h2, .legal-page h3 {
		font-size: 1.4em;
	}

}
@media (max-width: 480px) {}
@media (max-width: 360px) {}