/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Sass mixins, variables, Compass modules, etc. */
/* line 40, ../sass/_mixins.scss */
.opening--text .btn, #registreer .btn, #voordelen #brochure .btn, #voordelen .btn--ghost, #closing .btn--ghost, #header .menu .btn, .form-submit {
  display: inline-block;
  padding: 0.5em 1em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  font-weight: 700;
  text-decoration: none;
}
/* line 49, ../sass/_mixins.scss */
.opening--text .btn:hover, #registreer .btn:hover, #voordelen #brochure .btn:hover, #voordelen .btn--ghost:hover, #closing .btn--ghost:hover, #header .menu .btn:hover, .form-submit:hover, .opening--text .btn:focus, #voordelen #brochure .btn:focus, #voordelen .btn--ghost:focus, #closing .btn--ghost:focus, #header .menu .btn:focus, .form-submit:focus {
  text-decoration: none;
}

/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
/* line 33, ../sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
/* line 40, ../sass/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 52, ../sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address styling not present in IE 8/9. */
/* line 58, ../sass/_normalize.scss */
[hidden] {
  display: none;
}

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 *
 * Since we're using Sass, you'll need to declare your font faces here, then you
 * can add them to the font variables in the _init.scss partial.
 */
@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Regular.eot");
  src: url("../fonts/DINPro-Regular.eot?iefix") format("eot"), url("../fonts/DINPro-Regular.woff") format("woff"), url("../fonts/DINPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Bold.eot");
  src: url("../fonts/DINPro-Bold.eot?iefix") format("eot"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
/* line 113, ../sass/_normalize.scss */
html {
  font-family: "Open Sans", Verdana, Tahoma, Arial, sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.5em;
  box-sizing: border-box;
}

/* line 124, ../sass/_normalize.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* Remove default margin. */
/* line 139, ../sass/_normalize.scss */
body {
  margin: 0;
  padding: 0;
  color: #484848;
}

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/* Address `outline` inconsistency between Chrome and other browsers. */
/* line 163, ../sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
/* line 169, ../sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
/* line 185, ../sass/_normalize.scss */
p,
pre {
  margin: 1.5em 0;
}

/* line 188, ../sass/_normalize.scss */
blockquote {
  /* Also indent the quote on both sides. */
  margin: 1.5em 30px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 197, ../sass/_normalize.scss */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* line 205, ../sass/_normalize.scss */
h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 210, ../sass/_normalize.scss */
h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

/* line 215, ../sass/_normalize.scss */
h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* line 220, ../sass/_normalize.scss */
h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

/* line 225, ../sass/_normalize.scss */
h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
/* line 232, ../sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
/* line 238, ../sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */
/* line 243, ../sass/_normalize.scss */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
/* line 248, ../sass/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/* Address styling not present in IE 8/9. */
/* line 257, ../sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
/* line 268, ../sass/_normalize.scss */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

/* Improve readability of pre-formatted text in all browsers. */
/* line 277, ../sass/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */
/* line 289, ../sass/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Address inconsistent and variable font size in all browsers. */
/* line 294, ../sass/_normalize.scss */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 300, ../sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 306, ../sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 309, ../sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/**
 * Lists
 */
/* line 319, ../sass/_normalize.scss */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 1.5em 0;
}

/* line 326, ../sass/_normalize.scss */
ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}

/* line 331, ../sass/_normalize.scss */
dd {
  margin: 0 0 0 30px;
  /* LTR */
}

/* Address paddings set differently in IE 6/7. */
/* line 338, ../sass/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 30px;
  /* LTR */
}

/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
/* line 356, ../sass/_normalize.scss */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */
  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto;
}

/* Correct overflow displayed oddly in IE 9. */
/* line 377, ../sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Address margin not present in IE 8/9 and Safari 5. */
/* line 382, ../sass/_normalize.scss */
figure {
  margin: 0;
}

/**
 * Forms
 */
/* Define consistent border, margin, and padding. */
/* line 398, ../sass/_normalize.scss */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.9125em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.9125em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 413, ../sass/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
/* line 431, ../sass/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  max-width: 100%;
  /* 5 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 5 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 448, ../sass/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 459, ../sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 475, ../sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 487, ../sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 498, ../sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 512, ../sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 522, ../sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 4+. */
/* line 528, ../sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 537, ../sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* Drupal-style form labels. */
/* line 543, ../sass/_normalize.scss */
label {
  display: block;
  font-weight: bold;
}

/**
 * Tables
 */
/* line 551, ../sass/_normalize.scss */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* Layout rules */
/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
/* line 32, ../sass/layouts/_responsive.scss */
.inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
/* line 46, ../sass/layouts/_responsive.scss */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/* Containers for grid items and flow items. */
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.inner:before, .inner:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
.inner:after,
#footer:after {
  clear: both;
}

