/*   
Theme Name: Ongedierte
Theme URI: 
Description: Ongedierte Theme for WordPress
Author: Kevin Boer
Author URI: http://boermedia.com
Version: 1.0
*/
.wrapper:after {
  content: "";
  display: table;
  clear: both; }

.wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.column-left, .column-right, .sidebar, .benefits li {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Map set
 *
 * @param   Map   $map    The map to use
 * @param   String  $key    The key to update
 * @param   Mixed   $value    The new value
 * @return  Map       The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param   int     $columns          The number of columns to calculate
 * @param   int     $context : $gridle-columns-count    The context to use
 * @return  percentage              The width in percent
 */
/**
 *  Get a state map
 *
 * @param   string    $name     The name of the state to get
 * @return  map         A state map object
 */
/**
 * Check if a state exist :
 *
 * @param   string    $name     The name of the state to check
 * @return  Boolean       true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param   int     $index    The media query indes
 * @param   String    $var    The media query variable name
 * @return  String|int      The variable value
 */
/**
 * Get a variable
 *
 * @param   String    $varName        The variable name
 * @param   String    $stateMap-or-stateName    The state name or a map state value
 * @return  Mixed               The finded value
 */
/**
 * Set a variable in a state
 * @param   Mixed $stateName-or-stateIndex  The state name of state index
 * @param   String $var                       Variable name to assign
 * @param   Mixed $newValue             The new value to assign
 * @return  List                              The states list (full)
 */
/**
 * Generate a column
 *
 * @param   String    $name       The column name (often count)
 * @param   int     $columns    The column count that the column will take
 * @param   int     $context    The context on witch the with will be calculed
 * @param   Boolean   $generateClasses  Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param   List    $parrern  The pattern to use to generate classname
 * @param   String    $state    The state
 * @param   int     $count    The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param   Mixed     $state-or-min-width     The state name of the min with
 * @param   Mixed     $max-width      The max width if first param is a min width
 * @return  String            The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return  int   The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param   String    $state    The state to update
 * @para m  String    $device   The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param   String    $state    The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param   list  $pattern    The name pattern of the class
 * @param   list  $statesNames    The states names to generate
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*//////////////////////////////////// LATER TOEGEVOEGD ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
a.readmore{
  display: block;
  float:left;
  margin-top: 10px;
  text-decoration: none!important;
  border-radius: 4px;
  padding: 3px 5px;
  background: #3DBF32;
  color:#fff;
  font: 400 16px "Arial", sans-serif;
  }
  a.readmore:after{
    content: '\26';
    font-family: 'icons';
    margin-left:10px;
  }
  a.readmore:hover{
    color:#fff;
    text-shadow: 0px 1px 0px #287F21;
  }
.article{margin-bottom:20px;width: 100%;}  
.article .content{float:left;width: 100%;}
  .article .content ul{padding-left:30px;margin-bottom:20px;float:left;}
    .article .content li{list-style: square;}
.article p{width: 100%;float:left;}
.article.sticky{margin-bottom:0;} 

.article .content img{height: auto;float:left;}

.wp_rp_wrap{margin-top:20px;float:left;width: 100%;}
.related_post_title{margin-bottom:10px;}
ul.related_post{width: 100%!important;padding:0!important;}
  ul.related_post li{margin:0 4% 0 0!important;width: 22%!important;float:left;list-style: none!important;}
    ul.related_post li:last-of-type{margin-right: 0!important;}

    ul.related_post li img{width: 100%!important;}
    ul.related_post li a{text-decoration: none!important;width: 100%;}
      ul.related_post li a.wp_rp_title{margin-top:10px;display: block;float:left;}

.article .search-widget{margin-top:20px;float:left;width: 100%;}
  .article .search-widget input{width: 80%;float: left;border-radius: 4px 0 0 4px;}
  .article .search-widget button{width: 20%;border-radius: 0 4px 4px 0;padding: 20px 10px 19px;}

.article:last-of-type{margin-bottom:0;}

.column-left img{height: auto;}
.column-left iframe{width: 100%;height: auto;min-height: 340px;}

#cntctfrm_contact_form{float:left;}
  #cntctfrm_contact_form div{float:left;width: 100%;}
    #cntctfrm_contact_form div input{margin-bottom:20px!important;}
    #cntctfrm_contact_form div label{margin-bottom:10px;float:left;}
     #cntctfrm_contact_form input[type="submit"]{
      border: 0;
      margin: 0;
      padding: 15px 10px;
      outline: none;
      cursor: pointer;
      text-decoration: none;
      color: #fff;
      display: block;
      float: left;
      border-radius: 4px;
      text-transform: uppercase;
      font: 400 14px "Arial", sans-serif;
      font-size: 0.875rem;
      background: #3DBF32;
      margin-top:12px!important;
      margin-bottom:0!important;
     }

