@charset "utf-8";
/*Base
---------------------------------------------------------*/
*{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  *behavior: url(http://wwwint.freshx.de/themes/freshxtheme/css/boxsizing.htc);
  color: #232931;
  outline: none;
}
html{
  font-size: 0.813em;
  line-height: 1.3em;
  font-weight: 400;
  font-family: 'Cairo', sans-serif;
}
.pagecontainer{
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

/*Base Styles
--------------------------------------------------------- */
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{vertical-align: bottom;max-width: 100%;height: auto;}
p{margin: 0 0 14px;padding: 0;}
strong{font-weight: 600;}
hr{margin: 0;}
a{text-decoration: none;color: #48afea;border-bottom:1px solid transparent;}
a:hover{border-bottom: 1px solid #48afea;}
a:after{content:'\f105';font-family: 'FontAwesome';padding-left: 5px;}
ul{list-style: none;margin: 0 0 14px;padding: 0 0 0 25px;}
li{position: relative;margin-left: -8px;}
li:before{
  content: "\f105";
  font-family: 'FontAwesome';
  position: absolute;
  color: #48afea;
  font-size: 14px;
  left: -17px;
}
li a:after{content:'';padding-left: 0;}
nav a:hover, ul.pagination a:hover{text-decoration: none;position: static; border-bottom:1px solid transparent;}
nav ul, ul.pagination{list-style: none;padding: 0;margin: 0;}
nav li, ul.pagination li{margin-left: 0;}
nav li:before, ul.pagination li:before{content: '';position: static;}

/*General Layout
---------------------------------------------------------*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
  padding: 0 10px;
  float: left;
  width: 100%;
}

/*OffCanvas Layout
---------------------------------------------------------*/
#responsive-menu{
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 10px;
}
#responsive-menu span:nth-child(1),
#responsive-menu span:nth-child(2),
#responsive-menu span:nth-child(3){
  width: 35px;
  height: 5px;
  background-color: #000;
  margin: 6px 0;
  transition: 0.4s;
  display: block;
}
#responsive-menu.active span:nth-child(1){
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}
#responsive-menu.active span:nth-child(2){opacity: 0;}
#responsive-menu.active span:nth-child(3){
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
#canvascontainer{
  left: 0;
  width: 100%;
  position: relative;
  -webkit-transition: left .5s ease-in-out;
  transition: left .5s ease-in-out;
}
#canvascontainer.movePage{
  left: 80%;
  position: fixed;
}

/*Headlines
--------------------------------------------------------- */
.h1,h1{
  font-size: 1.923em;
  line-height: 1.0em;
  font-weight: 400;
  margin: 0 0 14px 0;
  color: #48afea;
}
.h2,h2{
  font-size: 1.538em;
  line-height: 1.3em;
  font-weight: 300;
  margin: 0 0 14px 0;
}
.h3,h3{
  font-size: 1.231em;
  line-height: 1.3em;
  font-weight: 600;
  margin: 0 0 14px 0;
}

/* Other Fonts
--------------------------------------------------------- */
#meta-navigation a,
footer #footer-nav a{
  font-size: 0.846em;
  line-height: 1.4em;
  font-weight: 400;
}
#main-navigation a{
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 400;
}
footer p{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 400;
}

/*  Links
--------------------------------------------------------- */
a.btn,
p.btn > a,
a span.btn{
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid #6a6f75;
  color: #232931;
  border-radius: 20px;
  margin: 0 0 14px 0;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 400;
}
a.btn:hover,
p.btn:hover > a,
a:hover span.btn{
  text-decoration: none;
  border-color: #48afea;
  color: #48afea;
}
p.btn > a{
  margin:0;
}

/*Navigation
---------------------------------------------------------*/
#nav-header-container{
  width: 80%;
  height: 100%;
  position: fixed;
  left: -80%;
  top: 0;
  -webkit-transition: left .5s ease-in-out;
  transition: left .5s ease-in-out;
}
#nav-header-container hr{margin-top: 5px;}
#nav-header-container.oncanvas{left: 0;}
#meta-navigation a,
#meta-navigation i,
#main-navigation a{
  color: #fff;
}
#meta-navigation li{
  display: inline-block;
}
#meta-navigation a,
#main-navigation a{
  display: block;
}
#meta-navigation a{
  padding: 10px 10px 5px;
}
#main-navigation a{
  padding: 15px 10px;
}
#main-navigation a{
  text-transform: uppercase;
}
#meta-navigation a:nth-child(-n+2){padding-left:0;}
#meta-navigation a:hover,
#meta-navigation a:active,
#meta-navigation li.current a,
#meta-navigation li.section a,
#meta-navigation i:hover,
#meta-navigation i:active,
#main-navigation a:hover,
#main-navigation a:active,
#main-navigation li.current a,
#main-navigation li.section a{
  color: #48afea;
}
#meta-navigation, #main-navigation{
  background: #1a242e;
}
#main-navigation{
  height: 100%;
}

