File: D:/HostingSpaces/SBogers68/resortouddorpduin.nl/wwwroot/public/css/style.css
@import "fancybox.css";
@import "screen.css";
@import "../fonts/stylesheet.css";
/*==========================================================================
* Font related functions
* ========================================================================== */
/**
* * Add some functions for readability
* * Return font-weight based on name
* */
.grid-row {
width: 85.7142857143%;
max-width: 1680px;
margin: 0 auto;
font-size: 0;
line-height: 0;
/**
* * The full row doesn't have the two outer margin rows
* * They stretch till both ends of the window
* */
}
.grid-row.full-row {
width: 100%;
max-width: none;
}
/**
* * Grid column
* *
* * 1. Reset white-space inherited from `.grid`
* * 2. Reset font-size inherited from `.grid`
* * 3. Reset line-height inherited from `.grid`
* */
.grid-col {
position: relative;
display: inline-block;
overflow: hidden;
white-space: normal;
font-size: 1rem;
line-height: 1.6;
/**
* * Center column
* *
* * 1. 'inline-block' doesn't center with margin '0 auto'
* */
}
.grid-col.center {
display: block;
margin: 0 auto;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-1, .col-lg-1 {
width: 8.3333333333%;
}
.full-row .col-1, .full-row .col-lg-1 {
width: 7.1428571429%;
}
/* Column shifts
* ========================================================================== */
.offset-1, .offset-lg-1 {
margin-left: 8.3333333333%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-2, .col-lg-2 {
width: 16.6666666667%;
}
.full-row .col-2, .full-row .col-lg-2 {
width: 14.2857142857%;
}
/* Column shifts
* ========================================================================== */
.offset-2, .offset-lg-2 {
margin-left: 16.6666666667%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-3, .col-lg-3 {
width: 25%;
}
.full-row .col-3, .full-row .col-lg-3 {
width: 21.4285714286%;
}
/* Column shifts
* ========================================================================== */
.offset-3, .offset-lg-3 {
margin-left: 25%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-4, .col-lg-4 {
width: 33.3333333333%;
}
.full-row .col-4, .full-row .col-lg-4 {
width: 28.5714285714%;
}
/* Column shifts
* ========================================================================== */
.offset-4, .offset-lg-4 {
margin-left: 33.3333333333%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-5, .col-lg-5 {
width: 41.6666666667%;
}
.full-row .col-5, .full-row .col-lg-5 {
width: 35.7142857143%;
}
/* Column shifts
* ========================================================================== */
.offset-5, .offset-lg-5 {
margin-left: 41.6666666667%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-6, .col-lg-6 {
width: 50%;
}
.full-row .col-6, .full-row .col-lg-6 {
width: 42.8571428571%;
}
/* Column shifts
* ========================================================================== */
.offset-6, .offset-lg-6 {
margin-left: 50%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-7, .col-lg-7 {
width: 58.3333333333%;
}
.full-row .col-7, .full-row .col-lg-7 {
width: 50%;
}
/* Column shifts
* ========================================================================== */
.offset-7, .offset-lg-7 {
margin-left: 58.3333333333%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-8, .col-lg-8 {
width: 66.6666666667%;
}
.full-row .col-8, .full-row .col-lg-8 {
width: 57.1428571429%;
}
/* Column shifts
* ========================================================================== */
.offset-8, .offset-lg-8 {
margin-left: 66.6666666667%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-9, .col-lg-9 {
width: 75%;
}
.full-row .col-9, .full-row .col-lg-9 {
width: 64.2857142857%;
}
/* Column shifts
* ========================================================================== */
.offset-9, .offset-lg-9 {
margin-left: 75%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-10, .col-lg-10 {
width: 83.3333333333%;
}
.full-row .col-10, .full-row .col-lg-10 {
width: 71.4285714286%;
}
/* Column shifts
* ========================================================================== */
.offset-10, .offset-lg-10 {
margin-left: 83.3333333333%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-11, .col-lg-11 {
width: 91.6666666667%;
}
.full-row .col-11, .full-row .col-lg-11 {
width: 78.5714285714%;
}
/* Column shifts
* ========================================================================== */
.offset-11, .offset-lg-11 {
margin-left: 91.6666666667%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-12, .col-lg-12 {
width: 100%;
}
.full-row .col-12, .full-row .col-lg-12 {
width: 85.7142857143%;
}
/* Column shifts
* ========================================================================== */
.offset-12, .offset-lg-12 {
margin-left: 100%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-13, .col-lg-13 {
width: 108.3333333333%;
}
.full-row .col-13, .full-row .col-lg-13 {
width: 92.8571428571%;
}
/* Column shifts
* ========================================================================== */
.offset-13, .offset-lg-13 {
margin-left: 108.3333333333%;
}
/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-14, .col-lg-14 {
width: 116.6666666667%;
}
.full-row .col-14, .full-row .col-lg-14 {
width: 100%;
}
/* Column shifts
* ========================================================================== */
.offset-14, .offset-lg-14 {
margin-left: 116.6666666667%;
}
/* Media queries
* ========================================================================== */
*
* /*
* * Create a separate loop because of order for css rendering
* * because else it would overrule a previous media query
* */
@media screen and (min-width: 1680px) {
.col-xl-1 {
width: 8.3333333333%;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
}
@media screen and (max-width: 1366px) {
.col-md-1 {
width: 8.3333333333%;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
}
@media screen and (max-width: 768px) {
.col-sm-1 {
width: 8.3333333333%;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
}
@media screen and (max-width: 400px) {
.col-xs-1 {
width: 8.3333333333%;
}
.offset-xs-1 {
margin-left: 8.3333333333%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-2 {
width: 16.6666666667%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
}
@media screen and (max-width: 1366px) {
.col-md-2 {
width: 16.6666666667%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
}
@media screen and (max-width: 768px) {
.col-sm-2 {
width: 16.6666666667%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
}
@media screen and (max-width: 400px) {
.col-xs-2 {
width: 16.6666666667%;
}
.offset-xs-2 {
margin-left: 16.6666666667%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-3 {
width: 25%;
}
.offset-xl-3 {
margin-left: 25%;
}
}
@media screen and (max-width: 1366px) {
.col-md-3 {
width: 25%;
}
.offset-md-3 {
margin-left: 25%;
}
}
@media screen and (max-width: 768px) {
.col-sm-3 {
width: 25%;
}
.offset-sm-3 {
margin-left: 25%;
}
}
@media screen and (max-width: 400px) {
.col-xs-3 {
width: 25%;
}
.offset-xs-3 {
margin-left: 25%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-4 {
width: 33.3333333333%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
}
@media screen and (max-width: 1366px) {
.col-md-4 {
width: 33.3333333333%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
}
@media screen and (max-width: 768px) {
.col-sm-4 {
width: 33.3333333333%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
}
@media screen and (max-width: 400px) {
.col-xs-4 {
width: 33.3333333333%;
}
.offset-xs-4 {
margin-left: 33.3333333333%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-5 {
width: 41.6666666667%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
}
@media screen and (max-width: 1366px) {
.col-md-5 {
width: 41.6666666667%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
}
@media screen and (max-width: 768px) {
.col-sm-5 {
width: 41.6666666667%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
}
@media screen and (max-width: 400px) {
.col-xs-5 {
width: 41.6666666667%;
}
.offset-xs-5 {
margin-left: 41.6666666667%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-6 {
width: 50%;
}
.offset-xl-6 {
margin-left: 50%;
}
}
@media screen and (max-width: 1366px) {
.col-md-6 {
width: 50%;
}
.offset-md-6 {
margin-left: 50%;
}
}
@media screen and (max-width: 768px) {
.col-sm-6 {
width: 50%;
}
.offset-sm-6 {
margin-left: 50%;
}
}
@media screen and (max-width: 400px) {
.col-xs-6 {
width: 50%;
}
.offset-xs-6 {
margin-left: 50%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-7 {
width: 58.3333333333%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
}
@media screen and (max-width: 1366px) {
.col-md-7 {
width: 58.3333333333%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
}
@media screen and (max-width: 768px) {
.col-sm-7 {
width: 58.3333333333%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
}
@media screen and (max-width: 400px) {
.col-xs-7 {
width: 58.3333333333%;
}
.offset-xs-7 {
margin-left: 58.3333333333%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-8 {
width: 66.6666666667%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
}
@media screen and (max-width: 1366px) {
.col-md-8 {
width: 66.6666666667%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
}
@media screen and (max-width: 768px) {
.col-sm-8 {
width: 66.6666666667%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
}
@media screen and (max-width: 400px) {
.col-xs-8 {
width: 66.6666666667%;
}
.offset-xs-8 {
margin-left: 66.6666666667%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-9 {
width: 75%;
}
.offset-xl-9 {
margin-left: 75%;
}
}
@media screen and (max-width: 1366px) {
.col-md-9 {
width: 75%;
}
.offset-md-9 {
margin-left: 75%;
}
}
@media screen and (max-width: 768px) {
.col-sm-9 {
width: 75%;
}
.offset-sm-9 {
margin-left: 75%;
}
}
@media screen and (max-width: 400px) {
.col-xs-9 {
width: 75%;
}
.offset-xs-9 {
margin-left: 75%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-10 {
width: 83.3333333333%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
}
@media screen and (max-width: 1366px) {
.col-md-10 {
width: 83.3333333333%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
}
@media screen and (max-width: 768px) {
.col-sm-10 {
width: 83.3333333333%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
}
@media screen and (max-width: 400px) {
.col-xs-10 {
width: 83.3333333333%;
}
.offset-xs-10 {
margin-left: 83.3333333333%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-11 {
width: 91.6666666667%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
@media screen and (max-width: 1366px) {
.col-md-11 {
width: 91.6666666667%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media screen and (max-width: 768px) {
.col-sm-11 {
width: 91.6666666667%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media screen and (max-width: 400px) {
.col-xs-11 {
width: 91.6666666667%;
}
.offset-xs-11 {
margin-left: 91.6666666667%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-12 {
width: 100%;
}
.offset-xl-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 1366px) {
.col-md-12 {
width: 100%;
}
.offset-md-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 768px) {
.col-sm-12 {
width: 100%;
}
.offset-sm-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 400px) {
.col-xs-12 {
width: 100%;
}
.offset-xs-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-13 {
width: 108.3333333333%;
}
.offset-xl-13 {
margin-left: 108.3333333333%;
}
}
@media screen and (max-width: 1366px) {
.col-md-13 {
width: 108.3333333333%;
}
.offset-md-13 {
margin-left: 108.3333333333%;
}
}
@media screen and (max-width: 768px) {
.col-sm-13 {
width: 108.3333333333%;
}
.offset-sm-13 {
margin-left: 108.3333333333%;
}
}
@media screen and (max-width: 400px) {
.col-xs-13 {
width: 108.3333333333%;
}
.offset-xs-13 {
margin-left: 108.3333333333%;
}
}
@media screen and (min-width: 1680px) {
.col-xl-14 {
width: 116.6666666667%;
}
.offset-xl-14 {
margin-left: 116.6666666667%;
}
}
@media screen and (max-width: 1366px) {
.col-md-14 {
width: 116.6666666667%;
}
.offset-md-14 {
margin-left: 116.6666666667%;
}
}
@media screen and (max-width: 768px) {
.col-sm-14 {
width: 116.6666666667%;
}
.offset-sm-14 {
margin-left: 116.6666666667%;
}
}
@media screen and (max-width: 400px) {
.col-xs-14 {
width: 116.6666666667%;
}
.offset-xs-14 {
margin-left: 116.6666666667%;
}
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.extra_banner {
position: relative;
top: 45px;
}
.invest-banner {
height: 45px;
width: 100%;
background-color: white;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.11);
background-image: url("/public/images/static/invest/vrijstelling_vergunning.png");
background-repeat: no-repeat;
background-position: 50% 50%;
position: fixed;
top: 0;
z-index: 1000;
}
@media screen and (max-width: 700px) {
.invest-banner {
height: 95px;
background-image: url("/public/images/static/invest/vrijstelling_vergunning2.png");
}
.header.extra_invest, .extra_banner {
top: 95px;
}
.invest-page {
margin-top: 190px !important;
}
}
.invest-page {
background: white;
margin-top: 140px;
}
.invest-page .header-image {
min-height: 320px;
position: relative;
}
.invest-page .header-image .background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 62.5%;
background-size: cover !important;
background-position: 0% 50% !important;
}
.invest-page .header-image .header-text {
width: 50%;
left: 15%;
position: absolute;
top: 60px;
}
.invest-page .header-image .header-text h3 {
font-size: 34px;
line-height: 50px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
color: #fff;
text-transform: uppercase;
text-shadow: 3.4px 3.4px 15px rgba(0, 0, 0, 0.5);
padding-right: 17%;
}
@media screen and (max-width: 1350px) {
.invest-page .header-image .header-text h3 {
font-size: 28.3333333333px;
line-height: 45.4545454545px;
}
}
@media screen and (max-width: 800px) {
.invest-page .header-image .header-text h3 {
font-size: 24.2857142857px;
line-height: 41.6666666667px;
}
}
.invest-page .header-image .header-text h3 br {
display: none;
}
.invest-page .header-image .header-text p {
font-size: 24px;
line-height: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #fff;
margin-bottom: 5px;
letter-spacing: 1px;
text-shadow: 3.4px 3.4px 15px rgba(0, 0, 0, 0.5);
padding-right: 17%;
}
@media screen and (max-width: 1350px) {
.invest-page .header-image .header-text p {
font-size: 20px;
line-height: 21.8181818182px;
}
}
@media screen and (max-width: 800px) {
.invest-page .header-image .header-text p {
font-size: 17.1428571429px;
line-height: 20px;
}
}
.invest-page .invest {
position: absolute;
right: 0;
top: 0;
background: white;
width: 37.5%;
min-width: 280px;
box-sizing: border-box;
padding: 30px 5% 30px 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
}
.invest-page .invest:before {
content: "";
background: url("/public/images/structure/swoosh.png") 100% 0 no-repeat;
background-size: contain;
height: 100%;
width: 200px;
position: absolute;
left: -200px;
top: 0;
}
.invest-page .invest h1 {
font-size: 26px;
line-height: 38px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
margin-top: 0;
}
@media screen and (max-width: 1350px) {
.invest-page .invest h1 {
font-size: 21.6666666667px;
line-height: 34.5454545455px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest h1 {
font-size: 18.5714285714px;
line-height: 31.6666666667px;
}
}
.invest-page .invest h1 strong {
display: block;
font-size: 34px;
line-height: 38px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
color: #56AFD5;
}
@media screen and (max-width: 1350px) {
.invest-page .invest h1 strong {
font-size: 28.3333333333px;
line-height: 34.5454545455px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest h1 strong {
font-size: 24.2857142857px;
line-height: 31.6666666667px;
}
}
.invest-page .invest p {
width: 100%;
max-width: 340px;
font-size: 16px;
line-height: 22px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 1350px) {
.invest-page .invest p {
font-size: 13.3333333333px;
line-height: 20px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest p {
font-size: 11.4285714286px;
line-height: 18.3333333333px;
}
}
.invest-page .invest .why {
margin: 40px 0;
}
.invest-page .invest .why div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 30px;
}
.invest-page .invest .why div p {
margin-bottom: 0;
}
.invest-page .invest .why div p strong {
display: block;
color: #BC9850;
}
.invest-page .invest .why div span {
display: inline-block;
margin-right: 25px;
width: 30px;
height: 28px;
}
.invest-page .invest .why div.l1 span {
margin-right: 20px;
margin-left: 5px;
background: url("/public/images/structure/profit.svg") 50% 50% no-repeat;
background-size: contain;
}
.invest-page .invest .why div.l2 span {
width: 36px;
margin-right: 19px;
background: url("/public/images/structure/own-location.svg") 50% 50% no-repeat;
background-size: contain;
}
.invest-page .invest .why div.l3 {
margin-bottom: 0;
}
.invest-page .invest .why div.l3 span {
background: url("/public/images/structure/rent-options.svg") 50% 50% no-repeat;
background-size: contain;
}
.invest-page .invest .price p {
font-size: 15px;
line-height: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #BC9850;
margin-bottom: 10px;
}
@media screen and (max-width: 1350px) {
.invest-page .invest .price p {
font-size: 12.5px;
line-height: 21.8181818182px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest .price p {
font-size: 10.7142857143px;
line-height: 20px;
}
}
.invest-page .invest .price p span {
color: #575757;
}
.invest-page .invest .price p strong {
font-size: 28px;
line-height: 28px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
color: #BC9850;
margin-right: 10px;
}
@media screen and (max-width: 1350px) {
.invest-page .invest .price p strong {
font-size: 23.3333333333px;
line-height: 25.4545454545px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest .price p strong {
font-size: 20px;
line-height: 23.3333333333px;
}
}
.invest-page .invest-explain {
width: 70%;
margin: auto;
padding: 120px 0;
}
.invest-page .invest-explain .button {
background-color: #56afd5;
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
height: 60px;
border-bottom: 5px solid #3c8daa;
color: white;
text-align: center;
font-size: 16px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
@media screen and (max-width: 1350px) {
.invest-page .invest-explain .button {
font-size: 13.3333333333px;
line-height: 18.1818181818px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest-explain .button {
font-size: 11.4285714286px;
line-height: 16.6666666667px;
}
}
.invest-page .invest-explain .button:hover {
background-color: #3c8daa;
}
.invest-page .invest-explain .invest-warning-1 {
max-width: 1238px;
width: 100%;
margin-bottom: 35px;
}
.invest-page .invest-explain .invest-warning-2, .invest-page .invest-explain .invest-warning-3 {
display: none;
width: 100%;
margin-bottom: 35px;
}
.invest-page .invest-explain .inner-text {
width: calc(100% / 12 * 5);
}
.invest-page .invest-explain .inner-text > .resort_player {
display: none;
width: 100%;
margin-bottom: 30px;
}
.invest-page .invest-explain .inner-text h1 {
font-size: 28px;
line-height: 44.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
color: #56afd5;
margin-bottom: 20px;
margin-top: 0;
}
@media screen and (max-width: 1350px) {
.invest-page .invest-explain .inner-text h1 {
font-size: 23.3333333333px;
line-height: 40.7272727273px;
}
}
@media screen and (max-width: 800px) {
.invest-page .invest-explain .inner-text h1 {
font-size: 20px;
line-height: 37.3333333333px;
}
}
.invest-page .invest-explain .image-container {
width: calc(100% / 12 * 5);
margin-left: calc(100% / 12);
float: right;
}
.invest-page .invest-explain .image-container img {
width: 100%;
}
.invest-reasons {
padding: 120px 0;
}
.invest-reasons h2 {
width: 85%;
margin-left: 15%;
color: #56afd5;
font-size: 34px;
line-height: 54.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.invest-reasons h2 {
font-size: 28.3333333333px;
line-height: 49.4545454545px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons h2 {
font-size: 24.2857142857px;
line-height: 45.3333333333px;
}
}
.invest-reasons > p {
width: 85%;
margin-left: 15%;
color: #ccae6c;
font-size: 18px;
line-height: 28.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.invest-reasons > p {
font-size: 15px;
line-height: 26.1818181818px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons > p {
font-size: 12.8571428571px;
line-height: 24px;
}
}
.invest-reasons .reasons-block {
width: 70%;
margin: auto;
min-width: 800px;
}
.invest-reasons .reasons-block ul {
width: calc(100% - 6px);
border: 3px solid white;
list-style: none;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow: hidden;
}
.invest-reasons .reasons-block ul li {
width: calc(100% / 5);
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
cursor: pointer;
opacity: 0.5;
}
.invest-reasons .reasons-block ul li .placeholder {
width: 100%;
}
.invest-reasons .reasons-block ul li p {
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #ccae6c;
margin: 0;
}
@media screen and (max-width: 1350px) {
.invest-reasons .reasons-block ul li p {
font-size: 11.6666666667px;
line-height: 14.5454545455px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons .reasons-block ul li p {
font-size: 10px;
line-height: 13.3333333333px;
}
}
.invest-reasons .reasons-block ul li p .no-upper {
text-transform: lowercase;
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #ccae6c;
font-style: normal;
}
@media screen and (max-width: 1350px) {
.invest-reasons .reasons-block ul li p .no-upper {
font-size: 11.6666666667px;
line-height: 14.5454545455px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons .reasons-block ul li p .no-upper {
font-size: 10px;
line-height: 13.3333333333px;
}
}
.invest-reasons .reasons-block ul li .icon-holder {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
height: 80px;
}
.invest-reasons .reasons-block ul li.active {
background: white;
opacity: 1;
}
.invest-reasons .reasons-block ul li:hover {
opacity: 1;
}
.invest-reasons .reasons-block ul li.clear {
display: none;
}
.invest-reasons .reasons-block ul li#rendement span {
background: url("/public/images/static/invest/rendement.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
height: 40px;
width: 50px;
}
.invest-reasons .reasons-block ul li#voordeel span {
background: url("/public/images/static/invest/voordeel.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 45px;
height: 40px;
}
.invest-reasons .reasons-block ul li#greenparks span {
background: url("/public/images/static/invest/landel.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 70px;
height: 59px;
}
.invest-reasons .reasons-block ul li#ontzorgd span {
background: url("/public/images/static/invest/ontzorgd.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 50px;
height: 50px;
}
.invest-reasons .reasons-block ul li#geniet span {
background: url("/public/images/static/invest/enjoy.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 77px;
height: 45px;
}
.invest-reasons .text-holder {
width: 70%;
margin: auto;
min-width: 800px;
position: relative;
margin-top: -3px;
background: white;
}
.invest-reasons .text-holder > div {
opacity: 0;
position: absolute;
width: 100%;
-ms-transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
z-index: 5;
}
.invest-reasons .text-holder > div.active {
display: block;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
z-index: 998;
}
.invest-reasons .text-holder > div .inner-text {
width: 50%;
padding-top: 35px;
min-height: 300px;
}
.invest-reasons .text-holder > div .inner-text img {
width: 100%;
display: none;
}
.invest-reasons .text-holder > div .inner-text p {
padding: 0 10% 35px;
max-width: 425px;
}
.invest-reasons .text-holder > div .inner-text h3 {
font-size: 28px;
line-height: 34px;
color: #56afd5;
padding: 20px 10% 25px;
max-width: 425px;
}
.invest-reasons .text-holder > div .button {
background-color: #56afd5;
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
height: 100px;
border-bottom: 5px solid #3c8daa;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
}
.invest-reasons .text-holder > div .button:hover {
background-color: #3c8daa;
}
.invest-reasons .text-holder > div .button p {
color: white;
text-align: center;
font-size: 20px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
margin: 0;
padding: 0;
}
@media screen and (max-width: 1350px) {
.invest-reasons .text-holder > div .button p {
font-size: 16.6666666667px;
line-height: 18.1818181818px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons .text-holder > div .button p {
font-size: 14.2857142857px;
line-height: 16.6666666667px;
}
}
.invest-reasons .text-holder > div .button p span {
color: white;
display: block;
font-size: 19px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: italic;
margin-top: 14px;
}
@media screen and (max-width: 1350px) {
.invest-reasons .text-holder > div .button p span {
font-size: 15.8333333333px;
line-height: 18.1818181818px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons .text-holder > div .button p span {
font-size: 13.5714285714px;
line-height: 16.6666666667px;
}
}
.invest-reasons .text-holder > div .image-container {
width: 50%;
float: right;
min-height: 200px;
background-size: cover !important;
}
.invest-reasons .text-holder #ontzorgd-text .image-container, .invest-reasons .text-holder #geniet-text .image-container {
float: left;
}
.invest-reasons .text-holder #ontzorgd-text .inner-text, .invest-reasons .text-holder #geniet-text .inner-text {
float: right;
}
.invest-reasons .text-holder #ontzorgd-text .button, .invest-reasons .text-holder #geniet-text .button {
right: initial;
left: 0;
}
.blue-row {
background: #56AED4;
text-align: center;
padding: 65px 0 40px;
}
.blue-row p {
width: 85%;
margin: 0 auto 30px;
font-size: 21px;
line-height: 33.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
color: white;
}
@media screen and (max-width: 1350px) {
.blue-row p {
font-size: 17.5px;
line-height: 30.5454545455px;
}
}
@media screen and (max-width: 800px) {
.blue-row p {
font-size: 15px;
line-height: 28px;
}
}
.blue-row p strong {
color: white;
}
.blue-row h4 {
width: 85%;
margin: 0 auto 10px;
color: white;
font-size: 26px;
line-height: 41.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
@media screen and (max-width: 1350px) {
.blue-row h4 {
font-size: 21.6666666667px;
line-height: 37.8181818182px;
}
}
@media screen and (max-width: 800px) {
.blue-row h4 {
font-size: 18.5714285714px;
line-height: 34.6666666667px;
}
}
.blue-row h5 {
width: 85%;
margin: 0 auto 10px;
color: white;
font-size: 26px;
line-height: 41.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
@media screen and (max-width: 1350px) {
.blue-row h5 {
font-size: 21.6666666667px;
line-height: 37.8181818182px;
}
}
@media screen and (max-width: 800px) {
.blue-row h5 {
font-size: 18.5714285714px;
line-height: 34.6666666667px;
}
}
.blue-row .link {
border: 2px solid white;
border-radius: 7px;
display: inline-block;
margin-top: 15px;
width: auto;
}
.blue-row .link:hover {
background: white;
}
.blue-row .link:hover a {
color: #56AED4;
}
.blue-row .link:hover a em {
color: #56AED4;
}
.blue-row .link:hover a:after {
background-image: url("/public/images/structure/arrow_right_blue.png");
}
.blue-row .link a {
display: block;
padding: 10px 25px;
color: white;
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 1350px) {
.blue-row .link a {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 800px) {
.blue-row .link a {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
.blue-row .link a em {
font-weight: bold;
display: inline-block;
color: white;
}
.blue-row .link a:after {
content: "";
background-image: url("/public/images/structure/arrow_right.png");
height: 9px;
width: 11px;
margin-left: 5px;
display: inline-block;
}
@media screen and (max-width: 1750px) {
.invest-page .header-image .invest p {
max-width: none;
}
}
@media screen and (max-width: 1600px) {
.invest-page .header-image .invest h1 {
margin-bottom: 10px;
}
.invest-page .header-image .invest .why {
margin: 20px 0;
}
.invest-page .header-image .invest .why p {
margin-bottom: 15px;
}
.invest-page .header-image .invest .price p {
margin-bottom: 0;
}
.invest-page .invest-explain .inner-text {
width: 50%;
}
}
@media screen and (max-width: 1350px) {
.invest-page .header-image .header-text h3 br {
display: block;
}
}
@media screen and (max-width: 1200px) {
.invest-reasons .text-holder {
background: transparent;
}
.invest-reasons .text-holder > div .inner-text {
width: 100%;
background: white;
}
.invest-reasons .text-holder > div .inner-text img {
display: block;
}
.invest-reasons .text-holder > div .button {
position: relative;
width: 100%;
}
.invest-reasons .text-holder > div .image-container {
display: none;
}
.invest-reasons .text-holder #rendement-text .inner-text {
padding-bottom: 0;
}
.invest-page .header-image .header-text {
left: 7.5%;
}
.invest-page .header-image .header-text h3 {
font-size: 26px;
line-height: 38px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
padding-right: 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .header-text h3 {
font-size: 21.6666666667px;
line-height: 34.5454545455px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .header-text h3 {
font-size: 18.5714285714px;
line-height: 31.6666666667px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .header-text p {
font-size: 20px;
line-height: 22px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
padding-right: 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .header-text p {
font-size: 16.6666666667px;
line-height: 20px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .header-text p {
font-size: 14.2857142857px;
line-height: 18.3333333333px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest p {
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .invest p {
font-size: 11.6666666667px;
line-height: 14.5454545455px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .invest p {
font-size: 10px;
line-height: 13.3333333333px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest h1 {
font-size: 22px;
line-height: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .invest h1 {
font-size: 18.3333333333px;
line-height: 21.8181818182px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .invest h1 {
font-size: 15.7142857143px;
line-height: 20px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest h1 strong {
font-size: 26px;
line-height: 28px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .invest h1 strong {
font-size: 21.6666666667px;
line-height: 25.4545454545px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .invest h1 strong {
font-size: 18.5714285714px;
line-height: 23.3333333333px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest .why {
margin: 15px 0;
}
.invest-page .header-image .invest .why p {
margin-bottom: 8px;
}
.invest-page .header-image .invest .why p span {
width: 22px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest .price p {
font-size: 14px;
line-height: 22.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .invest .price p {
font-size: 11.6666666667px;
line-height: 20.3636363636px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .invest .price p {
font-size: 10px;
line-height: 18.6666666667px;
}
}
@media screen and (max-width: 1200px) {
.invest-page .header-image .invest .price p strong {
font-size: 24px;
line-height: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
}
@media screen and (max-width: 1200px) and (max-width: 1350px) {
.invest-page .header-image .invest .price p strong {
font-size: 20px;
line-height: 21.8181818182px;
}
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
.invest-page .header-image .invest .price p strong {
font-size: 17.1428571429px;
line-height: 20px;
}
}
@media screen and (max-width: 1050px) {
.invest-page .invest-explain .invest-warning-1 {
display: none;
}
.invest-page .invest-explain .invest-warning-2 {
display: block;
min-width: 375px;
}
.invest-page .header-image .invest p {
margin-bottom: 10px;
}
.invest-page .header-image .invest h1 {
font-size: 16px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
}
@media screen and (max-width: 1050px) and (max-width: 1350px) {
.invest-page .header-image .invest h1 {
font-size: 13.3333333333px;
line-height: 14.5454545455px;
}
}
@media screen and (max-width: 1050px) and (max-width: 800px) {
.invest-page .header-image .invest h1 {
font-size: 11.4285714286px;
line-height: 13.3333333333px;
}
}
@media screen and (max-width: 1050px) {
.invest-page .header-image .invest h1 strong {
font-size: 18px;
line-height: 18px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
}
}
@media screen and (max-width: 1050px) and (max-width: 1350px) {
.invest-page .header-image .invest h1 strong {
font-size: 15px;
line-height: 16.3636363636px;
}
}
@media screen and (max-width: 1050px) and (max-width: 800px) {
.invest-page .header-image .invest h1 strong {
font-size: 12.8571428571px;
line-height: 15px;
}
}
@media screen and (max-width: 950px) {
.invest-page .invest-explain .image-container {
display: none;
}
.invest-page .invest-explain .inner-text {
width: 100%;
}
.invest-page .invest-explain .inner-text > .resort_player {
display: block;
}
.invest-reasons .reasons-block {
min-width: initial;
}
.invest-reasons .reasons-block ul {
display: block;
}
.invest-reasons .reasons-block ul li {
float: left;
width: 50%;
}
.invest-reasons .reasons-block ul li.clear {
display: block;
float: left;
clear: both;
height: 0px !important;
}
.invest-reasons .text-holder {
min-width: initial;
}
}
@media screen and (max-width: 675px) {
.invest-page .header-image .header-text {
display: none;
}
}
@media screen and (max-width: 450px) {
.invest-page .invest-explain .invest-warning-2 {
display: none;
}
.invest-page .invest-explain .invest-warning-3 {
display: block;
}
.invest-page .header-image .header-text {
width: 70%;
}
.invest-reasons .reasons-block ul li .icon-holder {
height: 40px;
}
.invest-reasons .reasons-block ul li span {
height: 25px !important;
}
}
.vacature-page .header-image {
background-size: cover;
background-position: 65% 50%;
}
.blue-row.vacature-row p {
width: 85%;
margin: 0 auto 30px;
font-size: 21px;
line-height: 33.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
color: white;
}
@media screen and (max-width: 1350px) {
.blue-row.vacature-row p {
font-size: 17.5px;
line-height: 30.5454545455px;
}
}
@media screen and (max-width: 800px) {
.blue-row.vacature-row p {
font-size: 15px;
line-height: 28px;
}
}
.blue-row.vacature-row p strong {
color: white;
}
.blue-row.vacature-row h4 {
width: 85%;
margin: 0 auto 10px;
color: white;
font-size: 26px;
line-height: 41.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
@media screen and (max-width: 1350px) {
.blue-row.vacature-row h4 {
font-size: 21.6666666667px;
line-height: 37.8181818182px;
}
}
@media screen and (max-width: 800px) {
.blue-row.vacature-row h4 {
font-size: 18.5714285714px;
line-height: 34.6666666667px;
}
}
.blue-row.vacature-row h4 strong {
font-size: 32px;
line-height: 51.2px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
color: white;
}
@media screen and (max-width: 1350px) {
.blue-row.vacature-row h4 strong {
font-size: 26.6666666667px;
line-height: 46.5454545455px;
}
}
@media screen and (max-width: 800px) {
.blue-row.vacature-row h4 strong {
font-size: 22.8571428571px;
line-height: 42.6666666667px;
}
}
.blue-row.vacature-row-function P {
width: 100%;
font-size: 32px;
line-height: 51.2px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.blue-row.vacature-row-function P {
font-size: 26.6666666667px;
line-height: 46.5454545455px;
}
}
@media screen and (max-width: 800px) {
.blue-row.vacature-row-function P {
font-size: 22.8571428571px;
line-height: 42.6666666667px;
}
}
.blue-row.vacature-row-function ul {
width: calc(90% - 40px);
max-width: 600px;
margin: auto;
}
.blue-row.vacature-row-function ul li {
text-align: left;
font-size: 18px;
line-height: 28.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
color: white;
font-size: 18px !important;
margin-bottom: 10px;
}
@media screen and (max-width: 1350px) {
.blue-row.vacature-row-function ul li {
font-size: 15px;
line-height: 26.1818181818px;
}
}
@media screen and (max-width: 800px) {
.blue-row.vacature-row-function ul li {
font-size: 12.8571428571px;
line-height: 24px;
}
}
.content-row {
padding: 60px 0;
}
.content-row h2 {
font-size: 32px;
line-height: 51.2px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.content-row h2 {
font-size: 26.6666666667px;
line-height: 46.5454545455px;
}
}
@media screen and (max-width: 800px) {
.content-row h2 {
font-size: 22.8571428571px;
line-height: 42.6666666667px;
}
}
.content-row .image-container {
width: 40%;
max-width: 600px;
margin-left: 80px;
margin-bottom: 20px;
float: right;
}
.content-row .image-container img {
width: 100%;
}
.content-row .leftContent, .content-row .rightContent {
width: 50%;
}
.content-row .leftContent h2, .content-row .rightContent h2 {
margin-bottom: 20px;
}
.content-row .leftContent ul, .content-row .rightContent ul {
width: 80%;
}
.content-row .leftContent ul li, .content-row .rightContent ul li {
font-size: 18px;
line-height: 28.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
font-size: 18px !important;
margin-bottom: 10px;
}
@media screen and (max-width: 1350px) {
.content-row .leftContent ul li, .content-row .rightContent ul li {
font-size: 15px;
line-height: 26.1818181818px;
}
}
@media screen and (max-width: 800px) {
.content-row .leftContent ul li, .content-row .rightContent ul li {
font-size: 12.8571428571px;
line-height: 24px;
}
}
.content-row .leftContent {
float: left;
}
.content-row .rightContent {
float: right;
}
.contact-row h3 {
font-size: 28px;
line-height: 44.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
color: #56AED4;
}
@media screen and (max-width: 1350px) {
.contact-row h3 {
font-size: 23.3333333333px;
line-height: 40.7272727273px;
}
}
@media screen and (max-width: 800px) {
.contact-row h3 {
font-size: 20px;
line-height: 37.3333333333px;
}
}
.contact-row h5 {
font-size: 21px;
line-height: 33.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.contact-row h5 {
font-size: 17.5px;
line-height: 30.5454545455px;
}
}
@media screen and (max-width: 800px) {
.contact-row h5 {
font-size: 15px;
line-height: 28px;
}
}
.contact-row .image-container {
width: 20%;
max-width: 200px;
display: inline-block;
}
.contact-row .image-container img {
width: 100%;
}
.contact-row p {
padding: 20px 0;
display: inline-block;
font-size: 18px;
line-height: 28.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
padding-right: 350px;
}
@media screen and (max-width: 1350px) {
.contact-row p {
font-size: 15px;
line-height: 26.1818181818px;
}
}
@media screen and (max-width: 800px) {
.contact-row p {
font-size: 12.8571428571px;
line-height: 24px;
}
}
.contact-row p a {
color: #575757;
text-decoration: underline;
font-size: 18px;
line-height: 28.8px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
@media screen and (max-width: 1350px) {
.contact-row p a {
font-size: 15px;
line-height: 26.1818181818px;
}
}
@media screen and (max-width: 800px) {
.contact-row p a {
font-size: 12.8571428571px;
line-height: 24px;
}
}
@media screen and (max-width: 1200px) {
.vacature-page .header-image {
height: 400px;
background-image: url("/public/images/static/woningen/woning_header_foto.jpg");
}
.vacature-page .header-image .content-image {
display: none;
}
.vacature-page .content-row, .vacature-page .contact-row {
width: 90%;
max-width: 600px;
margin: auto;
}
.vacature-page .content-row .image-container, .vacature-page .contact-row .image-container {
display: none;
}
.content-row .leftContent, .content-row .rightContent {
width: 100%;
}
.content-row .leftContent ul, .content-row .leftContent h2, .content-row .rightContent ul, .content-row .rightContent h2 {
width: 100%;
max-width: 600px;
margin: auto;
}
.content-row .leftContent ul, .content-row .rightContent ul {
width: calc(100% - 40px);
}
.content-row .leftContent h2, .content-row .rightContent h2 {
text-align: center;
}
.content-row .rightContent {
margin-top: 80px;
}
}
@media screen and (max-width: 400px) {
.contact-row p {
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
}
@media screen and (max-width: 400px) and (max-width: 1350px) {
.contact-row p {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 400px) and (max-width: 800px) {
.contact-row p {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
@media screen and (max-width: 400px) {
.contact-row p a {
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
}
@media screen and (max-width: 400px) and (max-width: 1350px) {
.contact-row p a {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 400px) and (max-width: 800px) {
.contact-row p a {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
.bouw .global {
padding-bottom: 20px;
border-bottom: 2px solid rgba(86, 174, 212, 0.25);
margin-bottom: 40px;
}
.bouw .global .bouw-video {
float: left;
width: 600px;
}
.bouw .global .map .image {
width: calc(100% - 600px);
height: 315px;
display: inline-block;
background-size: cover;
background-position: 55% 50%;
}
.bouw .global .map .slideshowTitle {
top: 2px;
}
.bouw .selector {
clear: both;
margin-bottom: 40px;
cursor: pointer;
padding: 40px 0;
border-top: 2px solid rgba(86, 174, 212, 0.25);
border-bottom: 2px solid rgba(86, 174, 212, 0.25);
}
.bouw .selector .icon-container {
width: 100%;
max-width: 1200px;
margin: auto;
}
.bouw .selector .icon-container img {
width: 100%;
height: auto;
border: none;
display: none;
}
.bouw .selector .backup-nav {
display: none;
}
.bouw .selector .backup-nav h2 {
margin-bottom: 10px;
}
.slider-duinvallei, .slider-voorziening, .slider-duinzone {
clear: both;
}
.slider-duinvallei {
display: none;
}
.slider-voorziening {
display: none;
}
@media screen and (max-width: 890px) {
.bouw .global .bouw-video {
float: none;
width: 100%;
}
.bouw .global .map {
margin-bottom: 50px;
}
.bouw .global .map .image {
width: 100%;
}
.bouw .selector {
margin-top: 50px;
}
}
@media screen and (max-width: 600px) {
.bouw .selector svg {
display: none;
}
.bouw .selector .backup-nav {
display: block;
}
}
.home-page {
background-color: #f1f1f1;
margin-top: 95px;
}
.home-page .invest .link {
border: 2px solid white;
border-radius: 7px;
display: inline-block;
width: auto;
background-color: #56AED4;
margin-top: -10px;
}
.home-page .invest .link:hover {
background-color: white;
border: 2px solid #56AED4;
}
.home-page .invest .link:hover a {
color: #56AED4;
}
.home-page .invest .link:hover a:after {
background-image: url("/public/images/structure/arrow_right_blue.png");
}
.home-page .invest .link a {
display: block;
padding: 10px 25px;
color: white;
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 1350px) {
.home-page .invest .link a {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 800px) {
.home-page .invest .link a {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
.home-page .invest .link a:after {
content: "";
background-image: url("/public/images/structure/arrow_right.png");
height: 9px;
width: 11px;
margin-left: 5px;
display: inline-block;
}
.home-page .invest .link.green {
background-color: #75db33;
}
.home-page .invest .link.green a {
font-weight: bold;
}
.home-page .invest .link.green:hover {
border: 2px solid #75db33;
background-color: white;
}
.home-page .invest .link.green:hover a {
color: #75db33;
font-weight: bold;
}
.home-page .invest .link.green:hover a:after {
background-image: url("/public/images/structure/arrow_right_green.png");
}
.home-page.invest-page .invest-explain {
padding-bottom: 120px;
width: 90%;
max-width: 1400px;
}
.inline-nav {
background: url("/public/images/static/home/inline_nav.jpg") 50% 50% no-repeat;
background-size: cover;
}
.inline-nav .content-container {
width: 90%;
max-width: 1400px;
margin: auto;
padding: 340px 0 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.inline-nav .content-container .btn {
border-radius: 7px;
display: inline-block;
width: calc((100% - 100px)/3);
background-color: white;
margin-top: -10px;
}
.inline-nav .content-container .btn:hover a:after {
-ms-transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.inline-nav .content-container .btn a {
display: block;
padding: 10px 25px;
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
color: #575757;
position: relative;
}
@media screen and (max-width: 1350px) {
.inline-nav .content-container .btn a {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 800px) {
.inline-nav .content-container .btn a {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
.inline-nav .content-container .btn a:after {
content: "";
position: absolute;
right: 30px;
top: 17px;
background-image: url("/public/images/structure/arrow_right_gray.png");
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.4s;
transition: all 0.4s;
height: 9px;
width: 11px;
display: inline-block;
}
.news {
position: relative;
}
.news .background {
position: absolute;
width: 100%;
height: 50%;
left: 0;
bottom: 0;
background: white;
}
.news .content-container {
width: 90%;
max-width: 1400px;
margin: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.news .content-container .block-button {
height: 60px;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
background: #56AED4;
}
.news .content-container .block-button p {
font-size: 24px;
line-height: 38.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
line-height: 60px !important;
font-size: 16px !important;
padding: 0 25px;
color: white;
}
@media screen and (max-width: 1350px) {
.news .content-container .block-button p {
font-size: 20px;
line-height: 34.9090909091px;
}
}
@media screen and (max-width: 800px) {
.news .content-container .block-button p {
font-size: 17.1428571429px;
line-height: 32px;
}
}
.news .content-container .block-button p:after {
content: "";
background-image: url("/public/images/structure/arrow_right.png");
height: 9px;
width: 11px;
margin-left: 15px;
display: inline-block;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news .content-container .article {
width: calc((100% - 8px) / 12 * 6);
background: white;
border: 2px solid #f1f1f1;
border-bottom: none;
position: relative;
display: inline-block;
}
.news .content-container .article .block-button {
width: calc(100% / 5 * 3);
}
.news .content-container .article .block-button:hover p:after {
-ms-transform: translate3d(15px, 0, 0);
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.news .content-container .article .image {
position: absolute;
height: 100%;
width: calc(100% / 5 * 2);
background-size: cover;
background-position: 50% 50%;
}
.news .content-container .article .content {
width: calc(100% / 5 * 3);
margin-left: calc(100% / 5 * 2);
margin-top: 0;
padding: 25px;
box-sizing: border-box;
padding-bottom: 70px;
}
.news .content-container .article .content h4 {
font-size: 24px;
line-height: 38.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 700;
line-height: 24px !important;
font-size: 16px !important;
color: #cdae6e;
}
@media screen and (max-width: 1350px) {
.news .content-container .article .content h4 {
font-size: 20px;
line-height: 34.9090909091px;
}
}
@media screen and (max-width: 800px) {
.news .content-container .article .content h4 {
font-size: 17.1428571429px;
line-height: 32px;
}
}
.news .content-container .article .content p a {
color: #56AED4;
font-size: 24px;
line-height: 38.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
font-style: italic;
font-size: 14px !important;
line-height: 24px !important;
}
@media screen and (max-width: 1350px) {
.news .content-container .article .content p a {
font-size: 20px;
line-height: 34.9090909091px;
}
}
@media screen and (max-width: 800px) {
.news .content-container .article .content p a {
font-size: 17.1428571429px;
line-height: 32px;
}
}
.news .content-container .build {
width: calc((100% - 8px) / 12 * 5);
margin-left: calc((100% - 8px) / 12);
position: relative;
display: inline-block;
border: 2px solid #f1f1f1;
border-bottom: none;
}
.news .content-container .build:hover .block-button p:after {
-ms-transform: translate3d(15px, 0, 0);
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.news .content-container .build .image {
position: absolute;
width: 100%;
height: calc(100% - 60px);
background-size: cover;
background-position: 50% 50%;
}
.invest-reasons-home {
padding: 125px 0 100px;
background: white;
text-align: center;
}
.invest-reasons-home h2 {
max-width: 80%;
margin: auto;
text-align: center;
color: #56afd5;
font-size: 36px;
line-height: 45px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home h2 {
font-size: 30px;
line-height: 40.9090909091px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home h2 {
font-size: 25.7142857143px;
line-height: 37.5px;
}
}
.invest-reasons-home h4 {
color: #575757;
max-width: 80%;
margin: auto;
text-align: center;
font-size: 26px;
line-height: 36px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home h4 {
font-size: 21.6666666667px;
line-height: 32.7272727273px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home h4 {
font-size: 18.5714285714px;
line-height: 30px;
}
}
.invest-reasons-home .golf {
margin: 15px auto;
width: 109px;
height: 15px;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("/public/images/structure/wave2.png");
}
.invest-reasons-home p {
max-width: 80%;
margin: auto;
text-align: center;
font-size: 20px;
line-height: 32px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 300;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home p {
font-size: 16.6666666667px;
line-height: 29.0909090909px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home p {
font-size: 14.2857142857px;
line-height: 26.6666666667px;
}
}
.invest-reasons-home .btn {
border-radius: 7px;
display: inline-block;
background-color: #575757;
margin-top: -10px;
border: 2px solid white;
padding: 0 10px;
}
.invest-reasons-home .btn:hover {
border: 2px solid #575757;
background: white;
}
.invest-reasons-home .btn:hover a {
color: #575757;
}
.invest-reasons-home .btn:hover a:after {
background-image: url("/public/images/structure/arrow_right_gray.png");
}
.invest-reasons-home .btn a {
display: block;
padding: 10px 25px;
font-size: 16px;
line-height: 25.6px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
color: white;
position: relative;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home .btn a {
font-size: 13.3333333333px;
line-height: 23.2727272727px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home .btn a {
font-size: 11.4285714286px;
line-height: 21.3333333333px;
}
}
.invest-reasons-home .btn a:after {
content: "";
background-image: url("/public/images/structure/arrow_right.png");
height: 9px;
width: 11px;
margin-left: 15px;
display: inline-block;
}
.invest-reasons-home .reasons-block {
width: 90%;
margin: auto;
margin-bottom: 40px;
max-width: 1200px;
}
.invest-reasons-home .reasons-block ul {
width: 100%;
border: 3px solid white;
list-style: none;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow: hidden;
}
.invest-reasons-home .reasons-block ul li {
width: calc(100% / 5);
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.invest-reasons-home .reasons-block ul li .placeholder {
width: 100%;
}
.invest-reasons-home .reasons-block ul li p {
font-size: 24px;
line-height: 38.4px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-weight: 600;
font-size: 13px !important;
line-height: 16px !important;
text-transform: uppercase;
text-align: center;
color: #ccae6c;
margin: 0;
max-width: none;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home .reasons-block ul li p {
font-size: 20px;
line-height: 34.9090909091px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home .reasons-block ul li p {
font-size: 17.1428571429px;
line-height: 32px;
}
}
.invest-reasons-home .reasons-block ul li p .no-upper {
text-transform: lowercase;
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #ccae6c;
font-style: normal;
}
@media screen and (max-width: 1350px) {
.invest-reasons-home .reasons-block ul li p .no-upper {
font-size: 11.6666666667px;
line-height: 14.5454545455px;
}
}
@media screen and (max-width: 800px) {
.invest-reasons-home .reasons-block ul li p .no-upper {
font-size: 10px;
line-height: 13.3333333333px;
}
}
.invest-reasons-home .reasons-block ul li .icon-holder {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
height: 80px;
}
.invest-reasons-home .reasons-block ul li.clear {
display: none;
}
.invest-reasons-home .reasons-block ul li#rendement span {
background: url("/public/images/static/invest/rendement.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
height: 40px;
width: 50px;
}
.invest-reasons-home .reasons-block ul li#voordeel span {
background: url("/public/images/static/invest/voordeel.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 45px;
height: 40px;
}
.invest-reasons-home .reasons-block ul li#greenparks span {
background: url("/public/images/static/invest/landel.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 70px;
height: 59px;
}
.invest-reasons-home .reasons-block ul li#ontzorgd span {
background: url("/public/images/static/invest/ontzorgd.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 50px;
height: 50px;
}
.invest-reasons-home .reasons-block ul li#geniet span {
background: url("/public/images/static/invest/enjoy.png") no-repeat;
background-position: 50% 50%;
background-size: contain;
display: inline-block;
width: 77px;
height: 45px;
}
@media screen and (max-width: 1100px) {
.news .background {
height: 75%;
}
.news .content-container {
display: block;
}
.news .content-container .article, .news .content-container .build {
width: 100%;
margin-left: 0;
}
.news .content-container .build {
margin-top: 40px;
}
}
@media screen and (max-width: 960px) {
.inline-nav {
background-position: 0 50%;
}
.inline-nav .content-container {
padding-top: 150px;
display: block;
}
.inline-nav .content-container .btn {
margin-top: 20px;
display: block;
width: 260px;
}
.invest-reasons-home .reasons-block ul {
max-width: 600px;
display: block;
margin-left: auto;
margin-right: auto;
}
.invest-reasons-home .reasons-block ul li {
float: left;
width: 50%;
}
.invest-reasons-home .reasons-block ul li:nth-child(2n+1) {
clear: both;
}
.invest-reasons-home .reasons-block ul li.clear {
display: block;
}
}
@media screen and (max-width: 680px) {
.news .content-container .article .block-button {
width: 100%;
}
.news .content-container .article .image {
width: 100%;
height: 250px;
position: relative;
top: 0;
left: 0;
}
.news .content-container .article .content {
width: 100%;
margin-left: 0;
}
}
@media screen and (max-width: 430px) {
.invest-reasons-home .reasons-block ul li {
float: none;
width: 100%;
max-width: 180px;
margin: auto;
}
}
.ridderstee {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 999;
overflow: auto;
background-color: rgba(0, 60, 78, 0.9);
}
.ridderstee .close-pop-up {
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
font-weight: bold;
line-height: 1;
color: white;
cursor: pointer;
}
.ridderstee a {
text-decoration: none;
min-height: 600px;
display: block;
height: 100%;
max-height: 680px;
max-width: 900px;
margin: auto;
width: 100%;
position: relative;
}
.ridderstee * {
box-sizing: border-box;
}
.ridderstee .grid-row.top-header {
height: 70px;
}
.ridderstee .logo {
position: absolute;
left: calc(50% - 120px);
top: 0;
z-index: 5;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
width: 240px;
height: 140px;
background-color: #003C4E;
}
.ridderstee .logo img {
width: 80%;
margin: 0 10%;
}
.ridderstee .background {
position: absolute;
left: 0;
top: 70px;
width: 100%;
height: calc(100% - 70px);
background-image: url("/public/images/static/home/header-background.jpg");
background-size: cover;
background-position: center;
}
.ridderstee .grid-row {
height: calc(100% - 70px);
}
.ridderstee .grid-row .header-content {
height: 100%;
padding-top: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
font-size: 20px;
}
@media screen and (max-width: 550px) {
.ridderstee .grid-row .header-content {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.ridderstee .grid-row .header-content h1 {
font-family: "phenomena", sans-serif;
letter-spacing: 2.34px;
font-weight: bold;
font-size: 2.2em;
line-height: 1.05;
color: #003C4E;
align-self: flex-end;
-webkit-align-self: flex-end;
}
@media screen and (max-width: 700px) {
.ridderstee .grid-row .header-content h1 {
font-size: 1.8em;
}
}
.ridderstee .grid-row .header-content .text {
background: white;
padding: 30px;
position: relative;
align-self: flex-start;
-webkit-align-self: flex-start;
}
.ridderstee .grid-row .header-content .text h2 {
font-family: "phenomena", sans-serif;
letter-spacing: 2.34px;
font-weight: bold;
font-size: 1.3em;
line-height: 1.2;
color: #C8BA9F;
margin-bottom: 25px;
}
.ridderstee .grid-row .header-content .text p {
margin-bottom: 0;
font-size: 0.8em;
color: #003C4E;
}
.ridderstee .grid-row .header-content .text .contact-button {
position: absolute;
right: 0;
bottom: -45px;
background: #C8BA9F;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
height: 45px;
padding: 10px 10px 10px 15px;
font-family: "phenomena", sans-serif;
letter-spacing: 2.34px;
font-weight: bold;
font-size: 0.8em;
letter-spacing: 1.53px;
text-decoration: none;
color: white;
transition: background 0.3s;
-webkit-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.3);
}
.ridderstee .grid-row .header-content .text .contact-button:hover {
background-color: #bfae8f;
}
/*# sourceMappingURL=style.css.map */