:root {
  --text-color: #222;
  --primary-color: #27b2dc;
  --secondary-color:#0fd6b5;	
  --tertiary-color:#e2bd24;	
  --bgcolor-0: #f8f8f8;
  --bgcolor-1: #fff;
  --light-grey: #f7f8fc;
  --darker-light-grey: #f2f4f5;	
  --dark-grey: #161619;
  --dark-grey-semitransparent:rgba(22, 22, 25, 0.5);
  --primary-color-semitransparent:rgba(8, 137, 189, 0.5);
  --secondary-color-semitransparent:rgba(15,214,181,0.50);
  --tertiary-color-semitransparent:rgba(226,189,36,0.50);

	
  --white:#fff;	
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "brandon-grotesque";
    font-style: normal;
    font-weight: 700;
    src: url("../Fonts/Brandon-Grotesque-Bold.eot");
    src: local(""), url("../Fonts/Brandon-Grotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/Brandon-Grotesque-Bold.woff2") format("woff2"), url("../Fonts/Brandon-Grotesque-Bold.woff") format("woff"), url("../Fonts/Brandon-Grotesque-Bold.ttf") format("truetype"), url("../Fonts/Brandon-Grotesque-Bold.svg#Brandon") format("svg");
}


/*
 * general.css
 */
*
{
	box-sizing:border-box;
	word-break:break-word;
      scroll-behavior: smooth !important;

}
html{ scroll-behavior: smooth !important; }



html.menuopen
{
	height:100% !important;
    overflow:hidden !important;
}

body{
 background-color: var(--bgcolor-1);
font-family:'Open Sans', sans-serif;  
	color:var(--text-color);
	letter-spacing:0.2px;
	font-size:14px;
	line-height:24px;
	
}

a
{
    transition:all 0.3s ease-in-out;
	color: var(--primary-color);
	text-decoration:none;
}
a:hover{color: var(--secondary-color);}

h1{
font-family:brandon-grotesque, sans-serif;
font-size: 60px; 
font-weight: 100;
font-style: normal;
line-height: 72px;
margin-bottom:20px;	
}

h2{
font-family:brandon-grotesque, sans-serif;
font-size:30px;	
line-height: 38px;	
margin-bottom:15px;
	color:var(--primary-color);
}
h3{
font-family:brandon-grotesque, sans-serif;
font-size:23px;		
line-height: 30px;
margin-bottom:10px;
}
h4{
font-family:brandon-grotesque, sans-serif;
line-height: 24px;	
font-size: 18px; 
margin-bottom:10px;
}




img,
picture
{
    display:block;
    height:auto;
    max-width:100%;
}

p
{
    margin:0 0 15px;
}

b, strong
{
    font-weight:bold;
}

i, em, small
{
    font-style:italic;
}

ol
{
    padding:0 0 0 16px;
    margin:0 0 15px;
}

ul
{
    padding:0 0 0 20px;
    margin:0 0 15px;
}

sub
{
    vertical-align:sub;
}

sup
{
	font-size:12px;
    vertical-align:super;
}

iframe,
video
{
	max-width:100%;
}


.primaryspan{color:var(--primary-color);}

/*dark-grey background*/
.bgcolor-2 p, .bgcolor-2 h1, .bgcolor-2 h2, .bgcolor-2 h3, .bgcolor-2 h4, .bgcolor-2 h5, .bgcolor-2 span, .bgcolor-2 label {
	color:var(--white);
}
.bgcolor-2 a {color:var(--primary-color);}



/*input[type="submit"],
button[type="submit"],
.button
{
    cursor:pointer;
    margin:0 auto;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
    -webkit-appearance: none;
	background-color: var(--primary-color);
	color:#fff;
	display: inline-block;
	padding-left:15px; 
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	border-radius:15px;
	font-size:19px;
}*/

input[type="submit"],
button[type="submit"],
.button,
.yellowbutton,
.greenbutton,
.btn-primary
{
	background:#27b2dc;
	border:2px solid #27b2dc;
	border-radius: 5px;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:600;
	padding:9px 22px;
	text-decoration:none;
	transition: all 0.3s ease-in-out;
	
}

input[type="submit"]:before, button[type="submit"]:before, .btn-primary:before, .button:before, .greybutton:before, .whitebutton:before, .greenbutton:before, .yellowbutton:before {
	
	content:"\f054";
	font-family:"Font Awesome 6 Pro";
	font-weight:900;
	margin:0 7px 0 -7px;
}

/*
input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover
{
    text-decoration:none;
	background-color: var(--primary-color-semitransparent);
	color:var(--white);

}*/

input[type="submit"]:hover,
button[type="submit"]:hover,
.btn-primary:hover,
.button:hover
{
	background:#fff;
	color:#27b2dc !important;
	border:2px solid #27b2dc;

}





.greenbutton{
  background:var(--secondary-color);
    border:2px solid var(--secondary-color);
    color:#fff;
}

.greenbutton:hover
{
    text-decoration:none;
	background-color:transparent;
	color:var(--secondary-color);
}





.yellowbutton
{
    background:var(--tertiary-color);
    border:2px solid var(--tertiary-color);
    color:#fff !important;
}


.yellowbutton:hover
{
    background:transparent;
    color:var(--tertiary-color) !important;
}
/*
.yellowbutton{
 cursor:pointer;
    margin:0 auto;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
    -webkit-appearance: none;
	background-color: var(--tertiary-color);
	color:var(--white);
	display: inline-block;
	padding-left:15px; 
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	border-radius:10px;	
	font-size:18px;
}

.yellowbutton:hover
{
    text-decoration:none;
	background-color:var(--tertiary-color-semitransparent);
	color:var(--dark-grey);
}*/


h1.whiteheadline, h2.whiteheadline, h3.whiteheadline, h4.whiteheadline{color:var(--white);}


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,
.fullwidthspacescontainer
{
	margin:0 auto;
    width:calc(100% - 60px);
    max-width:1120px;
}

.bigcontainer
{
	max-width:1540px;
}

.fullwidthspacescontainer
{
	max-width:none;
}

.fullwidthcontainer
{
	float:left;
	width:100%;
}

#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;
}

/* general */

@media (max-width:767px)
{
	p 
	{
		margin-bottom:20px;
	}
	
	.container,
	.bigcontainer
	{
		width:calc(100% - 30px);
	}
	
	/*
	 * general
	 */
	#exposemask img
	{
		max-height:calc(100% - 120px);
		margin-top:60px;
	}
	  
	#exposemask #close,
	#closegallery
	{
		right:20px;
		top:20px;
	}
}

.ui-loader, .ui-corner-all, .ui-body-a, .ui-loader-default{display: none;}