/* Navigation bar */
@media all and (min-width: 480px) {
  /* line 59, ../sass/layouts/_responsive.scss */
  #main {
    /* Move all the children of #main down to make room. */
    padding-top: 3em;
    position: relative;
  }

  /* line 64, ../sass/layouts/_responsive.scss */
  #navigation {
    /* Move the navbar up inside #main's padding. */
    position: absolute;
    top: 0;
    height: 3em;
    width: 100%;
  }
}
/**
 * Use 3 grid columns for smaller screens.
 
@media all and (min-width: 480px) and (max-width: 959px) {

  $zen-column-count: 3;

  *
   * The layout when there is only one sidebar, the left one.
   
  .sidebar-first {
     Span 2 columns, starting in 2nd column from left. 
    #content {
      @include zen-grid-item(2, 2);
    }

     Span 1 column, starting in 1st column from left. 
    .region-sidebar-first {
      @include zen-grid-item(1, 1);
    }
  }

  *
   * The layout when there is only one sidebar, the right one.
   
  .sidebar-second {
     Span 2 columns, starting in 1st column from left. 
    #content {
      @include zen-grid-item(2, 1);
    }

     Span 1 column, starting in 3rd column from left. 
    .region-sidebar-second {
      @include zen-grid-item(1, 3);
    }
  }

  *
   * The layout when there are two sidebars.
   
  .two-sidebars {
     Span 2 columns, starting in 2nd column from left. 
    #content {
      @include zen-grid-item(2, 2);
    }

     Span 1 column, starting in 1st column from left. 
    .region-sidebar-first {
      @include zen-grid-item(1, 1);
    }

     Start a new row and span all 3 columns. 
    .region-sidebar-second {
      @include zen-grid-item(3, 1);
      @include zen-nested-container(); // Since we're making every block in this region be a grid item.
      @include zen-clear();

       Apply the shared properties of grid items in a single, efficient ruleset. 
      .block {
        @include zen-grid-item-base();
      }
       Span 1 column, starting in the 1st column from left. 
      .block:nth-child(3n+1) {
        @include zen-grid-item(1, 1);
        @include zen-clear();
      }
       Span 1 column, starting in the 2nd column from left. 
      .block:nth-child(3n+2) {
        @include zen-grid-item(1, 2);
      }
       Span 1 column, starting in the 3rd column from left. 
      .block:nth-child(3n) {
        @include zen-grid-item(1, 3);
      }
    }
  }
} */
/* line 157, ../sass/layouts/_responsive.scss */
#header {
  position: fixed;
  width: 100%;
  z-index: 99;
}

@media (max-width: 767px) {
  /* line 163, ../sass/layouts/_responsive.scss */
  #header {
    position: relative;
    width: 100%;
    z-index: 99;
  }
}
/* line 170, ../sass/layouts/_responsive.scss */
.logo {
  float: left;
  width: 20.83333%;
  margin-left: 0%;
  margin-right: -20.83333%;
}
/* line 172, ../sass/layouts/_responsive.scss */
.logo svg {
  width: 220px;
  height: 42px;
}

/* line 178, ../sass/layouts/_responsive.scss */
#nav {
  float: left;
  width: 66.66667%;
  margin-left: 33.33333%;
  margin-right: -100%;
}
/* line 180, ../sass/layouts/_responsive.scss */
#nav .menu {
  float: right;
}

/* line 186, ../sass/layouts/_responsive.scss */
#footer {
  padding: 3em 0;
}

/* line 189, ../sass/layouts/_responsive.scss */
.logo--rockwool {
  float: left;
  width: 8.33333%;
  margin-left: 0%;
  margin-right: -8.33333%;
  padding-top: 0.45em;
}

/* line 193, ../sass/layouts/_responsive.scss */
#legal {
  float: left;
  width: 62.5%;
  margin-left: 8.33333%;
  margin-right: -70.83333%;
  padding-left: 1.5em;
}

/* line 197, ../sass/layouts/_responsive.scss */
#copyright {
  float: left;
  width: 16.66667%;
  margin-left: 83.33333%;
  margin-right: -100%;
}

/* line 201, ../sass/layouts/_responsive.scss */
.opening--text {
  float: left;
  width: 41.66667%;
  margin-left: 0%;
  margin-right: -41.66667%;
  margin-top: 12em;
}

/* line 206, ../sass/layouts/_responsive.scss */
#voordelen {
  clear: both;
}
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#voordelen:before, #voordelen:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#voordelen:after {
  clear: both;
}
/* line 210, ../sass/layouts/_responsive.scss */
#voordelen .adv_col_1 {
  float: left;
  width: 33.33333%;
  margin-left: 0%;
  margin-right: -33.33333%;
}
/* line 213, ../sass/layouts/_responsive.scss */
#voordelen .adv_col_2 {
  float: left;
  width: 33.33333%;
  margin-left: 37.5%;
  margin-right: -70.83333%;
}
/* line 216, ../sass/layouts/_responsive.scss */
#voordelen .adv_col_3 {
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
}
/* line 219, ../sass/layouts/_responsive.scss */
#voordelen .adv_cta {
  clear: both;
  margin-bottom: 4em;
}

/* line 225, ../sass/layouts/_responsive.scss */
#werking {
  padding: 7em 0;
}
/* line 228, ../sass/layouts/_responsive.scss */
#werking .media {
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: -50%;
}
/* line 231, ../sass/layouts/_responsive.scss */
#werking .info {
  float: left;
  width: 45.83333%;
  margin-left: 54.16667%;
  margin-right: -100%;
}

