@charset "utf-8";
/* CSS Document */

body{ font-family:'Open Sans', sans-serif; color:#000000; font-weight:400;}

h1, h2, h3, h4, h5, h6{ font-family:'Playfair Display', serif; font-weight:700;}

a, a{color:#444444;}
a:hover, a:hover {color:#496778;}

section{padding: 32px 0;}


@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('../fonts/fa-regular-400.eot');
  src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fa-regular-400.woff2') format('woff2'),
       url('../fonts/fa-regular-400.woff') format('woff'),
       url('../fonts/fa-regular-400.ttf') format('truetype'),
       url('../fonts/fa-regular-400.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url('../fonts/fa-solid-900.eot');
  src: url('../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fa-solid-900.woff2') format('woff2'),
       url('../fonts/fa-solid-900.woff') format('woff'),
       url('../fonts/fa-solid-900.ttf') format('truetype'),
       url('../fonts/fa-solid-900.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('../fonts/fa-brands-400.eot');
  src: url('../fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fa-brands-400.woff2') format('woff2'),
       url('../fonts/fa-brands-400.woff') format('woff'),
       url('../fonts/fa-brands-400.ttf') format('truetype'),
       url('../fonts/fa-brands-400.svg#fontawesome') format('svg');
}

.button{color:black; font-size:1.8rem; font-weight:600; padding: 8px 48px; border:2px solid black; text-align:center;}
.button.alt{color:#C5A880; border:2px solid #C5A880;}
.button:hover{}
.button.full{height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.outline{border:4px solid white;}

.padding{padding:24px;}
.round-corner{border-radius:8px;}
.border{border:2px solid greenyellow;}
.box-shadow{-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);}

/*colors and concditions*/
.bg-salmon{background:#FFEEDF;}
.bg-white{background:white;}

.bg-salmon article h1,
.bg-salmon article h2,
.bg-salmon article h3,
.bg-salmon article h4,
.bg-salmon article *,
.bg-salmon article p{color:#707070;}

.bg-white article p,
.bg-white article h1,
.bg-white article h2,
.bg-white article h3,
.bg-white article h4{color:#FFEEDF;}


.button.bg-white:hover,
.button.bg-salmon:hover{background:#ffc491; color:white;}


.txt-white{color:white;}
.txt-salmon{color:#FFEEDF;}

.breadcrumbs li,
.breadcrumbs li ,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#5C5C5C;}

/*form*/
/*error message*/
.message.fail article h2,
.message.fail article p{color:red;}
.message.succes article h2,
.message.succes article p{color:green;}
.form-control {font-size:1.4rem;  font-family:'Raleway', sans-serif;}
.form-control label{font-size:1.6rem; color:#707070;}
input[type="radio"],
input[type="checkbox"] {font: inherit; color:#707070; width: 1.08em; height: 1.08em; border: 0.15em solid #707070; border-radius: 0.15em;}
input[type="radio"] {background-color: var(--form-background); border-radius: 50%; border: 0.15em solid #707070;}
input[type="radio"]::before,
input[type="checkbox"]::before {background-color:#ffd93d;}
input[type="radio"]::before {border-radius: 50%; background-color:rgb(255,196,145);}
input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{background:rgb(192,192,192); border:0.15em solid #707070;}
.form-grid input[type="text"],
.form-grid input[type="number"],
.form-grid input[type="date"],
.form-grid input[type="time"],
.form-grid select,
.form-grid textarea,
.form-grid input[type="datetime-local"]{height: 24px;  font-family:'Raleway', sans-serif; font-size: 1.6rem; line-height: 24px; padding: 16px; border-radius: 8px; border: 1px solid #707070; color: #707070; background: #ffffff;}
.form-grid textarea,
.form-grid select{height:unset;  padding:12px;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {border-color:#FFEEDF; outline: none; box-shadow: 0 0 5px rgba(78, 11, 112, 0.3); background-color: #fff7fb;}
select.red,
textarea.red,
input.red{border:1px solid red !important; color:red !important;}
label.red,
textarea.red::placeholder,
input.red::placeholder{color:red;}

/*sections*/

header{height:unset; position:relative; margin-bottom:64px; padding: 24px 0;}


.logo{width: 220px; height:50px; margin-bottom:39px; margin: 0 auto;}

header .grid nav ul{justify-content:center;}
header .grid nav ul li{margin-right:48px; line-height:48px; font-size:2.2rem; font-weight:600;}
header .grid nav ul li:hover a:not(header .grid nav ul li.cta a){color:#FFEEDF;}

header .grid .social{display:flex; justify-content:flex-end;}
header .grid .social a{font-size:2.4rem; color:#C5A880;}
header .grid .social li{margin-right:12px;}
header .grid .social li:last-of-type{margin-right:unset;}

section.slider{}
section.slider .grid{height:inherit;}
section.slider {position: relative; overflow: hidden;}
section.slider .background {width: 100%; aspect-ratio: 14 / 5; position: absolute; top:0; left: 0; z-index: -1;}
section.slider .container article .title{font-size:5.0rem; font-family:'Playfair Display',serif; font-weight:700; margin-bottom:127px;}
section.slider .container article .button{display:inline-block; margin-top:24px; margin-right:24px;}
section.slider .container article .button:last-of-type{margin-right:unset;}

.card{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.card .title{font-family:'Raleway',sans-serif; font-weight:600; font-size:1.8rem;}

/*pageskipper*/
.skipper{width: 48px; height: 48px; line-height:48px; display:block; margin:auto; text-align:center;}
.skipper i{font-size:1.2rem;}

/*custom sections*/
section.services .grid{gap:24px;}
section.services .button{width: 100%; color:#707070; margin:unset;}

table, th,td{border:3px solid #FFEEDF; border-collapse:collapse; padding:4px;}
article table thead tr{font-size:2.0rem; font-weight:600; text-align:left;}

footer{padding:32px 0; background:#E5E4E4}

footer a:hover{color:#FFEEDF;}
footer a i{margin-right:12px;}

footer .copyright,
footer .copyright * {font-size:1.4rem; color:#c4c4c4;}
footer .copyright a{margin-left:12px;}

@media only screen and (max-width:1220px) 
{
   section.slider{height:unset;}
   section.slider .container article{padding:12px;}
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
  header{margin-bottom:48px;}
  header .topbar{margin-bottom:32px;}
  header .grid nav ul li{margin-right:32px;}

 
  section.slider .container article{padding:24px; grid-column-end:span 10; grid-column-start:2;}
  section.slider .filler{display:none;}
  section.slider .container article h1{font-size:2.6rem; margin-bottom:12px;}
  section.slider .container article p{font-size:2.6rem;}

  footer .block-3{grid-column:span 12; text-align:center;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{

  header{overflow:visible; margin-bottom:24px;}
  header .topbar{margin-bottom:24px;}
  header .grid .menu a i{font-size:3.0rem; color:#fccc00;}    
  header .grid nav ul{padding:24px; background:#FFEEDF; margin-left:unset;}
  header .grid nav ul li{width:100%; height:auto; min-height:48px;}
  header .grid nav ul li.language{min-height:24px;}
  header .grid nav ul li.language img{margin:unset; margin-right:0; margin-left:auto;}
  header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:0 8px; line-height:48px;}
  header .grid nav ul li a{color:white; height:48px; line-height:48px;}
  header .grid nav ul li a:active,
  header .grid nav ul li a:hover{color:white;}
  header .grid nav ul li a.on{color:#fccc00;}
  header .grid nav.open{top:110px;}

  header .topbar{height:unset; line-height:unset; padding: 12px 0;}
  header .topbar ul{display:block; text-align:center;}
  header .topbar .block-2,
  header .topbar .block-10{grid-column:span 12;}
  header .topbar .social{display:flex;}

  .logo{width:100%;}

  section.slider .container article{grid-column-end:span 12; grid-column-start:unset;}

  section .button{width:100%; height:auto;}
  section{padding:24px 0;}
 
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    
    
}