/* Fonts
================================================== */
/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rubik-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rubik-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/rubik-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rubik-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-300italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/rubik-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-300italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/rubik-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/rubik-v19-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-500italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/rubik-v19-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-600italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/rubik-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rubik-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rubik-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rubik-v19-latin-700italic.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* Font Awesome 4.7.0 */
@font-face {
  font-family:'FontAwesome';
  font-weight:normal;
  font-style:normal;
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}

/* Base
================================================== */
html {
  box-sizing: border-box;
  background-color: #fff;
  overflow-x: hidden;
}
body {
  height: 100%;
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #0e1b22;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.07em;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.7px;*/
  /*-webkit-user-select: none;
  user-select: none;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  line-height: 130%;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
}
h1 {
  font-size: 29px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 23px;
  margin: 15px 0 15px 0;
}
h3 {
  font-size: 17px;
  margin: 0 0 20px 0;
}
h4 {
  margin: 0 0 20px 0;
}
h2 .green {
  font-weight: 400;
}
p {
  margin: 0 0 20px 0;
}
a {
  color: #009036;
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
}
a:active, a:focus, a:hover {
  color: #009036;
  text-decoration: none;
}
*:focus, *:active {
  outline: 0 none !important;
}
a:focus, a:active {
  outline: 0 none;
}
a[href='#top'] {
  font-size: 0;
  float: right;
  display: table;
  margin-top: 0;
  text-align: center;
  background-color: #009036;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  opacity: 1;
}
a[href='#top']:hover, a[href='#top']:active, a[href='#top']:focus {
  background-color: #009036;
  opacity: 1;
  text-decoration: none;
}
a[href='#top']:before {
  content: '\f106';
  font: normal normal normal 35px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 33px;
  line-height: 100%;
  color: #fff;
  display: table-cell;
  vertical-align: initial;
}
.toTop {
  background-color: transparent;
}
.toTop a[href='#top'] {
  margin: 10px 0;
}
.mainwrap a:hover, .mainwrap a:active {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 4px solid #009036;
}
b, strong {
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
ol, ul {
  margin: 0 0 30px 30px;
  padding: 0;
  list-style-position: outside;
}
ol ol, ol ul, ul ol, ul ul {
  margin-top: 10px;
  margin-bottom: 15px;
}
p + ol, p + ul {
  margin-top: 20px;
}
.clearer {
  clear: both;
  display: table;
}
sup {
  top: -0.8em;
  left: 0.2em;
  font-size: 50%;
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
pre {
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: #055f39;
  background-color: transparent;
  border: none;
  border-radius: 0;
  white-space: normal;
  word-break: inherit;
}
blockquote {
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  color: #009036;
  border: none;
  text-align: left;
  font-style: normal;
}
blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4 {
  display: inline;
}
blockquote p:last-child { margin-bottom: 0; }
blockquote:before {
  content: '\f101';
  font: normal normal normal 35px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  color: inherit;
  margin-right: 7px;
}
blockquote:after {
  content: '\f100';
  font: normal normal normal 35px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  color: inherit;
  margin-left: 7px;
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.mainwrap {
  position: relative;
  background-color: transparent;
  text-align: left;
  margin: 0 auto;
}
video {
  /*width: 100%;
  height: auto;
  vertical-align: bottom;*/
}
.responsive-video {
  position: relative;
  margin: 0;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio */
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.responsive-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
iframe {
  margin-bottom: 15px;
}
.inline {
  display: inline-block;
  margin-right: 20px;
}
.inline:last-of-type {
  margin-right: 0;
}
/* specific formatting */
.align-left, .text-left, .left {
  text-align: left !important;
}
.align-center, .text-center, .center {
  text-align: center !important;
}
.align-right, .text-right, .right {
  text-align: right !important;
}
.align-justify, .text-justify, .justify {
  text-align: justify !important;
}
.indent {
  margin-left: 1.5em;
}
.block {
  display: block;
}
.green {
  color: #009036;
}
.grey {
  color: #666;
}
.background-lightblue {
  display: block;
  margin: 20px -20px;
  padding: 20px;
  background-color: rgba(209,219,227,0.25);
}
.background-lightblue p:last-of-type {
  margin-bottom: 0;
}
.link-button {
  margin: 0 0 30px 0;
  padding: 12px 20px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #009036;
  border: 1px solid #009036;
  border-radius: 5px;
  font-size: inherit;
  text-decoration: none;
}
.link-button a {
  color: #fff;
  text-decoration: none;
}
.link-button:hover, .link-button:active, .link-button:focus, .link-button a:hover, .link-button a:active, .link-button a:focus {
  color: #009036;
  background-color: #fff;
  text-decoration: none;
}
.link-button:hover a, .link-button:active a, .link-button:focus a {
  color: #009036;
}
.link-button:after {
  content: url('../images/pfeil-mehr-weiss.png');
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  line-height: 0;
}
.link-button:hover:after, .link-button:active:after, .link-button:focus:after {
  content: url('../images/pfeil-mehr.png');
}
.link-button.back:after {
  display: none;
}
.link-button.back:before {
  content: url('../images/pfeil-zurueck-weiss.png');
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 5px;
  line-height: 0;
}
.link-button.back:hover:before, .link-button.back:hover:before, .link-button.back:hover:before {
  content: url('../images/pfeil-zurueck.png');
}
.link-button.blue {
  background-color: #385d73;
  border: 1px solid #385d73;
}
.link-button.blue:after {
  display: none;
}
.link-button.blue:hover, .link-button.blue:active, .link-button.blue:focus {
  color: #385d73;
  background-color: #fff;
}
.link-button.moretimes {
  display: table;
  margin: 0 auto 30px auto;
}
/* Placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #0e1b22;
  opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #0e1b22;
  opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #0e1b22;
  opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0e1b22;
  opacity: 1;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #0e1b22;
  opacity: 1;
}

/* Header
================================================== */
header {
  position: relative;
  width: 100%;
  padding: 0;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .meta-social .container {
  justify-content: flex-end;
}
.navbar-brand {
  float: none;
  margin: 10px 0;
  padding: 0;
  position: relative;
  /*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
}
.navbar-brand img {
  width: 106px;
  height: auto;
  margin: 0;
  /*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
}
.meta-social {
  color: #fff;
  background-color: #385d73;
  border-top: 7px solid #385d73;
  border-bottom: 7px solid #385d73;
}
/* Social */
.social-links {
  display: flex;
}
.social-links a {
  height: 35px;
  margin: 0;
  padding: 6px 25px;
  font-size: 0;
  line-height: 0;
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #fff;
  display: flex;
  flex-direction: column;
}
.social-links a:first-of-type {
  border-left: none;
}
.social-links a:last-of-type {
  padding-right: 0;
}
.social-links .fb:before {
  content: '\f09a';
  font: normal normal normal 23px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
}
.social-links .xing:before {
  content: '\f169';
  font: normal normal normal 23px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
}
.social-links .linkedin:before {
  content: '\f08c';
  font: normal normal normal 23px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
}
.social-links .instagram:before {
  content: '\f16d';
  font: normal normal normal 23px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
}

/* Navigation
================================================== */
.metanav {
  margin: 0;
  padding: 0;
}
.navbar-header {
  margin: 0;
  padding: 0;
}
.navbar-header li a {
  height: 35px;
  display: inline-block;
  margin: 0;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navbar-header li:last-of-type a {
  border-right: 1px solid #fff;
}
.navbar-header li a:hover, .navbar-header li a:active, .navbar-header li a:focus, .navbar-header li.active a {
  height: 49px;
  color: #385d73;
  background-color: #fff;
  text-decoration: none;
  margin: -7px 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.navbar-header li:hover + li a, .navbar-header li a:active + li a, .navbar-header li a:focus + li a, .navbar-header li.active + li a {
  border-left: 1px solid transparent;
}
.navbar {
  min-height: 10px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
}
.navbar-default {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-align: left;
}
.navbar-default .navbar-nav {
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.navbar-menu:after {
  /*content: '';
  display: block;
  margin: 1rem auto 0 auto;
  background-image: url('../Images/icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 65px;
  width: 65px;*/
}
/* Toggle */
.navbar-toggle {
  color: #fff;
  text-align: center;
  display: block;
  cursor: pointer;
  /*position: relative;*/
  z-index: 10000;
  width: 35px;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
.navbar-toggle.openNav {
  position: fixed;
  top: 74px;
  right: 20px;
}
.navbar-toggle:focus, .navbar-toggle:hover, .navbar-toggle:active {
  color: #addae6;
  background-color: transparent;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 35px;
  height: 30px;
  margin: 0 auto;
  background: transparent url('../images/menu_burger.svg') center center no-repeat;
  background-size: cover;
}
.navbar-toggle .icon-bar+.icon-bar {
  /*margin-top: 10px;*/
}
.navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar, .navbar-toggle:active .icon-bar {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-toggle .closeNav {
  background: transparent url('../images/menu_x.svg') center center no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  display: none;
  margin: 0 auto;
}
.navbar-toggle .closeNav:focus, .navbar-toggle .closeNav:hover, .navbar-toggle .closeNav:active {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-toggle.openNav .closeNav {
  display: block;
}
.navbar-toggle.openNav .icon-bar {
  display: none;
}
#navBox {
  position: relative;
  z-index: 10000;
  margin: 0;
  padding: 0;
}
#toggleBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
  align-items: flex-start;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background-color: #385d72;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#toggleBox.open {
  opacity: 1;
}
#toggleBox .navbar-toggle {
  display: none;
}
.navbar-default .navbar-nav li {
  position: relative;
  margin: 0;
  padding: 0 5px;
  list-style-type: none;
}
.navbar-default .navbar-nav li a {
  display: block;
  height: auto;
  color: initial;
  line-height: 130%;
  font-size: 29px;
  text-decoration: none;
  text-transform: none;
  /*text-align: center;*/
  text-align: left;
  font-weight: 500;
  margin: 0;
  padding: 45px 0;
  display: block;
  background-color: transparent;
  /*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
}
.navbar-default .navbar-nav .navbar-dropdown li a {
  font-weight: 400;
}
.navbar-default .navbar-nav li:last-of-type a {
  padding-right: 0;
}
.navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:active {
  color: #009036;
  /*background-color: rgba(255,255,255,0.2);*/
  font-weight: 500;
  text-decoration: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-default .navbar-nav .navbar-dropdown li a:focus, .navbar-default .navbar-nav .navbar-dropdown li a:hover, .navbar-default .navbar-nav .navbar-dropdown li a:active {
  font-weight: 400;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {}
.navbar-default .navbar-nav .activetop>a, .navbar-default .navbar-nav .activetop>a:focus, .navbar-default .navbar-nav .activetop>a:hover, .navbar-default .navbar-nav .activetop>a:active,
.navbar-default .navbar-nav .active>a, .navbar-default .navbar-nav .active>a:focus, .navbar-default .navbar-nav .active>a:hover, .navbar-default .navbar-nav .active>a:active {
  color: #009036;
  /*background-color: rgba(255,255,255,0.2);*/
  font-weight: 500;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-default .navbar-nav .navbar-dropdown .activetop>a, .navbar-default .navbar-nav .navbar-dropdown .activetop>a:focus, .navbar-default .navbar-nav .navbar-dropdown .activetop>a:hover, .navbar-default .navbar-nav .navbar-dropdown .activetop>a:active,
.navbar-default .navbar-nav .navbar-dropdown .active>a, .navbar-default .navbar-nav .navbar-dropdown .active>a:focus, .navbar-default .navbar-nav .navbar-dropdown .active>a:hover, .navbar-default .navbar-nav .navbar-dropdown .active>a:active {
  font-weight: 400;
}
.navbar-default .navbar-nav li li {
  list-style-type: none;
}
.navbar-default .navbar-nav li li li {
  list-style-type: none;
}
.navbar-default .navbar-nav li li a {
  font-size: 14px;
}
.navbar-default .navbar-nav li li li a {
  font-size: 13px;
}
.navbar-default .navbar-nav li li a:focus, .navbar-default .navbar-nav li li a:hover, .navbar-default .navbar-nav li li a:active {
  /*color: #009036;*/
  background-color: transparent;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.navbar-default .navbar-nav li li.active>a, .navbar-default .navbar-nav li li.active>a:focus, .navbar-default .navbar-nav li li.active>a:hover, .navbar-default .navbar-nav li li.active>a:active {
  /*color: #009036;*/
  background-color: transparent;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* Breadcrumb */
.breadcrumb-navigation {
  border-top: 2px solid #d1dbe3;
  border-bottom: 2px solid #d1dbe3;
  margin-bottom: 30px;
}
.head-slider + .breadcrumb-navigation, .hero + .breadcrumb-navigation {
  border-top: none;
}
.breadcrumb {
  margin: 0;
  padding: 15px 30px;
  font-size: 0.9em;
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  justify-content: flex-start;
}
.breadcrumb ul {
  display: flex;
  margin: 0;
  list-style-type: none;
}
.breadcrumb li {
  margin: 0;
  list-style-type: none;
}
.breadcrumb a {
  text-decoration: none;
  color: initial;
  font-weight: 400;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
  color: #94bcc3;
  text-decoration: none;
}
.breadcrumb .active a {
  color: #94bcc3;
}
.breadcrumb ul li+li:before {
  content: '>';
  padding: 0 7px;
  color: #94bcc3;
}

/* Content
================================================== */
.contentwrap {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  /*text-align: center;*/
}
.contentwrap .container {
  position: relative;
}
.col-md-4 .container, .col-md-6 .container, .col-md-8 .container {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.image img {
  /*max-width: 100%;*/
  width: 100%;
  height: auto;
}
.image-text, .text-element {
  margin-top: 30px;
  margin-bottom: 30px;
}
#grid-columns + .image-text, #grid-columns + .text-element {
  margin-top: 0;
}
.image-text p:last-of-type, .text-element p:last-of-type {
  margin-bottom: 0;
}
.col-md-8>div:first-of-type, .col-md-8>div:first-of-type {
  margin-top: 30px;
}
.col-md-8>div:last-of-type, .col-md-8>div:last-of-type {
  margin-bottom: 0;
}
.image-text ul, .text-element ul {
  list-style-type: none;
}
.image-text ul li, .text-element ul li {
  list-style-type: none;
  margin: 20px 0;
}
.image-text ul li:before, .text-element ul li:before {
  content: url('../images/listenpunkt.png');
  display: inline-block;
  vertical-align: middle;
  margin-left: -30px;
  margin-right: 10px;
}
.image-text .col-md {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gallery + .image-text {
  margin-top: 100px;
}
figure {
  /*margin: 0;*/
}
figure img {
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
}
figcaption {
  margin-top: 10px;
  color: #707173;
  font-size: 0.9em;
  line-height: 1.3;
}
div[id^='Image-'] {
  display: flex;
  justify-content: center;
}
.col-md-8 div[id^='Image-'] {
  justify-content: flex-start;
}
.col-md>p + h2 {
  /*margin-top: 0;*/
}
.list-group {
  border-radius: 0.3rem;
}
.list-group-item {
  margin-bottom: 0.5rem;
  padding: 1.5rem 1.25rem;
  border: none;
  border-radius: 0.3rem;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 1;
  font-weight: 500;
  -webkit-box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
  box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
}
.list-group-item a {
  text-decoration: none;
}
.list-group-item:hover, .list-group-item:active, .list-group-item:focus {
  color: #fff;
  background: #009036;
  text-decoration: none;
}
.list-group-item a:hover, .list-group-item a:active, .list-group-item a:focus {
  color: #fff;
  text-decoration: none;
}
.list-group-item:before {
  content: url('../images/pfeil-mehr.png');
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  margin-right: 15px;
}
.list-group-item:hover:before, .list-group-item:active:before, .list-group-item:focus:before {
  content: url('../images/pfeil-mehr-weiss.png');
}
.list-group-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.box {
  margin: 30px 0;
}
.box:last-of-type {
  margin-bottom: 0;
}
.col-md-4 .box, .col-md-4 .text-element {
  margin-left: 0;
  margin-right: 0;
  padding: 30px 30px;
  color: #666;
  background-color: #f3f6f8;
  border-bottom: 8px solid #009036;
}
.col-md-4 .box h3, .col-md-4 .container h1, .col-md-4 .container h2, .col-md-4 .container h3 {
  color: initial;
}
.col-md-4 .box:nth-child(1), .col-md-4 .image-text:nth-child(1), .col-md-4 .text-element:nth-child(1) {
  margin-top: 30px;
}
.col-md-4 .image-text, .col-md-4 .text-element {
  color: #666;
}
.text-box {
  margin: 0 0 30px 0;
  padding: 35px 80px;
  color: initial;
  background-color: #fff;
  -webkit-box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
  box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
}
.file-element .list-group-item {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.file-element .list-group-item:hover, .file-element .list-group-item:active, .file-element .list-group-item:focus {
  background: transparent;
}
.file-element .list-group-item:before {
  display: none;
}
.file-element .list-group-item a {
  display: block;
  margin-bottom: 0.5rem;
  padding: 1.5rem 1.25rem;
  border: none;
  border-radius: 0.3rem;
  background-color: #fff;
  text-decoration: none;
  -webkit-box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
  box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
}
.file-element .list-group-item a:hover, .file-element .list-group-item a:active, .file-element .list-group-item a:focus {
  color: #fff;
  background: #009036;
  text-decoration: none;
}
.file-element .list-group-item a:before {
  content: '\f019';
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #009036;
  vertical-align: middle;
  margin-right: 15px;
}
.file-element .list-group-item a:hover:before, .file-element .list-group-item a:active:before, .file-element .list-group-item a:focus:before {
  color: inherit;
}
.text-box h2 {
  color: #009036;
  margin-bottom: 20px;
}
.kontakt-img-box {
  position: relative;
  height: 200px;
  margin: 0;
  padding: 20px 0 0 390px;
  background: transparent url('../images/GRo_AN-NEU.png') left bottom no-repeat;
  background-size: contain;
}
/* Spezielle Elemente */

#ElementContent-6-7743c1dab5d41e4352cfb4d34fd4b237 {
  background: transparent url('../images/doppeldreieck.png') right top no-repeat;
  background-size: contain;
  padding-top: 30px;
  /*overflow-x: auto;*/
}
#ElementContent-6-7743c1dab5d41e4352cfb4d34fd4b237 table {
  margin: 30px 0;
}
#ElementContent-33-0ff18580a6567732ee38217a54fc1f24 {
  background: transparent url('../images/doppeldreieck.png') right top no-repeat;
  background-size: contain;
}
#ElementContent-8-4c51abe3d6f715556584ca4fac799ff3 .container {
  background: transparent url('../images/karriere-home.jpg') calc(100% - 15px) center no-repeat;
  background-size: contain;
}
#ElementContent-8-4c51abe3d6f715556584ca4fac799ff3 .col-md {
  max-width: 40%;
}
#Blog-58-717d5af7faa7a807e94e11674b651021,
#Blog-59-dba20ccfdf4c129bcbda5a37bd39b0ed {
  background: transparent url('../images/news-blog-bg.jpg') center center no-repeat;
  background-size: cover;
  padding: 70px 0 30px 0;
}
#Blog-58-717d5af7faa7a807e94e11674b651021 h2,
#Blog-59-dba20ccfdf4c129bcbda5a37bd39b0ed h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 90px;
}
#Blog-58-717d5af7faa7a807e94e11674b651021 h2:before,
#Blog-59-dba20ccfdf4c129bcbda5a37bd39b0ed h2:before {
  content: 'News und Infos';
  display: block;
  margin-bottom: 10px;
  font-size: initial;
  font-weight: 400;
}
#ElementContent-12-01b5291a1bb22faabeeaa1c64cb863b4 {
  background: transparent url('../images/kontakt-box-bg.jpg') center center no-repeat;
  background-size: cover;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 0 0 0;
  color: #fff;
}
#ElementContent-12-01b5291a1bb22faabeeaa1c64cb863b4 .text-box .btn-gruen-auf-weiss, #ElementContent-12-01b5291a1bb22faabeeaa1c64cb863b4 .text-box .btn-weiss-auf-gruen {
  /*min-width: 300px;*/
  width: 100%;
}
#ElementContent-34-a4860f9b3a8cb3e236331c756c619e02, #ElementContent-36-5086808579e9bf423243b814ca2d406c {
  background: transparent url('../images/kontakt-box-bg.jpg') center center no-repeat;
  background-size: cover;
  margin: 30px 0 0 0;
  padding: 30px 30px;
  color: #fff;
}
#ElementContent-34-a4860f9b3a8cb3e236331c756c619e02 p .btn-weiss-auf-gruen, #ElementContent-34-a4860f9b3a8cb3e236331c756c619e02 p .btn-gruen-auf-weiss,
#ElementContent-36-5086808579e9bf423243b814ca2d406c p .btn-weiss-auf-gruen, #ElementContent-36-5086808579e9bf423243b814ca2d406c p .btn-gruen-auf-weiss {
  width: 100%;
}
#ElementContent-34-a4860f9b3a8cb3e236331c756c619e02 .container, #ElementContent-36-5086808579e9bf423243b814ca2d406c .container {
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: transparent;
  border-bottom: none;
}
#ElementContent-34-a4860f9b3a8cb3e236331c756c619e02 h3, #ElementContent-36-5086808579e9bf423243b814ca2d406c h3 {
  color: #fff;
}
#ElementContent-34-a4860f9b3a8cb3e236331c756c619e02 a, #ElementContent-36-5086808579e9bf423243b814ca2d406c a {
  color: #fff;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 {
  margin-top: 60px;
  margin-bottom: 60px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#94bcc3+0,94bcc3+100&0.15+1,0+100 */
  background: -moz-linear-gradient(top, rgba(148,188,195,0.15) 0%, rgba(148,188,195,0.15) 1%, rgba(148,188,195,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(148,188,195,0.15) 0%,rgba(148,188,195,0.15) 1%,rgba(148,188,195,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(148,188,195,0.15) 0%,rgba(148,188,195,0.15) 1%,rgba(148,188,195,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2694bcc3', endColorstr='#0094bcc3',GradientType=0 ); /* IE6-9 */
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 h3 {
  padding-top: 60px;
  text-align: center;
  color: #009036;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16>.container {
  background: transparent url('../images/karriere-bg-35.png') right bottom no-repeat;
  background-size: contain;
  padding-bottom: 200px;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16>.container>.row {
  margin-right: 0;
  margin-left: 0;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .image-text, #ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .text-element {
  color: initial;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .image-text .row, #ElementalArea-334-cf8064c72cb5333fc72cb641f878aa93 .col-md-6 .image-text .row {
  display: block;
}
#ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .image-text figure {
  margin-bottom: 20px;
}
#ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 .col-md-6 .image-text {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 .col-md-6 .image-text .row {
  display: block;
}
#ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 .image-text .col-md .contentBox {
  padding: 20px 20px 40px 20px;
  color: #666;
  border-bottom: 8px solid transparent;
}
#ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 .image-text:hover .col-md .contentBox {
  border-color: #009036;
}
#ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 .image-text .col-md .contentBox h3 {
  color: initial;
}
#ElementalArea-267-a6e361fc44215b0b672159fe6b9b156f .text-element {
  border-color: transparent;
}
#ElementalArea-267-a6e361fc44215b0b672159fe6b9b156f .text-element:hover {
  border-color: #009036;
  background-color: #fff;
  -webkit-box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
  box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
}
/* Panel */
.panel-group, .card {
  margin-top: 5px;
  /*display: none;*/
  border: none;
  color: inherit;
  background-color: transparent;
}
.panel {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group .panel, .card {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-default {
  border: none;
}
.panel-heading, .card-header {
  padding: 5px 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-default>.panel-heading, .card>.card-header {
  color: inherit;
  border: none;
  background-color: #fff;
  background-color: rgba(255,255,255,0.5);
}
.panel-default:nth-of-type(even)>.panel-heading, .card:nth-of-type(even)>.card-header {
  background-color: #e1e0db;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
}
.panel-title, .mb-0, .card-header h5 {
  font-size: inherit;
  margin-bottom: 0;
}
.card-header .btn {
  margin: 0;
  color: inherit;
  background-color: transparent;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.card-header .btn:hover, .card-header .btn:active, .card-header .btn:focus {
  color: #009036;
  background-color: transparent;
  outline: none;
}
.panel-title span {
  font-size: 0.7em;
  line-height: 120%;
  display: block;
}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus, .mb-0 a:hover, .mb-0 a:active, .mb-0 a:focus {
  text-decoration: none;
}
.mb-0 .btn {
  padding: 0;
  font-size: inherit;
}
.mb-0 .btn-link:active, .mb-0 .btn-link:focus, .mb-0 .btn-link:hover {
  text-decoration: none;
  color: #009036;
}
.panel-body, .card-body {
  padding: 20px 0 10px 0;
}
.collapse.show {
  visibility: visible;
}
/* Table */
table {
  width: 100%;
  margin-bottom: 1rem;
  color: inherit;
}
table td {
  border-left: 1px solid #d1dbe3;
  border-right: 1px solid #d1dbe3;
  padding: 5px 7px;
  line-height: 1.3;
}
table td:first-of-type {
  border-left: none;
}
table td:last-of-type {
  border-right: none;
}
table h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tableresp {
  width: 100%;
  overflow: auto;
}

/* Hero
================================================== */
.hero {
  height: 400px;
  color: #385d73;
}
.hero.is-light {
  color: #fff;
}
.hero.has-bg-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.hero-body {
  height: 100%;
}
.hero-body .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.hero-body .hero-content {
  padding: 0 10%;
}
.hero h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
}

/* Teasers
================================================== */
#firstContent>.teasers {
  margin-top: -40px;
  padding-bottom: 60px;
}
#firstContent>.teasers .col-md .teaser {
  height: 220px;
  margin: 0;
  padding: 20px;
  font-weight: 500;
  line-height: 130%;
  background-color: #fff;
  border-bottom: 8px solid #009036;
  -webkit-box-shadow: 13px 10px 15px 0 rgba(0,0,0,0.2);
  box-shadow: 13px 10px 15px 0 rgba(0,0,0,0.2);
}
#firstContent>.teasers .col-md .teaser a {
  color: initial;
  text-decoration: none;
}
#firstContent>.teasers .col-md:first-of-type .teaser {
  color: #fff;
  background-color: #009036;
}
#firstContent>.teasers .col-md .teaser h3 {
  font-size: 0;
}
#firstContent>.teasers .col-md:first-of-type .teaser h3 {
  font-size: 20px;
  color: #fff
}
#firstContent>.teasers .col-md:nth-of-type(2) .teaser h3:before {
  content: url(../images/WEA.svg);
  display: inline-block;
  vertical-align: middle;
  width: 73px;
  height: 73px;
}
#firstContent>.teasers .col-md:nth-of-type(3) .teaser h3:before {
  content: url(../images/PV_Anlage.svg);
  display: inline-block;
  vertical-align: middle;
  width: 73px;
  height: 73px;
}
#firstContent>.teasers .col-md:nth-of-type(4) .teaser h3:before {
  content: url(../images/Gruene_Waerme.svg);
  display: inline-block;
  vertical-align: middle;
  width: 73px;
  height: 73px;
}
.teaser .teaser-content p:last-of-type {
  margin-bottom: 0;
}