/* line 236, ../sass/layouts/_responsive.scss */
#registreer {
  padding: 5em 0 4em;
}
/* line 239, ../sass/layouts/_responsive.scss */
#registreer .media {
  float: left;
  width: 41.66667%;
  margin-left: 58.33333%;
  margin-right: -100%;
  position: relative;
  z-index: 10;
}
/* line 244, ../sass/layouts/_responsive.scss */
#registreer .webform {
  float: left;
  width: 37.5%;
  margin-left: 25%;
  margin-right: -62.5%;
  position: relative;
  z-index: 8;
}

#registreer .btn {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  margin-left: 52%;
  -webkit-transform: translateY(-9em);
  -moz-transform: translateY(-9em);
  -ms-transform: translateY(-9em);
  -o-transform: translateY(-9em);
  transform: translateY(-9em);
  background-color: #d20014;
  color: white;
  font-family: "DINPro", Helvetica, Arial, sans-serif;
  text-transform: uppercase; 
}
#registreer .btn:hover, #registreer .btn:focus, #registreer .btn:active {
  background-color: #000;
}
#registreer .media-below {
  float: none;
  width: 25%;
  margin: 0 auto;
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}

/* line 252, ../sass/layouts/_responsive.scss */
#getuigenissen,
#contact {
  padding: 5em 0;
}
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#getuigenissen:before, #getuigenissen:after,
#contact:before,
#contact:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#getuigenissen:after,
#contact:after {
  clear: both;
}
/* line 257, ../sass/layouts/_responsive.scss */
#getuigenissen .testimonial_col_1,
#contact .testimonial_col_1 {
  float: left;
  width: 29.41176%;
  margin-left: 0%;
  margin-right: -29.41176%;
}
/* line 260, ../sass/layouts/_responsive.scss */
#getuigenissen .testimonial_col_2,
#contact .testimonial_col_2 {
  float: left;
  width: 29.41176%;
  margin-left: 35.29412%;
  margin-right: -64.70588%;
}
/* line 263, ../sass/layouts/_responsive.scss */
#getuigenissen .testimonial_col_3,
#contact .testimonial_col_3 {
  float: left;
  width: 29.41176%;
  margin-left: 70.58824%;
  margin-right: -100%;
}
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#getuigenissen .testimonial:before, #getuigenissen .testimonial:after,
#contact .testimonial:before,
#contact .testimonial:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#getuigenissen .testimonial:after,
#contact .testimonial:after {
  clear: both;
}
/* line 270, ../sass/layouts/_responsive.scss */
#getuigenissen .testimonial .media,
#contact .testimonial .media {
  float: left;
  width: 35.29412%;
  margin-left: 0%;
  margin-right: -35.29412%;
}
/* line 271, ../sass/layouts/_responsive.scss */
#getuigenissen .testimonial .info,
#contact .testimonial .info {
  float: left;
  width: 58.82353%;
  margin-left: 41.17647%;
  margin-right: -100%;
}

/* line 275, ../sass/layouts/_responsive.scss */
#closing {
  padding: 3em 0;
}
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#closing:before, #closing:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#closing:after {
  clear: both;
}
/* line 280, ../sass/layouts/_responsive.scss */
#closing .info {
  float: left;
  width: 64.70588%;
  margin-left: 0%;
  margin-right: -64.70588%;
}
/* line 284, ../sass/layouts/_responsive.scss */
#closing .cta {
  float: left;
  width: 29.41176%;
  margin-left: 70.58824%;
  margin-right: -100%;
}