/*Pagination
---------------------------------------------------------*/
ul.pagination{
  padding: 0;
  text-align: center;
}
ul.pagination li {display: inline-block;}
ul.pagination li *{color: #232931;}
ul.pagination li a{
  display: block;
  text-decoration: none;
  padding: 5px 10px;
}
ul.pagination li a:hover, ul.pagination li i:hover, ul.pagination .active a {color: #48afea;}

/*Header
---------------------------------------------------------*/
.logo-container{padding-top: 110px;}
#logo{
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -77.5px;
  margin-top: -26px;
}
#logo:hover{border-bottom: 1px solid transparent;}
#logo img{width: 155px;}
#header-top{min-height: 100px;}

/*Slider*/
.slider-img{padding: 3% 10%;}
.slider-circle-wrapper *{color: #fff;}
.slider-circle-wrapper ul li:before{
  content: '\f055';
  color: #fff;
}
.slider-circle-wrapper{
  max-width: 420px;
  margin: 0 auto;
}
.slider-circle{
  background: rgb(0,97,176,0.6);
  background: -moz-linear-gradient(left, rgba(0,97,176,0.8) 1%, rgba(0,188,240,0.8) 43%);
  background: -webkit-linear-gradient(left, rgba(0,97,176,0.8) 1%,rgba(0,188,240,0.8) 43%);
  background: linear-gradient(to right, rgba(0,97,176,0.8) 1%,rgba(0,188,240,0.8) 43%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061b0', endColorstr='#00bcf0',GradientType=1 );
  width: 50%;
  height: 0px;
  padding: 50%;
  border-radius: 50%;
}
.circle-headline{
  margin-bottom: 20px;
  text-transform: uppercase;
}
.circle-multiline{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 200px;
}
.open-overlay{cursor: pointer;}
.overlay-btn{
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid #6a6f75;
  color: #fff;
  border-radius: 20px;
  margin: 0 0 14px 0;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 400;
  cursor: pointer;
}
.open-overlay:hover .overlay-btn{
  background: #fff;
  border-color: #48afea;
  color: #48afea;
}
.slider-overlay{
  display: none;
  transition: opacity 0.5s ease-out;
  opacity: 0;
}
.slider-overlay.overlay-active{
  display: block;
  opacity: 1;
}
.overlay-container{
  background: rgba(43,18,26,0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}
.overlay-wrapper *{color: #fff ;}
.overlay-wrapper{
  padding: 130px 10px 0 10px;
  margin: auto;
  max-width: 1200px;
}
.overlay-inner{
  width: 80%;
  overflow-x: hidden;
  max-height: 600px;
  overflow-y: auto;
}
.overlay-inner ul li:before{
  content: '\f055';
  color: #fff;
}
.close-overlay-btn{
  position: absolute;
  right: 20px;
  top: 40px;
  z-index: 1;
  cursor: pointer;
}
.close-overlay-btn span{
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
  display: block;
}
.close-overlay-btn span:nth-child(1){
  -webkit-transform: rotate(-45deg) translate(-2px, -1px) ;
  transform: rotate(-45deg) translate(-1px, -1px);
}
.close-overlay-btn span:nth-child(2){
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
.headerImage{
  height:150px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.defaultImg{
  height:350px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}




/*Content
--------------------------------------------------------- */
/*HomePage.ss*/
.calendar-box{
  position: relative;
  display: block;
  width: 120px;
  height: 120px;
  margin: auto  auto 14px auto;
  border: 1px solid #8a8f95;
  color: #2b2a2d;
  line-height: 1.7em;
}
.tpl-home-overlay{
  display: block;
  position: relative;
}
.tpl-home-overlay:after{
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(32,36,41,0.6);
  top: 0;
  left: 0;
}
#hexagon-container *{
  color: #fff;
}
#hexagon-wrapper{
  margin-left: 9.43%;
  margin-bottom:40px;
}
.hexagon-col{
  width: 45.33%;
  padding-top: 52.63%;
  float: left;
  position: relative;
}
.hexagon-img{
  position: absolute;
  top: 0;
  opacity: 0.3;
  height: 100%;
  left: 0;
  width: 100%;
}
.hexagon-multiline{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 120px;
}
.hexagon-col:nth-child(-n+2),
.hexagon-col:nth-child(2){
      margin-right: -2px;
}
.hexagon-col:nth-child(4),
.hexagon-col:nth-child(5){
  margin-right: -2px;
}
.hexagon-col:nth-child(3),
.hexagon-col:nth-child(4),
.hexagon-col:nth-child(5){
  margin-top: -13.585%;
}
.hexagon-col:nth-child(3){
  margin-left: 22.665%;
}
.hexagon-col:after{
  content: '';
  background: url(../images/polygon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.circle{
  text-align: center;
}
.circle img{
  border-radius: 50%;
  width: 100%;
  height: 100%;
  max-width: 200px;
}
.contact-content{
  text-align: center;
}
#news-slider-container{margin-bottom: 20px;}

/*PiSystemsPage.ss*/
h2.processdata-recording{color:#494b67;}
h2.realtime{color:#3c4d94;}
h2.processdata-analysis{color:#5783bd;}
h2.productions{color:#7dc0e7;}
.pi-sytems-line{display: none;}
/*ReferencePage.ss
,CarrerPage.ss,
PartnerPage.ss*/
.border-box{
  border: 1px solid;
  padding: 10px 0 0 0;
  margin: 0 0 10px;
  border-color: #8a8f95;
}
.border-img,
.partner-img{
  margin:20px 0 20px;
}
.partner-img a:hover{
  border-bottom:none;
}
a.partner-title{
  color:#232931;
}
a.partner-title:hover{
  border-bottom:none;
}

/*ReferenceOverviewPage*/
.flexbox #reference-wrapper{
  display: flex;
  flex-wrap: wrap;
}
.flexbox #reference-wrapper .col-4{margin:0 0 10px;}
.flexbox #reference-wrapper .border-box{height: 100%;margin:0}
.reference-description strong{color:#8f9398;}

/*CarrerPage*/
#canditature-container{
  position: absolute;
  left: -100%;
  opacity: 0;
  transition: .4s ease-in-out;
  margin-bottom: 20px;
}
#canditature-container.open{
  position: static;
  opacity: 1;
}

/*Formularfields
CarrerPage.ss,
ContactPage.ss*/
fieldset{
  border: 0;
  margin: 0;
  padding: 0;
}
select{
  cursor: pointer;
}
.field.myformfield{margin-bottom: 10px;}
.field.myformfield.textarea{margin-bottom: 15px;}
input.myformfield,
textarea.myformfield,
.joblist select,
.salutation select{
  color: #232931;
  border: 1px solid #fff;
  border-radius: 17px;
  padding-left: 15px;
}
input.myformfield,
textarea.myformfield,
.joblist select,
.salutation select{
  height: 35px;
}
textarea.myformfield{height: auto;}
input.myformfield,
textarea.myformfield,
.joblist select,
.salutation select,
.myformfield label,
label.myformfield.readonly,
.checkbox.myformfield{
  float: left;
  width: 100%;
}
.checkbox.myformfield{margin-top: 5px;}
#Form_ContactForm_CheckboxField_Holder{
  margin-top: 20px;
  position: relative;
}
#Form_ContactForm_CheckboxField{
  position: absolute;
}
#Form_ContactForm_CheckboxField + label{
  display: block;
  cursor: pointer;
}
#Form_ContactForm_CheckboxField + label:before{
  font-family: 'fontawesome';
  content: "\2714";
  border: 1px solid #8a8f95;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  text-align: center;
  line-height: 20px;
  vertical-align: bottom;
  color: transparent;
  position: absolute;
  font-weight: 600;
  left: 0;
  top: 1px;
 }
#Form_ContactForm_CheckboxField:checked + label:before{
  color: #000;
}
.myformfield label.right{
  width:90%;
  padding-left: 30px;
  position: relative;
}
.myformfield label,
label.myformfield{
  color: #fff;
}
input.file{
  height: 100%;
  width: 50%;
  border:none;
  /*visibility: hidden;*/
}
.field.file{
  position: relative;
  height: 90px;
}
#upload-file-btn, #upload-file{
  position: absolute;
  height:30px;
  top:22px;
  height: 35px;
  border-radius: 17px;
  padding-top: 5px;
}
#upload-file{
  left:0;
  width: 49%;
  border: 1px solid #6a6f75;
  top:22px;
  color: #fff;
  background: #fff;
  padding-left: 15px;
}
#upload-file.existFileName{color: #232931;}
#upload-file-btn{
  color: #fff;
  left:51%;
  width: 49%;
  border: 1px solid #6a6f75;
  top:22px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
}
#upload-file-btn:hover,
input.action:hover{
  border-color:#48afea;
}
.myformfield label{margin: 0 0 5px;}
.myformfield sup{color: #48afea;}
input.action{
  color: #fff;
  border: 1px solid #6a6f75;
  border-radius: 17px;
  height: 38px;
  background: transparent;
  width: 170px;
  text-align: center;
  cursor: pointer;
}
#Form_ApplicationForm input.action{
  margin-bottom: 40px;
}
#Form_ContactForm input.action{
  margin-bottom: 14px;
}
.Actions{text-align:center;}
.checkbox.myformfield .checkbox{
  height: auto;
  width: auto;
  cursor: pointer;
}
#Form_ContactForm_CheckboxField_Holder label{
  cursor: pointer;
}
#Form_ApplicationForm_error,
#Form_ContactForm_error{
  position: fixed;
  background: #134c95;
  background: rgba(26,36,46,0.7);
  color: white;
  font-weight: bolder;
  text-align: center;
  top: 0;
  padding: 12px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.g-recaptcha{
  float: left;
}
#MemberLoginForm_LoginForm .Actions{
  text-align: left;
}
#MemberLoginForm_LoginForm input.action{
  color: #48afea;
}
/*ContactPage.ss*/
.contact-field-container{
  margin-bottom: 30px;
}
.contact-field-wrapper{
  padding: 20px 0 0;
}
#google-maps-wrapper{
  background:#232931;
}
#adress-box{
  padding: 10px;
  z-index: 1;
}
.flexbox #adress-box{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.end{
  margin-top: auto;
}
.google_container{
  height: 200px;
  width: 100%;
  position: static !important;
}
.error-file-validate{
  padding-left: 10px;
}
/*NewOverviewPage*/
.news-box{padding: 10px 0 0;}
a.btn-feeds{margin-top: 20px;}