/* Gallery
================================================== */
.gallery {
  margin-top: 50px;
  margin-bottom: 50px;
}
.gallery .col-md {
  border-left: 1px solid #d1dbe3;
  border-right: 1px solid #d1dbe3;
}
.gallery .col-md:first-of-type {
  border-left: none;
}
.gallery .col-md:last-of-type {
  border-right: none;
}
.gallery .gallery-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 10px;
}
.gallery .gallery-image figure {
  margin: 0;
}
.gallery .gallery-image img {
  max-width: 100%;
  height: auto;
}

/* News
================================================== */
.article {
  height: 100%;
  margin: 0;
  padding-top: 26px;
  padding-bottom: 15px;
}
.article .article-category {
  margin: 0;
  padding: 12px 22px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #009036;
  border-radius: 5px;
  font-size: inherit;
  position: absolute;
  top: 0;
  z-index: 1;
}
.article.cat2 .article-category {
  background-color: #ea5359;
}
.article.cat3 .article-category {
  background-color: #ffc769;
}
.article-image {
  position: relative;
  margin: 0 -40px;
}
.article-image:after {
  content: '';
  background-color: #fff;
  display: block;
  position: absolute;
  top: 75%;
  left: 0;
  width: 100%;
  height: 50%;
  transform: skewY(20deg);
}
.article-image img {
  width: 100%;
  height: auto;
}
.article .article-box {
  height: 100%;
  padding: 0 40px 40px 40px;
  background-color: #fff;
  -webkit-box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
  box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
}
.article .article-content {
  position: relative;
  z-index: 1;
  margin-top: -40px;
  min-height: 190px;
}
.article h3 {
  font-size: 23px;
  max-width: 85%;
}
.article h3 a {
  text-decoration: none;
  color: initial;
}
.article.cat2 h3 a:hover, .article.cat2 h3 a:active, .article.cat2 h3 a:focus {
  color: #ea5359;
}
.article.cat3 h3 a:hover, .article.cat3 h3 a:active, .article.cat3 h3 a:focus {
  color: #ffc769;
}
.article h3 a:hover, .article h3 a:active, .article h3 a:focus {
  color: #009036;
}
.article .date {
  color: #94bcc3;
}
.article .article-content p:last-of-type {
  margin-bottom: 0;
}
.article .article-content .link-button {
  margin: 0;
  color: #009036;
  background-color: #fff;
}
.article .article-content .link-button:hover, .article .article-content .link-button:active, .article .article-content .link-button:focus {
  color: #fff;
  background-color: #009036;
}
.article .article-content .link-button:after {
  content: url('../images/pfeil-mehr.png');
}
.article .article-content .link-button:hover:after, .article .article-content .link-button:active:after, .article .article-content .link-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}
.article.cat2 .article-content .link-button {
  color: #ea5359;
  border: 1px solid #ea5359;
}
.article.cat3 .article-content .link-button {
  color: #ffc769;
  border: 1px solid #ffc769;
}
.article.cat2 .article-content .link-button:hover, .article.cat2 .article-content .link-button:active, .article.cat2 .article-content .link-button:focus {
  color: #fff;
  background-color: #ea5359;
}
.article.cat3 .article-content .link-button:hover, .article.cat3 .article-content .link-button:active, .article.cat3 .article-content .link-button:focus {
  color: #fff;
  background-color: #ffc769;
}
.article.cat2 .article-content .link-button:after {
  content: url('../images/pfeil-mehr-rot.png');
}
.article.cat3 .article-content .link-button:after {
  content: url('../images/pfeil-mehr-gelb.png');
}
.article.cat2 .article-content .link-button:hover:after, .article.cat2 .article-content .link-button:active:after, .article.cat2 .article-content .link-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}
.article.cat3 .article-content .link-button:hover:after, .article.cat3 .article-content .link-button:active:after, .article.cat3 .article-content .link-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}

