:root {
  --primary-color: #009fe3;
  --primary-light-color:#a1daf8;	
  --primary-ultralight-color:#ccecf9;	
  --primary-dark-color:#206ba8;	

/*standard colors*/    
  --bgcolor-0: transparent;
  --color-0: transparent;
  --bgcolor-1: #fff;
  --color-1: #fff;
  --bgcolor-2: #ededed;
  --color-2: #ededed;
/*cyan colors*/    
  --bgcolor-3: #009fe3;	
  --color-3: #009fe3;	
  --bgcolor-4: #a1daf8;	
  --color-4: #a1daf8;	
  --bgcolor-5: #ccecf9;	
  --color-5: #ccecf9;	
/*red colors*/    
  --bgcolor-6: #e30613;	
  --color-6: #e30613;	
  --bgcolor-7: #f6ae94;	
  --color-7: #f6ae94;	
/*green colors*/    
  --bgcolor-8: #95c11f;	
  --color-8: #95c11f;	
  --bgcolor-9: #c5da84;	
  --color-9: #c5da84;	
/*purple colors*/    
  --bgcolor-10: #ab4d97;	
  --color-10: #ab4d97;	
/*yellow colors*/    
  --bgcolor-11: #ffd500;	
  --color-11: #ffd500;	
/*pink colors*/    
  --bgcolor-12: #e6007e;	
  --color-12: #e6007e;	
/*orange colors*/    
  --bgcolor-13: #ef7d00;	
  --color-13: #ef7d00;	
    
/*text grey colors*/    
  --bgcolor-14: rgb(43, 49, 54);
  --text-color: rgb(43, 49, 54);

    
  --white-color: #ffffff;
  --light-grey: #ededed;
  --darker-light-grey: #f2f4f5;	
  --dark-light-grey: #6b6b6b;	
--ultralight-grey:#f7f5f5;
	
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
        
    --bs-container-sm: 540px;
    --bs-container-md: 720px;
    --bs-container-lg: 960px;
    --bs-container-xl: 1140px;
    --bs-container-xxl: 1400px; 
    --bs-container-xxxl: 1540px;    

}



/*
 * general.css
 */
*
{
	box-sizing:border-box;
	word-break:break-word;
}

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

body{
 background-color: var(--bgcolor-0);
font-family: "Poppins", sans-serif;
  	color:var(--text-color);
	letter-spacing:0.2px;
	/*font-size:0.86rem;*/
	font-size:1.1rem;
	line-height:1.5;
}

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


h1{
font-family: 'Tuffy', sans-serif;
font-size: 3rem; 
font-weight: 700;
font-style: normal;
 line-height:3.6rem;
margin-bottom:20px;	
color:var(--primary-color);
	
}

h2{
font-family: 'Tuffy', sans-serif;
font-weight: 700;
font-size:2.0rem;	
line-height:2.125rem;	
margin-bottom:15px;
}
h3{
font-family: 'Tuffy', sans-serif;
font-weight: 700;
font-size:1.5rem;		
line-height:1.83rem;
margin-bottom:10px;
}
h4{
font-family: 'Tuffy', sans-serif;
font-weight: 700;	
line-height:0.9rem;	
font-size: 1.25rem; 
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%;
}

input[type="submit"],
button[type="submit"],
.button
{
    cursor:pointer;
    display:inline-block;
    margin:0 auto;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
    -webkit-appearance: none;
	border:0;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover
{
    text-decoration:none;
		border:0;

}






/*BUTTON STYLES*/
a.button, button.button{
	color:var(--white-color);
	font-weight:600;
	background-color: var(--primary-color);
	display: inline-block;
	padding:5px 18px;
	border-radius: 10px;
}
a.button:hover{
	color: var(--text-color);
	background-color: var(--primary-light-color);
}


a.buttonoutlined{
	display: inline-block;
	font-weight:600;
	padding:5px 18px;
	border-radius: 10px;
	color:var(--primary-color);
	border:1px solid var(--primary-color);
}
a.buttonoutlined:hover{
	color:var(--white-color);
	background-color: var(--primary-color);
}


a.buttonsecondary{
	color:var(--white-color);
	font-weight:600;
	background-color: var(--secondary-color);
	display: inline-block;
	padding:5px 18px;
	border-radius: 10px;
}
a.buttonsecondary:hover{
	color: var(--text-color);
	background-color: var(--secondary-light-color);
}



a.buttonoutlinedsecondary{
	display: inline-block;
	font-weight:600;
	padding:5px 18px;
	border-radius: 10px;
	color:var(--secondary-color);
	border:1px solid var(--secondary-color);
}
a.buttonoutlinedsecondary:hover{
	color:var(--white-color);
	background-color: var(--secondary-color);
}


a.buttonwhite{
	color:var(--text-color);
	font-weight:600;
	background-color: var(--white-color);
	display: inline-block;
	padding:5px 18px;
	border-radius: 10px;	
}
a.buttonwhite:hover{
	color: var(--white-color);
	background-color: var(--primary-color);
}


a.buttonoutlinedwhite {
	display: inline-block;
	font-weight:600;
	padding:5px 18px;
	border-radius: 10px;
	color:var(--text-color);
	border:1px solid var(--white-color);
}

a.buttonoutlinedwhite:hover{
	color: var(--primary-color);
	background-color: var(--white-color);
}

a.buttonlight{
	color:var(--text-color);
	font-weight:600;
	background-color: var(--primary-light-color);
	display: inline-block;
	padding:5px 18px;
	border-radius: 10px;	
}

a.buttonlight:hover{
	color: var(--primary-color);
	background-color: var(--primary-ultralight-color);
}


a.buttonsecondarylight{
	color:var(--text-color);
	font-weight:600;
	background-color: var(--secondary-light-color);
	display: inline-block;
	padding:5px 18px;
	border-radius: 10px;	
}
a.buttonsecondarylight:hover{
	color: var(--text-color);
	background-color: var(--secondary-ultralight-color);
}

span.whitespan{color:#fff;}

span.spotfont{
	  font-family: "Caveat", cursive;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: normal;
	color: var(--primary-color);
}

span.spotfonttext{
	  font-family: "Caveat", cursive;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: normal;
	color: var(--text-color);
}


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

.smallcontainer,
.container,
.bigcontainer,
.fullwidthspacescontainer
{
	margin:0 auto;
    width:calc(100% - 60px);
  /*  max-width:1120px;*/
}

.smallcontainer .smallcontainer,
.container .container,
.bigcontainer .bigcontainer,
.fullwidthspacescontainer .fullwidthspacescontainer,
.smallcontainer .container,
.smallcontainer .bigcontainer,
.smallcontainer .fullwidthspacescontainer,
.container .smallcontainer,
.container .bigcontainer,
.container .fullwidthspacescontainer,
.bigcontainer .smallcontainer,
.bigcontainer .container,
.bigcontainer .fullwidthspacescontainer,
.fullwidthspacescontainer .smallcontainer,
.fullwidthspacescontainer .container,
.fullwidthspacescontainer .bigcontainer

{
	margin:0 auto;
    width:100%;
  /*  max-width:1120px;*/
}

.smallcontainer{
     --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    max-width:var(--bs-container-xl);
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  
}
    
    .container,
.container-xxl {
  max-width:var(--bs-container-xxl);
}



.bigcontainer
{
	max-width:var(--bs-container-xxxl);
}

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