@media all and (max-width: 960px) {
  /* line 295, ../sass/layouts/_responsive.scss */
  .logo {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    float: left;
    /*position: absolute;
    top: 0;
    left: 1em;*/
  }
  /* line 302, ../sass/layouts/_responsive.scss */
  .logo svg {
    width: 220px;
    height: 42px;
  }

  /* line 308, ../sass/layouts/_responsive.scss */
  #nav {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  /* line 311, ../sass/layouts/_responsive.scss */
  #nav .menu {
    float: right;
  }

  /* line 317, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_1 {
    float: left;
    width: 45.83333%;
    margin-left: 0%;
    margin-right: -45.83333%;
  }
  /* line 320, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_2 {
    float: left;
    width: 45.83333%;
    margin-left: 50%;
    margin-right: -95.83333%;
  }
  /* line 323, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_3 {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 1.5em;
  }
  /* line 328, ../sass/layouts/_responsive.scss */
  #voordelen .adv_cta {
    clear: both;
    margin-bottom: 4em;
  }

  /* line 335, ../sass/layouts/_responsive.scss */
  #registreer .media {
    float: left;
    width: 41.66667%;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
  /* line 338, ../sass/layouts/_responsive.scss */
  #registreer .webform {
    float: left;
    width: 50%;
    margin-left: 12.5%;
    margin-right: -62.5%;
  }

  /* line 344, ../sass/layouts/_responsive.scss */
  #getuigenissen,
  #contact {
    padding: 5em 0;
  }
  /* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen:before, #getuigenissen:after,
  #contact:before,
  #contact:after {
    content: "";
    display: table;
  }
  /* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen:after,
  #contact:after {
    clear: both;
  }
  /* line 349, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_1,
  #contact .testimonial_col_1 {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }
  /* line 352, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_2,
  #contact .testimonial_col_2 {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  /* line 355, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_3,
  #contact .testimonial_col_3 {
    clear: both;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    margin-top: 1.5em;
  }
  /* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen .testimonial:before, #getuigenissen .testimonial:after,
  #contact .testimonial:before,
  #contact .testimonial:after {
    content: "";
    display: table;
  }
  /* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen .testimonial:after,
  #contact .testimonial:after {
    clear: both;
  }
  /* line 364, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial .media,
  #contact .testimonial .media {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  /* line 365, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial .info,
  #contact .testimonial .info {
    float: left;
    width: 66.66667%;
    margin-left: 29.16667%;
    margin-right: -95.83333%;
  }
}

@media all and (max-width: 900px) {
  #registreer .btn {
    margin-left: 52%;
    -webkit-transform: translateY(-8em);
    -moz-transform: translateY(-8em);
    -ms-transform: translateY(-8em);
    -o-transform: translateY(-8em);
    transform: translateY(-8em);
  }
}

@media all and (max-width: 767px) {
  /* line 373, ../sass/layouts/_responsive.scss */
  .logo {
    margin: 1px 0 0 0;
    float: left;
    width: 200px;
  }

  /* line 378, ../sass/layouts/_responsive.scss */
  .mobile-menu--toggle {
    margin: 0;
    float: rigth;
    width: auto;
  }

  /* line 384, ../sass/layouts/_responsive.scss */
  #nav {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 0.5em;
  }

  /* line 390, ../sass/layouts/_responsive.scss */
  .opening--text {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }

  /* line 395, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_1 {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 398, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_2 {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 402, ../sass/layouts/_responsive.scss */
  #voordelen .adv_col_3 {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 406, ../sass/layouts/_responsive.scss */
  #voordelen .adv_cta {
    clear: both;
    margin-bottom: 4em;
  }

  /* line 413, ../sass/layouts/_responsive.scss */
  #werking .media {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 416, ../sass/layouts/_responsive.scss */
  #werking .info {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }

  /* line 424, ../sass/layouts/_responsive.scss */
  #registreer .media {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    display: none;
  }
  /* line 428, ../sass/layouts/_responsive.scss */
  #registreer .webform {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }

  #registreer .btn {
    margin-left: 52%;
    -webkit-transform: translateY(-8em);
    -moz-transform: translateY(-8em);
    -ms-transform: translateY(-8em);
    -o-transform: translateY(-8em);
    transform: translateY(-8em);
  }
  #registreer .media-below {
    width: 35%;
  }

  /* line 434, ../sass/layouts/_responsive.scss */
  #getuigenissen,
  #contact {
    padding: 5em 0;
  }
  /* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen:before, #getuigenissen:after,
  #contact:before,
  #contact:after {
    content: "";
    display: table;
  }
  /* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen:after,
  #contact:after {
    clear: both;
  }
  /* line 438, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_1,
  #contact .testimonial_col_1 {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 1.5em;
  }
  /* line 442, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_2,
  #contact .testimonial_col_2 {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 1.5em;
  }
  /* line 447, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial_col_3,
  #contact .testimonial_col_3 {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen .testimonial:before, #getuigenissen .testimonial:after,
  #contact .testimonial:before,
  #contact .testimonial:after {
    content: "";
    display: table;
  }
  /* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #getuigenissen .testimonial:after,
  #contact .testimonial:after {
    clear: both;
  }
  /* line 455, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial .media,
  #contact .testimonial .media {
    float: left;
    width: 16.66667%;
    margin-left: 0%;
    margin-right: -16.66667%;
  }
  /* line 456, ../sass/layouts/_responsive.scss */
  #getuigenissen .testimonial .info,
  #contact .testimonial .info {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }

  /* line 460, ../sass/layouts/_responsive.scss */
  #closing .info {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  /* line 464, ../sass/layouts/_responsive.scss */
  #closing .cta {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 1.5em;
  }

  /* line 470, ../sass/layouts/_responsive.scss */
  .logo--rockwool {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }

  /* line 473, ../sass/layouts/_responsive.scss */
  #legal {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    margin-top: 1.5em;
  }

  /* line 479, ../sass/layouts/_responsive.scss */
  #copyright {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    margin-top: 1.5em;
  }
}
@media all and (max-width: 550px) {
  /* line 488, ../sass/layouts/_responsive.scss */
  .logo {
    margin-top: 7px;
  }
  /* line 490, ../sass/layouts/_responsive.scss */
  .logo svg {
    width: 120px;
    height: 23px;
  }
  #registreer {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #registreer .btn {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #registreer .media-below {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 65%;
    left: 50%;
    z-index: -1;
    opacity: .2;
    position: absolute;
  }
}
/* Component (SMACSS module) rules */
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
/* line 17, ../sass/components/_misc.scss */
.element-invisible,
.element-focusable,
.opening--text h1 .name {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
/* line 22, ../sass/components/_misc.scss */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/**
 * Titles.
 */
/* line 44, ../sass/components/_misc.scss */
.page__title,
.node__title,
.block__title,
.comments__title,
.comments__form-title,
.comment__title {
  /* Comment title. */
  margin: 0;
}

/**
 * Forms.
 */
/* Wrapper for a form element (or group of form elements) and its label. */
/* line 54, ../sass/components/_misc.scss */
.form-item {
  margin: 1.5em 0;
  /* Pack groups of checkboxes and radio buttons closer together. */
  /* Form items in a table. */
  /* Highlight the form elements that caused a form submission error. */
  /* The descriptive help text (separate from the label). */
}
/* line 59, ../sass/components/_misc.scss */
.form-checkboxes .form-item, .form-radios .form-item {
  /* Drupal core uses "0.4em 0". */
  margin: 0;
}
/* line 66, ../sass/components/_misc.scss */
tr.odd .form-item, tr.even .form-item {
  margin: 0;
}
/* line 73, ../sass/components/_misc.scss */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
/* line 78, ../sass/components/_misc.scss */
.form-item .description {
  font-size: 0.85em;
}

/* line 85, ../sass/components/_misc.scss */
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

/* The part of the label that indicates a required field. */
/* line 91, ../sass/components/_misc.scss */
.form-required {
  color: #c00;
}

/* Labels for radios and checkboxes. */
/* line 96, ../sass/components/_misc.scss */
label.option {
  display: inline;
  font-weight: normal;
}

/* Buttons used by contrib modules like Media. */
/* line 102, ../sass/components/_misc.scss */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/* Password confirmation. */
/* line 108, ../sass/components/_misc.scss */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* Drupal's default login form block. */
/* line 113, ../sass/components/_misc.scss */
#user-login-form {
  text-align: left;
  /* LTR */
}

