@font-face
{
    font-family: 'geomanist-thin-webfont';
    src: url('../Fonts/geomanist-thin-webfont.eot');
    src: url('../Fonts/geomanist-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/geomanist-thin-webfont.woff') format('woff'),
         url('../Fonts/geomanist-thin-webfont.ttf') format('truetype'),
         url('../Fonts/geomanist-thin-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'geomanist-light-webfont';
    src: url('../Fonts/geomanist-light-webfont.eot');
    src: url('../Fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/geomanist-light-webfont.woff') format('woff'),
         url('../Fonts/geomanist-light-webfont.ttf') format('truetype'),
         url('../Fonts/geomanist-light-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'geomanist-regular-webfont';
    src: url('../Fonts/geomanist-regular-webfont.eot');
    src: url('../Fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/geomanist-regular-webfont.woff') format('woff'),
         url('../Fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('../Fonts/geomanist-regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'geomanist-medium-webfont';
    src: url('../Fonts/geomanist-medium-webfont.eot');
    src: url('../Fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/geomanist-medium-webfont.woff') format('woff'),
         url('../Fonts/geomanist-medium-webfont.ttf') format('truetype'),
         url('../Fonts/geomanist-medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'geomanist-bold-webfont';
    src: url('../Fonts/geomanist-bold-webfont.eot');
    src: url('../Fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/geomanist-bold-webfont.woff') format('woff'),
         url('../Fonts/geomanist-bold-webfont.ttf') format('truetype'),
         url('../Fonts/geomanist-bold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
 * general.css
 */
*
{
	box-sizing:border-box;
	word-break:break-word;
}

html.menuopen
{
	height:100% !important;
    overflow:hidden !important;
}

body
{
	color:#404143;
	font-family:canada-type-gibson, sans-serif;
	font-size:16px;
    letter-spacing:0.2px;
	font-weight:200;
	line-height:24px;
}

a
{
	color:#a3c343;
	text-decoration:none;
    transition:all 0.3s ease-in-out;
}

img
{
    display:block;
    height:auto;
    max-width:100%;
}

h1
{
    color:#a3c343;
  	font-family:canada-type-gibson, sans-serif;
	font-weight:400;
    font-size:46px;
    line-height:50px;
    margin:0 0 15px;
}

h2
{
    color:#404143;
	font-family:canada-type-gibson, sans-serif;
    font-size:34px;
    font-weight:400;
    line-height:50px;
    margin:0 0 20px;
}

h3
{
    color:#a3c343;
	font-family:canada-type-gibson, sans-serif;
    font-size:24px;
    font-weight:400;
    line-height:30px;
    margin:0 0 10px;
}

h4
{
	color:#404143;
	display:inline-block;
    font-family:canada-type-gibson, sans-serif;
    font-size:18px;
    font-weight:500;
    line-height:18px;
}

p
{
    margin:0 0 15px;
}

.notice
{
	background:#f4f4f4;
	padding:15px 30px 15px 45px;
	position:relative;
}

.notice:before
{
	color:#a3c343;
	content:'\f06a';
	font-family:"Font Awesome 5 Free";
	font-size:22px;
	font-weight:900;
	left:15px;
	position:absolute;
}

b, strong
{
	font-family:canada-type-gibson, sans-serif;
    font-weight:400;
}

i, em, small
{
    font-style:italic;
}

ol
{
    margin:0 0 15px;
    padding:0 0 0 25px;
}

ul
{
    list-style-type:none;
    margin:0 0 15px;
    padding:0 0 0 15px;
}

ul li
{
	position:relative;
}

ul li:before
{
	content: "-";
	left:-15px;
	position:absolute;
}

sub
{
    vertical-align : sub;
}

sup
{
	font-size:12px;
    vertical-align : super;
}

iframe,
video
{
	max-width:100%;
}

.mwformular-default,
.mwformular-textarea,
.mwformular-actions
{
    float:left;
    margin:0 30px 30px 0;
    width:calc(100% / 3 - 60px / 3);
}

.mwformular-default:nth-child(3n),
.mwformular-textarea:nth-child(3n)
{
    margin-right:0;
}

.mwformular-checkbox,
.mwformular-actions
{
    float:left;
    margin:0 0 30px;
    width:100%;
}

.mwformular-required
{
    float:left;
    width:100%;
}

input::placeholder,
textarea::placeholder
{
	color:#404143;
	font-family:canada-type-gibson, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:24px;
}

input[type="checkbox"]
{
	float:left;
    margin:3px 8px 0 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea
{
	background:#f5f5f5;
	border:0px;
	border-radius:0px;
    color:#404143;
    font-family:canada-type-gibson, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    padding:10px 13px;
    width:100%;
}

input[type="submit"],
button[type="submit"],
.button,
button
{
	background:#a3c343;
	border:0px;
	border-radius:0px;
	color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:canada-type-gibson, sans-serif;
    font-size:16px;
    line-height:18px;
    font-weight:400;
    padding:13px 25px 11px;
    position:relative;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
}

.button.vaccine
{
	padding:13px 25px 11px 47px;
}

.button.vaccine:before
{
	content:'\f48e';
	font-family:"Font Awesome 5 Free";
	font-size:18px;
	font-weight:900;
	left:20px;
	position:absolute;
	top:12px;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
button:hover
{
	opacity:0.7;
    text-decoration:none;
}

textarea
{
    height:120px;
    resize:none;
}

table
{
	margin:0 0 25px;
}

table tr:nth-child(odd)
{
	background:#f5f5f5;
}

table tr td
{
	padding:5px 15px;
}

.text-center
{
    text-align:center;
}

.text-right
{
    text-align:right;
}

.text-justify
{
    text-align:justify;
}

.ml-formular-default,
.ml-formular-textarea,
.ml-formular-submit
{
    float:left;
    margin:0 0 20px;
    width:100%;
}

.container,
.bigcontainer
{
	margin:0 auto;
    width:calc(100% - 60px);
    max-width:1120px;
}

.bigcontainer
{
	max-width:1540px;
}

.fullwidthcontainer
{
	width:100%;
}

.fullwidthspacescontainer
{
	margin:0 auto;
    width:calc(100% - 60px);
}

#exposemask
{
	background:#000;
	background:rgba(0,0,0,0.6);
	bottom:0;
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	visibility:hidden;
	z-index:1000;
}

#exposemask img
{
	background:#fff;
	max-height:calc(100% - 250px);
	margin:150px auto 0;
	padding:5px;
	max-width:90%;
	width:auto;
}

#exposemask #close,
#closegallery
{
	background:url('../Images/close-icon.png');
	cursor:pointer;
	display:block;
	height:20px;
	position:absolute;
	right:40px;
	top:40px;
	width:20px;
	z-index:5;
}

#exposemask #close:hover,
#closegallery:hover
{
	opacity:0.7;
}

#exposemask figure img
{
	margin:0 auto;
}

.videowrapper 
{
	height: 0;
	padding-bottom: 56.25%;
    position: relative;
}

.videowrapper iframe 
{
	height: 100%;
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*
 * cookieconsent.css
 */
.fakeembed
{
	height:auto;
	min-height:200px;
	margin-bottom:25px;
}

#cookiejar-persistendlink span
{
	background:#fff;
	box-shadow:2px 2px 6px 1px rgba(0,0,0,0.16);
	bottom:20px;
	border-radius:50%;
	height:60px;
	right:20px;
	text-indent:-9999px;
	transition:all 0.3s ease-in-out;
	width:60px;
	z-index:99;
}

#cookiejar-persistendlink span:hover
{
	background:#a3c343;
}

#cookiejar-persistendlink span:before
{
	background:url('../Images/privacyicon.png') no-repeat;
	content:'';
	height:40px;
	left:calc(50% - 15px);
	position:absolute;
	top:calc(50% - 20px);
	width:33px;
}

#cookiejarconsent p
{
	width:calc(100% - 425px);
}

#cookiejarconsentfullwidth .cjheadline b,
#cookiejaroverlay b
{
	font-family:'geomanist-medium-webfont';
	font-weight:normal;
}

#cookiejarconsentfullwidth .button
{
	padding:7px 10px 5px;
}

#cookiejarconsentfullwidth .button.custom
{
	background:#f2f2f2;
	color:#404143;
}

#cookiejarexposedmask #cookiejaroverlay .wrapper
{
	height:368px;
}

#map{width:100%; height:400px;}

/* general */

@media (max-width:767px)
{
	h1
	{
	    font-size:35px;
	    line-height:45px;
	}
	
	h2
	{
	    font-size:30px;
	    line-height:40px;
	    margin-bottom:10px;
	}
	
	h3
	{
	    font-size:20px;
	    line-height:24px;
	}
	
	h4
	{
	    font-size:16px;
	    line-height:22px;
	    margin:0 0 5px;
	    padding:2px 10px 4px;
	}
	
	p 
	{
		margin-bottom:20px;
	}
	
	input[type="submit"],
	button[type="submit"],
	.button
	{
	    padding:8px 20px 6px;
	    text-decoration:none;
	    transition:all 0.3s ease-in-out;
	}
	
	.container,
	.bigcontainer,
	.fullwidthspacescontainer
	{
		width:calc(100% - 40px);
	}
	
	/*
	 * general
	 */
	#exposemask img
	{
		max-height:calc(100% - 120px);
		margin-top:60px;
	}
	  
	#exposemask #close,
	#closegallery
	{
		right:20px;
		top:20px;
	}
}
