/*
	rfv fruits css
	version: 0.1
	date: 11-2019
	author: a.stadler
	
	font-family: 'Open Sans', sans-serif;
	green: #008946
	red: #e62d32

*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap');

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #777 !important;
}


html {
	scroll-behavior: smooth;
}

h1 {
	color: #008946 !important;
}

h2 {
	color: #008946;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

h3 {
	color: #e62d32;
	font-family: 'Open Sans', sans-serif;
}

h4 {
	color: #e62d32;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

section {
	margin-top: 50px;
	padding:25px 0px 25px 0px;
}

a {color: #e62d32;}
a:hover {color: #008946}

p {
	font-size:18px;
}

.img-logo {
	width: 200px;
	float: right;
}

.img-flag {
	width: 30px;
	margin-right: 5px;
}

.nav-link {
	text-transform: uppercase;
	font-weight: 600;
	padding-left: .8rem !important;
	padding-right: .8rem !important;
	color: #e62d32 !important;
}

.nav-link.active {
	color: #008946 !important;
}

.nav-link a:hover {
	color: red !important;
} 

#qualitaet, #zertifikate, #kontakt {
	background: #00894636;
}

#about {
	padding-bottom: 0px;
}

#qualitaet {
	margin-top: 0px;
}


.txt-pos {font-style: italic;}

.cnt-contact-person {
	background: #00894636;
	padding: 10px 10px 5px 15px;
	margin-bottom: 25px;
}

.modal-dialog {
	max-width: 850px;
}

.map-container{
	overflow:hidden;
	position:relative;
}


.masthead {
	height: 100vh;
	min-height: 500px;
	background-image: url('../../img/headimage.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* ======================================================================================================= */
/* #### sortiment #### */

.nav-link.pill-green.active {
	background-color: #008946 !important;
	color: #fff !important;
}

.nav-link.pill-green {
	border: 2px solid #008946;
	margin-right: 10px;
	background: #fff;
}


/* ======================================================================================================= */
/* #### margin & padding #### */

.mrg-tp-25	{margin-top: 25px;}
.mrg-tp-50	{margin-top: 50px;}
.mrg-tp-75	{margin-top: 75px;}
.mrg-tp-100	{margin-top: 100px;}
.mrg-tp-150	{margin-top: 150px;}

.mrg-bt-25	{margin-bottom: 25px;}
.mrg-bt-50	{margin-bottom: 50px;}
.mrg-bt-100	{margin-bottom: 100px;}
.mrg-bt-150	{margin-bottom: 150px;}

.pad-tp-25	{padding-top: 25px;}
.pad-tp-50	{padding-top: 50px;}
.pad-tp-100	{padding-top: 100px;}

.pad-bt-25	{padding-bottom: 25px;}
.pad-bt-50	{padding-bottom: 50px;}
.pad-bt-100	{padding-bottom: 100px;}

.no-mrg {margin: 0px !important;}
.no-mrg-tp {margin-top: 0px !important;}
.no-mrg-bt {margin-bottom: 0px !important;}
.no-mrg-lr {margin-left: 0px !important; margin-right:0px !important;}

.no-pad {padding: 0px !important;}
.no-pad-tp {padding-top: 0px !important;}
.no-pad-bt {padding-bottom: 0px !important;}
.no-pad-lr {padding-left: 0px !important; padding-right: 0px !important;}

/* ======================================================================================================= */
/* #### cookie-note #### */

#cookie-note a {
	color:#fff;
	text-decoration:none;
}

#cookie-note a:hover {
	text-decoration:underline;
}

#cookie-note div {
	padding:10px;
	padding-right:40px;
}

#cookie-note {
   text-align:center;
   border-top:1px solid #fff;
   background: #e62d32;
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   height:145px;
   font-size:12px;
   line-height:16px;
}

#cookie-noteCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 15px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #fff
}

#cookie-noteCloser:hover {
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-top:1px solid #7b92a9;
	border-left:1px solid #7b92a9;
}


.typo-cookie {
	color:#fff;
	font-size: 18px;
	text-align: center;
	line-height: 22px;
}

.btn-white {
	border: 1px solid #fff;
}


/* ======================================================================================================= */
/* #### footer #### */

#footer {
	background: #008946;
	color: #fff;
	min-height: 550px;
}

#footer a {
	color: #fff;
	text-transform: uppercase;
}

.foo-txt-h {
	font-size: 2rem;
}

.foo-txt-small {
	font-size: 12px;
}
/* ======================================================================================================= */
/* #### responsive hacks #### */

@media (max-width: 1200px) {
	.nav-link {
		font-size: 14px;
	}
}

@media (max-width: 991px) {
	#home {
		margin-top: 60px;
	}

	#about {
		margin-top: -75px;
	}
}