/**
 * Drupal admin tables.
 */
/* line 121, ../sass/components/_misc.scss */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
/* line 126, ../sass/components/_misc.scss */
form tbody {
  border-top: 1px solid #ccc;
}
/* line 129, ../sass/components/_misc.scss */
form table ul {
  margin: 0;
}

/* line 134, ../sass/components/_misc.scss */
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/* line 139, ../sass/components/_misc.scss */
tr.even {
  background-color: #fff;
}

/* Markup generated by theme_tablesort_indicator(). */
/* line 154, ../sass/components/_misc.scss */
td.active {
  background-color: #ddd;
}

/* Center checkboxes inside table cell. */
/* line 160, ../sass/components/_misc.scss */
td.checkbox,
th.checkbox {
  text-align: center;
}

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
/* line 165, ../sass/components/_misc.scss */
td.menu-disabled {
  background: #ccc;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
/* line 176, ../sass/components/_misc.scss */
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
/* line 187, ../sass/components/_misc.scss */
tr.drag {
  background-color: #fffff0;
}

/* line 190, ../sass/components/_misc.scss */
tr.drag-previous {
  background-color: #ffd;
}

/* line 193, ../sass/components/_misc.scss */
.tabledrag-toggle-weight {
  font-size: 0.9em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
/* line 202, ../sass/components/_misc.scss */
tr.selected td {
  background: #ffc;
}

/* line 1, ../sass/components/_regions.scss */
#header {
  height: 3.75em;
  padding: 0.5em 0 1em;
  background-color: #d20014;
  -webkit-box-shadow: #484848 0 3px 8px -5px;
  -moz-box-shadow: #484848 0 3px 8px -5px;
  box-shadow: #484848 0 3px 8px -5px;
}

/* line 10, ../sass/components/_regions.scss */
#opening {
  background: white url("../images/bg/opening.jpg") no-repeat top center;
}
@media (min-width: 960px) {
  /* line 10, ../sass/components/_regions.scss */
  #opening {
    min-height: 47em;
  }
}
@media (max-width: 767px) {
  /* line 10, ../sass/components/_regions.scss */
  #opening {
    background-position-x: 65%;
  }
}