/* Projects
================================================== */
.sort-box {
  padding: 30px 0;
  background-color: #f3f6f8;
}
.sort-box .sort-by-button-group {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.sort-box .sort-by-button-group button {
  border: none;
  border-bottom: 2px solid transparent;
  margin: 0 30px;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
}
.sort-box .sort-by-button-group button.active {
  color: #009036;
  border-bottom: 2px solid #009036;
}
.sort-box .sort-by-button-group button:hover, .sort-box .sort-by-button-group button:active, .sort-box .sort-by-button-group button:focus {
  color: #009036;
  background-color: transparent;
}
.sort-box .dropdown {
  float: right;
  clear: both;
}
.sort-box .dropdown-menu{
  border-radius: 0;
  display: none;
  padding: 1rem;
  min-width: 16rem;
}
.sort-box .dropdown-menu .dropdown-item{
  font-weight: 400;
  color: #707173;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #c4c4c4;
}
.sort-box .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0px solid #fff;
}
.sort-box .dropdown-menu .dropdown-item.active:last-child {
  border-bottom: 2px solid #009036;
}
.sort-box .dropdown-menu .dropdown-item.active{
  font-weight: 500;
}
.projects .col-md-4 {
  /*height: 100vh;*/
  margin-bottom: 30px;
}

