@charset "UTF-8";
/***********************
Farben
***********************/
/***********************
Allgemein
***********************/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body, html {
  margin: 0px;
  padding: 0px;
  font-family: 'Lato', sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
div {
  width: 100%;
}
.width {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
img, picture {
  max-width: 100%;
  height: auto;
}
p, ul, ol, table {
  font-size: 16px;
  line-height: 24px;
  color: #738291;
  margin-bottom: 20px;
}
p.gross, ul.gross, ol.gross, table.gross {
  font-size: 18px;
  line-height: 28px;
}
p strong, ul strong, ol strong, table strong {
  color: #38404D;
}
p a:hover, p a:focus, p a:active, ul a:hover, ul a:focus, ul a:active, ol a:hover, ol a:focus, ol a:active, table a:hover, table a:focus, table a:active {
  text-decoration: underline;
}
a, a:link, a:visited, a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):link, a:not([href]):not([tabindex]):visited {
  color: #FA6A00;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
a b, a strong, a:link b, a:link strong, a:visited b, a:visited strong, a:not([href]):not([tabindex]) b, a:not([href]):not([tabindex]) strong, a:not([href]):not([tabindex]):link b, a:not([href]):not([tabindex]):link strong, a:not([href]):not([tabindex]):visited b, a:not([href]):not([tabindex]):visited strong {
  color: #FA6A00;
}
a:hover, a:focus, a:active, a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):active {
  color: #FA6A00;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a:hover b, a:hover strong, a:focus b, a:focus strong, a:active b, a:active strong, a:not([href]):not([tabindex]):hover b, a:not([href]):not([tabindex]):hover strong, a:not([href]):not([tabindex]):focus b, a:not([href]):not([tabindex]):focus strong, a:not([href]):not([tabindex]):active b, a:not([href]):not([tabindex]):active strong {
  color: #FA6A00;
}
a.button.primaer, a.button.primaer:link, a.button.primaer:visited, a.button.primaer:not([href]):not([tabindex]), a.button.primaer:not([href]):not([tabindex]):link, a.button.primaer:not([href]):not([tabindex]):visited, input[type="submit"].button.primaer, button.button.primaer, span.button.primaer {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  padding: 0px 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #ffffff;
  background: #FA6A00;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button.primaer:hover, a.button.primaer:focus, a.button.primaer:active, a.button.primaer:not([href]):not([tabindex]):hover, a.button.primaer:not([href]):not([tabindex]):focus, a.button.primaer:not([href]):not([tabindex]):active, input[type="submit"].button.primaer:hover, input[type="submit"].button.primaer:focus, input[type="submit"].button.primaer:active, button.button.primaer:hover, button.button.primaer:focus, button.button.primaer:active, span.button.primaer:hover, span.button.primaer:focus, span.button.primaer:active {
  background: #38404D;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button.sekundaer, a.button.sekundaer:link, a.button.sekundaer:visited, a.button.sekundaer:not([href]):not([tabindex]), a.button.sekundaer:not([href]):not([tabindex]):link, a.button.sekundaer:not([href]):not([tabindex]):visited, input[type="submit"].button.sekundaer, button.button.sekundaer, span.button.sekundaer {
  display: inline-block;
  height: 58px;
  line-height: 56px;
  padding: 0px 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #FA6A00;
  background: transparent;
  border: 1px solid #FA6A00;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button.sekundaer:hover, a.button.sekundaer:focus, a.button.sekundaer:active, a.button.sekundaer:not([href]):not([tabindex]):hover, a.button.sekundaer:not([href]):not([tabindex]):focus, a.button.sekundaer:not([href]):not([tabindex]):active, input[type="submit"].button.sekundaer:hover, input[type="submit"].button.sekundaer:focus, input[type="submit"].button.sekundaer:active, button.button.sekundaer:hover, button.button.sekundaer:focus, button.button.sekundaer:active, span.button.sekundaer:hover, span.button.sekundaer:focus, span.button.sekundaer:active {
  background: #FA6A00;
  color: #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.link, a.link:link, a.link:visited, a.link:not([href]):not([tabindex]), a.link:not([href]):not([tabindex]):link, a.link:not([href]):not([tabindex]):visited, input[type="submit"].link, button.link, span.link {
  display: inline-block;
  line-height: normal;
  color: #738291;
  padding-left: 30px;
  background-image: url(/basics/images/allgemein_icon_link.svg);
  background-repeat: no-repeat;
  background-position: left top 2px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.link:hover, a.link:focus, a.link:active, a.link:not([href]):not([tabindex]):hover, a.link:not([href]):not([tabindex]):focus, a.link:not([href]):not([tabindex]):active, input[type="submit"].link:hover, input[type="submit"].link:focus, input[type="submit"].link:active, button.link:hover, button.link:focus, button.link:active, span.link:hover, span.link:focus, span.link:active {
  color: #FA6A00;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.zurueck, a.zurueck:link, a.zurueck:visited, a.zurueck:not([href]):not([tabindex]), a.zurueck:not([href]):not([tabindex]):link, a.zurueck:not([href]):not([tabindex]):visited {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #38404D;
  background-image: url(/basics/images/allgemein_icon_zurueck_link.svg);
  background-position: left top 10px;
  background-repeat: no-repeat;
  padding-left: 15px;
}
a.zurueck:hover, a.zurueck:focus, a.zurueck:active, a.zurueck:not([href]):not([tabindex]):hover, a.zurueck:not([href]):not([tabindex]):focus, a.zurueck:not([href]):not([tabindex]):active {
  color: #FA6A00;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
}
h1 {
  color: #38404D;
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-bottom: 40px;
}
h2 {
  color: #38404D;
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
h3 {
  color: #38404D;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}
h4 {
  color: #38404D;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0px;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.googlemaps_hinweis {
  background: #F2F5F8;
  padding: 100px 30px;
  text-align: center;
}
.responsive_video, .responsive-video {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.responsive_video iframe, .responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive_video .noYT, .responsive-video .noYT {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  background: #F2F5F8;
  text-align: center;
  padding: 15px;
}
.responsive_video .noYT .noYT_box, .responsive-video .noYT .noYT_box {
  display: table;
  width: 100%;
  height: 100%;
}
.responsive_video .noYT .noYT_box .noYT_center, .responsive-video .noYT .noYT_box .noYT_center {
  display: table-cell;
  vertical-align: middle;
}
#phone {
  display: none;
}
.bild_links {
  float: left;
  margin: 0px 15px 5px 0px;
}
#karte div {
  width: inherit;
}
.ankerbox {
  position: relative;
}
.ankerbox a {
  position: absolute;
  top: -70px;
}
/*  ------------------------------------------------------
AKKORDEON
--------------------------------------------------------*/
a.akk_anzeigen, a.akk_anzeigen:link, a.akk_anzeigen:visited {
  display: block;
  padding: 3px 7px;
  background-color: #eee;
  color: #aaa;
  margin-bottom: 15px;
}
a.akk_anzeigen:hover, a.akk_anzeigen:focus, a.akk_anzeigen:active {
  color: #000000;
  text-decoration: none;
}
.linie {
  border-bottom: 1px solid #eee;
  margin: 0px 0px 15px 0px;
}
h2.akkordeon {
  font-size: 16px;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
  color: #000000;
}
p.akkordeonteaser {
  color: #aaa;
}
.akkordeontext3 img, .akkordeontext3 video {
  margin-bottom: 20px;
}
/***********************
Header
***********************/
.header {
  padding-bottom: 40px;
}
.header hr {
  border: none;
  height: 5px;
  width: 100%;
  background: #FA6A00;
  margin: 0px 0px 20px 0px;
}
.header a.button.sekundaer, .header a.button.sekundaer:link, .header a.button.sekundaer:visited, .header a.button.sekundaer:hover, .header a.button.sekundaer:focus, .header a.button.sekundaer:active {
  height: 48px;
  line-height: 46px;
}
.header .align_right {
  text-align: right;
}
.header ul {
  display: block;
  text-align: right;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.header ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.header ul li:first-child {
  margin-left: 0px;
}
.header ul.meta_navi {
  margin-bottom: 25px;
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
}
.header ul.meta_navi:first-child {
  margin-left: 0px;
}
.header ul.meta_navi li {
  margin-left: 9px;
  padding-left: 11px;
  border-left: 1px solid #E4E4E4;
  line-height: normal;
}
.header ul.meta_navi li:first-child {
  margin: 0px;
  padding: 0px;
  border: none;
}
.header ul.meta_navi li a, .header ul.meta_navi li a:link, .header ul.meta_navi li a:visited {
  color: #919BA5;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: normal;
  font-weight: normal;
  display: block;
}
.header ul.meta_navi li a:hover, .header ul.meta_navi li a:focus, .header ul.meta_navi li a:active {
  color: #38404D;
  text-decoration: none;
}
.header ul.meta_navi li.active a, .header ul.meta_navi li.active a:link, .header ul.meta_navi li.active a:visited, .header ul.meta_navi li.active a:hover, .header ul.meta_navi li.active a:focus, .header ul.meta_navi li.active a:active {
  color: #38404D;
}
.header ul.main_navi {
  margin: 0px 30px 0px 0px;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.header ul.main_navi li {
  margin-left: 9px;
  padding-left: 11px;
  border-left: 1px solid #E4E4E4;
  line-height: normal;
  position: relative;
}
.header ul.main_navi li:first-child {
  margin: 0px;
  padding: 0px;
  border: none;
}
.header ul.main_navi li a, .header ul.main_navi li a:link, .header ul.main_navi li a:visited {
  color: #738291;
  font-size: 15px;
  letter-spacing: 0.6px;
  line-height: normal;
  font-weight: normal;
  display: block;
}
.header ul.main_navi li a:hover, .header ul.main_navi li a:focus, .header ul.main_navi li a:active {
  color: #38404D;
  text-decoration: none;
}
.header ul.main_navi li.active a, .header ul.main_navi li.active a:link, .header ul.main_navi li.active a:visited, .header ul.main_navi li.active a:hover, .header ul.main_navi li.active a:focus, .header ul.main_navi li.active a:active {
  color: #38404D;
  font-weight: bold;
}
.header ul.main_navi li.active a:before, .header ul.main_navi li.active a:link:before, .header ul.main_navi li.active a:visited:before, .header ul.main_navi li.active a:hover:before, .header ul.main_navi li.active a:focus:before, .header ul.main_navi li.active a:active:before {
  content: "■";
  color: #FA6A00;
  margin-right: 5px;
}
.header ul.main_navi li.active ul li a, .header ul.main_navi li.active ul li a:link, .header ul.main_navi li.active ul li a:visited {
  color: #738291;
  font-size: 15px;
  letter-spacing: 0.6px;
  line-height: normal;
  font-weight: normal;
  display: block;
}
.header ul.main_navi li.active ul li a:before, .header ul.main_navi li.active ul li a:link:before, .header ul.main_navi li.active ul li a:visited:before {
  display: none;
}
.header ul.main_navi li.active ul li a:hover, .header ul.main_navi li.active ul li a:focus, .header ul.main_navi li.active ul li a:active {
  color: #38404D;
}
.header ul.main_navi li.active ul li a:hover:before, .header ul.main_navi li.active ul li a:focus:before, .header ul.main_navi li.active ul li a:active:before {
  display: none;
}
.header ul.main_navi li.active ul li.active a, .header ul.main_navi li.active ul li.active a:link, .header ul.main_navi li.active ul li.active a:visited, .header ul.main_navi li.active ul li.active a:hover, .header ul.main_navi li.active ul li.active a:focus, .header ul.main_navi li.active ul li.active a:active {
  color: #FA6A00;
  font-weight: bold;
}
.header ul.main_navi li.active ul li.active ul li a, .header ul.main_navi li.active ul li.active ul li a:link, .header ul.main_navi li.active ul li.active ul li a:visited {
  color: #738291;
  font-weight: normal;
}
.header ul.main_navi li.active ul li.active ul li a:hover, .header ul.main_navi li.active ul li.active ul li a:focus, .header ul.main_navi li.active ul li.active ul li a:active {
  color: #38404D;
  font-weight: normal;
}
.header ul.main_navi li.active ul li.active ul li.active a, .header ul.main_navi li.active ul li.active ul li.active a:link, .header ul.main_navi li.active ul li.active ul li.active a:visited, .header ul.main_navi li.active ul li.active ul li.active a:hover, .header ul.main_navi li.active ul li.active ul li.active a:focus, .header ul.main_navi li.active ul li.active ul li.active a:active {
  color: #FA6A00;
  font-weight: bold;
}
.header ul.main_navi li:hover ul, .header ul.main_navi li:focus ul, .header ul.main_navi li:active ul {
  display: block;
}
.header ul.main_navi li ul {
  position: absolute;
  right: -14px;
  top: 20px;
  background: #ffffff;
  border: 1px solid #E4E4E4;
  border-bottom: none;
  z-index: 200;
  display: none;
}
.header ul.main_navi li ul li, .header ul.main_navi li ul li:first-child {
  white-space: nowrap;
  display: block;
  margin: 0px;
  padding: 10px 15px;
  border: none;
  border-bottom: 1px solid #E4E4E4 !important;
}
.header ul.main_navi li ul li ul, .header ul.main_navi li ul li:first-child ul {
  position: relative;
  top: inherit;
  right: inherit;
  display: block;
  border: none;
}
.header ul.main_navi li ul li ul li, .header ul.main_navi li ul li ul li:first-child, .header ul.main_navi li ul li:first-child ul li, .header ul.main_navi li ul li:first-child ul li:first-child {
  padding: 5px 15px 5px 0px;
  border: none !important;
  position: relative;
}
.header ul.main_navi li ul li ul li :after, .header ul.main_navi li ul li ul li:first-child :after, .header ul.main_navi li ul li:first-child ul li :after, .header ul.main_navi li ul li:first-child ul li:first-child :after {
  content: "";
  display: block;
  width: 9px;
  height: 1px;
  background: #E4E4E4;
  position: absolute;
  right: 0px;
  top: 16px;
}
.header ul.main_navi li ul li ul li a, .header ul.main_navi li ul li ul li a:link, .header ul.main_navi li ul li ul li a:visited, .header ul.main_navi li ul li ul li:first-child a, .header ul.main_navi li ul li ul li:first-child a:link, .header ul.main_navi li ul li ul li:first-child a:visited, .header ul.main_navi li ul li:first-child ul li a, .header ul.main_navi li ul li:first-child ul li a:link, .header ul.main_navi li ul li:first-child ul li a:visited, .header ul.main_navi li ul li:first-child ul li:first-child a, .header ul.main_navi li ul li:first-child ul li:first-child a:link, .header ul.main_navi li ul li:first-child ul li:first-child a:visited {
  color: #738291;
  font-weight: normal;
}
.header ul.main_navi li ul li ul li a:hover, .header ul.main_navi li ul li ul li a:focus, .header ul.main_navi li ul li ul li a:active, .header ul.main_navi li ul li ul li:first-child a:hover, .header ul.main_navi li ul li ul li:first-child a:focus, .header ul.main_navi li ul li ul li:first-child a:active, .header ul.main_navi li ul li:first-child ul li a:hover, .header ul.main_navi li ul li:first-child ul li a:focus, .header ul.main_navi li ul li:first-child ul li a:active, .header ul.main_navi li ul li:first-child ul li:first-child a:hover, .header ul.main_navi li ul li:first-child ul li:first-child a:focus, .header ul.main_navi li ul li:first-child ul li:first-child a:active {
  color: #38404D;
  font-weight: normal;
}
.header ul.main_navi li ul li ul li.active:after, .header ul.main_navi li ul li ul li:first-child.active:after, .header ul.main_navi li ul li:first-child ul li.active:after, .header ul.main_navi li ul li:first-child ul li:first-child.active:after {
  background: #FA6A00;
}
.header ul.main_navi li ul li ul li.active a, .header ul.main_navi li ul li ul li.active a:link, .header ul.main_navi li ul li ul li.active a:visited, .header ul.main_navi li ul li ul li.active a:hover, .header ul.main_navi li ul li ul li.active a:focus, .header ul.main_navi li ul li ul li.active a:active, .header ul.main_navi li ul li ul li:first-child.active a, .header ul.main_navi li ul li ul li:first-child.active a:link, .header ul.main_navi li ul li ul li:first-child.active a:visited, .header ul.main_navi li ul li ul li:first-child.active a:hover, .header ul.main_navi li ul li ul li:first-child.active a:focus, .header ul.main_navi li ul li ul li:first-child.active a:active, .header ul.main_navi li ul li:first-child ul li.active a, .header ul.main_navi li ul li:first-child ul li.active a:link, .header ul.main_navi li ul li:first-child ul li.active a:visited, .header ul.main_navi li ul li:first-child ul li.active a:hover, .header ul.main_navi li ul li:first-child ul li.active a:focus, .header ul.main_navi li ul li:first-child ul li.active a:active, .header ul.main_navi li ul li:first-child ul li:first-child.active a, .header ul.main_navi li ul li:first-child ul li:first-child.active a:link, .header ul.main_navi li ul li:first-child ul li:first-child.active a:visited, .header ul.main_navi li ul li:first-child ul li:first-child.active a:hover, .header ul.main_navi li ul li:first-child ul li:first-child.active a:focus, .header ul.main_navi li ul li:first-child ul li:first-child.active a:active {
  color: #FA6A00;
  font-weight: bold;
}
.header button.mobilebutton {
  background: none;
  border: none;
  display: none;
  text-align: right;
  cursor: pointer;
}
.header button.mobilebutton p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  color: #738291;
}
.header button.mobilebutton .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header button.mobilebutton .icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #738291;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header button.mobilebutton .icon span:nth-child(1) {
  top: 0px;
}
.header button.mobilebutton .icon span:nth-child(2) {
  top: 6px;
}
.header button.mobilebutton .icon span:nth-child(3) {
  top: 12px;
}
.header button.mobilebutton.open p {
  color: #38404D;
}
.header button.mobilebutton.open .icon span {
  background: #38404D;
}
.header button.mobilebutton.open .icon span:nth-child(1) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header button.mobilebutton.open .icon span:nth-child(2) {
  opacity: 0;
}
.header button.mobilebutton.open .icon span:nth-child(3) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.header .mobilemenu {
  position: absolute;
  left: 0px;
  top: 20px;
  z-index: 2000;
  width: 100%;
  background: #ffffff;
  padding: 10px 20px 20px 20px;
  text-align: center;
  background: #F2F5F8;
}
.header .mobilemenu a.button.sekundaer, .header .mobilemenu a.button.sekundaer:link, .header .mobilemenu a.button.sekundaer:visited, .header .mobilemenu a.button.sekundaer:hover, .header .mobilemenu a.button.sekundaer:focus, .header .mobilemenu a.button.sekundaer:active {
  display: block;
  width: 100%;
  text-align: center;
}
.header .mobilemenu ul {
  text-align: left;
  margin-bottom: 10px;
}
.header .mobilemenu ul li {
  display: block;
  margin: 0px;
  padding: 10px;
  border-bottom: 2px solid #ffffff;
}
.header .mobilemenu ul li:last-child {
  border: none;
}
.header .mobilemenu ul li a, .header .mobilemenu ul li a:link, .header .mobilemenu ul li a:visited {
  font-size: 18px;
  font-weight: normal;
  color: #738291;
  letter-spacing: 0.6px;
  display: block;
}
.header .mobilemenu ul li a:hover, .header .mobilemenu ul li a:focus, .header .mobilemenu ul li a:active {
  color: #38404D;
  text-decoration: none;
}
.header .mobilemenu ul li.active a, .header .mobilemenu ul li.active a:link, .header .mobilemenu ul li.active a:visited, .header .mobilemenu ul li.active a:hover, .header .mobilemenu ul li.active a:focus, .header .mobilemenu ul li.active a:active {
  color: #38404D;
  font-weight: bold;
}
.header .mobilemenu ul li.active a:before, .header .mobilemenu ul li.active a:link:before, .header .mobilemenu ul li.active a:visited:before, .header .mobilemenu ul li.active a:hover:before, .header .mobilemenu ul li.active a:focus:before, .header .mobilemenu ul li.active a:active:before {
  content: "■";
  color: #FA6A00;
  margin-right: 5px;
}
.header .mobilemenu ul li.active ul li a, .header .mobilemenu ul li.active ul li a:link, .header .mobilemenu ul li.active ul li a:visited {
  font-size: 15px;
  color: #738291;
  font-weight: normal;
}
.header .mobilemenu ul li.active ul li a:hover, .header .mobilemenu ul li.active ul li a:focus, .header .mobilemenu ul li.active ul li a:active {
  color: #38404D;
}
.header .mobilemenu ul li ul {
  margin-bottom: 0px;
}
.header .mobilemenu ul li ul li {
  padding: 5px 20px;
  border: none;
}
.header .mobilemenu ul li ul li a, .header .mobilemenu ul li ul li a:link, .header .mobilemenu ul li ul li a:visited {
  font-size: 15px;
  color: #738291;
}
.header .mobilemenu ul li ul li a:hover, .header .mobilemenu ul li ul li a:focus, .header .mobilemenu ul li ul li a:active {
  color: #38404D;
}
.header .mobilemenu ul li ul li.active a, .header .mobilemenu ul li ul li.active a:link, .header .mobilemenu ul li ul li.active a:visited, .header .mobilemenu ul li ul li.active a:hover, .header .mobilemenu ul li ul li.active a:focus, .header .mobilemenu ul li ul li.active a:active {
  color: #38404D;
  font-weight: bold;
}
.header .mobilemenu ul li ul li.active a:before, .header .mobilemenu ul li ul li.active a:link:before, .header .mobilemenu ul li ul li.active a:visited:before, .header .mobilemenu ul li ul li.active a:hover:before, .header .mobilemenu ul li ul li.active a:focus:before, .header .mobilemenu ul li ul li.active a:active:before {
  content: "■";
  color: #FA6A00;
  margin-right: 5px;
}
.header .mobilemenu ul li ul li.active ul li a, .header .mobilemenu ul li ul li.active ul li a:link, .header .mobilemenu ul li ul li.active ul li a:visited {
  color: #738291;
  font-weight: normal;
}
.header .mobilemenu ul li ul li.active ul li a:hover, .header .mobilemenu ul li ul li.active ul li a:focus, .header .mobilemenu ul li ul li.active ul li a:active {
  color: #38404D;
  font-weight: normal;
}
.header .mobilemenu ul li ul li.active ul li.active a, .header .mobilemenu ul li ul li.active ul li.active a:link, .header .mobilemenu ul li ul li.active ul li.active a:visited, .header .mobilemenu ul li ul li.active ul li.active a:hover, .header .mobilemenu ul li ul li.active ul li.active a:focus, .header .mobilemenu ul li ul li.active ul li.active a:active {
  color: #38404D;
  font-weight: bold;
}
.header#scrollnavi {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1000;
  background: #ffffff;
  padding-bottom: 0px;
  border-bottom: 1px solid #F2F5F8;
}
.header#scrollnavi .mobilemenu {
  top: 0px;
}
/***********************
Headerbild
***********************/
.headerbild_leer {
  height: 50px;
}
.headerbild_box {
  padding-bottom: 100px;
  overflow: hidden;
}
.headerbild {
  background: #F2F5F8;
  margin-bottom: 0px;
  position: relative;
}
.headerbild .textblock_table {
  height: 560px;
  width: 100%;
  display: table;
  padding: 10px 0px;
}
.headerbild .textblock_table .textblock_tablecell {
  display: table-cell;
  vertical-align: middle;
}
.headerbild .textblock_table .textblock_tablecell h1 {
  width: 100%;
  max-width: 450px;
  margin-bottom: 25px;
}
.headerbild .textblock_table .textblock_tablecell p {
  width: 100%;
  max-width: 450px;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 35px;
}
.headerbild .textblock_table .textblock_tablecell .button.primaer {
  vertical-align: middle;
  margin: 5px 20px 5px 0px;
}
.headerbild .rechte_spalte {
  background-image: url(/basics/images/headerbild_bg_bild.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.headerbild .bildbox {
  position: absolute;
  bottom: -55px;
  right: 15px;
}
.headerbild .bildbox .bildbox_table {
  display: table;
  height: 100%;
  width: 100%;
}
.headerbild .bildbox .bildbox_table .bildbox_tablecell {
  display: table-cell;
  vertical-align: bottom;
}
.headerbild .bildbox.abgeschnitten {
  bottom: 0px;
  top: 0px;
  right: 15px;
  left: 15px;
  height: 100%;
  width: 100%;
  width: calc(100% - 30px);
  overflow: hidden;
  text-align: center;
}
.headerbild .bildbox.abgeschnitten .bildbox_table .bildbox_tablecell img {
  height: 100%;
  width: auto;
}
.headerbild.slickslider {
  margin: 0px;
}
.headerbild.slickslider .slick-list {
  overflow: visible;
}
.headerbild.slickslider .slick-prev, .headerbild.slickslider .slick-next {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider:hover .slick-prev, .headerbild.slickslider:focus .slick-prev, .headerbild.slickslider:active .slick-prev {
  left: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider:hover .slick-next, .headerbild.slickslider:focus .slick-next, .headerbild.slickslider:active .slick-next {
  right: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider .slick-dots {
  left: inherit;
  right: 15px;
  top: 45%;
  bottom: inherit;
  z-index: 200;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.headerbild.slickslider .slick-dots li {
  width: auto;
  height: auto;
  display: block;
  margin: 5px 0px;
}
.headerbild.slickslider .slick-dots li button {
  width: 13px;
  height: 13px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider .slick-dots li button:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background: #919BA5;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider .slick-dots li.slick-active button {
  border: 1px solid #FA6A00;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild.slickslider .slick-dots li.slick-active button:before {
  background: #FA6A00;
}
.headerbild img, .headerbild picture {
  max-width: inherit;
  width: 100%;
  height: auto;
}
/***********************
Logoleiste
***********************/
.logoleiste {
  padding-bottom: 120px;
}
.logoleiste img {
  display: block;
  margin: 0px auto;
}
.logoleiste .logoleiste_slider {
  margin: 0px;
}
.logoleiste .logoleiste_slider .slick-dots {
  position: relative;
  left: inherit;
  bottom: inherit;
  margin: 0px;
  padding-top: 20px;
  text-align: center;
  list-style-type: none;
}
.logoleiste .logoleiste_slider .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
  height: auto;
  width: auto;
}
.logoleiste .logoleiste_slider .slick-dots li button {
  width: 25px;
  height: 3px;
  background: #919BA5;
  padding: 0px;
}
.logoleiste .logoleiste_slider .slick-dots li button:before {
  display: none;
}
.logoleiste .logoleiste_slider .slick-dots li.slick-active button {
  background: #38404D;
}
/***********************
Zweispalter Technik & Vorteile
***********************/
.zweispalter_technik_vorteile {
  padding-bottom: 65px;
}
.zweispalter_technik_vorteile h2 {
  margin-bottom: 45px;
}
.zweispalter_technik_vorteile p.gross {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 45px;
}
.zweispalter_technik_vorteile ul, .zweispalter_technik_vorteile ol {
  padding-left: 18px;
}
.zweispalter_technik_vorteile .box img {
  height: 27px;
  width: auto;
  margin-bottom: 10px;
}
.zweispalter_technik_vorteile .box p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
}
.zweispalter_technik_vorteile .box p strong {
  color: #38404D;
  font-weight: 500;
}
.zweispalter_technik_vorteile .button.primaer {
  vertical-align: middle;
  margin-right: 30px;
  margin: 20px 30px 20px 0px;
}
.zweispalter_technik_vorteile .link {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin: 20px 0px;
}
.zweispalter_technik_vorteile hr {
  margin: 80px 0px 0px 0px;
  border: none;
  height: 2px;
  background: #F2F5F8;
}
/***********************
Zweispalter Text & Bild
***********************/
.zweispalter_text_bild {
  margin-bottom: 65px;
}
.zweispalter_text_bild h2 {
  margin-bottom: 45px;
}
.zweispalter_text_bild ul, .zweispalter_text_bild ol {
  padding-left: 18px;
}
.zweispalter_text_bild.grau {
  background: #F2F5F8;
  padding: 50px 0px;
}
.zweispalter_text_bild img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.zweispalter_text_bild p img {
  width: auto;
  margin: 0px;
}
.zweispalter_text_bild .responsive_video {
  margin-bottom: 20px;
}
.zweispalter_text_bild .box img {
  height: 27px;
  width: auto;
  margin-bottom: 10px;
}
.zweispalter_text_bild .box p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
}
.zweispalter_text_bild .box p.abstand_kleiner {
  margin-bottom: 10px;
  margin-top: 10px;
}
.zweispalter_text_bild .box p strong {
  color: #38404D;
  font-weight: 500;
}
.zweispalter_text_bild .bild {
  position: relative;
}
.zweispalter_text_bild .bild:before {
  content: url(/basics/images/zweispalter_bild_bg.svg);
  position: absolute;
  right: -15px;
  top: -30px;
  z-index: -1;
}
.zweispalter_text_bild hr {
  margin: 80px 0px 0px 0px;
  border: none;
  height: 2px;
  background: #F2F5F8;
}
.zweispalter_text_bild .bilderslider .slick-dots {
  position: relative;
  left: inherit;
  bottom: inherit;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.zweispalter_text_bild .bilderslider .slick-dots li {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 5px;
}
.zweispalter_text_bild .bilderslider .slick-dots li button {
  width: 13px;
  height: 13px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_text_bild .bilderslider .slick-dots li button:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background: #919BA5;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_text_bild .bilderslider .slick-dots li.slick-active button {
  border: 1px solid #FA6A00;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_text_bild .bilderslider .slick-dots li.slick-active button:before {
  background: #FA6A00;
}
/***********************
Zweispalter Inhalte
***********************/
.zweispalter_inhalt {
  margin-bottom: 65px;
}
.zweispalter_inhalt ul, .zweispalter_inhalt ol {
  padding-left: 18px;
}
.zweispalter_inhalt.grau {
  background: #F2F5F8;
  padding: 65px 0px 30px 0px;
}
.zweispalter_inhalt.grau hr {
  display: none;
}
.zweispalter_inhalt img {
  width: 100%;
  height: auto;
}
.zweispalter_inhalt img.klein {
  width: auto;
  margin-bottom: 20px;
}
.zweispalter_inhalt p.gross {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 45px;
}
.zweispalter_inhalt p img {
  width: auto;
  margin: 0px;
}
.zweispalter_inhalt .button {
  margin-bottom: 35px;
}
.zweispalter_inhalt .responsive_video {
  margin-bottom: 20px;
}
.zweispalter_inhalt .box {
  margin-bottom: 35px;
}
.zweispalter_inhalt .box img {
  height: 27px;
  width: auto;
  margin-bottom: 10px;
}
.zweispalter_inhalt .box p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
}
.zweispalter_inhalt .box p.ueberschrift {
  margin-bottom: 10px;
}
.zweispalter_inhalt .box p:last-child {
  margin-bottom: 10px;
}
.zweispalter_inhalt .box p strong {
  color: #38404D;
  font-weight: 500;
}
.zweispalter_inhalt .bild {
  position: relative;
}
.zweispalter_inhalt .bild:before {
  content: url(/basics/images/zweispalter_bild_bg.svg);
  position: absolute;
  right: -15px;
  top: -30px;
  z-index: -1;
}
.zweispalter_inhalt .bildbox {
  margin-bottom: 20px;
  position: relative;
}
.zweispalter_inhalt .bildbox.bildunterschrift:before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 100;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38404d+0,38404d+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0038404d', endColorstr='#8038404d',GradientType=0);
  /* IE6-9 */
}
.zweispalter_inhalt .bildbox p {
  position: absolute;
  left: 0px;
  bottom: 20px;
  z-index: 200;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin: 0px;
}
.zweispalter_inhalt hr {
  margin: 45px 0px 0px 0px;
  border: none;
  height: 2px;
  background: #F2F5F8;
}
.zweispalter_inhalt .bilderslider .bildbox {
  margin-bottom: 0px;
}
.zweispalter_inhalt .bilderslider .slick-dots {
  position: relative;
  left: inherit;
  bottom: inherit;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
}
.zweispalter_inhalt .bilderslider .slick-dots li {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 5px;
}
.zweispalter_inhalt .bilderslider .slick-dots li button {
  width: 13px;
  height: 13px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_inhalt .bilderslider .slick-dots li button:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background: #919BA5;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_inhalt .bilderslider .slick-dots li.slick-active button {
  border: 1px solid #FA6A00;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.zweispalter_inhalt .bilderslider .slick-dots li.slick-active button:before {
  background: #FA6A00;
}
.zweispalter_inhalt video {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
/***********************
Zweispalter Boxen
***********************/
.zweispalter_boxen {
  margin-bottom: 120px;
}
.zweispalter_boxen h2 {
  margin-bottom: 45px;
}
.zweispalter_boxen.grau {
  background: #F2F5F8;
  padding: 80px 0px;
  margin-bottom: 65px;
}
.zweispalter_boxen.grau .col-xl-6, .zweispalter_boxen.grau .col-lg-6, .zweispalter_boxen.grau .col-md-6, .zweispalter_boxen.grau .col-sm-12, .zweispalter_boxen.grau .col-12 {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.zweispalter_boxen.linie_nein {
  margin-bottom: 120px;
}
.zweispalter_boxen.ueberlappung {
  margin-bottom: 0px;
  position: relative;
}
.zweispalter_boxen.ueberlappung:after {
  content: "";
  display: block;
  width: 100%;
  height: 90px;
  background: #F2F5F8;
  position: absolute;
  left: 0px;
  bottom: -90px;
  z-index: -1;
}
.zweispalter_boxen .box {
  padding: 50px 7vw;
  text-align: center;
}
.zweispalter_boxen .box.linksbuendig {
  padding: 50px 5vw;
  text-align: left;
}
.zweispalter_boxen .col-xl-6, .zweispalter_boxen .col-lg-6, .zweispalter_boxen .col-md-6, .zweispalter_boxen .col-sm-12, .zweispalter_boxen .col-12 {
  border-top: 2px solid #F2F5F8;
  border-right: 2px solid #F2F5F8;
}
.zweispalter_boxen .col-xl-6:nth-child(1), .zweispalter_boxen .col-xl-6:nth-child(2), .zweispalter_boxen .col-lg-6:nth-child(1), .zweispalter_boxen .col-lg-6:nth-child(2), .zweispalter_boxen .col-md-6:nth-child(1), .zweispalter_boxen .col-md-6:nth-child(2), .zweispalter_boxen .col-sm-12:nth-child(1), .zweispalter_boxen .col-sm-12:nth-child(2), .zweispalter_boxen .col-12:nth-child(1), .zweispalter_boxen .col-12:nth-child(2) {
  border-top: none;
}
.zweispalter_boxen .col-xl-6:nth-child(even), .zweispalter_boxen .col-lg-6:nth-child(even), .zweispalter_boxen .col-md-6:nth-child(even), .zweispalter_boxen .col-sm-12:nth-child(even), .zweispalter_boxen .col-12:nth-child(even) {
  border-right: none;
}
.zweispalter_boxen .col-xl-6 img, .zweispalter_boxen .col-lg-6 img, .zweispalter_boxen .col-md-6 img, .zweispalter_boxen .col-sm-12 img, .zweispalter_boxen .col-12 img {
  height: 40px;
  width: auto;
  margin-bottom: 25px;
}
.zweispalter_boxen .col-xl-6 h2, .zweispalter_boxen .col-lg-6 h2, .zweispalter_boxen .col-md-6 h2, .zweispalter_boxen .col-sm-12 h2, .zweispalter_boxen .col-12 h2 {
  margin-bottom: 30px;
}
.zweispalter_boxen .col-xl-6 h3, .zweispalter_boxen .col-lg-6 h3, .zweispalter_boxen .col-md-6 h3, .zweispalter_boxen .col-sm-12 h3, .zweispalter_boxen .col-12 h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.zweispalter_boxen .col-xl-6 .button, .zweispalter_boxen .col-lg-6 .button, .zweispalter_boxen .col-md-6 .button, .zweispalter_boxen .col-sm-12 .button, .zweispalter_boxen .col-12 .button {
  margin-right: 15px;
}
.zweispalter_boxen hr {
  margin: 65px 0px 0px 0px;
  border: none;
  height: 2px;
  background: #F2F5F8;
}
/***********************
Zweispalter Bild & Video
***********************/
.zweispalter_bild_video {
  margin-bottom: 70px;
}
.zweispalter_bild_video .bildbox {
  margin-bottom: 20px;
  width: 100%;
  height: 0px;
  padding-bottom: 66%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.zweispalter_bild_video .bildbox .bildbox_box {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  text-align: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38404d+0,38404d+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0038404d', endColorstr='#8038404d',GradientType=0);
  /* IE6-9 */
}
.zweispalter_bild_video .bildbox .bildbox_box .bildbox_table {
  width: 100%;
  height: 100%;
  display: table;
}
.zweispalter_bild_video .bildbox .bildbox_box .bildbox_table .bildbox_tablecell {
  display: table-cell;
  vertical-align: middle;
}
.zweispalter_bild_video .bildbox .bildbox_box .bildbox_table .bildbox_tablecell span.videobutton {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #FA6A00;
  background-image: url(/basics/images/allgemein_icon_videobutton.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.zweispalter_bild_video .bildbox p {
  display: block;
  width: 100%;
  padding: 0px 10px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 0px;
  position: absolute;
  left: 0px;
  bottom: 3vw;
  z-index: 200;
  text-align: center;
}
.zweispalter_bild_video .bildbox.video {
  cursor: pointer;
}
.zweispalter_bild_video .bildbox.video .bildbox_box:hover .bildbox_table .bildbox_tablecell span.videobutton, .zweispalter_bild_video .bildbox.video .bildbox_box:focus .bildbox_table .bildbox_tablecell span.videobutton, .zweispalter_bild_video .bildbox.video .bildbox_box:active .bildbox_table .bildbox_tablecell span.videobutton {
  background-color: #38404D;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Vierspalter (Infos)
***********************/
.vierspalter_infos {
  margin-bottom: 65px;
}
.vierspalter_infos h2 {
  margin-bottom: 45px;
}
.vierspalter_infos.grau {
  background: #F2F5F8;
  padding: 60px 0px 1px 0px;
  margin-bottom: 65px;
}
.vierspalter_infos.grau.linie_nein {
  margin-bottom: 65px;
}
.vierspalter_infos.linie_nein {
  margin-bottom: 5px;
}
.vierspalter_infos .box {
  margin-bottom: 60px;
}
.vierspalter_infos .box p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.vierspalter_infos .box p strong {
  font-size: 16px;
  font-weight: 500px;
}
.vierspalter_infos hr {
  margin: 10px 0px 0px 0px;
  border: none;
  height: 2px;
  background: #F2F5F8;
}
/***********************
Anwendungsbereiche
***********************/
.anwendungsbereiche {
  padding-bottom: 70px;
}
.anwendungsbereiche.reduziert {
  padding-bottom: 50px;
}
.anwendungsbereiche.reduziert p {
  font-size: 16px;
  margin-bottom: 40px;
}
.anwendungsbereiche.reduziert p strong {
  font-size: 16px;
}
.anwendungsbereiche h2 {
  margin-bottom: 45px;
}
.anwendungsbereiche .box {
  margin-bottom: 50px;
}
.anwendungsbereiche .box img {
  width: 100%;
  height: auto;
  margin-bottom: -25px;
}
.anwendungsbereiche .box p {
  font-size: 16px;
  line-height: 20px;
  margin: 0px;
}
.anwendungsbereiche .box p strong {
  display: block;
  font-weight: 500;
  color: #38404D;
  font-size: 16px;
}
.anwendungsbereiche .box.verlinkung {
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  /*&:hover, &:focus, &:active {
				-webkit-transition: .5s ease-in-out;
				-moz-transition: .5s ease-in-out;
				-o-transition: .5s ease-in-out;
				transition: .5s ease-in-out;
				padding: 15px;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				-ms-border-radius: 10px;
				-o-border-radius: 10px;
				-webkit-box-shadow: 0px 10px 15px 0px rgba(115,130,145,0.2);
				-moz-box-shadow: 0px 10px 15px 0px rgba(115,130,145,0.2);
				box-shadow: 0px 10px 15px 0px rgba(115,130,145,0.2);
			}*/
}
.anwendungsbereiche .anwendungsbereiche_slider {
  margin: 0px;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots {
  position: relative;
  left: inherit;
  bottom: inherit;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots li {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 5px;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots li button {
  width: 13px;
  height: 13px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots li button:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background: #919BA5;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots li.slick-active button {
  border: 1px solid #FA6A00;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.anwendungsbereiche .anwendungsbereiche_slider .slick-dots li.slick-active button:before {
  background: #FA6A00;
}
/***********************
Produktübersicht
***********************/
.produktuebersicht {
  background: #F2F5F8;
  padding: 90px 0px 40px 0px;
  margin-bottom: 70px;
}
.produktuebersicht.ueberlappung {
  margin-bottom: 0px;
  position: relative;
}
.produktuebersicht.ueberlappung:after {
  content: "";
  display: block;
  width: 100%;
  height: 90px;
  background: #F2F5F8;
  position: absolute;
  left: 0px;
  bottom: -90px;
  z-index: -1;
}
.produktuebersicht.reduziert {
  padding-bottom: 15px;
}
.produktuebersicht.reduziert h2 {
  margin-bottom: 35px;
}
.produktuebersicht.reduziert .box {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 101, 242, 0.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 101, 242, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(0, 101, 242, 0.1);
}
.produktuebersicht.reduziert .box:hover, .produktuebersicht.reduziert .box:focus, .produktuebersicht.reduziert .box:active {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
}
.produktuebersicht h2 {
  margin-bottom: 80px;
}
.produktuebersicht .box {
  margin-bottom: 50px;
  background: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.produktuebersicht .box:hover, .produktuebersicht .box:focus, .produktuebersicht .box:active {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.produktuebersicht .box:hover .bildbox, .produktuebersicht .box:focus .bildbox, .produktuebersicht .box:active .bildbox {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#738291+0,f2f5f8+100 */
  background: #738291;
  /* Old browsers */
  background: -moz-linear-gradient(top, #738291 0%, #f2f5f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #738291 0%, #f2f5f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #738291 0%, #f2f5f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#738291', endColorstr='#f2f5f8',GradientType=0);
  /* IE6-9 */
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.produktuebersicht .box:hover .textbox span.button.sekundaer, .produktuebersicht .box:focus .textbox span.button.sekundaer, .produktuebersicht .box:active .textbox span.button.sekundaer {
  background: #FA6A00;
  color: #ffffff;
}
.produktuebersicht .box .bildbox {
  background: #ffffff;
  height: 0px;
  padding-bottom: 65%;
  border-radius: 10px 10px 0px 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#738291+0,f2f5f8+100&0.3+0,0.3+100 */
  background: -moz-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d738291', endColorstr='#4df2f5f8',GradientType=0);
  /* IE6-9 */
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
}
.produktuebersicht .box .bildbox .bildbox_box {
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  position: absolute;
  left: 20%;
  right: 0px;
  width: 60%;
  bottom: 0px;
}
.produktuebersicht .box .bildbox.bg {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.produktuebersicht .box .textbox {
  padding: 25px 25px 30px 25px;
}
.produktuebersicht .box .textbox p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}
.produktuebersicht .box .textbox p:first-child {
  margin-bottom: 10px;
}
.produktuebersicht .box .textbox h3 {
  font-size: 22px;
  line-height: normal;
  font-weight: bold;
  margin-bottom: 20px;
}
.produktuebersicht .box .textbox span.button.sekundaer {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 18px 10px;
  line-height: normal;
}
/***********************
Kontakt & Service
***********************/
.kontakt_service {
  margin-bottom: 120px;
}
.kontakt_service .box {
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 85px 0px 30px 0px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.kontakt_service .box .linke_spalte, .kontakt_service .box .rechte_spalte {
  margin-bottom: 45px;
  position: relative;
  padding-bottom: 110px;
}
.kontakt_service .box h2 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 30px;
}
.kontakt_service .box p, .kontakt_service .box ul, .kontakt_service .box ol {
  color: #ffffff;
  opacity: 0.8;
}
.kontakt_service .box p a, .kontakt_service .box p a:link, .kontakt_service .box p a:visited, .kontakt_service .box ul a, .kontakt_service .box ul a:link, .kontakt_service .box ul a:visited, .kontakt_service .box ol a, .kontakt_service .box ol a:link, .kontakt_service .box ol a:visited {
  color: #FA6A00;
}
.kontakt_service .box p a:hover, .kontakt_service .box p a:focus, .kontakt_service .box p a:active, .kontakt_service .box ul a:hover, .kontakt_service .box ul a:focus, .kontakt_service .box ul a:active, .kontakt_service .box ol a:hover, .kontakt_service .box ol a:focus, .kontakt_service .box ol a:active {
  color: #FA6A00;
  text-decoration: underline;
}
.kontakt_service .box ul, .kontakt_service .box ol {
  padding-left: 16px;
}
.kontakt_service .box .callback_box {
  position: absolute;
  bottom: 0px;
  left: 15px;
  right: 15px;
  width: 100%;
  width: calc(100% - 30px);
}
.kontakt_service .box .callback_box h2 {
  margin-bottom: 20px;
}
.kontakt_service .box .callback_box .callback {
  position: relative;
}
.kontakt_service .box .callback_box .callback input {
  width: 100%;
  width: calc(100% - 130px);
  height: 48px;
  line-height: 46px;
  background: #ffffff;
  border: 1px solid #FA6A00;
  padding: 0px 15px;
  color: #738291;
  font-size: 16px;
}
.kontakt_service .box .callback_box .callback a, .kontakt_service .box .callback_box .callback a:link, .kontakt_service .box .callback_box .callback a:visited {
  display: inline-block;
  height: 48px;
  line-height: 46px;
  width: 140px;
  background: #FA6A00;
  border: 1px solid #FA6A00;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  padding: 0px 5px;
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.kontakt_service .box .callback_box .callback a:hover, .kontakt_service .box .callback_box .callback a:focus, .kontakt_service .box .callback_box .callback a:active {
  background: #ffffff;
  color: #FA6A00;
  border-left: none;
}
.kontakt_service .box a.button.primaer, .kontakt_service .box a.button.primaer:link, .kontakt_service .box a.button.primaer:visited, .kontakt_service .box a.button.primaer:hover, .kontakt_service .box a.button.primaer:focus, .kontakt_service .box a.button.primaer:active {
  position: absolute;
  bottom: 0px;
  left: 15px;
  height: 48px;
  line-height: 48px;
}
.kontakt_service .box a.button.sekundaer, .kontakt_service .box a.button.sekundaer:link, .kontakt_service .box a.button.sekundaer:visited, .kontakt_service .box a.button.sekundaer:hover, .kontakt_service .box a.button.sekundaer:focus, .kontakt_service .box a.button.sekundaer:active {
  position: absolute;
  bottom: 0px;
  left: 15px;
  height: 48px;
  line-height: 46px;
}
.kontakt_service .box .zweispaltig {
  width: 100%;
  margin-bottom: 20px;
}
.kontakt_service .box .zweispaltig ul {
  opacity: 1;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  -o-column-gap: 30px;
}
.kontakt_service .box .zweispaltig ul li a.link, .kontakt_service .box .zweispaltig ul li a.link:link, .kontakt_service .box .zweispaltig ul li a.link:visited {
  color: #ffffff;
  opacity: 0.8;
}
.kontakt_service .box .zweispaltig ul li a.link:hover, .kontakt_service .box .zweispaltig ul li a.link:focus, .kontakt_service .box .zweispaltig ul li a.link:active {
  color: #FA6A00;
  opacity: 1;
}
/***********************
Bildervergleich
***********************/
.bildervergleich {
  margin-bottom: 80px;
}
.bildervergleich .beforeAfter {
  margin-bottom: 30px;
  overflow: visible;
}
.bildervergleich .beforeAfter img {
  max-width: inherit;
}
.bildervergleich .beforeAfter .cndkbeforeafter-seperator {
  width: 5px !important;
  opacity: 1 !important;
  background: #FA6A00 !important;
  height: 120%;
  height: calc(100% + 40px);
  top: -20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.bildervergleich .beforeAfter .cndkbeforeafter-seperator div span {
  background: #FA6A00 !important;
  border: none !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.bildervergleich .beforeAfter .cndkbeforeafter-seperator div span:before {
  border-color: #ffffff;
  border-width: 2px 0 0 2px;
  padding: 8px;
  margin-top: -9px;
  margin-right: 12px;
}
.bildervergleich .beforeAfter .cndkbeforeafter-seperator div span:after {
  border-color: #ffffff;
  border-width: 0 2px 2px 0;
  padding: 8px;
  margin-top: -9px;
  margin-left: 12px;
}
.bildervergleich p {
  font-size: 18px;
  font-weight: 500;
  color: #38404D;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}
.bildervergleich p.text_rechts {
  display: block;
  text-align: right;
  margin-right: 0px;
}
.bildervergleich select {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  padding: 0px 15px;
  color: #FA6A00;
  border: 1px solid #FA6A00;
  background: #ffffff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
/***********************
Zurück-Link
***********************/
.zurueck_link {
  margin-bottom: 35px;
}
/***********************
Dreispalter dunkle Box
***********************/
.dreispalter_dunkel {
  margin-bottom: 100px;
}
.dreispalter_dunkel.ueberlappung {
  margin-top: -60px;
}
.dreispalter_dunkel .block {
  background: #38404D;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 40px 0px;
}
.dreispalter_dunkel .block .box {
  text-align: center;
  padding: 20px 0px;
}
.dreispalter_dunkel .block .box .plus {
  margin-bottom: 15px;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.dreispalter_dunkel .block .box .plus:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #8793A0;
  position: absolute;
  left: 0px;
  top: 14px;
}
.dreispalter_dunkel .block .box .plus:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #8793A0;
  position: absolute;
  top: 0px;
  left: 14px;
}
.dreispalter_dunkel .block .box h4 {
  color: #ffffff;
  margin-bottom: 20px;
}
.dreispalter_dunkel .block .box h4.groesser {
  font-size: 40px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 15px;
}
.dreispalter_dunkel .block .box p {
  color: #8793A0;
  width: 100%;
  max-width: 250px;
  margin: 0px auto 20px auto;
}
/***********************
Großes Bild mit Inhaltsbox
***********************/
.bild_inhaltsbox {
  margin-bottom: 170px;
  position: relative;
}
.bild_inhaltsbox img {
  width: 100%;
  height: auto;
}
.bild_inhaltsbox .block {
  position: absolute;
  left: 0px;
  bottom: -5vw;
  z-index: 100;
  width: 100%;
}
.bild_inhaltsbox .block .box {
  padding: 90px 45px 40px 45px;
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.bild_inhaltsbox .block .box img {
  width: auto;
  margin-bottom: 10px;
}
.bild_inhaltsbox .block .box h4 {
  color: #ffffff;
  margin-bottom: 35px;
}
.bild_inhaltsbox .block .box p {
  font-size: 18px;
  line-height: 28px;
  color: #8793A0;
  margin-bottom: 30px;
}
/***********************
Videoloop
***********************/
.videoloop.abstand {
  margin-bottom: 65px;
}
.videoloop .inline-YTPlayer {
  height: 570px !important;
  max-width: none !important;
}
.videoloop .inline-YTPlayer .YTplayer {
  height: 100% !important;
  padding: 0px !important;
}
.videoloop .noYT {
  position: relative;
  width: 100%;
  background: #F2F5F8;
  text-align: center;
  padding: 50px 15px;
}
.videoloop .noYT .noYT_box {
  display: table;
  width: 100%;
  height: 100%;
}
.videoloop .noYT .noYT_box .noYT_center {
  display: table-cell;
  vertical-align: middle;
}
.videoloop .noYT .noYT_box .noYT_center p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
/***********************
Video lokal ganze Breite
***********************/
.video_lokal.abstand {
  margin-bottom: 65px;
}
.video_lokal video {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
/***********************
Galerieuebersicht
***********************/
.galerieuebersicht {
  margin-bottom: 80px;
}
.galerieuebersicht h2 {
  margin-bottom: 45px;
}
.galerieuebersicht .bildbox_box {
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
}
.galerieuebersicht .bildbox_box .box {
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  z-index: 100;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38404d+0,38404d+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(56, 64, 77, 0) 0%, rgba(56, 64, 77, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0038404d', endColorstr='#8038404d',GradientType=0);
  /* IE6-9 */
}
.galerieuebersicht .bildbox_box .box .box_table {
  display: table;
  height: 100%;
  width: 100%;
}
.galerieuebersicht .bildbox_box .box .box_table .box_tablecell {
  display: table-cell;
  vertical-align: middle;
}
.galerieuebersicht .bildbox_box .box .box_table .box_tablecell span.plusbutton {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #FA6A00;
  background-image: url(/basics/images/allgemein_icon_plus.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.galerieuebersicht .bildbox_box p {
  opacity: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  padding: 0px 15px;
  margin: 0px;
  position: absolute;
  z-index: 200;
  left: 0px;
  bottom: 20px;
  width: 100%;
}
.galerieuebersicht .bildbox_box .bildbox {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.galerieuebersicht .bildbox_box:hover .bildbox, .galerieuebersicht .bildbox_box:focus .bildbox, .galerieuebersicht .bildbox_box:active .bildbox {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transform: scale(1.2);
}
.galerieuebersicht .bildbox_box:hover .box, .galerieuebersicht .bildbox_box:hover p, .galerieuebersicht .bildbox_box:focus .box, .galerieuebersicht .bildbox_box:focus p, .galerieuebersicht .bildbox_box:active .box, .galerieuebersicht .bildbox_box:active p {
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.galerieuebersicht .bildbox_text {
  padding-bottom: 20px;
  margin-top: -20px;
}
.galerieuebersicht .bildbox_text p, .galerieuebersicht .bildbox_text ul, .galerieuebersicht .bildbox_text ol {
  margin-bottom: 10px;
}
.galerieuebersicht .button {
  margin-top: 30px;
}
/***********************
Produktliste
***********************/
.produktliste {
  margin-top: 40px;
  margin-bottom: 65px;
  padding: 40px 0px;
  background: #38404D;
}
.produktliste .box {
  padding: 80px 0px;
}
.produktliste .box .bild.herausragend {
  position: relative;
  height: 100%;
}
.produktliste .box .bild.herausragend img {
  position: absolute;
  left: 0px;
  top: -65%;
  height: 230%;
  width: auto;
  max-width: inherit;
}
.produktliste .box h2 {
  color: #ffffff;
}
.produktliste .box p, .produktliste .box ul, .produktliste .box ol {
  color: #8793A0;
}
.produktliste .box ul, .produktliste .box ol {
  padding-left: 17px;
}
.produktliste .box .button {
  margin-top: 10px;
}
/***********************
Newsliste
***********************/
.newsliste {
  background: #F2F5F8;
  padding: 90px 0px 40px 0px;
  margin-bottom: 70px;
}
.newsliste .box {
  margin-bottom: 50px;
  background: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.newsliste .box:hover, .newsliste .box:focus, .newsliste .box:active {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.newsliste .box:hover .bildbox, .newsliste .box:focus .bildbox, .newsliste .box:active .bildbox {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#738291+0,f2f5f8+100 */
  background: #738291;
  /* Old browsers */
  background: -moz-linear-gradient(top, #738291 0%, #f2f5f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #738291 0%, #f2f5f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #738291 0%, #f2f5f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#738291', endColorstr='#f2f5f8',GradientType=0);
  /* IE6-9 */
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.newsliste .box:hover .textbox span.button.sekundaer, .newsliste .box:focus .textbox span.button.sekundaer, .newsliste .box:active .textbox span.button.sekundaer {
  background: #FA6A00;
  color: #ffffff;
}
.newsliste .box .bildbox {
  background: #ffffff;
  height: 0px;
  padding-bottom: 65%;
  border-radius: 10px 10px 0px 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#738291+0,f2f5f8+100&0.3+0,0.3+100 */
  background: -moz-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d738291', endColorstr='#4df2f5f8',GradientType=0);
  /* IE6-9 */
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
}
.newsliste .box .bildbox .bildbox_box {
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  position: absolute;
  left: 15%;
  right: 0px;
  width: 70%;
  bottom: 0px;
}
.newsliste .box .bildbox.bg {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.newsliste .box .textbox {
  padding: 25px 25px 30px 25px;
}
.newsliste .box .textbox p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}
.newsliste .box .textbox p:first-child {
  margin-bottom: 10px;
}
.newsliste .box .textbox h3 {
  font-size: 22px;
  line-height: normal;
  font-weight: bold;
  margin-bottom: 20px;
}
.newsliste .box .textbox span.button.sekundaer {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 18px 10px;
  line-height: normal;
}
/***********************
Headline & Text
***********************/
.headline_text {
  padding-bottom: 50px;
}
.headline_text img {
  margin-bottom: 20px;
}
.headline_text ul, .headline_text ol {
  padding-left: 17px;
}
.headline_text table {
  width: 100%;
  max-width: 850px;
}
.headline_text table tr td {
  vertical-align: top;
  padding: 0px;
  border: 1px solid #F2F5F8;
}
.headline_text table tr td p {
  margin: 0px;
  padding: 10px 20px;
}
.headline_text table tr:nth-child(even) td {
  background: #F2F5F8;
}
.headline_text.zweispaltig p, .headline_text.zweispaltig ul, .headline_text.zweispaltig ol {
  width: 100%;
  max-width: 470px;
}
.headline_text.zweispaltig a.button.primaer.popup-youtube, .headline_text.zweispaltig a.button.primaer.popup-youtube:link, .headline_text.zweispaltig a.button.primaer.popup-youtube:visited, .headline_text.zweispaltig a.button.primaer.popup-youtube:hover, .headline_text.zweispaltig a.button.primaer.popup-youtube:focus, .headline_text.zweispaltig a.button.primaer.popup-youtube:active {
  padding-left: 20px;
}
.headline_text.zweispaltig a.button.primaer.popup-youtube:before, .headline_text.zweispaltig a.button.primaer.popup-youtube:link:before, .headline_text.zweispaltig a.button.primaer.popup-youtube:visited:before, .headline_text.zweispaltig a.button.primaer.popup-youtube:hover:before, .headline_text.zweispaltig a.button.primaer.popup-youtube:focus:before, .headline_text.zweispaltig a.button.primaer.popup-youtube:active:before {
  content: url(/basics/images/allgemein_icon_videobutton.svg);
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
}
/***********************
NL-Formular
***********************/
#nlform2 {
  width: 100%;
  max-width: 750px;
}
#nlform2 table {
  width: 100%;
}
#nlform2 table td {
  width: 70%;
  vertical-align: top;
  padding-bottom: 10px;
}
#nlform2 table td:first-child {
  padding-right: 15px;
  width: 30%;
}
#nlform2 table td input[type="text"] {
  height: 40px;
  line-height: 38px;
  border: 1px solid #919BA5;
  padding: 0px 10px;
  width: 100%;
}
/***********************
Projektseite
***********************/
.projektseite .einstiegsbild {
  padding-bottom: 70px;
}
.projektseite .einstiegsbild a.link.back, .projektseite .einstiegsbild a.link.back:link, .projektseite .einstiegsbild a.link.back:visited {
  font-size: clamp(16px, 2vw, 20px);
  color: #FA6A00;
  background-image: url(/basics/images/allgemein_icon_link_zurueck.svg);
  background-position: left center;
  margin-bottom: 10px;
}
.projektseite .einstiegsbild a.link.back:hover, .projektseite .einstiegsbild a.link.back:focus, .projektseite .einstiegsbild a.link.back:active {
  color: #38404D;
}
.projektseite .einstiegsbild .bild {
  height: clamp(300px, 25vw, 440px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.projektseite .einstiegsbild .bild img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.projektseite .einstiegsbild .bild .textbox {
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 10;
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px;
  width: 550px;
  max-width: calc(100% - 30px);
}
.projektseite .einstiegsbild .bild .textbox p {
  margin: 0px;
  color: #919BA5;
}
.projektseite .einstiegsbild .bild .textbox p strong {
  color: #ffffff;
}
.projektseite .einstiegstext {
  padding-bottom: 70px;
}
.projektseite .einstiegstext img {
  display: block;
  margin: 0px auto 20px auto;
}
.projektseite .infobloecke {
  padding-bottom: 70px;
}
.projektseite .infobloecke hr {
  margin: 0px;
  margin-bottom: clamp(40px, 4vw, 70px);
  border: none;
  height: 2px;
  background: #F2F5F8;
}
.projektseite .infobloecke .box {
  padding-bottom: clamp(20px, 3vw, 50px);
}
.projektseite .infobloecke .box:last-child {
  padding-bottom: 0px;
}
.projektseite .infobloecke .box img {
  margin-bottom: 20px;
}
.projektseite .fakten {
  text-align: center;
  padding-bottom: 70px;
}
.projektseite .fakten .bg {
  padding-top: clamp(35px, 5vw, 75px);
  padding-bottom: clamp(15px, 5vw, 55px);
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
}
.projektseite .fakten .box {
  margin: 0px auto;
  width: 175px;
  max-width: 100%;
}
.projektseite .fakten .box .zahl {
  font-size: clamp(30px, 3vw, 45px);
  font-weight: 500;
  color: #ffffff;
}
.projektseite .fakten .box .fakt {
  color: #919BA5;
  margin-bottom: 20px;
}
.projektseite .kunden {
  text-align: center;
  padding-bottom: 70px;
}
.projektseite .kunden img {
  width: 85px;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin-bottom: 15px;
}
.projektseite .kunden p {
  margin: 0px;
}
.projektseite .anwendungsbereiche {
  padding-bottom: 30px;
}
.projektseite .anwendungsbereiche .anwendungsbereiche_slider .slick-dots {
  margin-bottom: 50px;
}
.projektseite .verwandt {
  padding-bottom: 50px;
}
.projektseite .verwandt .box {
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  margin-bottom: 20px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projektseite .verwandt .box span {
  display: block;
  font-size: 14px;
  color: #919BA5;
  margin-bottom: 3px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projektseite .verwandt .box h3 {
  margin: 0px;
  color: #ffffff;
}
.projektseite .verwandt .box:hover, .projektseite .verwandt .box:focus, .projektseite .verwandt .box:active {
  background: #FA6A00;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projektseite .verwandt .box:hover span, .projektseite .verwandt .box:focus span, .projektseite .verwandt .box:active span {
  opacity: 0.7;
  color: #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Projektliste
***********************/
.projektliste {
  padding-bottom: 70px;
}
.projektliste .box {
  margin-bottom: 50px;
  background: #38404D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box:hover, .projektliste .box:focus, .projektliste .box:active {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -moz-box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(115, 130, 145, 0.2);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box:hover .bildbox:before, .projektliste .box:focus .bildbox:before, .projektliste .box:active .bildbox:before {
  opacity: 0.5;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box:hover .bildbox .active, .projektliste .box:focus .bildbox .active, .projektliste .box:active .bildbox .active {
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box:hover .textbox p, .projektliste .box:focus .textbox p, .projektliste .box:active .textbox p {
  color: #ffffff;
  opacity: 0.7;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box .bildbox {
  background: #ffffff;
  height: 0px;
  padding-bottom: 65%;
  border-radius: 10px 10px 0px 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#738291+0,f2f5f8+100&0.3+0,0.3+100 */
  background: -moz-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(115, 130, 145, 0.3) 0%, rgba(242, 245, 248, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d738291', endColorstr='#4df2f5f8',GradientType=0);
  /* IE6-9 */
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  overflow: hidden;
}
.projektliste .box .bildbox:before {
  content: "";
  display: block;
  background: #38404D;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box .bildbox .active {
  background: #FA6A00;
  height: 62px;
  width: 62px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  left: calc(50% - 31px);
  top: calc(50% - 31px);
  z-index: 20;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  text-align: center;
}
.projektliste .box .bildbox .active:before {
  content: "+";
  color: #ffffff;
  font-size: 35px;
  line-height: 62px;
}
.projektliste .box .bildbox .bildbox_box {
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  position: absolute;
  left: 15%;
  right: 0px;
  width: 70%;
  bottom: 0px;
}
.projektliste .box .bildbox.bg {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.projektliste .box .textbox {
  padding: 25px 25px 30px 25px;
}
.projektliste .box .textbox p {
  color: #919BA5;
  margin-bottom: 10px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.projektliste .box .textbox h3 {
  color: #ffffff;
  margin: 0px;
}
.projektliste .buttonbox {
  text-align: center;
  padding-top: 20px;
}
/***********************
Akkordeon FAQ
***********************/
.akkordeon_faq {
  padding-bottom: 70px;
}
.akkordeon_faq .akkordeonbox {
  padding: 15px 0px;
  border-top: 2px solid #F2F5F8;
}
.akkordeon_faq .akkordeonbox:first-child {
  border: none;
  padding-top: 0px;
}
.akkordeon_faq .akkordeonbox h4.akkordeon {
  padding-right: 30px;
  background-image: url(/basics/images/icon_akkordeon_zu.svg);
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.akkordeon_faq .akkordeonbox h4.akkordeon.akkordeon_offen {
  background-image: url(/basics/images/icon_akkordeon_offen.svg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.akkordeon_faq .akkordeonbox .textbox {
  padding: 10px 30px 0px 25px;
  width: 750px;
  max-width: 100%;
}
/***********************
Footer
***********************/
.footer {
  padding: 35px 0px 30px 0px;
  background: #454E5D;
  border-bottom: 1px solid #86939F;
}
.footer img.logo {
  margin-bottom: 20px;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p, .footer table, .footer ul, .footer ol {
  color: #ffffff;
}
.footer h4 {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 10px;
}
.footer p, .footer ul, .footer ol, .footer table {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.footer p a:hover, .footer p a:focus, .footer p a:active, .footer ul a:hover, .footer ul a:focus, .footer ul a:active, .footer ol a:hover, .footer ol a:focus, .footer ol a:active, .footer table a:hover, .footer table a:focus, .footer table a:active {
  color: #FA6A00;
  text-decoration: underline;
}
.footer .zweispaltig {
  display: inline-block;
  width: auto;
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  -o-column-gap: 30px;
}
.footer ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.footer ul.footernavi_1 li {
  display: block;
  margin-bottom: 5px;
}
.footer ul.footernavi_1 li a, .footer ul.footernavi_1 li a:link, .footer ul.footernavi_1 li a:visited {
  display: block;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  color: #ffffff;
}
.footer ul.footernavi_1 li a:hover, .footer ul.footernavi_1 li a:focus, .footer ul.footernavi_1 li a:active {
  color: #FA6A00;
  text-decoration: none;
}
.footer ul.footernavi_1 li.active a, .footer ul.footernavi_1 li.active a:link, .footer ul.footernavi_1 li.active a:visited, .footer ul.footernavi_1 li.active a:hover, .footer ul.footernavi_1 li.active a:focus, .footer ul.footernavi_1 li.active a:active {
  color: #FA6A00;
  text-decoration: none;
}
.copyright {
  padding: 20px 0px 10px 0px;
  background: #38404D;
}
.copyright p {
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  margin: 0px 30px 10px 0px;
  display: inline-block;
  vertical-align: bottom;
  width: auto;
}
.copyright ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  list-style-type: none;
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  line-height: normal;
}
.copyright ul li {
  display: inline-block;
  vertical-align: top;
}
.copyright ul.footernavi_2 {
  margin-right: 10px;
  font-size: 16px;
}
.copyright ul.footernavi_2 li {
  margin-right: 30px;
}
.copyright ul.footernavi_2 li a, .copyright ul.footernavi_2 li a:link, .copyright ul.footernavi_2 li a:visited {
  font-size: 16px;
  line-height: normal;
  color: #919BA5;
}
.copyright ul.footernavi_2 li a:hover, .copyright ul.footernavi_2 li a:focus, .copyright ul.footernavi_2 li a:active {
  color: #FA6A00;
  text-decoration: none;
}
.copyright ul.footernavi_2 li.active a, .copyright ul.footernavi_2 li.active a:link, .copyright ul.footernavi_2 li.active a:visited, .copyright ul.footernavi_2 li.active a:hover, .copyright ul.footernavi_2 li.active a:focus, .copyright ul.footernavi_2 li.active a:active {
  color: #FA6A00;
  text-decoration: none;
}
.copyright ul.footernavi_3 {
  font-size: 12px;
}
.copyright ul.footernavi_3 li {
  margin-right: 20px;
}
.copyright ul.footernavi_3 li a, .copyright ul.footernavi_3 li a:link, .copyright ul.footernavi_3 li a:visited {
  font-size: 12px;
  line-height: normal;
  color: #919BA5;
}
.copyright ul.footernavi_3 li a:hover, .copyright ul.footernavi_3 li a:focus, .copyright ul.footernavi_3 li a:active {
  color: #FA6A00;
  text-decoration: none;
}
.copyright ul.footernavi_3 li.active a, .copyright ul.footernavi_3 li.active a:link, .copyright ul.footernavi_3 li.active a:visited, .copyright ul.footernavi_3 li.active a:hover, .copyright ul.footernavi_3 li.active a:focus, .copyright ul.footernavi_3 li.active a:active {
  color: #FA6A00;
  text-decoration: none;
}
.copyright ul.social {
  display: block;
  width: 100%;
  text-align: right;
}
.copyright ul.social li {
  display: inline-block;
  vertical-align: middle;
  margin: 3px;
}
/***********************
Media Query
***********************/
@media (max-width: 1199.98px) {
  .produktliste {
    margin-top: 0px;
  }
  .produktliste .box .bild.herausragend img {
    position: relative;
    left: inherit;
    top: inherit;
    height: auto;
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .header a.button.sekundaer, .header a.button.sekundaer:link, .header a.button.sekundaer:visited, .header a.button.sekundaer:hover, .header a.button.sekundaer:focus, .header a.button.sekundaer:active {
    display: none;
  }
  .header ul.main_navi {
    margin-right: 0px;
  }
  .headerbild .bildbox {
    position: relative;
    bottom: inherit;
    right: inherit;
    height: 100%;
  }
  .headerbild .bildbox .bildbox_table .bildbox_tablecell {
    vertical-align: middle;
  }
  .headerbild .bildbox.abgeschnitten .bildbox_table .bildbox_tablecell img {
    height: auto;
    width: auto;
    max-width: 100%;
  }
  .bild_inhaltsbox .block {
    bottom: -12vw;
  }
  .bild_inhaltsbox .block .box {
    padding: 30px;
  }
  .bild_inhaltsbox .block .box h4 {
    margin-bottom: 20px;
  }
  .bild_inhaltsbox .block .box p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767.98px) {
  a.button.sekundaer, a.button.sekundaer:link, a.button.sekundaer:visited, input[type="submit"].button.sekundaer, button.button.sekundaer, span.button.sekundaer {
    color: #ffffff;
    background: #FA6A00;
    border: none;
  }
  a.button.sekundaer:hover, a.button.sekundaer:focus, a.button.sekundaer:active, input[type="submit"].button.sekundaer:hover, input[type="submit"].button.sekundaer:focus, input[type="submit"].button.sekundaer:active, button.button.sekundaer:hover, button.button.sekundaer:focus, button.button.sekundaer:active, span.button.sekundaer:hover, span.button.sekundaer:focus, span.button.sekundaer:active {
    background: #38404D;
  }
  .header {
    padding-bottom: 20px;
  }
  .header hr {
    margin-bottom: 10px;
  }
  .header ul.main_navi {
    display: none;
  }
  .header ul.meta_navi {
    margin-bottom: 0px;
  }
  .header button.mobilebutton {
    display: inline-block;
  }
  .headerbild_box {
    padding-bottom: 55px;
  }
  .headerbild_box .headerbild {
    padding: 20px 0px 0px 0px;
  }
  .headerbild_box .headerbild .textblock_table {
    padding: 0px 0px 15px 0px;
    height: auto;
  }
  .headerbild_box .headerbild .textblock_table .textblock_tablecell h1, .headerbild_box .headerbild .textblock_table .textblock_tablecell p {
    max-width: inherit;
  }
  .headerbild_box .headerbild .rechte_spalte {
    background-image: url(/basics/images/headerbild_bg_bild.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% auto;
  }
  .logoleiste {
    padding-bottom: 80px;
  }
  .anwendungsbereiche {
    padding-bottom: 50px;
  }
  .anwendungsbereiche h2 {
    margin-bottom: 25px;
  }
  .anwendungsbereiche .box {
    margin-bottom: 25px;
  }
  .anwendungsbereiche.reduziert {
    padding-bottom: 10px;
  }
  .produktuebersicht {
    padding: 45px 0px 1px 0px;
  }
  .produktuebersicht h2 {
    margin-bottom: 45px;
  }
  .zweispalter_inhalt {
    margin-bottom: 45px;
  }
  .zweispalter_inhalt.grau {
    padding: 45px 0px 10px 0ox;
  }
  .zweispalter_inhalt br {
    display: none;
  }
  .zweispalter_inhalt p.gross {
    margin-bottom: 35px;
  }
  .zweispalter_inhalt hr {
    margin-top: 25px;
  }
  .zweispalter_inhalt .button {
    margin-bottom: 20px;
  }
  .bildervergleich {
    margin-bottom: 50px;
  }
  .bildervergleich p {
    display: block;
    text-align: right;
  }
  .bildervergleich p.bezeichnung {
    display: none;
  }
  .bildervergleich select {
    max-width: 100%;
  }
  .zweispalter_bild_video {
    margin-bottom: 30px;
  }
  .zweispalter_boxen {
    margin-bottom: 30px;
  }
  .zweispalter_boxen.grau {
    padding: 50px 0px 10px 0px;
    margin-bottom: 50px;
  }
  .zweispalter_boxen.grau.linie_nein {
    margin-bottom: 50px;
  }
  .zweispalter_boxen.grau.ueberlappung {
    margin-bottom: 0px;
  }
  .zweispalter_boxen.grau.ueberlappung.linie_nein {
    margin-bottom: 0px;
  }
  .zweispalter_boxen.linie_nein {
    margin-bottom: 30px;
  }
  .zweispalter_boxen .col-xl-6, .zweispalter_boxen .col-lg-6, .zweispalter_boxen .col-md-6, .zweispalter_boxen .col-sm-12, .zweispalter_boxen .col-12 {
    border: none !important;
  }
  .zweispalter_boxen .col-xl-6:nth-child(1), .zweispalter_boxen .col-xl-6:nth-child(2), .zweispalter_boxen .col-lg-6:nth-child(1), .zweispalter_boxen .col-lg-6:nth-child(2), .zweispalter_boxen .col-md-6:nth-child(1), .zweispalter_boxen .col-md-6:nth-child(2), .zweispalter_boxen .col-sm-12:nth-child(1), .zweispalter_boxen .col-sm-12:nth-child(2), .zweispalter_boxen .col-12:nth-child(1), .zweispalter_boxen .col-12:nth-child(2) {
    border: none !important;
  }
  .zweispalter_boxen .col-xl-6 img, .zweispalter_boxen .col-lg-6 img, .zweispalter_boxen .col-md-6 img, .zweispalter_boxen .col-sm-12 img, .zweispalter_boxen .col-12 img {
    margin-bottom: 20px;
  }
  .zweispalter_boxen .col-xl-6 h3, .zweispalter_boxen .col-lg-6 h3, .zweispalter_boxen .col-md-6 h3, .zweispalter_boxen .col-sm-12 h3, .zweispalter_boxen .col-12 h3 {
    margin-bottom: 15px;
  }
  .zweispalter_boxen .box {
    padding: 0px;
    margin-bottom: 50px;
  }
  .zweispalter_boxen .box.linksbuendig {
    padding: 0px;
    margin-bottom: 50px;
  }
  .vierspalter_infos {
    margin-bottom: 50px;
  }
  .vierspalter_infos.grau {
    padding: 50px 0px 1px 0px;
    margin-bottom: 50px;
  }
  .vierspalter_infos.grau hr {
    display: none;
  }
  .vierspalter_infos.linie_nein {
    margin-bottom: 0px;
  }
  .vierspalter_infos .box {
    margin-bottom: 50px;
  }
  .vierspalter_infos hr {
    margin: 0px;
  }
  .dreispalter_dunkel {
    margin-bottom: 60px;
  }
  .dreispalter_dunkel .block {
    padding: 10px 0px;
  }
  .bild_inhaltsbox {
    margin-bottom: 50px;
  }
  .bild_inhaltsbox .block {
    position: relative;
    left: inherit;
    bottom: inherit;
    margin-top: -70px;
  }
  .videoloop .inline-YTPlayer {
    height: 400px !important;
  }
  .galerieuebersicht .bildbox_box {
    margin-bottom: 15px;
  }
  .galerieuebersicht .bildbox_box .box, .galerieuebersicht .bildbox_box p {
    opacity: 1;
  }
  .kontakt_service {
    margin-bottom: 50px;
  }
  .kontakt_service .box {
    padding: 50px 0px 5px 0px;
  }
  .kontakt_service .box .rechte_spalte, .kontakt_service .box .linke_spalte {
    padding-bottom: 0px;
  }
  .kontakt_service .box .callback_box, .kontakt_service .box a.button.sekundaer, .kontakt_service .box a.button.sekundaer:link, .kontakt_service .box a.button.sekundaer:visited, .kontakt_service .box a.button.sekundaer:hover, .kontakt_service .box a.button.sekundaer:focus, .kontakt_service .box a.button.sekundaer:active {
    position: relative;
    bottom: inherit;
    left: inherit;
    right: inherit;
  }
  .kontakt_service .box .callback_box {
    width: 100%;
  }
  .footer .zweispaltig {
    display: inline-block;
    width: auto;
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-gap: 0px;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    -o-column-gap: 0px;
  }
  .copyright p {
    display: block;
    width: 100%;
    margin-right: 0px;
  }
}
@media (max-width: 575.98px) {
  .kontakt_service .box .linke_spalte, .kontakt_service .box .rechte_spalte {
    padding-bottom: 0px;
  }
  .kontakt_service .box .callback {
    position: relative;
    bottom: inherit;
    left: inherit;
    right: inherit;
    width: 100%;
  }
  .kontakt_service .box a.button.primaer, .kontakt_service .box a.button.primaer:link, .kontakt_service .box a.button.primaer:visited, .kontakt_service .box a.button.primaer:hover, .kontakt_service .box a.button.primaer:focus, .kontakt_service .box a.button.primaer:active {
    position: relative;
    bottom: inherit;
    left: inherit;
  }
  .copyright p, .copyright ul {
    display: block;
    width: 100%;
    margin: 0px 0px 10px 0px;
    text-align: center !important;
  }
  .copyright p.footernavi_2 li, .copyright p.footernavi_3 li, .copyright ul.footernavi_2 li, .copyright ul.footernavi_3 li {
    margin: 0px 10px;
  }
  .produktliste .box {
    padding: 40px 0px;
  }
  .produktliste .box .bild {
    margin-bottom: 20px;
  }
  .projektseite .fakten .box .zahl {
    margin-bottom: 0px;
  }
}