/* line 21, ../sass/components/_regions.scss */
.opening--text h1 {
  margin: 0.5em 0;
  font-size: 1.625em;
  font-weight: 400;
  line-height: 1.25em;
}
/* line 33, ../sass/components/_regions.scss */
.opening--text .btn {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background-color: #222222;
  color: white;
  font-family: "DINPro", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
/* line 43, ../sass/components/_regions.scss */
.opening--text .btn:hover, .opening--text .btn:focus, .opening--text .btn:active {
  background-color: #d20014;
}

@media (max-width: 767px) {
  /* line 49, ../sass/components/_regions.scss */
  .opening--text {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 2em;
  }
}
@media (max-width: 550px) {
  /* line 55, ../sass/components/_regions.scss */
  .opening--text {
    font-size: 0.75em;
  }
}
/* line 61, ../sass/components/_regions.scss */
#voordelen {
  padding-top: 9em;
}
/* line 64, ../sass/components/_regions.scss */
#voordelen h2, #voordelen h3 {
  margin: 0;
  text-align: center;
}
/* line 69, ../sass/components/_regions.scss */
#voordelen h2 {
  font-size: 2.5em;
  line-height: 1.5em;
}
/* line 74, ../sass/components/_regions.scss */
#voordelen h3 {
  margin-bottom: 2em;
  font-size: 1.5em;
}
/* line 80, ../sass/components/_regions.scss */
#voordelen .advantages {
  margin: 0;
  list-style-image: none;
  list-style-type: none;
}
/* line 86, ../sass/components/_regions.scss */
#voordelen .advantages li {
  padding-left: 2.5em;
  margin-bottom: 0.5em;
  background: url("../images/li__check.png") no-repeat left top;
  line-height: 2em;
}
/* line 95, ../sass/components/_regions.scss */
#voordelen #brochure {
  display: block;
  position: relative;
}
/* line 99, ../sass/components/_regions.scss */
#voordelen #brochure img {
  display: block;
  margin: 0 auto;
}
/* line 104, ../sass/components/_regions.scss */
#voordelen #brochure .btn {
  position: relative;
  bottom: 5em;
  background-color: #222222;
  color: white;
  font-family: "DINPro", Helvetica, Arial, sans-serif;
}
@media (max-width: 960px) {
  /* line 116, ../sass/components/_regions.scss */
  #voordelen #brochure {
    text-align: center;
  }
}
/* line 120, ../sass/components/_regions.scss */
#voordelen .adv_cta {
  text-align: center;
}
/* line 123, ../sass/components/_regions.scss */
#voordelen .btn--ghost {
  border: 1px solid #484848;
  background: rgba(255, 255, 255, 0.7);
  color: #484848;
  -webkit-transition: box-shadow 150ms ease-out;
  -moz-transition: box-shadow 150ms ease-out;
  -o-transition: box-shadow 150ms ease-out;
  transition: box-shadow 150ms ease-out;
}
/* line 132, ../sass/components/_regions.scss */
#voordelen .btn--ghost:hover, #voordelen .btn--ghost:focus, #voordelen .btn--ghost:active {
  -webkit-box-shadow: inset #d20014 0 0 0 2px;
  -moz-box-shadow: inset #d20014 0 0 0 2px;
  box-shadow: inset #d20014 0 0 0 2px;
  border-color: #d20014;
  color: #d20014;
}

/* line 143, ../sass/components/_regions.scss */
#werking h2 {
  margin: 1em 0 0.25em;
  padding-left: 1.75em;
  background: url("../images/icon--werking.png") no-repeat left top;
  color: #d20014;
  font-size: 2em;
  line-height: 1em;
}
/* line 154, ../sass/components/_regions.scss */
#werking p {
  margin: 1em 0;
}

/* line 162, ../sass/components/_regions.scss */
#registreer h2, #registreer h3 {
  margin: 0;
  text-align: center;
}
/* line 167, ../sass/components/_regions.scss */
#registreer h2 {
  font-size: 2.5em;
  line-height: 1.5em;
}
/* line 171, ../sass/components/_regions.scss */
#registreer h2 .fa {
  font-size: 0.75em;
}
/* line 176, ../sass/components/_regions.scss */
#registreer h3 {
  /*margin-bottom: 2em;*/
  margin-bottom: 1em;
  font-size: 1.5em;
}

/* line 186, ../sass/components/_regions.scss */
#getuigenissen h2, #getuigenissen h3 {
  margin: 0;
  text-align: center;
}
/* line 191, ../sass/components/_regions.scss */
#getuigenissen h2 {
  font-size: 2.5em;
  line-height: 1.5em;
}
/* line 195, ../sass/components/_regions.scss */
#getuigenissen h2 span {
  display: inline-block;
  height: 1em;
  width: 1.75em;
  background: url("../images/icon--getuigenissen.png") no-repeat left top;
  background-size: contain;
}
/* line 204, ../sass/components/_regions.scss */
#getuigenissen h3 {
  margin-bottom: 2em;
  font-size: 1.5em;
}
/* line 210, ../sass/components/_regions.scss */
#getuigenissen .info {
  font-size: 1em;
  font-style: italic;
}
/* line 214, ../sass/components/_regions.scss */
#getuigenissen .info p {
  margin: 0;
}

/* line 221, ../sass/components/_regions.scss */
#contact h2, #contact h3 {
  margin: 0;
  text-align: center;
}
/* line 226, ../sass/components/_regions.scss */
#contact h2 {
  font-size: 2.5em;
  line-height: 1.5em;
}
/* line 230, ../sass/components/_regions.scss */
#contact h2 span {
  display: inline-block;
  height: 1em;
  width: 1.75em;
  background: url("../images/icon--contact.png") no-repeat left top;
  background-size: contain;
}
/* line 239, ../sass/components/_regions.scss */
#contact h3 {
  margin-bottom: 2em;
  font-size: 1.5em;
}
/* line 245, ../sass/components/_regions.scss */
#contact .info {
  font-size: 0.875em;
  font-style: italic;
}
/* line 249, ../sass/components/_regions.scss */
#contact .info p {
  margin: 0;
}

/* line 255, ../sass/components/_regions.scss */
#closing {
  background-color: #d20014;
  color: white;
}
/* line 259, ../sass/components/_regions.scss */
#closing p {
  margin: 0;
}
/* line 263, ../sass/components/_regions.scss */
#closing .btn--ghost {
  border: 1px solid white;
  font-family: "DINPro", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
/* line 272, ../sass/components/_regions.scss */
#closing .btn--ghost:hover, #closing .btn--ghost:focus, #closing .btn--ghost:active {
  background: white;
  color: #d20014;
}

/* line 281, ../sass/components/_regions.scss */
#footer {
  font-size: 0.875em;
}
/* line 284, ../sass/components/_regions.scss */
#footer p {
  margin: 0;
}