.project {
  height: 100%;
  margin: 0;
  padding-top: 26px;
  padding-bottom: 15px;
}
.project .project-category {
  margin: 0;
  padding: 12px 22px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #009036;
  border-radius: 5px;
  font-size: inherit;
  position: absolute;
  top: 0;
  z-index: 1;
}
.project .cat-planning {
  background-color: #ea5359;
}
.project .cat-persuance {
  background-color: #ffc769;
}
.project-image {
  position: relative;
  margin: 0 -40px;
}
.project-image:after {
  content: '';
  background-color: #fff;
  display: block;
  position: absolute;
  top: 75%;
  left: 0;
  width: 100%;
  height: 50%;
  transform: skewY(20deg);
}
.project-image img {
  width: 100%;
  height: auto;
}
.project .project-box {
  /*height: calc(100% - 40px);*/
  height: 100%;
  min-height: 720px;
  padding: 0 40px 40px 40px;
  background-color: #fff;
  -webkit-box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
  box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
}
.project .project-content {
  position: relative;
  z-index: 1;
  margin-top: -40px;
}
.project-box h3 {
  max-width: 85%;
}
.project .project-content table {
  margin-bottom: 2rem;
  color: #707173;
}
.project .project-content table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #d1dbe3;
}
.project .project-content table td {
  /*padding: 10px 5px;*/
  padding: 10px 0;
  border-left: none;
  border-right: none;
  border-top: none;
}
.project .project-content table td:first-of-type {
  padding-left: 0;
}
.project .project-content table td:last-of-type {
  padding-right: 0;
}
.project h3 {
  font-size: 23px;
  max-width: 85%;
}
.project h3 a {
  text-decoration: none;
  color: initial;
}
.project .project-content p:last-of-type {
  margin-bottom: 0;
}
.project .project-content .link-button {
  margin: 0;
  color: #009036;
  background-color: #fff;
}
.project .project-content .link-button:hover, .project .project-content .link-button:active, .project .project-content .link-button:focus {
  color: #fff;
  background-color: #009036;
}
.project .project-content .link-button:after {
  content: url('../images/pfeil-mehr.png');
}
.project .project-content .link-button:hover:after, .project .project-content .link-button:active:after, .project .project-content .link-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}
.moreprojects {
  display: flex;
  justify-content: center;
}

/* Project Detail Page - JD - 08.08.2022
================================================== */

.project-detail-image {
  margin-bottom: 4rem!important;
}

.project-detail-data {
  margin: 4rem 0!important;
}

.project-detail-data h4 {
  color: #009036;
}

.project-detail-image img {
  display: block;
  width: 100%;
}

