@charset "UTF-8";
/*
Theme Name: Pronk
Author: 
Author URI:
Description: Pronk theme
Version: 1.0
*/
html {
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-style: normal !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000000;
  background-color: #ffffff;
  overflow-x: hidden;
}

.row:before, .row:after {
  display: none !important;
}

/* TOP */
.top {
  padding: 0;
  width: 100%;
  background-color: #4598D1;
  border-bottom: 1px solid #ffffff;
  z-index: 1000001;
  position: relative;
}

a, li, div, .top, .active-menu, .active-menu .header__branding img, .navigation__primary .menu, .fas, .fa-arrow-right, .fa-arrow-right, .btn, .btn::after, .btn:hover::after {
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top--nav {
  padding: 0 0 10px 0;
  width: 100%;
  position: relative;
  background: #ffffff;
}

.top--nav-menu {
  text-align: right;
  position: absolute;
  top: 15px;
  right: 0;
}
.top--nav-menu ul {
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
}
.top--nav-menu ul li {
  margin-left: 10px;
  display: inline;
}
.top--nav-menu ul li, .top--nav-menu .top--naw {
  font-size: 0.65em;
}
.top--nav-menu a:hover {
  text-decoration: underline;
}

.top--naw {
  padding-top: 15px;
  font-size: 0.85em;
}
.top--naw p {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.top--naw p, .top--naw a, .top--naw a:hover, .top--nav-menu, .top--nav-menu p, .top--nav-menu a, .top--nav-menu a:hover {
  color: #000000;
}

/* ACTIVE STATE */
.active-menu.top {
  padding: 0 0 0 0;
  border-bottom: 1px solid #4598D1;
}

.active-menu {
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 1000;
  top: 0;
}
.active-menu .header__branding img {
  width: auto;
  max-height: 68px;
}
.active-menu .header__branding {
  top: 5px;
  left: -30px;
  margin: 0;
  position: relative;
}
.active-menu .menu li a {
  color: #000000 !important;
}
.active-menu .menu li a:hover {
  color: #71B374 !important;
}
.active-menu .menu li.current-menu-parent a, .active-menu .menu li.current_page_ancestor a {
  color: #71B374 !important;
}
.active-menu .menu li.current-menu-item, .active-menu .menu li.current_page_item, .active-menu .menu li.current_page_item a {
  color: #71B374 !important;
}
.active-menu .bottom-border, .active-menu .header__branding-text {
  display: none;
}
.active-menu .navigation__primary ul.menu {
  margin: 25px 0 25px 0;
}

/* BRANDING LOGO */
.header__branding {
  position: absolute;
  top: -70px;
  left: -130px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  image-rendering: -webkit-optimize-contrast;
  z-index: 10000000;
}
.header__branding img {
  max-width: 580px !important;
  height: auto;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  image-rendering: -webkit-optimize-contrast;
}

.animation {
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* NAV */
.navigation__primary li {
  display: inline-block;
}
.navigation__primary ul.menu,
.navigation__primary div.menu > ul {
  margin: 40px 0 40px 0;
  padding: 0;
  position: relative;
  float: right;
}
.navigation__primary .menu li {
  margin: 0 0 0 30px;
  padding: 0 0 5px 0;
  display: inline;
  position: relative;
}
.navigation__primary .menu li a {
  padding: 5px 0 25px 0;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}
.navigation__primary ul.menu li:hover > ul,
.navigation__primary .menu ul li:hover > ul {
  display: block;
}
.navigation__primary .menu .sub-menu,
.navigation__primary .menu .children {
  border-top: 0;
  margin: 15px 0 0 -18px !important;
  padding: 5px 0 0 0;
  position: absolute;
  z-index: 99999;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-out;
}
.navigation__primary ul.menu li:hover > ul,
.navigation__primary .menu ul li:hover > ul {
  margin: 10px 0 0 0;
  padding-bottom: 10px;
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.navigation__primary .menu .sub-menu ul,
.navigation__primary .menu .children ul {
  left: 100%;
  top: 0;
}
.navigation__primary .menu li ul {
  width: 200px;
  text-align: left;
  background: #ffffff;
  float: left;
  box-shadow: 0 0 1px #71B374;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
}
.navigation__primary .menu li ul ul {
  margin: 0 0 0 0;
}
.navigation__primary .menu li li {
  margin: 0 0 0 15px;
  padding: 5px;
  width: 90%;
  float: left;
}
.navigation__primary .menu li li a {
  padding: 0;
  font-size: 0.95em !important;
  font-weight: 400;
  text-transform: inherit;
}
.navigation__primary .menu li:hover a {
  color: #71B374;
}
.navigation__primary .menu li li a {
  color: #71B374 !important;
}
.navigation__primary .menuli.current-menu-parent a, .navigation__primary .menu li.current_page_ancestor a {
  color: #71B374;
}
.navigation__primary .menu li.current-menu-item, .navigation__primary .menu li.current_page_item, .navigation__primary .menu li.current_page_item a {
  color: #71B374;
}
.navigation__primary .menu li li a:hover {
  text-decoration: underline;
}
.navigation__primary .menu li li.current-menu-item, .navigation__primary .menu li li.current_page_item,
.navigation__primary .menu li li.current-menu-item a, .navigation__primary .menu li li.current_page_item a {
  border-bottom: none;
  font-weight: 600;
  text-decoration: none;
  color: #71B374;
}
.navigation__primary ul.menu ul a,
.navigation__primary .menu ul ul a {
  margin: 0;
  width: auto;
}
.navigation__primary ul.menu li:hover > ul ul,
.navigation__primary .menu ul li:hover > ul ul {
  margin: 0 0 0 0;
  display: none;
}
.navigation__primary .menu-toggle {
  display: none;
}
.navigation__primary ul.menu li.menu-item-has-children a::after {
  padding-left: 8px;
  font-family: "Font Awesome 5 Free";
  font-size: 0.65em;
  content: "\f107";
  /* \f107 */
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}
.navigation__primary ul.menu li.menu-item-has-children li a::after {
  content: none !important;
}

.news-content h3.card-title {
  text-transform: none;
}

.no-padding {
  padding: 0 !important;
}

.bg-gradiant-dark-to-light {
  background: #4598d1;
  background: -webkit-linear-gradient(#4598d1 0%, #a8dbff 100%);
  background: -o-linear-gradient(#4598d1 0%, #a8dbff 100%);
  background: linear-gradient(#4598d1 0%, #a8dbff 100%);
}

.bg-gradiant-light-to-dark {
  background: #4598d1;
  background: -webkit-linear-gradient(bottom, #4598d1 0%, #a8dbff 100%);
  background: -o-linear-gradient(bottom, #4598d1 0%, #a8dbff 100%);
  background: linear-gradient(to top, #4598d1 0%, #a8dbff 100%);
}

.frontpage h2, .frontpage .h2 {
  font-style: italic;
}

/* HEADER */
.container-extra.header-bg {
  padding: 0 !important;
}

.header {
  position: relative;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header--hero {
  position: relative;
}
.header--hero .header--image {
  clip-path: circle(98% at 100% 50%);
  padding-bottom: 40%;
}
.header--hero h2 {
	color: #ffffff;
}
.header--hero .display-1 {
  margin: 0;
  font-weight: 700;
  font-style: italic;
  line-height: 1em;
  position: absolute;
  bottom: 150px;
  right: 50px;
  text-shadow: 1px 1px 2px #ffffff;
}
.header--hero .display-2, .header--hero .display-3 {
  margin: 0;
  font-weight: 700;
  font-style: italic;
  line-height: 1em;
  text-shadow: 1px 1px 7px #4598D1;
}
.header--hero .line-color {
  position: absolute;
  left: 0;
}

.line-color {
  height: 6px;
  width: 100%;
  background: #4598d1;
  background: -webkit-linear-gradient(left, #4598d1 0%, #4598d1 33%, #d44733 33%, #d44733 66%, #71b374 66%, #71b374 100%);
  background: -o-linear-gradient(left, #4598d1 0%, #4598d1 33%, #d44733 33%, #d44733 66%, #71b374 66%, #71b374 100%);
  background: linear-gradient(to right, #4598d1 0%, #4598d1 33%, #d44733 33%, #d44733 66%, #71b374 66%, #71b374 100%);
}

p {
  line-height: 1.4em;
}

a p {
  color: #000000;
}

strong {
  font-weight: 600 !important;
}

img {
  max-width: 100%;
  height: auto;
}


.btn, .btn-block, .wp-block-button__link, .btn-inline, .main--intro-block a {
  padding: 0.7rem 1.7rem 0.7rem 1.7em !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0 !important;
}

.btn::after {
  padding-left: 15px;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  content: "\f061";
  /* \f061 */
  display: inline-block;
  vertical-align: baseline;
  font-weight: 900;
}

.btn:hover::after, .card:hover .btn::after, .borrow--item:hover .btn::after {
  margin-left: 10px;
}

a.btn, a.btn:hover, .main--intro-block a {
  color: #000000;
  background: #ffffff;
  border: 1px solid #D44733;
}

a.wp-block-button__link {
  color: #fff;
  background-color: #4598D1;
  border: 1px solid #fff;
}

a.wp-block-button__link:hover {
  color: #4598D1 !important;
  background-color: #ffffff;
  border-color: #4598D1 !important;
}

.spacer {
  width: 100%;
  height: 50px;
}

.spacer-small {
  width: 100%;
  height: 15px;
}

.spacer-big {
  width: 100%;
  height: 150px;
}

.white {
  color: #ffffff;
}

.bg-white {
  background: #ffffff;
  background-color: #ffffff;
}

.card {
  border-color: #4598D1 !important;
}

.border {
  border: 1px solid #4598D1 !important;
}

.no-border {
  border: none !important;
}

.radius-border {
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
}

.radius-border-white {
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
  border: 1px solid #ffffff;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 97%;
  height: 100%;
}

.shadow-box {
  -webkit-box-shadow: 10px 10px 0px 0px #4598d1;
  -moz-box-shadow: 10px 10px 0px 0px #4598d1;
  box-shadow: 10px 10px 0px 0px #4598d1;
}

/* MAIN INTRO */
.main--intro-block .card {
  height: 100% !important;
  border: 0 !important;
}

.main--intro-image {
  position: relative;
  z-index: 10;
}

.main--intro-image::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(168, 219, 255, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(168, 219, 255, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(168, 219, 255, 0) 100%);
  z-index: -1;
}

.main--intro-block p {
	position: relative;
 	z-index: 100;
}

.main--intro-block a {
  display: inline-block;
  color: #4598d1!important;
  background: #ffffff;
  border: 1px solid #4598d1;
}
 
.main--intro-text {
  margin-top: 20%;
}

.spacer.bg-white {
  margin-top: -50px;
}

/* ACTION BOX  */
.action-box {
  height: 550px;
  position: relative;
  z-index: 2;
}

.action-box.card {
  border: 0 !important;
}

.action-box .arrow::after {
  font-family: "Font Awesome 5 Free";
  font-size: 3em;
  content: "\f061";
  /* \f061 */
  display: inline-block;
  vertical-align: baseline;
  font-weight: 900;
}

.detached--element-box {
  position: absolute;
  top: -25px;
  right: 15px;
  z-index: 100;
}

.detached--element {
  padding: 46px 40px;
  width: 190px;
  height: 190px;
  color: #ffffff;
  background-color: #71B374;
  border-radius: 50%;
  display: inline-block;
}
.detached--element h5 {
  margin: 0;
  color: #ffffff;
  font-weight: 600 !important;
}
.detached--element a {
  color: #ffffff;
}

.rotate {
  rotate: 7deg;
}


/* USP */

.usp ul {
  list-style: none;
    margin: 0;
    padding: 0 0 0 25px;
}

.usp ul li:before {
  margin: 0 0 0 -20px!important;
  padding: 0 7px 0 0; 
  content: '✓';

}

/*
.usp ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.usp li {
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  list-style: none;
}

.usp li span {
  margin: 0 0 0 -28px!important;
  padding: 0 5px 0 0;
  list-style: none;
  font-size: 1.4rem;
  color: #0CA952;
}
*/

/* NEWS */
.news {
  position: relative;
}
.news .card-body {
  padding: 0 2rem 2rem 2rem !important;
  border: 1px solid #E3F0F8;
}
.news .card {
  height: 100%;
  border: 1px solid #ffffff !important;
  position: relative;
}
.news h3.card-title {
  text-transform: none;
}
.news a .card-body p {
  color: #000000;
}

.news .news__img, .news-img, .news__img {
  padding-bottom: 65%;
  position: relative;
}

.brand-box {
  width: 100px;
  height: 100px;
  background-color: #ffffff !important;
  border: 1px solid #4598D1;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -5px;
  z-index: 20;
}

/* BORDER */
.border-bottom-color {
  border-bottom: solid 4px;
}

/* BOX SHADOW */
.box-shadow {
  box-shadow: -12px 12px 0px -3px #293378;
  -webkit-box-shadow: -12px 12px 0px -3px #293378;
  -moz-box-shadow: -12px 12px 0px -3px #293378;
}

/* PAGE */
.page--header {
  position: relative;
}

.page--header-image {
  padding: 0 0 30% 0;
  position: relative;
  z-index: 1;
}

.page--header-image::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(168, 219, 255, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(168, 219, 255, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(168, 219, 255, 0) 100%);
  z-index: -1;
}

.page--header h1 {
  margin: 0 !important;
  position: relative;
  z-index: 2;
}

.page--content a {
  text-decoration: underline;
}

.page h1.page--titel {
  width: 300%;
  font-size: 4rem !important;
  font-style: italic !important;
  color: #ffffff;
  text-shadow: 0 0 1px #4598D1;
  position: absolute;
  bottom: 75px;
  z-index: 3;
}

.page--titel h2 {
  color: #ffffff !important;
}

.page--intro p {
  font-weight: 500;
}

.page h1, .page .h1 {
  font-size: 3rem !important;
}
.page h2, .page .h2 {
  font-size: 2rem !important;
}
.page h3, .page .h3 {
  font-size: 1.5rem !important;
}


.brands {
	display: none;
}

/* PARTNERS */
.partner .owl-carousel {
  margin: 0;
  padding: 50px;
}

.partner-img {
  width: auto;
  max-height: 100px;
  border-radius: 0 !important;
}

.partner .owl-carousel .owl-item {
  text-align: center !important;
  /* border-left:1px solid #ccc; */
}

.partner .owl-carousel .owl-item .item {
  text-align: center !important;
  vertical-align: middle;
  display: inline-block;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
  padding: 8px 10px;
  width: 44px;
  height: 44px;
  text-align: center;
  top: 42% !important;
  position: absolute;
  background: #71B374;
}

.owl-carousel .owl-prev {
  left: -20px !important;
}

.owl-carousel .owl-next {
  right: -20px !important;
}

.owl-carousel .owl-prev:before, .owl-carousel .owl-next:before,
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.9em;
  color: #ffffff;
  display: inline;
  vertical-align: middle;
  font-weight: 900;
}

.owl-carousel .owl-prev:before {
  content: "\f060";
}

.owl-carousel .owl-next:after {
  content: "\f061";
}

.owl-carousel .owl-carousel .owl-nav.disabled, .partner .owl-carousel .owl-dots.disabled {
  display: block !important;
}

.overview-partners {
  background: #ffffff;
}
.overview-partners .item {
  display: grid;
  text-align: center;
}
.overview-partners .item img {
  align-self: center;
}

/* TESTIMONIAL */
.testimonial .owl-carousel {
  margin: 0;
  padding: 0 150px 50px 150px;
}

.testimonial .testimonial-img {
  margin: 0 auto;
  width: 180px !important;
  height: 180px !important;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.testimonial .owl-carousel .owl-item {
  text-align: center !important;
}

.testimonial .owl-carousel .owl-item .item {
  text-align: center !important;
  vertical-align: middle;
  display: inline-block;
}

/* BANNER */
.banner {
  padding-bottom: 5%;
  position: relative;
}
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner-text h3 {
  color: #ffffff;
}
.banner .banner-text {
  margin-top: -50px;
}

/* OFFERTE */
.offerte h3, .offerte h4 {
  color: #ffffff;
}
.offerte h4 {
  margin: 0;
  font-weight: 400;
}

/* IMAGES  */
.container-extra.images {
  padding-right: 0;
  padding-left: 0;
}

.images .owl-carousel {
  height: auto;
}
.images .owl-carousel .owl-stage, .images .owl-carousel .owl-item {
  margin-top: 0;
}
.images .owl-carousel .owl-item .item {
  background: none;
  border: 0;
}
.images .owl-prev, .images .owl-next {
  color: #000000;
  position: absolute;
  z-index: 10;
}
.images .owl-prev {
  left: -20px;
}
.images .owl-next {
  right: -20px;
}
.images .owl-prev, .images .owl-next {
  top: 47% !important;
}
.images .owl-carousel .owl-nav .owl-prev,
.images .owl-carousel .owl-nav .owl-next {
  padding: 10px 15px;
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: #ffffff;
  background-color: #71B374;
}
.images .owl-carousel .owl-nav .owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f060";
}
.images .owl-carousel .owl-nav .owl-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
}
.images .images--image {
  padding-bottom: 60%;
}

/* BORDER */
.top-border {
  border-top: 1px solid #000000 !important;
}

.bottom-border {
  border-bottom: 1px solid #000000 !important;
}

/*Retina graphics!*/
/* FOOTER */
.footer {
  font-size: 0.9em;
  color: #4598D1;
  position: relative;
}
.footer p {
  margin: 0;
}
.footer img {
  margin: 0;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
.footer ul li {
  line-height: 1.6em;
}
.footer ul li li {
  padding-left: 10px;
}
.footer h6 {
  margin: 0 0 10px 0;
  font-size: 1rem;
  color: #4598D1;
}
.footer a, .footer a:hover {
  color: #4598D1;
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .footer--img img {
  max-width: 250px;
  height: auto;
}

.foot-text {
  font-size: 0.8em;
}
.foot-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
.foot-text ul li {
  padding: 0 10px 0 10px;
  line-height: 1.6em;
  display: inline;
}

/* COLOR */
/* 1st Primary color */
.color-primary, h3.color-primary a {
  color: #4598D1 !important;
}

.bg-color-primary, .card.bg-color-primary {
  background: #4598D1 !important;
  background-color: #4598D1 !important;
}

.color-primary-light {
  color: #E3F0F8 !important;
}

.bg-color-primary-light {
  background: #E3F0F8 !important;
  background-color: #E3F0F8 !important;
}

/* 
.bg-color-primary-light h1, .bg-color-primary-light h2, .bg-color-primary-light h3,
.bg-color-primary-light h4, .bg-color-primary-light h5, .bg-color-primary-light h6{
	color:$color-primary!important;
}
*/
.color-primary-list li {
  color: #4598D1 !important;
  background: #ffffff !important;
  border: 1px solid #4598D1 !important;
}
.color-primary-list li a {
  color: #4598D1 !important;
}
.color-primary-list li.current_page_item a {
  color: #ffffff !important;
  background: #4598D1 !important;
  border: #4598D1 !important;
}

/* 2nd Secondary color */
.color-secondary, h3.color-secondary a {
  color: #71B374 !important;
}

.bg-color-secondary, .card.bg-color-secondary {
  background: #71B374 !important;
  background-color: #71B374 !important;
}

.bg-color-secondary-light {
  background: #E9EAF1 !important;
  background-color: #E9EAF1 !important;
}

.bg-color-secondary-light h1, .bg-color-secondary-light h2, .bg-color-secondary-light h3,
.bg-color-secondary-light h4, .bg-color-secondary-light h5, .bg-color-secondary-light h6 {
  color: #71B374 !important;
}

.color-secondary-list li {
  color: #71B374 !important;
  background: #ffffff !important;
  border: 1px solid #71B374 !important;
}
.color-secondary-list li a {
  color: #71B374 !important;
}
.color-secondary-list li.current_page_item a {
  color: #ffffff !important;
  background: #71B374 !important;
  border: #71B374 !important;
}

/* 3rd Tertiary color */
.color-tertiary, h3.color-tertiary a {
  color: #D44733 !important;
}

.bg-color-tertiary, .card.bg-color-tertiary {
  background: #D44733 !important;
  background: #D44733 !important;
  background-color: #D44733 !important;
}

.bg-color-tertiary-light {
  background: #eeeeee !important;
  background-color: #eeeeee !important;
}

.bg-color-tertiary-light h1, .bg-color-tertiary-light h2, .bg-color-tertiary-light h3,
.bg-color-tertiary-light h4, .bg-color-tertiary-light h5, .bg-color-tertiary-light h6 {
  color: #D44733 !important;
}

.color-tertiary-list li {
  color: #D44733 !important;
  background: #ffffff !important;
  border: 1px solid #D44733 !important;
}
.color-tertiary-list li a {
  color: #D44733 !important;
}
.color-tertiary-list li.current_page_item a {
  color: #ffffff !important;
  background: #D44733 !important;
  border: #D44733 !important;
}

/* 4th Quaternary color */
.color-quaternary {
  color: #D44733 !important;
}

.bg-color-quaternary, .card.bg-color-quaternary {
  background: #D44733 !important;
  background-color: #D44733 !important;
}

.bg-color-quaternary-light {
  background: #eeeeee !important;
  background-color: #eeeeee !important;
}

.white {
  color: #ffffff !important;
}

.bg-white {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.border-white {
  border-color: #ffffff !important;
}

.black {
  color: #000000 !important;
}

/* VIDEO */
.video-responsive {
  overflow: hidden;
  margin-bottom: 50px;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* FORM */
.wpcf7 label {
  margin: 1em 0 0 0;
  display: block!important;
}

.wpcf7 input[type=button] {
  padding: 10px 25px 10px 25px;
  color: #ffffff;
  background: #4598D1;
}

button, input, textarea, .frm-field_title, select {
  font-size: 100%;
  color: #4598D1;
  padding: 10px;
  border: 1px solid #4598D1;
  background-color: #fff;
}

button {
  cursor: pointer;
  margin-bottom: 15px;
  height: 45px;
  background-color: #4598D1;
}

textarea {
  border-bottom: 1px solid #4598D1;
}

input[type=text], input[type=email], input[type=tel], textarea, .uneditable-input, select {
  width: 96%;
  padding: 2%;
}

input[type=submit] {
  color: #fff;
  background-color: #71B374;
  height: auto;
  margin: 15px 0 0 0;
  padding: 15px 40px 15px 40px;
  cursor: pointer;
  border: 1px solid #71B374;
}

input[type=submit]:hover {
  color: #4598D1;
  background-color: #fff;
  border: 1px solid #71B374;
  cursor: pointer;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4598D1;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #4598D1;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4598D1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #4598D1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #4598D1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #4598D1;
}

/* Enable custom submit button styling in Safari mobile */
input[type=submit], .wpcf7-previous {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=radio] {
  width: auto;
  margin-left: 5px;
}

/* RESPONSIVE */
@media (max-width: 1600px) {
  .header__branding {
    position: absolute;
    top: -60px;
    left: -60px;
  }
  .header__branding img {
    width: auto;
    max-height: 130px;
  }
}
/* end max-width: 1600px */
@media (max-width: 1200px) {
  body {
    font-size: 15px;
  }

  .active-menu {
    position: relative;
  }

  .navigation__primary {
    display: none;
  }

  .header__branding {
    padding: 10px;
    position: absolute;
    top: -40px;
    left: -60px;
  }
  .header__branding img {
    width: auto;
    max-height: 120px;
  }

  .display-4 {
    font-size: 2rem;
  }
  h1.display-3{
    font-size: 2rem !important;
  }

  h1, .h1 {
    font-size: 3rem !important;
  }

  h2, .h2 {
    font-size: 2.6rem !important;
  }

  h3, .h3 {
    font-size: 1.5rem !important;
  }

  h4, .h4 {
    font-size: 1.1rem !important;
  }

  h5, .h5 {
    font-size: 1rem !important;
  }

  .header--hero .header--image {
    clip-path: none;
  }
  .header--hero .header--text-box {
    padding: 50px 0 0 0;
  }
  .header--hero .display-1 {
    display: none;
  }

  .action-box {
    margin-top: 0;
  }
  .action-box .detached--element-box {
    display: none;
  }

  .page .detached--element {
    display: none;
  }

  .spacer.bg-white {
    display: none;
  }

  .radius-border-white {
    width: 88%;
  }

  .page h1.page--titel {
    font-size: 3rem !important;
  }

  /* Mobile menu */
  .js .navigation__primary .menu {
    display: none;
  }

  .js .slicknav_menu {
    display: block;
  }
}
/* end max-width: 1200px */
@media (max-width: 992px) {
  body {
    font-size: 16px;
  }

  .header__branding {
    padding: 10px;
    position: absolute;
    top: -60px;
    left: -60px;
  }
  .header__branding img {
    width: auto;
    max-height: 100px;
  }

  .top--nav .container, .top .container {
    padding: 0 2rem 0 2rem;
    max-width: 100%;
  }

  .header--hero .header--text-box {
    margin: 0;
    padding: 50px 0 0 0;
    width: 100%;
  }
  .header--hero .header-text {
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    left: 0;
  }
  .header--hero .header-text .header-text-p {
    padding-top: 15px;
    width: 100%;
  }
  .header--hero .header-text.p-5 {
	  padding-bottom: 0!important;
  }	
  .header--hero .line-color {
    display: none;
  }
  .action-box {
    margin-top: 0;
	  height: 250px;
  }
	
	.main--intro-image {
		display: none;
	}	
	
  .brand-box {
    width: 70px;
    height: 70px;
    top: 10px;
    left: -5px;
    z-index: 20;
  }

  .spacer-big {
    height: 50px;
  }

  .spacer {
    height: 25px;
  }

  .spacer-small {
    height: 15px;
  }

  .btn, .btn-block {
    font-size: 0.8rem !important;
  }

  .footer--contact.pr-5 {
    padding-right: 0 !important;
  }

  .footer--contact.pl-5 {
    padding-left: 0 !important;
  }

  .footer {
    width: 100%;
    text-align: center;
    display: block;
  }
  .footer ul, .footer ul li {
    width: 100%;
    text-align: center;
    display: block;
  }
  .footer ul li li {
    padding-left: 0;
  }
  .footer .footer--img {
    margin-left: 0rem;
  }

  h1, .h1,  .page h1 {
    font-size: 2.2rem !important;
  }

  h2, .h2,  .page h2 {
    font-size: 1.6rem !important;
  }

  h3, .h3,  .page h3 {
    font-size: 1.2rem !important;
  }

  h4, .h4,  .page h4 {
    font-size: 1.1rem !important;
  }

  h5, .h5,  .page h5 {
    font-size: 1rem !important;
  }
	.usp.p-5 {
		padding: 1.5rem!important;
	}	

  .banner {
    display: none;
  }
  .banner-text {
    margin-top: 50px;
  }

  .page h1.page--titel {
    margin:100px 0 0 0 !important;
    width: auto;
	font-size: 1.8rem !important;  
    position: relative;
    bottom: 0;  
	  
  }
	.page--header-image.mt-5 {
		margin-top: 1rem !important;
	}	
	
	
}
/* end max-width: 992px */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  .top .pb-2 {
    padding-bottom: 0 !important;
  }

  .top .pt-2 {
    padding-top: 0 !important;
  }

  .top--nav-menu {
    display: none;
  }

  .box-shadow {
    box-shadow: 0 0 0 0 !important;
  }

  .banner .page--header-image {
    padding: 5%;
    width: 100%;
  }

  .header__branding {
    position: absolute;
    top: -20px;
    left: -40px;
  }
  .header__branding img {
    width: auto;
    max-height: 95px;
  }
	
  .testimonial .owl-carousel {
	margin: 0;
	padding: 0;
  }
	
  .container .container, .page .container .container, .frontpage .container .container {
    width: 100%;
  }

  .display-4 {
    font-size: 2rem !important;
    line-height: 1.2;
  }

}
/* end max-width: 768px */
@media (max-width: 576px) {
.page--header-image {
  padding: 0 0 45% 0;
}	
	
  .footer .footer--img img {
    width: 100%;
    height: auto;
  }
}
/* end max-width: 576px */
/* 
Mobile Menu Core Style
*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  right: 0;
  padding: 0.438em 1em 0.438em 5%;
  line-height: 1.125em;
  cursor: pointer;
}

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
  margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.5em;
  height: 0.25em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}

.slicknav_nav {
  clear: both;
}

.slicknav_nav ul,
.slicknav_nav li {
  display: block;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1em;
  margin: 0 1.2em 0 0.4em;
  float: right;
}

.slicknav_nav .slicknav_arrow i {
  color: #fff !important;
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}

.slicknav_nav .slicknav_row {
  display: block;
}

.slicknav_nav li a {
  display: block;
  width: auto;
  padding: 10px 2% 10px 5%;
}

.slicknav_nav li a:hover {
  text-decoration: none;
}

.slicknav_nav li a a {
  display: block;
  border-top: 0;
  width: 94%;
  padding: 3%;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table;
}

.slicknav_menu:after {
  clear: both;
}

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1;
}

.slicknav_nav ul.sub-menu {
  margin-left: -5%;
}

.slicknav_nav ul.sub-menu {
  margin: 0;
  padding-left: 5%;
}

.slicknav_nav ul ul.sub-menu, .slicknav_nav ul .slicknav_arrow {
  display: none !important;
}

.slicknav_menu {
  font-size: 1.2em;
  z-index: 10000;
}

/* Button */
.slicknav_btn {
  margin: 10px 10px 10px 0;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Button Text */
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

.slicknav_menu {
  background-color: #71B374;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 0.975em;
}

.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow: hidden;
}

.slicknav_nav ul {
  padding: 0;
  margin: 0 0 0 5px;
}

.slicknav_nav a {
  text-decoration: none;
  color: #fff;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_row:hover, .slicknav_nav li:hover, .slicknav_nav a:hover {
  color: #fff;
}

.slicknav_nav .slicknav_row:hover a {
  color: #fff;
}

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

.slicknav_menu {
  display: none;
}

/*# sourceMappingURL=style.css.map */