.news-box span.display-block.color-grey{
  position: absolute;
  bottom: 10px;
  right: 10px;

}

/*NewOverviewPage.detail*/
.news-detail-btn{float: right;}

/*Customer.ss*/
#location-container{
  background: url(../images/bg_standorte_1920x550.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#location-wrapper{padding: 16px 0 16px;}
#location-container .btn{margin-bottom: 30px;color:#fff;}
.polygon-small{
  width: 120px;
  height: 120px;
}
.polygon-small-icon{
  width: 38px;
  height: 38px;
  margin-top: -14px;
  margin-left: -14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  transition-duration: .3s;
}
.polygon-small-icon.animateIcon{
  width: 50px;
  height: 50px;
  margin-top:-22.5px;
  margin-left:-22.5px;
}

/*blog.ss*/
#blog-container{
  padding: 20px 0 6px 0;
  background: url(../images/smooth_wall.png);
  background-repeat:repeat;
}
.col-9-blog{
  width: 100%;
  float: left;
  padding: 0 10px;
}
/*FOOTER
--------------------------------------------------------- */
footer *{
  color: #fff;
}
footer a:hover,
footer a:active,
footer li.current a,
footer li.section a{
  color: #48afea;
}
footer ul{
  text-align: right;
}
footer li{
  display: inline-block;
}
footer nav a{
  padding: 10px 10px;
  display: block;
}
footer p{
  padding: 10px 10px;
  display: block;
}
footer nav li:nth-last-child(1) a{
  padding-right: 0;
}
.brands-logo{
  width: 55px;
  margin-right: 10px;
}
/* Slider
---------------------------------------------------------*/
#slider-container .slick-list.draggable{
  /*display: none;*/
}