.project-data-container {
  border: 2px solid #009036;
  padding: 2rem;
  border-radius: 4px;
}

.project-data-entry {
  display: flex;
  border-bottom: 2px solid #e2e6e7;
  padding: 0.5rem 0;
}

.project-data-entry > *:first-child {
  font-weight: bolder;
  flex-basis: 30%;
}

.project-data-entry > *:last-child {
  flex-basis: 70%;
}

@media screen and (max-width: 1024px) {
  .project-data-entry {
    flex-direction: column;
  }

  .project-data-entry > *:first-child {
    flex-basis: 100%;
    margin-bottom: 0.5rem;
  }

  .project-data-entry > *:last-child {
    flex-basis: 100%;
  }
}


/* Map
================================================== */
.project-map {
  margin-top: -30px;
}
#osm {
  font-size: 0.7em;
  line-height: 130%;
  margin: 10px 0;
}
.olAlphaImg:hover {
  cursor: pointer;
}
.map-box {
  position: relative;
}
#map {
  height: 600px;
  width: 100%;
  position: relative;
  display: block;
  background-color: transparent;
}
#map .project-popup {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 300px !important;
  height: 600px !important;
  -webkit-box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
  box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
  position: absolute;
  overflow: hidden;
  width: 210px;
  height: 210px;
  background-color: white;
  opacity: 1;
  border: 0px;
  z-index: 751;
}
#map .project-popup .olPopupCloseBox {
  margin-right: 5px;
  background: url('../images/close.png') no-repeat;
}
#map .project-popup .olPopupContent {
  padding: 0;
  width: 100% !important;
  height: auto !important;
}
#map .project-popup .olPopupContent .map-category-box {
  padding: 0 20px;
  color: #fff;
  background-color: #009036;
}
#map .project-popup .olPopupContent .map-category-box.persuance {
  background-color: #ffc769;
}
#map .project-popup .olPopupContent .map-category-box.planning {
  background-color: #ea5359;
}
#map .project-popup .olPopupContent .project-box {
  padding: 0 20px;
}
#map .project-popup .olPopupContent .project-box .project-image {
  margin: 0 -20px;
}
#map .project-popup .olPopupContent .project-box .project-content {
  position: relative;
  z-index: 1;
  margin-top: -40px;
}
#map .project-popup .olPopupContent .project-box table {
  margin-bottom: 2rem;
  color: #707173;
}
#map .project-popup .olPopupContent .project-box table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #d1dbe3;
}
#map .project-popup .olPopupContent .project-box table td {
  padding: 7px 0;
  border-left: none;
  border-right: none;
  border-top: none;
}
#map .project-popup .olPopupContent .project-box .link-button {
  margin: 0;
  color: #009036;
  background-color: #fff;
}
#map .project-popup .olPopupContent .project-box .link-button:hover, #map .project-popup .olPopupContent .project-box .link-button:active, #map .project-popup .olPopupContent .project-box .link-button:focus {
  color: #fff;
  background-color: #009036;
}
#map .project-popup .olPopupContent .project-box .link-button:after {
  content: url('../images/pfeil-mehr.png');
}
#map .project-popup .olPopupContent .project-box .link-button:hover:after, #map .project-popup .olPopupContent .project-box .link-button:active:after, #map .project-popup .olPopupContent .project-box .link-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}
.sort-map-button-group {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px 30px;
}
.sort-map-button-group button {
  border: 3px solid #94bcc3;
  border-radius: 5px;
  margin: 2px 5px;
  padding: 8px 20px;
  color: #fff;
  background-color: #94bcc3;
  font-weight: 500;
  white-space: nowrap;
  width: 180px;
}
.sort-map-button-group button:hover {
  color: #94bcc3;
  background-color: #fff;
}
.sort-map-button-group button.operating {
  color: #009036;
  border-color: #009036;
  background-color: #fff;
}
.sort-map-button-group button.operating:hover {
  color: #fff;
  background-color: #009036;
}
.sort-map-button-group button.persuance {
  color: #ffc769;
  border-color: #ffc769;
  background-color: #fff;
}
.sort-map-button-group button.persuance:hover {
  color: #fff;
  background-color: #ffc769;
}
.sort-map-button-group button.planning {
  color: #ea5359;
  border-color: #ea5359;
  background-color: #fff;
}
.sort-map-button-group button.planning:hover {
  color: #fff;
  background-color: #ea5359;
}

/* Slider
================================================== */
.slickSlider {
  display: none;
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  /*margin-bottom: 30px;*/
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
    display: flex;
}
.slick-slider button {
  position: absolute;
  z-index: 3;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  padding: 0;
  top: 50%;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
  border: none;
  border-radius: 20px;
  opacity: 0.7;
  -webkit-transition: 0.25s all ease-in-out;
  -moz-transition: 0.25s all ease-in-out;
  -o-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
}
.slick-slider:hover button {
  opacity: 1;
}
.slick-prev {
  left: 0.5rem;
  /*background: transparent url('../images/pfeil-links.svg') center center no-repeat;*/
}
.slick-prev:before {
  content: '\f053';
  font: normal normal normal 19px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100%;
  color: #009036;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-right: 2px;
}
.slick-next {
  right: 0.5rem;
  /*background: transparent url('../images/pfeil-rechts.svg') center center no-repeat;*/
}
.slick-next:after {
  content: '\f054';
  font: normal normal normal 19px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100%;
  color: #009036;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 2px;
}
.slick-slide {
    float: left;
    height: auto;
    width: 100%;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
/* Dots */
.slick-dotted.slick-slider {
  /*margin-bottom: 0;*/
}
.slick-dots {
  /*position: absolute;
  bottom: 20px;*/
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  margin: 40px 0 60px 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 50px;
  height: auto;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  position: relative;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 50px;
  height: 3px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  outline: none;
}
.slick-dots li.slick-active button {
  height: 6px;
  background-color: #009036;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  /*opacity: 1;*/
}
.slick-dots li button:before {
  /*font-family: 'FontAwesome';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\f10c";
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}
.slick-dots li.slick-active button:before {
  /*opacity: .75;
  color: black;*/
}
.custom_paging {
  margin: 0;
}
.custom_paging li {
  margin: 0 0 1rem 0;
  list-style-type: none;
}
.custom_paging li .navImg {
  padding: 0;
  border: none;
  background: transparent;
}
.custom_paging li .navImg img {
  width: 100%;
  max-width: 100%;
  height: auto;
  opacity: 0.75;
}
.custom_paging li.slick-active .navImg img {
  opacity: 1;
}
.slider-item {
  position: relative;
}
.slider-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.slider-content-box {
  max-width: 50%;
  color: #fff;
}
.slider-content-box h2 {
  margin-top: 0;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 110%;
}
.btn.slider-button {
  margin: 0;
  background-color: #fff;
  color: #009036;
  -webkit-box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
  box-shadow: 5px 4px 6px 0 rgba(0,0,0,0.2);
  min-width: 198px;
}
.btn.slider-button:hover, .btn.slider-button:active, .btn.slider-button:focus {
  color: #fff;
  background: #009036;
  text-decoration: none;
}
.btn.slider-button:after {
  /*content: '\f061';
  font: normal normal normal 35px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  line-height: 100%;
  color: inherit;*/
  content: url('../images/pfeil-mehr.png');
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.btn.slider-button:hover:after, .btn.slider-button:active:after, .btn.slider-button:focus:after {
  content: url('../images/pfeil-mehr-weiss.png');
}

/* Testimonials
================================================== */
.testimonialBox .slickSlider {
  margin: 30px 0;
}
.testimonial-content {
  margin-bottom: 20px !important;
  color: #009036;
  font-size: 17px;
  line-height: 1.3;
}
.testimonialBox .slick-dots li button {
  background-color: #d1dbe3;
}
.testimonialBox .slick-dots li.slick-active button {
  background-color: #009036;
}
#ElementTestimonials-51-f4c5ad3e8a73e1099cca42dcfbd3f8a9 {
  margin-top: 80px;
}
.testimonial_quote figure {
  margin: 0;
}
.slick-slide .testimonial_quote img {
  height: auto;
}

/* Timeline
================================================== */

/* Start Anpassungen Jonas 03.08.22 */
.timeline {
  position: relative;
  overflow: auto;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  background: transparent url('../images/doppeldreieck.png') right top no-repeat;
  background-size: 60%;
}
.timeline:before {
  content: url('../images/timeline-dreieck-gruen.png');
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin-left: -35px;
  padding-bottom: 50px;
  height: 43px;
  width: 70px;
  background-color: #fff;
}
.timeline:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 auto;
  height: 100%;
  width: 2px;
  background-color: #009036;
}
.timeline-year {
  width: 100%;
  display: grid;
  place-items: center;
  position: relative;
  margin: 10rem 0;
}
.timeline h2 {
  display: inline-block;
  margin: 0 auto;
  padding: 3px 0;
  color: #009036;
  background-color: white;
  font-size: 30px;
  position: relative;
  z-index: 2;
}
.timeline-item {
  position: absolute;
  /*left: -10px;*/
  padding: 25px 30px 25px 50px;
  color: #666;
  background-color: #fff;
  border: 1px solid #009036;
  border-radius: 5px;
  width: 42%;
  left: 0;
}
.timeline-year:nth-child(even) .timeline-item {
  left: initial;
  right: 0;
}
.timeline  .timeline-item p {
  margin-bottom: 0;
}
.timeline .timeline-item.is-hidden {
  /*visibility: hidden;*/
  border: 1px solid #d1dbe3;
}
.timeline-item-content:before {
  content: url('../images/listenpunkt.png');
  display: inline-block;
  vertical-align: middle;
  margin-left: -30px;
  margin-right: 10px;
}
.timeline .timeline-item time:before {
  font-family: FontAwesome, sans-serif;
  content: '\f017';
  margin-right: 10px;
}
.timeline-item:after {
  content: '\f054';
  font: normal normal normal 35px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 100%;
  color: #009036;
  position: absolute;
  right: -1.5em;
  top: 50%;
  margin-top: -9px;
}
.timeline-year:nth-child(even) .timeline-item:after {
  right: initial;
  left: -1.5em;
  transform: rotate(180deg);
}

