/*
--------------------------------------------------
GENERAL STUFF
----------------------------------------------------
*/

* 									{ box-sizing:border-box; }
html,body 							{ padding:0px; margin:0px; font-family: 'neue-haas-unica, sans-serif';font-size:16px; }
.page                               { overflow:hidden; position:relative; box-sizing:border-box; min-height: 70vh;}
.css3_transition_400				{ -webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease; } 


@font-face {
    font-family: 'D-DIN Condensed';
    src: url('../fonts/D-DINCondensed-Bold.woff2') format('woff2'),
        url('../fonts/D-DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/*
--------------------------------------------------
LANDING PAGE
----------------------------------------------------



/* styles.css */

/* Basic styles for the grid */
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px;
    z-index:5;
}

.grid-item {
   
    padding: 20px;
    text-align: center;
   
     z-index:5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr;
         z-index:5;
    }
}



.header                        { background-color:#fff; z-index:1; display:block; width:100%; height:115px;}
.footer                        { background-color:#fff; z-index:1; display:block; width:100%; height:100px; padding: 75px;padding-top:25px;}



.bottomFooter {
  background-color: #fff;


}

.landingpage						{ background-color:#FE5000;z-index:1; display:flex; justify-content:center; align-items:center;}

.landingpage::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 55%;
  top: 0;
  left: 0;
  background-image: url("../img/patroon-wit.svg");
  background-repeat: no-repeat;
  background-position: right;
  opacity: 0.3;
}


.samen{
    width:50%;
    float:left;
    text-align:left;
    z-index:99999;
    position:relative;
}

.adres{
        width:50%;
        float:left;
}


.content                      		{ width:80%; height:auto;text-align:center; overflow:hidden; text-align:center;padding:10px; }
.information						{ text-align:center;color:#fff;margin-top:30px;}
.information p 						{ text-transform:uppercase;font-family: 'D-DIN Condensed'; font-size:25px; margin-bottom:25px;}
.information span					{ font-family: 'Myriad Pro';margin-bottom:25px; display:block; }
.information .contactinfo			{ display:flex; justify-content:center;align-items:center; }
.information a 						{ text-decoration:none; color:#fff;font-family: 'Myriad Pro'; }
.information #dot					{ background-color:#fff; border-radius:50%; height:5px; width:5px; margin:0 7px; }

.socmedia ul 						{ list-style:none; display:flex; justify-content:center; padding:0px; }
.socmedia ul li 					{ margin-right:10px; }