.slick-prev,
.slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: -17px;
  display: block;
  border:1px solid #1a242e;
  width: 35px;
  height: 35px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  background: #1a242e;
  z-index: 2;
}
.slick-prev:before,
.slick-next:before{
  color: #fff;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  top: 15px;
  bottom: -14px;
}
.slick-prev:before,
.slick-next:before{
  left: 12px;
}
.slick-prev:hover, .slick-next:hover{
  background: #fff;
  border-color: #1a242e;
}
 .slick-prev:hover:before,  .slick-next:hover:before{
  color: #1a242e;
}
.slick-prev:before{
  content: '\f104';
}
.slick-next:before{
  content: '\f105';
}
.slick-prev{
  right: 50px;
}
.slick-next{
  right: 10px;
}
#news-slider-container .slick-prev,
#news-slider-container .slick-next{
  top:25px;
}
#news-slider-container .slick-slide{
  padding: 50px 0 30px;
}
#news-slider-container .slick-slide .color-grey{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#news-slider-container .vertical-line-bottom{bottom:0;} /*HomePage*/

/*Extra Classes
---------------------------------------------------------*/
.gradient-line-light-blue{
  background: rgb(0,97,176); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(0,97,176,1) 31%, rgba(0,188,240,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,97,176,1) 31%,rgba(0,188,240,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,97,176,1) 31%,rgba(0,188,240,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061b0', endColorstr='#00bcf0',GradientType=1 ); /* IE6-9 */
  width: 100%;
  height:10px;
}
.background-settings{background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.absolute-vertical-line{
  position: absolute;
  border-top: 1px solid #8a8f95;
  width: 100%;
  left: 0;
}
.absolute-vertical-line:after{
  content: '';
  position: absolute;
  border:1px solid #fff;
  width: 10px;
  top:-1px;
  right: 0;
}
.absolute-vertical-line:before{
  content: '';
  position: absolute;
  border:1px solid #fff;
  width: 10px;
  top:-1px;
  left: 0;
}
.inner-distance-static{padding: 20px 0 20px 0;}
.inner-distance-default{padding: 20px 0 6px 0;}
.inner-distance-default.first{padding: 0 0 6px 0;}
.distance-bottom-none{padding-bottom:0;}
.vertical-line-top{top: 0;}
.vertical-line-bottom{bottom: 0;}

.border-bottom{border-bottom:1px solid;}
.margin-bottom-default,
.margin-bottom-big{margin-bottom: 6px;}
.margin-bottom-static{margin-bottom: 14px;}
.display-block{display: block;}
.display-inline-block{display: inline-block;}
.no-padding{padding: 0;}
.no-margin{margin: 0;}

.no-border-color,
.no-border-color:hover{
  border-color: transparent;
}
.no-fontawesome:after{content:'';padding-left: 0;}
.overflow-hidden{overflow: hidden;}
.background-blue{background: #232931;}
.no-background{background: transparent;}
.color-light-blue{color: #48afea;}
.color-grey{color: #6a6f75;}
.color-white-all *{color:#fff;}
.color-white{color: #fff;}
.position-relative{position: relative;}
.text-center{text-align: center;}

.float-right{float: right;}
.small-font{font-weight: 70%;}
.cursor-pointer{cursor: pointer;}

@media(min-width: 400px){

  /*Header
  ---------------------------------------------------------*/
  .slider-img{padding: 3% 14%;}

}

@media(min-width:600px){

  /*Header
  ---------------------------------------------------------*/
  .slider-img{padding: 3% 25%;}

  /*Layout
  ---------------------------------------------------------*/
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9{
    width: 50%;
  }
  .col-2{width: 25%;}
  .col-10{width: 75%;}
  .col-2:nth-child(4n+1),
  .col-3:nth-child(2n+1),
  .col-4:nth-child(2n+1),
  .col-6:nth-child(2n+1){
    clear: left;
  }

  /*Content
  ---------------------------------------------------------*/
  /*Homepage.ss*/
  .calendar-wrapper{margin: 0 0 14px 0;}
  .calendar-box{float: right;}

  /*ContactPage.ss*/
  .flexbox #google-maps-wrapper{display: flex;}
  .flexbox #google-maps-wrapper #adress-box{height: 100%;}

  /*ReferencePage.ss ,
  CarrerPage.ss,
  PartnerPage.ss*/
  .border-box{margin: 0 0 20px;}
  .border-btn{float: right;}

  /*ReferenceOverviewpage.ss*/
  .flexbox #reference-wrapper .col-4{margin:0 0 20px;}

  /*NewOverviewPage.detail*/
  .news-detail-img{
    padding-right: 20px;
    float: left;
  }
  h1.news-detail-title{padding-right: 164px;}
  .news-detail-btn{
    position: absolute;
    right: 10px;
    top: -12px;
    float: none;
   }

}