@media screen and (max-width: 1024px) {
  .timeline-item {
    position: relative;
    background-color: white;
    z-index: 1;
    width: clamp(100px, 100%, 650px);
  }

  .timeline-year {
    margin: 6rem 0;
  }

  .timeline-year:nth-child(n+2) {
    margin-top: 0;
  }

  .timeline-item::after {
    display: none;
  }
}

/* Ende Anpassungen Jonas */

.timeline  .timeline-item.is-hidden:after {
  color: #d1dbe3;
}
.timeline  .timeline-item.inverted {
  position: relative;
  left: 55%;
}
.timeline  .timeline-item.inverted::after {
  content: '\f053';
  position: absolute;
  right: initial;
  left: -1.5em;
}
.timeline  .timeline-item.is-hidden.inverted:after {
  color: #d1dbe3;
}
.timeline  .timeline-item.inverted:nth-of-type(2n+1) a {
  color: inherit;
}
.timeline  .timeline-item.inverted:nth-of-type(2n) a {
  color: inherit;
}
.timeline  .timeline-item.centered {
  position: relative;
  text-align: justify;
  width: 100%;
}
.timeline  .timeline-item.centered::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 4px);
  top: -12px;
}
.timeline  .timeline-item.centered::after {
  display: none;
}
.timeline  .timeline-item.centered:nth-of-type(2n+1) {
  background-color: #009036;
  color:#fff;
}
.timeline  .timeline-item.centered:nth-of-type(2n+1) a {
  color: inherit;
}
.timeline  .timeline-item.centered:nth-of-type(2n+1)::before {
  border-top: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid #009036;
}
.timeline  .timeline-item.centered:nth-of-type(2n) {
  background-color: #009036;
  color: #fff;
}
.timeline  .timeline-item.centered:nth-of-type(2n) a {
  color: inherit;
}
.timeline  .timeline-item.centered:nth-of-type(2n)::before {
  border-top: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid #009036;
}
.timeblock  {
  display: none;
}
.timeblock:first-of-type  {
  display: block;
}

/* Newsletter Form Banner - JD - 04.08.2022
================================================== */

.newsletter-banner {
  padding: 3rem;
  width: clamp(70%, 100%, 940px);
  margin: 0 auto;
}

