@font-face {
    font-family:'lumiosmarker';
    src:url('../Fonts/lumios_marker-webfont.woff2') format('woff2'),
        url('../Fonts/lumios_marker-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/noto-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/noto-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-600italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/noto-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-600italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-800 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/noto-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-800.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-800italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../Fonts/noto-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-sans-v27-latin-800italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/*
 * general.css
 */
*
{
	box-sizing:border-box;
	word-break:break-word;
}

html.menuopen,
html.languageopen,
html.filteropen
{
	height:100% !important;
    overflow:hidden !important;
}

body
{
	background:#F6F7F1;
	color:#454F63;
 	 font-family: 'Noto Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:25px
}

a
{
	color:#454F63;
	text-decoration:underline;
    transition:all 0.3s ease-in-out;
}

a:hover
{
	text-decoration:none;
}

img,
picture
{
    display:block;
    height:auto;
    max-width:100%;
}

h1
{
	color:#454F63;
   	font-family: 'Noto Sans', sans-serif;
	font-size:45px;
	font-weight:800;
	line-height:50px;
	margin:0 0 25px;
}

h2
{
	color:#454F63;
   	font-family: 'Noto Sans', sans-serif;  
	font-size:36px;
	font-weight:800;
	line-height:44px;
	margin:0 0 15px;
}

h3
{
	color:#454F63;
   	font-family: 'Noto Sans', sans-serif;
	font-size:24px;
	font-weight:800;
	line-height:32px;
	margin:0 0 10px;
}

h4
{
	color:#454F63;
	font-family:'lumiosmarker';
	font-size:30px;
	line-height:43px;
}

p
{
    margin:0 0 25px;
}

.pink
{
	color:#D81277;
}

.lila
{
	color:#1C0357;
}

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;
}

ul li,
ol li
{
	margin:0 0 5px;
}

ul li.greencheck
{
	list-style-type:none;
	position:relative;
}

ul li.greencheck:before
{
	color:#9CB100;
	content:'✓';
	font-weight:800;
	left:-20px;
	position:absolute;
}

sub
{
    vertical-align : sub;
}

sup
{
	font-size:12px;
    vertical-align : super;
}

iframe,
video
{
	display:block;
	max-width:100%;
}

input[type="submit"],
button[type="submit"],
.button
{
	background:#D81277;
	border:0px;
	border-radius:20px;
	color:#fff;
    cursor:pointer;
    display:inline-block;
 	 font-family: 'Noto Sans', sans-serif;
	font-size:17px;
	font-weight:800;
	line-height:20px;
    margin:0 auto;
    padding:10px 20px 8px;
    position:relative;
    text-decoration:none;
    text-transform:uppercase;
    transition:all 0.3s ease-in-out;
    -webkit-appearance: none;
}

input[type="submit"].white,
button[type="submit"].white,
.button.white
{
	background:#fff;
	color:#454F63;
}

input[type="submit"].lila,
button[type="submit"].lila,
.button.lila
{
	background:#1C0357;
	color:#fff;
}

input[type="submit"].date,
button[type="submit"].date,
.button.date
{
	padding-left:50px;
}

input[type="submit"].contact,
button[type="submit"].contact,
.button.contact
{
	padding-left:55px;
}

input[type="submit"].date:before,
button[type="submit"].date:before,
.button.date:before,
input[type="submit"].contact:before,
button[type="submit"].contact:before,
.button.contact:before
{
	font-size:22px;
	left:20px;
	position:absolute;
	top:9px;
}

input[type="submit"].date:before,
button[type="submit"].date:before,
.button.date:before
{
	content:"\f073";
	font-family:"Font Awesome 5 Free";
	font-weight:400;
	top:9px;
}

input[type="submit"].contact:before,
button[type="submit"].contact:before,
.button.contact:before
{
	content:"\f086";
	font-family:"Font Awesome 5 Free";
	font-weight:400;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover
{
	opacity:0.7;
    text-decoration:none;
}

input[type="text"],
input[type="tel"],
input[type="mail"],
textarea
{
	border:1px solid rgba(69,79,99,0.2);
	border-radius:20px;
	color:#454F63;
 	font-family: 'Noto Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:27px;
	padding:7px 15px;
}

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:1700px;
}

.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;
}

#close
{
	background:#DBDADE;
	border-radius:100%;
	cursor:pointer;
	height:52px;
	opacity:0;
	position:absolute;
	right:30px;
	top:20px;
	transition-delay:0s;
	transition:all 0.1s ease-in-out;
	width:52px;
	z-index:101;
}

.languageopen #close,
.filteropen #close
{
	opacity:1;
	transition-delay:0.3s;
	transition:all 0.3s ease-in-out;
}

#close span
{
	background:#1C0357;
	border-radius:2px;
	display:block;
	height:4px;
	position:absolute;
	transition:all 0.3s ease-in-out;
}

#close .topline
{
	left:8px;
	top:25px;
	transform:rotate(45deg);
	width:70%;
}

#close .botline
{
	right:8px;
	top:25px;
	transform:rotate(-45deg);
	width:70%;
}

/*
 * cookieconsent
 */
#cookiejar-persistendlink span
{
	left:20px;
	right:auto;
}

#cookiejar-persistendlink span:hover
{
	background:#D81277;
}

#cookiejarconsentfullwidth .wrapper .button
{
	text-transform:none;
}

#cookiejarconsentfullwidth .button.custom
{
	background:#dad9d7;
	color:#434343;
}

/* general */
@media (min-width:768px) and (max-width:1023px)
{
	body
	{
		font-size:16px;
		line-height:24px
	}
	
	.container,
	.bigcontainer,
	.fullwidthspacescontainer
	{
	    width:calc(100% - 40px);
	}
	
	#close
	{
		height:40px;
		right:20px;
		top:20px;
		width:40px;
	}
	
	#close .topline
	{
		left:6px;
		top:18px;
	}
	
	#close .botline
	{
		right:6px;
		top:18px;
	}
}

@media (max-width:767px)
{
	/*
	 * cookieconsent
	 */
	#cookiejar-persistendlink span
	{
		bottom:154px;
	}
	
	#cookiejarconsentfullwidth .wrapper .button.custom
	{
		margin-bottom:10px;
		margin-left:auto;
	}
	
	/*
	 * style.css
	 */
	body
	{
		font-size:16px;
		line-height:24px
	}
	
	h1
	{
		font-size:35px;
		line-height:40px;
		margin:0 0 20px;
	}
	
	h2
	{
		font-size:26px;
		line-height:34px;
		margin:0 0 10px;
	}
	
	h3
	{
		font-size:20px;
		line-height:28px;
		margin:0 0 5px;
	}
	
	h4
	{
		font-size:20px;
		line-height:33px;
	}
	
	p 
	{
		margin-bottom:20px;
	}
	
	.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;
	}
	
	#close
	{
		height:34px;
		right:20px;
		top:10px;
		width:34px;
	}
	
	#close span
	{
		height:3px;
	}
	
	#close .topline
	{
		left:5px;
		top:16px;
	}
	
	#close .botline
	{
		right:5px;
		top:16px;
	}
}