@media (max-width: 767px) {
  /* line 290, ../sass/components/_regions.scss */
  #footer ul.menu {
    padding: 0;
    margin: 0.5em 0 0 0;
  }
  /* line 294, ../sass/components/_regions.scss */
  #footer ul.menu li {
    display: block;
    float: none;
    margin-left: 0;
  }
  /* line 299, ../sass/components/_regions.scss */
  #footer ul.menu li:before {
    content: '';
    margin-right: 0;
  }
}
/* line 1, ../sass/components/_page.scss */
.fa {
  margin-right: 0.5em;
}

/* line 7, ../sass/components/_page.scss */
h2,
h3,
h4 {
  font-family: "DINPro", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* line 12, ../sass/components/_page.scss */
.info {
  font-size: 1.25em;
  line-height: 1.5em;
}

/* line 17, ../sass/components/_page.scss */
.even {
  background-color: #eaeaea;
}

/* line 21, ../sass/components/_page.scss */
a {
  color: inherit;
}
/* line 24, ../sass/components/_page.scss */
.info a:hover {
  color: #d20014;
}

/* line 29, ../sass/components/_page.scss */
.container--16-9 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
/* line 34, ../sass/components/_page.scss */
.container--16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 44, ../sass/components/_page.scss */
.logo {
  position: relative;
}
/* line 46, ../sass/components/_page.scss */
.logo a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 19.34%;
}
/* line 52, ../sass/components/_page.scss */
.logo a svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* line 63, ../sass/components/_page.scss */
.logo__container {
  position: relative;
  height: 0;
  padding-bottom: 8.14%;
}
/* line 68, ../sass/components/_page.scss */
.logo__container #brand {
  fill: #d20014;
}
/* line 72, ../sass/components/_page.scss */
.logo__container svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* line 82, ../sass/components/_page.scss */
.logo--rockwool a {
  display: block;
  height: 0;
  position: relative;
  padding-bottom: 28.83%;
}
/* line 89, ../sass/components/_page.scss */
.logo--rockwool svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/* line 97, ../sass/components/_page.scss */
.logo--rockwool svg path {
  fill: #898584;
}

/* line 102, ../sass/components/_page.scss */
.menu {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  line-height: 2.5em;
}
/* line 38, ../../../../../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.menu:after {
  content: "";
  display: table;
  clear: both;
}
/* line 112, ../sass/components/_page.scss */
.menu li {
  float: left;
  margin-left: 1.25em;
}
/* line 116, ../sass/components/_page.scss */
#footer .menu li:before {
  content: '\007c';
  margin-right: 1.25em;
}
/* line 121, ../sass/components/_page.scss */
#footer .menu li:first-child {
  margin-left: 0;
}
/* line 124, ../sass/components/_page.scss */
#footer .menu li:first-child:before {
  content: '';
  margin-right: 0;
}
/* line 131, ../sass/components/_page.scss */
.menu a {
  text-decoration: none;
}
/* line 134, ../sass/components/_page.scss */
#header .menu a {
  color: white;
}
/* line 138, ../sass/components/_page.scss */
#footer .menu a {
  color: #484848;
}
/* line 143, ../sass/components/_page.scss */
.menu a:hover, .menu a:focus {
  text-decoration: underline;
}

/* line 148, ../sass/components/_page.scss */
.mobile-menu--toggle {
  display: none;
}

@media (max-width: 767px) {
  /* line 152, ../sass/components/_page.scss */
  #nav {
    display: none;
  }

  /* line 155, ../sass/components/_page.scss */
  #nav.open {
    display: block;
  }
  /* line 157, ../sass/components/_page.scss */
  #nav.open .menu {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  /* line 163, ../sass/components/_page.scss */
  #nav.open .menu li {
    float: none;
    display: block;
    margin: 0;
  }
  /* line 171, ../sass/components/_page.scss */
  #nav.open .menu a,
  #nav.open .menu a:link,
  #nav.open .menu a:visited,
  #nav.open .menu a:active {
    display: block;
    padding: 0.5em 1em;
    margin: 0 -10px -1em -10px;
    background-color: #b80012;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #FFF;
  }
  /* line 179, ../sass/components/_page.scss */
  #nav.open .menu a:hover, #nav.open .menu a:focus,
  #nav.open .menu a:link:hover,
  #nav.open .menu a:link:focus,
  #nav.open .menu a:visited:hover,
  #nav.open .menu a:visited:focus,
  #nav.open .menu a:active:hover,
  #nav.open .menu a:active:focus {
    color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
  }
  /* line 185, ../sass/components/_page.scss */
  #nav.open .menu a:active,
  #nav.open .menu a:link:active,
  #nav.open .menu a:visited:active,
  #nav.open .menu a:active:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  /* line 192, ../sass/components/_page.scss */
  .mobile-menu--toggle {
    display: block;
  }
  /* line 194, ../sass/components/_page.scss */
  .mobile-menu--toggle span.btn {
    float: right;
    display: inline-block;
    padding: 0.5em 1em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    border-radius: 0.25em;
    font-weight: 700;
    text-decoration: none;
    background-color: white;
    color: #222222;
    line-height: 1.5em;
    cursor: pointer;
  }
  /* line 206, ../sass/components/_page.scss */
  .mobile-menu--toggle span.btn:hover, .mobile-menu--toggle span.btn:focus {
    text-decoration: none;
  }
  /* line 218, ../sass/components/_page.scss */
  .mobile-menu--toggle span.btn:hover, .mobile-menu--toggle span.btn:focus {
    color: #d20014;
    -webkit-box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
    -moz-box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
    box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
  }
  /* line 223, ../sass/components/_page.scss */
  .mobile-menu--toggle span.btn:active {
    -webkit-box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
    -moz-box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
    box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }
}
/* line 231, ../sass/components/_page.scss */
#header .menu .btn {
  background-color: white;
  color: #222222;
  line-height: 1.5em;
}
/* line 240, ../sass/components/_page.scss */
#header .menu .btn:hover, #header .menu .btn:focus {
  color: #d20014;
  -webkit-box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
  -moz-box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
  box-shadow: rgba(72, 72, 72, 0.5) 0 5px;
}
/* line 245, ../sass/components/_page.scss */
#header .menu .btn:active {
  -webkit-box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
  -moz-box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
  box-shadow: rgba(72, 72, 72, 0.5) 0 2px;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}