.newsletter-banner-wrapper {
  background-color: #d1dbe3;
  background-image: url("/_resources/themes/wgtl/_ref/images/newsletter-banner-bg.jpg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  margin-bottom: 4rem;
}

.newsletter-banner p,
.newsletter-banner h3 {
  text-align: center;
}

.newsletter-banner h3 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.newsletter-banner-form button[type=submit] {
  margin: 0 auto;
  width: calc(100% / 3 - 1.3rem);
}

.newsletter-form-inputs {
  display: flex;
  gap: 1.5rem;
}

.newsletter-banner input {
  background-color: white;
}

@media screen and (max-width: 991px) {
  .newsletter-banner-form button[type=submit] {
    width: auto;
    margin: 2rem 0 0 0;
  }

  .newsletter-banner h3 {
    font-size: 2rem;
  }

  .newsletter-form-inputs {
    flex-direction: column;
  }

  .newsletter-banner input {
    margin-bottom: 0;
  }

  .newsletter-banner-wrapper {
    background-size: cover;
  }
}

@media screen and (max-width: 480px) {
  .newsletter-banner {
    padding: 3rem 0;
  }

  .newsletter-banner h3 {
    font-size: 1.5rem;
  }

  .newsletter-banner-wrapper {
    background-position: center center;
  }
}

/* Fix Spacing - JD - 11.08.2022
================================================== */

.image-text .row > * {
  padding: 0 15px;
}

/* Form
================================================== */
.wgtl-form-container form {
  margin: 0 0 30px 0;
}
fieldset {
  margin: 0 0 15px 0;
}
form input[type='text'], input[type='password'], input[type='email'], input[type='tel'], form textarea, form select {
  /*background-color: transparent;
  border: 1px solid #009036;
  border-radius: 5px;
  margin: 0 0 30px 0;
  padding: 15px 20px;
  color: initial;
  font-weight: 400;
  -webkit-box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.3);
  box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.3);*/
}
form input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='tel']:focus, form textarea:focus,
form input[type='text']:hover, input[type='password']:hover, input[type='email']:hover, input[type='tel']:hover, form textarea:hover {
  /*border-color: #009036;
  background-color: #fff;
  color: initial;*/
}
form button[type='submit'] {
  min-width: 250px;
  color: #fff;
  background-color: #385d73;
  border: 1px solid #385d73;
  border-radius: 5px;
  margin: 30px 0;
  padding: 15px 20px;
  font-size: inherit;
  vertical-align: middle;
  display: block;
  text-align: center;
}
form input[type='submit']:hover, form input[type='submit']:active, form input[type='submit']:focus {
  background: #009036;
  color: #fff;
    text-decoration: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.form-control {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 30px 0;
  padding: 15px 20px;
  font-size: inherit;
  line-height: 1.3;
  color: #9a9a9a;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #d1dbe3;
  border-radius: 5px;
  /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
  box-shadow: inset 0 0 3px rgba(0,0,0,.2);*/
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus, .form-control:hover {
  border-color: #009036;
  background-color: #fff;
  color: initial;
  -webkit-box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
  box-shadow: 13px 10px 15px 0 rgb(0 0 0 / 20%);
}
textarea.form-control {
  height: 215px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #008cb1;
}
.btn, .btn-weiss-auf-gruen {
  width: auto;
  margin: 0 0 30px 0;
  padding: 12px 20px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #009036;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: inherit;
  text-decoration: none;
}
.btn:hover, .btn:active, .btn:focus, .btn-weiss-auf-gruen:hover, .btn-weiss-auf-gruen:active, .btn-weiss-auf-gruen:focus {
  color: #009036;
  background: #fff;
  border: 1px solid #009036;
  outline: none;
}
.btn-gruen-auf-weiss {
  width: auto;
  margin: 0 0 30px 0;
  padding: 12px 20px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  color: #009036;
  background-color: #fff;
  border: 1px solid #009036;
  border-radius: 5px;
  font-size: inherit;
  text-decoration: none;
}
.btn-gruen-auf-weiss:hover, .btn-gruen-auf-weiss:active, .btn-gruen-auf-weiss:focus {
  color: #fff;
  background-color: #009036;
  border: 1px solid #fff;
  outline: none;
}
p .btn-weiss-auf-gruen, p .btn-gruen-auf-weiss {
  margin: 0;
}
legend {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  color: #009036;
  border-bottom: none;
  /*display: none;*/
}
label {
  float: none;
  display: block;
  margin: 0;
  padding: 5px 0;
  font-weight: 400;
}
.form-horizontal .control-label {
  text-align: left;
}
.checkbox, .radio {
  margin-top: 0;
  margin-bottom: 0;
}
.mandatory, .required, .wgtl-error-message {
  color: #9d0d15;
}

/* Footer
================================================== */
footer {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: 140%;
  color: inherit;
  background-color: transparent;
  font-size: inherit;
  text-align: left;
}
footer a {
  color: #fff;
}
footer a:hover, footer a:active, footer a:focus {
  color: #fff;
  opacity: 0.8;
}
footer .col-md-12 {
  display: flex;
  justify-content: space-between;
}
footer .footerNavBlock {
  position: relative;
  background: #94bcc3 url('../images/footer-nav-bg.jpg') center center no-repeat;
  background-size: cover;
}
footer .footerNavBlock .navbar {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  margin-top: 140px;
  margin-bottom: 70px;
}
footer .footerNavBlock .navbar-default .navbar-nav {
  display: block;
}
footer .footerNavBlock .navbar-default .navbar-nav li {
  padding-left: 0;
  padding-right: 0;
}
footer .footerNavBlock .navbar-default .navbar-nav li a {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.1em;
  font-weight: 500;
  color: #102c3a;
}
footer .footerNavBlock .navbar-default .navbar-nav li:not(.has-dropdown) + li {
  margin-top: -10px;
}
footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdown li + li {
  margin-top: 0;
}
footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdown li a {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.9em;
  font-weight: 400;
}
footer .footerNavBlock .navbar-default .navbar-nav li a:focus, footer .footerNavBlock .navbar-default .navbar-nav li a:hover, footer .footerNavBlock .navbar-default .navbar-nav li a:active {
  color: #385d73;
  font-weight: inherit;
  font-weight: 500;
}
footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdown li a:focus, footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdown li a:hover, footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdown li a:active {
  color: #385d73;
  font-weight: inherit;
  font-weight: 400;
}
footer .footerNavBlock .navbar-default .navbar-nav .active>a, footer .footerNavBlock .navbar-default .navbar-nav .active>a:focus, footer .footerNavBlock .navbar-default .navbar-nav .active>a:hover, footer .footerNavBlock .navbar-default .navbar-nav .active>a:active {
  color: #385d73;
  font-weight: inherit;
  font-weight: 500;
}
footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdow .active>a, footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdow .active>a:focus, footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdow .active>a:hover, footer .footerNavBlock .navbar-default .navbar-nav .navbar-dropdow .active>a:active {
  color: #385d73;
  font-weight: inherit;
  font-weight: 400;
}
footer .footerNavBlock .navbar-default ul li ul {
  position: relative;
  top: 0;
  margin: 0;
  padding: 0;
  min-width: auto;
  background-color: transparent;
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
footer .footerNavBlock .navbar-default ul li:hover ul {
  top: 0;
}
footer .social {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.1em;
  font-weight: 500;
}
footer .footerNavBlock .navbar-default .navbar-nav li.social {
  padding-top: 15px;
}
footer .footerNavBlock .navbar-default .navbar-nav .social-links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer .footerNavBlock .navbar-default .navbar-nav .social-links li {
  margin-top: 5px !important;
}
footer .footerNavBlock .navbar-default .navbar-nav .social-links li a {
  display: flex;
  margin-right: 20px;
  font-size: 0;
}
footer .bottom {
  padding: 20px 0;
  color: #fff;
  background-color: #385d73;
  font-size: 0.9em;
}
footer .navbar {
  justify-content: flex-start;
  align-items: flex-start;
}
footer .navbar-footer {
  list-style-type: none;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
footer .navbar-footer li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer .navbar-footer li a {
  text-decoration: none;
  padding: 0;
}
footer .navbar-footer li:last-of-type a {
  padding: 0;
}
footer .navbar-footer li a:after {
  content: '-';
  padding: 0 5px;
}
footer .navbar-footer li:last-of-type a:after {
  content: '';
}
footer .navbar-footer a.active {
  color: #008cb1;
}
.copyright {
  /*padding: 0;*/
}

/* Media queries
================================================== */
@media screen and (max-width: 1199px) {
  .text-box {
    padding: 25px 30px;
  }
  #Image-67-3d560f9a70273ff075708df635e766c7 {
    margin-top: 30px;
  }
  #ElementContent-8-4c51abe3d6f715556584ca4fac799ff3 .container {
    background: transparent;
  }
  #ElementContent-8-4c51abe3d6f715556584ca4fac799ff3 .col-md {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  #toggleBox {
    overflow-y: scroll;
  }
  .navbar {
    flex-direction: column;
    justify-content: flex-start;
  }
  #toggleBox .navbar-default .navbar-nav {
    flex-direction: column;
    padding: 60px 30px 30px 30px;
  }
  .navbar-default .navbar-nav li {
    padding: 0;
  }
  .navbar-default .navbar-nav>li {
    padding: 10px 0 0 0;
  }
  #toggleBox .navbar-default .navbar-nav li a {
    font-weight: 400;
    /*text-align: center;*/
    text-align: left;
    padding: 5px 0;
    color: #fff;
  }
  #toggleBox .navbar-default .navbar-nav>li>a {
    font-size: 23px;
  }
  #toggleBox .navbar-default .navbar-nav li a:focus, #toggleBox .navbar-default .navbar-nav li a:hover, #toggleBox .navbar-default .navbar-nav li a:active {
    color: #102c3a;
  }
  #toggleBox .navbar-default .navbar-nav .activetop>a, #toggleBox .navbar-default .navbar-nav .activetop>a:focus, #toggleBox .navbar-default .navbar-nav .activetop>a:hover, #toggleBox .navbar-default .navbar-nav .activetop>a:active,
  #toggleBox .navbar-default .navbar-nav .active>a, #toggleBox .navbar-default .navbar-nav .active>a:focus, #toggleBox .navbar-default .navbar-nav .active>a:hover, #toggleBox .navbar-default .navbar-nav .active>a:active {
    color: #102c3a;
  }
  .navbar-default .navbar-nav .navbar-dropdown {
    margin: 0;
  }
  .hero {
    /*color: #fff;*/
  }
  .projects .col-md-4 {
    display: block;
    max-width: 100%;
  }
  footer .footerNavBlock .navbar-default .navbar-nav .col-md-2 {
    width: 100%;
    max-width: 100%;
  }
  .breadcrumb {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }
  .box.subnav .list-group, .file-element .list-group {
    font-size: 0.75em;
  }
  .kontakt-img-box {
    position: relative;
    height: 195px;
    padding: 30px 50% 0 0;
    background-position: right bottom;
    background-size: 60%;
  }
  footer .footerNavBlock .navbar {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .kontakt-img-box {
    bottom: 0;
  }
  footer .col-md-12 {
    justify-content: flex-start;
    flex-direction: column;
  }
  .box.subnav .list-group, .file-element .list-group {
    font-size: initial;
  }
  #grid-columns > .row {
    flex-direction: column-reverse;
  }
  .head-slider .slickSlider {
    height: 400px;
    overflow: initial;
  }
  .slick-slide img {
    height: 400px;
    /*width: auto;*/
    object-fit: cover;
  }
  .slider-content-box {
    max-width: 100%;
  }
  .slider-content-box h2 {
    font-size: 33px;
  }
  .slick-dots {
    margin: 20px 0 20px 0;
  }
  .slick-dots li {
    width: 40px;
    margin: 0 6px;
  }
  .slick-dots li button {
    width: 40px;
  }
  .head-slider .slickSlider .slick-dots li button {
    background-color: #d1dbe3;
  }
  .head-slider .slickSlider li.slick-active button {
    background-color: #009036;
  }
  #firstContent>.teasers {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  #firstContent>.teasers .col-md .teaser {
    height: auto;
    margin-bottom: 10px;
  }
  #firstContent>.teasers .col-md:first-of-type .teaser h3 {
    font-size: 30px;
  }
  .gallery .gallery-image {
    padding: 10px 70px;
    margin: 10px 0;
  }
  .sort-box .sort-by-button-group {
    display: block;
  }
  .sort-box .sort-by-button-group button {
    display: block;
  }
  #Blog-58-717d5af7faa7a807e94e11674b651021,
  #Blog-59-dba20ccfdf4c129bcbda5a37bd39b0ed {
    padding: 50px 0 20px 0;
  }
  #Blog-58-717d5af7faa7a807e94e11674b651021 h2,
  #Blog-59-dba20ccfdf4c129bcbda5a37bd39b0ed h2 {
    margin-bottom: 60px;
    font-size: 27px;
  }
  #ElementContent-12-01b5291a1bb22faabeeaa1c64cb863b4 .text-box .btn-gruen-auf-weiss, #ElementContent-12-01b5291a1bb22faabeeaa1c64cb863b4 .text-box .btn-weiss-auf-gruen {
    min-width: 10px;
    width: 100%
  }
  .gridtable table, .gridtable thead, .gridtable tbody, .gridtable tr {
    display: grid;
    width: 100%;
  }
  .gridtable tr {
    grid-template-columns: auto;
  }
  .gridtable td {
    padding: 5px 0 20px 0;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #d1dbe3;
  }
  .gridtable td .text-center {
    text-align: left !important;
  }
  .gridtable td h2 {
    font-size: 40px;
  }
  .timeline  .timeline-item {
    padding: 15px 10px 15px 10px;
  }
  .timeline  .timeline-item:before {
    display: none;
  }
  .timeline  .timeline-item:after {
    right: -1em;
  }
  .timeline  .timeline-item.inverted::after {
    left: -0.9em;
  }
}