body.page .column-left .article{margin-bottom:20px;}
.header .logo a span{text-transform:none;}

.wp-caption-text{margin-bottom:10px!important;padding-top:5px;}

#main{min-height: 400px;}

body{margin-top:0!important;}

/* Font styles */
h1 {
  font: bold 30px "Arial", sans-serif;
  font-size: 1.875rem;
  color: #121420; }

h2 {
  font: bold 24px "Arial", sans-serif;
  font-size: 1.5rem;
  color: #121420; }

h3 {
  font: bold 20px "Arial", sans-serif;
  font-size: 1.25rem;
  color: #121420; }

h4 {
  font: bold 15px "Arial", sans-serif;
  font-size: 0.9375rem;
  color: #121420; }

img {
  width: 100%; }

.center {
  text-align: center; }

input[type="text"],
input[type="email"],
textarea {
  border: 2px solid #eaeaea;
  border-radius: 4px;
  background: #fff;
  padding: 15px;
  width: 100%;
  outline: none;
  float: left;
  font: 400 18px "Arial", sans-serif;
  font-size: 1.125rem;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease; }
  input[type="text"]:hover,
  input[type="email"]:hover,
  textarea:hover {
    border: 2px solid #BABABA; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    border: 2px solid #D4D4D4; }

textarea {
  resize: none; }

/* Basics */
html {
  -webkit-text-size-adjust: 100%; }

body {
  font: 400 16px "Arial", sans-serif;
  font-size: 1rem;
  color: #555555;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  margin-top: 46px; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }
.clearfix:after {
  clear: both; }

b, strong {
  font-weight: 700; }

a {
  color: #121420;
  cursor: pointer !important;
  text-decoration: none; }
  a:hover {
    color: #000000; }

#main a {
  text-decoration: underline; }

p {
  font: 400 16px "Arial", sans-serif;
  font-size: 1rem;
  color: #555555;
  line-height: 130%; }
  p.intro {
    font: 400 22px "Arial", sans-serif;
    font-size: 1.375rem; }

::-webkit-input-placeholder {
  color: #121420; }

:-moz-placeholder {
  color: #121420;
  opacity: 1; }

::-moz-placeholder {
  color: #121420;
  opacity: 1; }

:-ms-input-placeholder {
  color: #121420; }

.wrapper {
  width: 1024px;
  margin: 0 auto; }
  .wrapper:before, .wrapper:after {
    content: "";
    display: table; }
  .wrapper:after {
    clear: both; }

.column-left {
  float: left;
  direction: ltr;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.6666666667%;
  float: left; }
  @media screen and (max-width: 480px) {
    .column-left {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 481px) and (max-width: 1024px) {
    .column-left {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .column-left {
      float: left;
      direction: ltr;
      padding-left: 0;
      padding-right: 0; } }

.column-right {
  float: left;
  direction: ltr;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.6666666667%;
  float: right; }
  @media screen and (max-width: 480px) {
    .column-right {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 481px) and (max-width: 1024px) {
    .column-right {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .column-right {
      float: left;
      direction: ltr;
      padding-left: 0;
      padding-right: 0; } }

.sidebar {
  float: left;
  direction: ltr;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333333333%;
  float: left; }
  @media screen and (max-width: 480px) {
    .sidebar {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 481px) and (max-width: 1024px) {
    .sidebar {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .sidebar {
      float: left;
      direction: ltr;
      padding-left: 0;
      padding-right: 0; } }
  .sidebar.right {
    float: right; }

.button {
  border: 0;
  margin: 0;
  padding: 15px 10px;
  background: #D4D4D4;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  display: block;
  float: left;
  border-radius: 4px;
  text-transform: uppercase;
  font: 400 14px "Arial", sans-serif;
  font-size: 0.875rem; }

.button.big {
  padding: 19px 20px;
  font: 700 16px "Arial", sans-serif;
  font-size: 1rem; }

.button.rounded {
  border-radius: 60px; }

.button.more:after {
  content: '\26';
  font-family: 'icons';
  margin-left: 10px; }

.button.center {
  float: none;
  display: table;
  margin: 0 auto; }

.button.white {
  background: #fff; }
  .button.white:hover {
    background: #FAFAFA;
    color: #121420; }

.button.green {
  background: #3DBF32;
  color: #fff; }

.button:hover {
  color: #fff; }

#main .button {
  text-decoration: none; }

/* Fonts */
@font-face {
  font-family: 'icons';
  src: url("assets/fonts/icons.eot?64184645");
  src: url("assets/fonts/icons.eot?64184645#iefix") format("embedded-opentype"), url("assets/fonts/icons.woff?64184645") format("woff"), url("assets/fonts/icons.ttf?64184645") format("truetype"), url("assets/fonts/icons.svg?64184645#icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none; }

.icon-down-open-1:before {
  content: '\21'; }

/* '!' */
.icon-left-open-1:before {
  content: '\22'; }

/* '"' */
.icon-right-open-1:before {
  content: '\23'; }

/* '#' */
.icon-up-open-1:before {
  content: '\24'; }

/* '$' */
.icon-angle-left:before {
  content: '\25'; }

/* '%' */
.icon-angle-right:before {
  content: '\26'; }

/* '&' */
.icon-angle-up:before {
  content: '\27'; }

/* ''' */
.icon-angle-down:before {
  content: '\28'; }

/* '(' */
.icon-globe-1:before {
  content: '\29'; }

/* ')' */
.icon-mail-alt:before {
  content: '\2a'; }

/* '*' */
.icon-mail:before {
  content: '\2b'; }

/* '+' */
.icon-mail-squared:before {
  content: '\2c'; }

/* ',' */
.icon-ok-1:before {
  content: '\2d'; }

/* '-' */
.icon-ok-circled:before {
  content: '\2e'; }

/* '.' */
.icon-ok-circled2:before {
  content: '\2f'; }

/* '/' */
.icon-ok-squared:before {
  content: '\30'; }

/* '0' */
.icon-cancel-1:before {
  content: '\31'; }

/* '1' */
.icon-cancel-circled-1:before {
  content: '\32'; }

/* '2' */
.icon-cancel-circled2:before {
  content: '\33'; }

/* '3' */
.icon-pencil-1:before {
  content: '\34'; }

/* '4' */
.icon-trash:before {
  content: '\35'; }

/* '5' */
.icon-trash-1:before {
  content: '\36'; }

/* '6' */
.icon-phone:before {
  content: '\37'; }

/* '7' */
.icon-menu:before {
  content: '\38'; }

/* '8' */
.icon-cog-1:before {
  content: '\39'; }

/* '9' */
.icon-wrench:before {
  content: '\3a'; }

/* ':' */
.icon-sliders:before {
  content: '\3b'; }

/* ';' */
.icon-calendar-1:before {
  content: '\3c'; }

/* '<' */
.icon-calendar-empty:before {
  content: '\3d'; }

/* '=' */
.icon-align-justify:before {
  content: '\3e'; }

/* '>' */
.icon-sort:before {
  content: '\3f'; }

/* '?' */
.icon-sort-down:before {
  content: '\40'; }

/* '@' */
.icon-sort-up:before {
  content: '\41'; }

/* 'A' */
.icon-lightbulb:before {
  content: '\42'; }

/* 'B' */
.icon-clock:before {
  content: '\43'; }

/* 'C' */
.icon-print-1:before {
  content: '\44'; }

/* 'D' */
.icon-attention-alt:before {
  content: '\45'; }

/* 'E' */
.icon-home-1:before {
  content: '\46'; }

/* 'F' */
.icon-info-:before {
  content: '\47'; }

/* 'G' */
.icon-info-circle:before {
  content: '\48'; }

/* 'H' */
.icon-help-circle:before {
  content: '\49'; }

/* 'I' */
.icon-help:before {
  content: '\4a'; }

/* 'J' */
.icon-camera-1:before {
  content: '\4b'; }

/* 'K' */
.icon-camera-alt:before {
  content: '\4c'; }

/* 'L' */
.icon-picture-1:before {
  content: '\4d'; }

/* 'M' */
.icon-plus-1:before {
  content: '\4e'; }

/* 'N' */
.icon-plus-circle:before {
  content: '\4f'; }

/* 'O' */
.icon-plus-squared:before {
  content: '\50'; }

/* 'P' */
.icon-plus-squared-alt:before {
  content: '\51'; }

/* 'Q' */
.icon-minus-1:before {
  content: '\52'; }

/* 'R' */
.icon-minus-circle:before {
  content: '\53'; }

/* 'S' */
.icon-minus-squared:before {
  content: '\54'; }

/* 'T' */
.icon-minus-squared-alt:before {
  content: '\55'; }

/* 'U' */
.icon-pin:before {
  content: '\56'; }

/* 'V' */
.icon-attention:before {
  content: '\57'; }

/* 'W' */
.icon-attention-circle:before {
  content: '\58'; }

/* 'X' */
.icon-location-1:before {
  content: '\59'; }

/* 'Y' */
.icon-direction:before {
  content: '\5a'; }

/* 'Z' */
.icon-link-ext-alt:before {
  content: '\5b'; }

/* '[' */
.icon-pencil-squared:before {
  content: '\5c'; }

/* '\' */
.icon-search-1:before {
  content: '\5d'; }

/* ']' */
.icon-star-1:before {
  content: '\5e'; }

/* '^' */
.icon-star-empty:before {
  content: '\5f'; }

/* '_' */
.icon-block:before {
  content: '\60'; }

/* '`' */
.icon-right-dir:before {
  content: '\61'; }

/* 'a' */
.icon-left-dir:before {
  content: '\62'; }

/* 'b' */
.icon-up-dir:before {
  content: '\63'; }

/* 'c' */
.icon-down-dir:before {
  content: '\64'; }

/* 'd' */
.icon-sun:before {
  content: '\65'; }

/* 'e' */
[class*="grid-"] {
  width: 100%; }

#main .column-left {
  padding-right: 80px; }

/* CTA */
.cta-phone {
  border: 1px solid #D4D4D4;
  padding: 20px;
  text-decoration: none; }

.cta-phone h3:before {
  font-family: 'icons';
  content: '\37';
  margin: 0 10px 0 0;
  float: left; }

.cta-article {
  background: #3DBF32;
  text-decoration: none !important;
  float: left;
  width: 100%;
  border-radius: 0 0 4px 4px;
  padding: 20px;
  color: #fff;
  text-shadow: 0 1px 0 #287F21;
  margin: 0 0 20px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.cta-article * {
  color: #fff; }

.cta-article span.icon {
  float: left;
  font: 400 39px "icons" sans-serif;
  font-size: 2.4375rem;
  margin-right: 20px; }

.cta-article:hover {
  background: #287F21; }

.cta-article:hover * {
  color: #fff !important; }

/* Header */
.header {
  width: 100%;
  background: #ccb16a;
  padding: 20px 0; }

.header .wrapper {
  padding: 0 10px; }

.header .logo {
  float: left;
  font: 700 26px "Arial", sans-serif;
  font-size: 1.625rem;
  display: block;
  padding: 34px 0;
  margin-right: 20px; }

.header .logo a {
  color: #fff;
  text-shadow: 0 2px 0 #AF995C; }

.header .logo a span {
  font: 400 16px "Arial", sans-serif;
  font-size: 1rem;
  display: block;
  text-transform: lowercase;
  text-decoration: none; }

.header .ongedierte_image {
  width: auto;
  float: left;
  max-width: 150px;
  float: left; }

.header .cta-phone {
  float: right;
  border-radius: 4px;
  border: 0;
  color: #fff;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  background: #3DBF32; }

.header .cta-phone * {
  color: #fff; }

.header .cta-phone span {
  color: #1D6019; }

.header .cta-phone:hover {
  background: #287F21; }

/* Navigation */
.navigation {
  background: #AF995C; }

.navigation .wrapper {
  padding: 0 10px; }

.navigation li {
  float: left; }

.navigation li a {
  float: left;
  display: block;
  padding: 20px 11px;
  color: #F7D781;
  text-transform: uppercase;
  font: 700 15px "Arial", sans-serif;
  font-size: 0.9375rem;
  border-right: 1px solid #AA9457;
  text-shadow: 0 1px 1px #867748; }

.navigation li a:hover,
.navigation li.current_page_item a {
  background: #AA9457; }

.navigation li.last a {
  border-right: 0; }

.navigation li.home a:before {
  font-family: 'icons';
  content: '\46'; }

/* Breadcrumbs */
.breadcrumbs {
  background: #eee; }

.breadcrumbs ul {
  font-size: 0.875rem;
  padding: 0 10px; }

.breadcrumbs ul span {
  float: left;
  display: block;
  cursor: pointer; }

.breadcrumbs ul span a {
  padding: 15px 6px;
  float: left;
  color: #A9A9A9;
  text-decoration: none !important; }

.breadcrumbs ul span a.home {
  padding-left: 0; }

.breadcrumbs ul span a.current-item {
  color: #3f3f3f; }

.breadcrumbs ul span:after {
  font-family: 'icons';
  content: '\26';
  margin: 0 17px 0 15px;
  padding: 15px 0;
  float: left;
  color: #BCBCBC; }

.breadcrumbs ul span:last-child:after {
  display: none; }

/* Benefits */
.benefits {
  padding: 40px 0; }

.benefits li {
  float: left;
  direction: ltr;
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  border-right: 1px solid #eaeaea; }
  @media screen and (min-width: 1px) and (max-width: 400px) {
    .benefits li {
      float: left;
      direction: ltr;
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 401px) and (max-width: 767px) {
    .benefits li {
      float: left;
      direction: ltr;
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .benefits li {
      float: left;
      direction: ltr;
      padding-left: 0;
      padding-right: 0; } }

.benefits li:last-child {
  border-right: 0; }

.benefits li:before {
  font-family: 'icons';
  background: #3DBF32;
  border-radius: 40px;
  content: '\2d';
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 10px 0 0;
  float: left;
  color: #fff; }

/* Articles */
.article {
  background: #F8F8F8;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  float: left; }

.article .content {
  padding: 20px; }

.article h2,
.article .content h1{
  margin-bottom: 20px;clear:both; }

.article p {
  margin-bottom: 20px; }

/*.article p:last-of-type {
  margin-bottom: 0; }*/

/* Sidebar */
.sidebar section,
.sidebar .popular-posts {
  border-top: 4px solid #E8E8E8;
  padding: 40px 20px;
  float: left;
  width: 100%; }

.sidebar section .button {
  width: 100%;
  float: left;
  text-align: center; }

.sidebar section h3,
.sidebar section p,
.sidebar .popular-posts h3 {
  margin-bottom: 20px; }

/* search */
.sidebar section.search-widget {
  position: relative; }

.sidebar section.search-widget input {
  width: 75%;
  float: left;
  border-radius: 4px 0 0 4px; }

.sidebar section.search-widget .button {
  width: 25%;
  border-radius: 0;
  padding: 20px 10px 19px;
  border-radius: 0 4px 4px 0; }

/* cta */
.sidebar section.cta-widget a {
  float: left;
  border: 0;
  padding: 0;
  text-decoration: none !important; }

.sidebar section.cta-widget a h3 {
  margin-bottom: 0; }

/* list */
.sidebar section.list-widget li,
.sidebar .popular-posts li {
  margin-bottom: 10px; }

.sidebar section.list-widget li:last-of-type,
.sidebar .popular-posts li:last-of-type {
  margin-bottom: 0; }

/* quote */
.sidebar section.quote-widget li {
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px; }

.sidebar section.quote-widget li:before,
.sidebar section.quote-widget li:after {
  position: absolute;
  left: 0;
  top: -5px;
  font: 400 40px "Arial", sans-serif;
  font-size: 2.5rem;
  content: '”'; }

.sidebar section.quote-widget li:after {
  left: auto;
  top: auto;
  right: 0;
  bottom: -25px; }

/* icon */
.sidebar section.icon-widget li {
  margin-bottom: 20px;
  float: left;
  width: 100%; }

.sidebar section.icon-widget li span {
  width: 40px;
  height: 40px;
  background: #3DBF32;
  padding: 10px;
  border-radius: 50px;
  margin-right: 20px;
  text-align: center;
  font: 400 19px "Arial", sans-serif;
  font-size: 1.1875rem;
  color: #fff;
  float: left; }

.sidebar section.icon-widget li span:before {
  position: relative;
  top: -1px; }

.sidebar section.icon-widget li p {
  float: left;
  width: 78%;
  display: inline-block;
  font: 400 16px "Arial", sans-serif;
  font-size: 1rem; }

/* wp-pagenavi */
.wp-pagenavi {
  float: right;
  margin: 20px 0 20px; }

.wp-pagenavi:first-of-type {
  margin-top: 0; }

.wp-pagenavi span,
.wp-pagenavi a {
  line-height: 25px;
  margin-right: 10px;
  text-align: center;
  font-size: 14px;
  min-width: 29px;
  min-height: 29px;
  position: relative;
  display: inline-block;
  float: left;
  border: 2px solid #eee;
  border-radius: 4px;
  text-decoration: none !important; }

.wp-pagenavi a:hover {
  border: 2px solid #D4D4D4; }

.wp-pagenavi a.first,
.wp-pagenavi a.last {
  display: none; }

.wp-pagenavi span.pages {
  margin-right: 10px;
  text-transform: uppercase;
  padding: 0 10px; }

.wp-pagenavi span.extend {
  display: none; }

.wp-pagenavi span.current {
  border: 1px solid #eee;
  background: #eee;
  color: #121420; }

.wp-pagenavi a b,
.wp-pagenavi span b {
  display: none; }

.wp-pagenavi a.nextpostslink {
  margin-right: 0; }

.wp-pagenavi a.nextpostslink:before {
  font-family: 'icons';
  content: '\26'; }

.wp-pagenavi a.previouspostslink:before {
  font-family: 'icons';
  content: '\25'; }

.wp-pagenavi a b {
  position: absolute;
  top: -9999999px;
  left: -9999999px; }

/* Footer */
.footer {
  background: #121420;
  padding: 60px 0 0; }

.footer ul.list {
  float: left;
  width: 33.33%; }

.footer ul.list li {
  margin-bottom: 4px; }

.footer ul.list li:first-child {
  font: 700 16px "Arial", sans-serif;
  font-size: 1rem;
  margin-bottom: 10px;
  pointer-events: none; }

.footer ul.list li:first-child a {
  color: #fff; }

.footer ul.list li a {
  color: #444652;
  display: block; }

.footer ul.list li a:hover {
  color: #606373; }

.footer .cta-phone {
  background: #444652;
  border-radius: 4px;
  border: 0;
  float: left; }

.footer .cta-phone * {
  color: #fff; }

.footer .bottom-nav {
  background: #0A0B13;
  margin-top: 60px;
  padding: 20px 0; }

.footer .bottom-nav > * {
  font: 400 12px "Arial", sans-serif;
  font-size: 0.75rem; }

.footer .bottom-nav ul {
  width: 100%; }

.footer .bottom-nav ul li {
  float: left;
  margin-right: 30px; }

.footer .bottom-nav ul li a {
  color: #444652; }

.footer .bottom-nav p {
  font: 400 12px "Arial", sans-serif;
  font-size: 0.75rem;
  text-align: right; }

/* Bar */
.bar {
  background: #3DBF32;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  box-shadow: 0px -3px 2px 3px rgba(0, 0, 0, 0.33); }

.bar .wrapper {
  padding: 0 10px; }

.bar p {
  float: left;
  padding: 13px 0;
  color: #fff;
  font: 700 15px "Arial", sans-serif;
  font-size: 0.9375rem; }

.bar .button {
  float: right;
  border-radius: 0;
  font-weight: bold; }

.message {
  background: #fff;
  background: #ccb16a;
  position: fixed;
  bottom: -207px;
  right: 20px;
  width: 300px;
  height: 200px;
  padding: 20px;
  border-radius: 4px 4px 0 0;
  -webkit-transition: bottom 0.3s ease-in-out;
  -moz-transition: bottom 0.3s ease-in-out;
  -ms-transition: bottom 0.3s ease-in-out;
  -o-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out;
  -webkit-transition: all 500ms cubic-bezier(0.935, 0, 0.11, 1);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
  -moz-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
  -o-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
  transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
  /* custom */ }

.message.show {
  bottom: -37px; }

.message.show.hidden,
.message.hidden {
  bottom: -207px; }

.message p {
  margin-bottom: 20px;
  color: #fff;
  font: 400 16px "Arial", sans-serif;
  font-size: 1rem; }

.message .button {
  font-weight: bold;
  width: 100%;
  text-align: center; }

.message span.close {
  position: absolute;
  top: -7px;
  right: -7px;
  background: #AF5C5C;
  color: #FFF;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer; }

#open_nav {
  display: none;
  position: fixed;
  top: 15px;
  left: 0;
  background: #3DBF32;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 #287F21;
  border-radius: 4px;
  cursor: pointer;
  z-index: 3; }

/* Media Queries */
@media screen and (max-width: 1024px) {
  .ongedierte_image {
    display: none; }

  .wrapper {
    width: 100%; }

  .sidebar section {
    padding: 40px 10px; }

  #main .column-left {
    padding-right: 10px; }

  .message {
    right: 10px;
    width: 302px; }

  .navigation li a {
    font: 700 12.5px "Arial", sans-serif;
    font-size: 0.78125rem;
    padding: 20px 6px; }

  .navigation li:first-child {
    display: none; }

  .sidebar section.icon-widget li span {
    margin-right: 0; }

  .sidebar section.icon-widget li p {
    padding-left: 20px; } }
@media screen and (max-width: 768px) {
  h1 {
    font: bold 26px "Arial", sans-serif;
    font-size: 1.625rem; }

  h2 {
    font: bold 20px "Arial", sans-serif;
    font-size: 1.25rem; }

  h3 {
    font: bold 16px "Arial", sans-serif;
    font-size: 1rem; }

  h4 {
    font: bold 14px "Arial", sans-serif;
    font-size: 0.875rem; }

  body {
    margin-top: 0; }

  .sidebar,
  .bar,
  .benefits li:nth-child(4),
  .benefits li:nth-child(5),
  .ongedierte_image {
    display: none; }

  #main .column-left {
    width: 100%; }

  .benefits li {
    text-align: center;
    width: 33.33%; }

  .benefits li:nth-child(3) {
    border-right: 0; }

  .benefits li:before {
    margin: 0 auto 20px;
    float: none;
    display: table; }

  .header .cta-phone {
    max-width: 35%;
    padding: 10px; }

  .header .logo {
    font: 700 20px "Arial", sans-serif;
    font-size: 1.25rem;
    margin: 0;
    max-width: 63%;
    }

  .header .logo a span {
    font: 400 13px "Arial", sans-serif;
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 15px;
    white-space: nowrap;
    }

  .navigation .wrapper {
    padding: 0; }

  .navigation li {
    width: 33.33%;
    min-height: 58px; }

  .navigation li:first-child {
    display: block; }

  .navigation li a {
    width: 100%;
    text-align: center;
    min-height: 58px;
    padding: 20px 11px;
    border-bottom: 1px solid #AA9457; }

  .footer .bottom-nav .column-left,
  .footer .column-left {
    width: 100%; }

  .footer .bottom-nav .sidebar {
    display: block;
    width: 100%;
    padding-top: 20px; }

  .footer .bottom-nav ul {
    float: none;
    display: table;
    margin: 0 auto;
    width: auto; }

  .footer .bottom-nav .sidebar p {
    text-align: center; } }
@media screen and (max-width: 480px) {

  .wp_rp_wrap{display: none;}

  h1 {
    font: bold 26px "Arial", sans-serif;
    font-size: 1.625rem; }

  h2 {
    font: bold 20px "Arial", sans-serif;
    font-size: 1.25rem; }

  h3 {
    font: bold 16px "Arial", sans-serif;
    font-size: 1rem; }

  h4 {
    font: bold 14px "Arial", sans-serif;
    font-size: 0.875rem; }

  body {
    margin-top: 75px!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    left: 0; }

  body.open {
    left: 240px; }

  body.open #main {
    overflow: hidden;
    height: 100%; }

  .wrapper {
    width: 100%; }

  /* hide */
  .bar,
  .ongedierte_image,
  .benefits,
  .breadcrumbs {
    display: none; }

  .navigation {
    width: 240px;
    height: 100vh;
    position: fixed;
    top: 75px;
    left: -240px;
    z-index: 2;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .navigation .wrapper {
    padding: 0; }

  .navigation li {
    width: 100%; }

  .navigation li a {
    width: 100%;
    border-right: 0; }

  .navigation li:first-of-type {
    display: none; }

  #open_nav,
  .navigation.active {
    display: block; }

  .navigation.active {
    left: 0; }

  #open_nav.active {
    background: #287F21; }

  .header {
    padding: 0; margin-bottom:20px;}

  .header .wrapper {
    padding: 0; }

  .header .logo {
    font: 700 18px "Arial", sans-serif;
    font-size: 1.125rem;
    padding: 20px 10px;
    width: 100%;
    background: #ccb16a;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;max-width: 100%;}

  .header .logo a span {
    font: 400 12px "Arial", sans-serif;
    font-size: 0.75rem; 
    max-width: 80%;
    }

  .header .cta-phone {
    width: 100%;
    border-radius: 0;
    max-width: 100%; }

  .navigation li {
    min-height: 1px; }

  .navigation li a {
    font: 700 15px "Arial", sans-serif;
    font-size: 0.9375rem;
    min-height: 1px; }

  #main .column-left {
    padding: 0;
    width: 100%; }

  .sidebar {
    display: none; }

  .wp-pagenavi {
    margin: 20px 0;
    padding: 0 10px; }

  .column-left iframe{height: 240px;}

  .article {
    border-bottom: 1px solid #eee;
    background: none;
    margin-bottom: 20px;
    border-radius: 0; }

  .home .article:last-of-type,
  .home .article:first-of-type {
    margin-bottom: 0; }

  .home .article:first-of-type {
    border-bottom: 0; }

  .cta-article {
    border-radius: 0; }

  .cta-article span.icon {
    font: 400 60px "icons" sans-serif;
    font-size: 3.75rem; }

  .message {
    width: 100%;
    border-radius: 0;
    right: 0; }

  .message span.close {
    right: 10px; }

  .footer {
    padding: 40px 0 0; }

  .footer .column-left {
    width: 100%; }

  .footer ul.list {
    float: left;
    width: 50%; }

  .footer ul.list:last-of-type {
    display: none; }

  .footer ul.list li {
    margin-bottom:0; }
  .footer ul.list li a{padding: 15px 0;}
  .footer ul.list li:first-child {
    font: 700 16px "Arial", sans-serif;
    font-size: 1rem;
    pointer-events: none; }

  .footer .bottom-nav {
    margin-top: 40px; }

  .footer .bottom-nav ul {
    float: none;
    display: table;
    margin: 0 auto;
    width: auto; }

  .footer .bottom-nav ul li {
    margin-right: 10px;
    font: 400 8px "Arial", sans-serif;
    font-size: 0.5rem; } }

#ongedierteForm{
	margin-top: 20px;
}

.form__label{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.form__label--half{
	width: 48%;
	margin-right: 4%;
}
.form__label--last{
	margin-right: 0;
}
.form__label input,
.form__label textarea{
	margin-top: 10px;
}
.form__label input::-webkit-input-placeholder,
.form__label textarea::-webkit-input-placeholder { color: #ccc; }

.form__label input:-moz-placeholder,
.form__label textarea:-moz-placeholder { color: #ccc; }

.form__label input::-moz-placeholder,
.form__label textarea::-moz-placeholder { color: #ccc; }

.form__label input:-ms-input-placeholder,
.form__label textarea:-ms-input-placeholder { color: #ccc; }

@media screen and (max-width: 1024px) {
	.form__label--half{
		width: 100%;
	}
}