/* line 253, ../sass/components/_page.scss */
.form-text,
.form-email {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  padding: 0 0.5em;
  width: 80%;
  border: 1px solid #eaeaea;
  line-height: 2em;
  height: calc(2em + 2px);
}
/* line 263, ../sass/components/_page.scss */
.form-text:focus,
.form-email:focus {
  border-color: #898584;
}

/* line 267, ../sass/components/_page.scss */
::-ms-clear, ::-ms-clear {
  display: none;
}

@media (max-width: 767px) {
  /* line 272, ../sass/components/_page.scss */
  .form-text,
  .form-email {
    width: 100%;
  }
}
/* line 276, ../sass/components/_page.scss */
.form-select {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  height: 2em;
  width: 80%;
  padding-left: 0.5em;
  border: 1px solid #eaeaea;
}
/* line 285, ../sass/components/_page.scss */
.form-select option {
  line-height: 2em;
}

@media (max-width: 767px) {
  /* line 290, ../sass/components/_page.scss */
  .form-select {
    width: 100%;
  }
}
/* line 294, ../sass/components/_page.scss */
.form-checkboxes {
  position: relative;
}
/* line 38, ../../../../../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.form-checkboxes:after {
  content: "";
  display: table;
  clear: both;
}
/* line 297, ../sass/components/_page.scss */
.form-checkboxes input {
  position: absolute;
  left: 0;
  top: 0.25em;
}
/* line 302, ../sass/components/_page.scss */
.form-checkboxes label {
  padding-left: 25px;
  display: inline-block;
  font-weight: 400;
  width: 80%;
}

@media (max-width: 767px) {
  /* line 311, ../sass/components/_page.scss */
  .form-checkboxes label {
    width: 100%;
  }
}
/* line 316, ../sass/components/_page.scss */
.form-check {
  margin-right: 0.5em;
}

/* line 320, ../sass/components/_page.scss */
.form-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: #eaeaea 0 5px 0 0;
  -moz-box-shadow: #eaeaea 0 5px 0 0;
  box-shadow: #eaeaea 0 5px 0 0;
  border: 1px solid #d20014;
  background-color: #d20014;
  color: white;
}
/* line 329, ../sass/components/_page.scss */
.form-submit:hover, .form-submit:focus {
  -webkit-box-shadow: #898584 0 5px 0 0;
  -moz-box-shadow: #898584 0 5px 0 0;
  box-shadow: #898584 0 5px 0 0;
}
/* line 333, ../sass/components/_page.scss */
.form-submit:active {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: #898584 0 3px 0 0;
  -moz-box-shadow: #898584 0 3px 0 0;
  box-shadow: #898584 0 3px 0 0;
}

/* line 340, ../sass/components/_page.scss */
.form-messages.error {
  width: 80%;
  padding: 1em;
  background: #fbe6e8;
  color: #d20014;
  font-weight: bold;
}
/* line 346, ../sass/components/_page.scss */
.form-messages.error ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 550px) {
  /* line 353, ../sass/components/_page.scss */
  .form-messages.error {
    width: 100%;
  }
}
/* line 359, ../sass/components/_page.scss */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-color: #d20014;
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  /* Underline all links. */
  /* line 16, ../sass/_print.scss */
  a:link,
  a:visited {
    text-decoration: underline !important;
    /* Don't underline header. */
  }
  /* line 20, ../sass/_print.scss */
  a:link.header__site-link,
  a:visited.header__site-link {
    text-decoration: none !important;
  }

  /* line 25, ../sass/_print.scss */
  #content {
    /* Add visible URL after links. */
    /* Only display useful links. */
    /* Add visible title after abbreviations. */
  }
  /* line 27, ../sass/_print.scss */
  #content a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  /* line 35, ../sass/_print.scss */
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    content: "";
  }
  /* line 40, ../sass/_print.scss */
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Un-float the content. */
  /* line 46, ../sass/_print.scss */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Turn off any background colors or images. */
  /* line 57, ../sass/_print.scss */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Hide sidebars and nav elements. */
  /* line 77, ../sass/_print.scss */
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
}