@media screen and (max-width: 600px) {
  header .meta-social .container{
    flex-direction: column;
  }
  .navbar-header li:first-of-type a {
    border-left: 0px solid #fff;
  }
  .navbar-header li:last-of-type a {
    border-right: 0px solid #fff;
  }
  .social-links a {
    padding: 6px 15px;
  }
  .sort-box .dropdown{
    width: 100%;
    float: none;
  }
  .sort-box .dropdown-menu{
    margin-top: 0,25rem;
  }
}

@media screen and (max-width: 320px) {
  h1 {
    font-size: 18px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 18px;
  }
  .navbar-brand img {
    width: 106px;
  }
  footer {
      font-size: 14px;
  }
  .gallery .gallery-image {
    padding: 10px 40px;
  }
  .navbar-header li a {
    padding: 5px 7px;
  }
}

@media screen and (min-width: 768px) {
  .sort-box .dropdown{
    width: auto;
    float: right;
  }
  .sort-box .dropdown-menu{
    margin-top: 1.9rem;
  }
}

@media screen and (min-width: 992px) {
  #header {
    padding: 0 0 10px 0;
  }
  #toggleBox {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    opacity: 1;
    background-color: transparent;
  }
  .navbar-default .navbar-nav {
    align-items: flex-end;
  }
  .navbar-default .navbar-nav li {
    margin: 0;
  }
  .navbar-default .navbar-nav li a {
    font-size: 17px;
  }
  .navbar-default ul li ul {
    position: absolute;
    top: -999em;
    width: auto;
    /*min-width: 200px;*/
    margin: 0;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #fff;
    border-bottom: 5px solid #009036;
    -webkit-box-shadow: 13px 10px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 13px 10px 15px 0 rgba(0,0,0,0.2);
  }
  .navbar-default ul li:hover ul {
    left: 0;
    top: 112px;
    z-index: 2000;
  }
  .navbar-default ul li:active ul {
    -webkit-user-select: none;
    -webkit-touch-callout: none
  }
  /*.fix-header .navbar-default ul li:hover ul {}
  .navbar-default ul li:hover ul li ul {
    top: -999em;
  }
  .navbar-default ul li ul li:hover ul {
    top: -3px;
  }
  .navbar-default ul li ul li:hover ul li ul {
    top: -999em;
  }
  .navbar-default ul li ul li ul li:hover ul {
    top: -3px;
  }*/
  .navbar-default .navbar-nav li li a {
    padding: 4px 10px;
    font-size: 14px;
    color: inherit;
    text-align: left;
    /*white-space: nowrap;*/
  }
  #toggleBox .navbar-default .navbar-nav .active>a, #toggleBox .navbar-default .navbar-nav .active>a:focus, #toggleBox .navbar-default .navbar-nav .active>a:hover, #toggleBox .navbar-default .navbar-nav .active>a:active {
    border-bottom: 5px solid #009036;
    padding-bottom: 40px;
  }
  #toggleBox .navbar-default .navbar-nav li .active>a, #toggleBox .navbar-default .navbar-nav li .active>a:focus, #toggleBox .navbar-default .navbar-nav li .active>a:hover, #toggleBox .navbar-default .navbar-nav li .active>a:active {
    border-bottom: none;
    padding-bottom: 4px;
  }
  #navBox {
    display: none;
  }
  .slick-prev {
    left: 1rem;
  }
  .slick-next {
    right: 1rem;
  }
  #firstContent>.teasers {
    margin-top: -70px;
  }
  #firstContent>.teasers .col-md .teaser {
    padding: 30px;
  }
}

@media screen and (min-width: 1200px) {
  body {
    font-size: 17px;
  }
  h1 {
    font-size: 36px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  h2 {
    font-size: 33px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 25px;
  }
  .navbar-brand img {
    width: 164px;
  }
  .navbar-default .navbar-nav li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-default .navbar-nav li li {
    padding-left: 0;
    padding-right: 0;
  }
  .breadcrumb-navigation {
    margin-bottom: 50px;
  }
  .project-map {
    margin-top: -50px;
  }
  .slider-content-box h2 {
    font-size: 70px;
  }
  .hero {
    height: 500px;
  }
  .hero h1 {
    font-size: 60px;
  }
  #firstContent>.teasers .col-md:first-of-type .teaser h3 {
    font-size: 30px;
  }
  .gallery .gallery-image {
    padding: 10px 30px;
  }
  .box {
    /*margin: 60px 0;*/
  }
  .col-md-4 .box, .col-md-4 .text-element {
    padding: 50px 50px;
  }
  .text-element {
    margin-left: 15%;
    margin-right: 15%;
  }
  .col-md-4 .text-element, .col-md-6 .text-element, .col-md-8 .text-element {
    margin-left: 0;
    margin-right: 0;
  }
  .testimonial-content {
    font-size: 19px;
  }
  .testimonialBox .slickSlider, .image-text, .text-element, .projects {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #map {
    height: 800px;
    width: 100%;
  }
  #map .project-popup {
    top: 0 !important;
    bottom: 0 !important;
    left: 100px !important;
    width: 400px !important;
    height: 800px !important;
  }
  #map .project-popup .olPopupContent .project-box table td {
    padding: 10px 0;
  }
  .sort-map-button-group {
    position: absolute;
    bottom: 30px;
    left: 25%;
    flex-direction: row;
    width: 50%;
    padding: 30px;
    background-color: rgba(255,255,255,0.5);
    -webkit-box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 5px 10px 10px 0 rgb(0 0 0 / 20%);
  }
  .sort-map-button-group button {
    margin: 0 5px;
    width: auto;
  }
  #ElementTestimonials-51-f4c5ad3e8a73e1099cca42dcfbd3f8a9 {
    margin-top: 120px;
  }
  #ElementContent-34-a4860f9b3a8cb3e236331c756c619e02, #ElementContent-36-5086808579e9bf423243b814ca2d406c {
    /*margin: 60px 0;*/
    padding: 50px 50px;
  }
  #ElementContent-6-7743c1dab5d41e4352cfb4d34fd4b237 {
    /*padding-top: 60px;*/
  }
  #ElementContent-6-7743c1dab5d41e4352cfb4d34fd4b237 table {
    margin: 90px 0;
  }
  #ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16>.container {
    padding-bottom: 370px;
  }
  #ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .image-text, #ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .text-element {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #ElementalArea-263-4732c37319adde57c868bf9fc2a7dc16 .col-md-4 .image-text figure {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #ElementContent-53-a05021f40c7d2ff356f00d302e3db0f7 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  #ElementalArea-265-42963881c232ecda5196cb319bbfbfd9 {
    margin-left: 15%;
    margin-right: 15%;
  }
  #ElementalArea-267-a6e361fc44215b0b672159fe6b9b156f h3 {
    font-size: 25px;
  }
  #Image-67-3d560f9a70273ff075708df635e766c7 {
    display: none;
  }
}

.text-element.background-variant {
    background: transparent url('../images/kontakt-box-bg.jpg') center center no-repeat;
    background-size: cover;
    padding: 30px 30px;
    color: #fff;
}

.text-element.background-variant p .btn-weiss-auf-gruen,
.text-element.background-variant p .btn-gruen-auf-weiss {
    width: 100%;
}

.text-element.background-variant .container {
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border-bottom: none;
}
.text-element.background-variant h3 {
    color: #fff;
}
.text-element.background-variant a {
    color: #fff;
}

@media screen and (min-width: 1400px) {
  body {
    font-size: 17px;
  }
  h1 {
    font-size: 46px;
    margin-top: 25px;
    margin-bottom: 40px;
  }
  h2 {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 40px;
  }
  h3 {
    font-size: 30px;
  }
  .navbar-brand img {
    width: 164px;
  }
  .navbar-default .navbar-nav li {
    padding-left: 20px;
    padding-right: 20px;
  }
  .article h3, .project h3, .project-box h3 {
    max-width: 85%;
    font-size: 27px;
  }
  .project .project-box {
    min-height: 800px;
  }
  .slider-content-box {
    max-width: 33%;
  }
  .gallery .gallery-image {
    padding: 10px 70px;
  }
  .testimonial-content {
    font-size: 27px;
  }
  .sort-map-button-group {
    left: 30%;
    width: 40%;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1370px;
  }
}

@media screen and (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1570px;
  }
}

@media screen and (min-width: 1700px) {
  .sort-map-button-group {
    left: 33.333%;
    width: 33.333%;
  }
}

/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

@media print {
  html * {font-family: 'Rubik', Helvetica, Arial, sans-serif;}
  body {
    font-family: 'Rubik', Helvetica, Arial, sans-serif;
      background: #fff;
      color: #000;
      font-size: 16px;
      font-weight: 400;
      margin: 0;
      padding: 0;
  }
  .navbar, .footernav, .linkToTop, .breadcrumb {
    display: none;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  a[href]:after {
    display: none;
  }
}