/* ==========================================================================

   Musan's custom styles

   ========================================================================== */



@font-face {

  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');

  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face{

font-family:"Avenir";

src:url("../fonts/avanir.eot?#iefix");

src:url("../fonts/avanir.eot?#iefix") format("eot"),url("../fonts/avanir.woff2") format("woff2"),url("../fonts/avanir.woff") format("woff"),url("../fonts/avanir.ttf") format("truetype");

}



body {

  font-family: "Avenir", Arial;

  font-size: 14px;

  line-height: 1.5;

  color: #333;

  min-width: 320px;

}



object, embed, * { 

  outline: 0!important;

}



div {

  display: block;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: "Avenir", Arial;

}



h1, h2, .h2, .h2 {

    font-size: 24px;

}



h3, .h3 {

    font-size: 20px;

}

img.float-left {
  float: left;
}



.container {

  width: 100%;

  max-width: 1230px;

}



.case-studi-block-h3 {

  line-height: 18px;

}



.width-40 {

  width: 40%;

}



.col-md-12 {

  width: 100%;

}



.owl-item h3 {

  font-size: 24px;

}



.bold {

  font-weight: bold;

}



.blue {

  color: #0093D5;

}



.animsition, .os-animation {

  opacity: 0;

}



.container, .row {

  position: relative;

  display: block;

  padding-bottom: 20px;

  clear: both;

}



#cboxOverlay {

  background-color: #282853;

}



#cboxLoadedContent {

  border: 0px;

}



#cboxPrevious {

  left: 0px;

}



#cboxNext {

  right: 0px;

}



#cboxClose {

  background: transparent url("../images/close.png") top left no-repeat;

  top: 17px;

  right: 19px;

  height: 26px;

  width: 26px;

}



#cboxClose:hover {

  background-position: top left;

}



hr {

  border-color: #bebebe -moz-use-text-color -moz-use-text-color;

  border-top: 1px solid #bebebe;

  margin-top: 20px;

  margin-bottom: 10px;

  clear: both;

  width: 100%;

}



.inhalt img, .inhalt-content img, .submenu img {

  max-width: 100%!important;

  height: auto!important;

}

.kununu {
  width: 186px;
  /* max-width: 100%; */
}



.clear {

  clear: both;

}



.text-center {

  text-align: center;

}



.backround-gradient {

  background: url("../images/gradient-background.jpg") no-repeat center top;

  padding: 40px 0px;

  margin: 40px 0px;

}



ul, ol {

    margin-top: 0px;

    margin-bottom: 0px;

}



ul.mit-haekchen {

  padding-left: 10px;

}



ul.mit-haekchen li {

  list-style: none;

  background: url("../images/haekchen.png") no-repeat 0px 3px;

  padding-left: 20px;

}

ul.big-list li {
  margin-top: 10px;
  font-size: 15px;
}



.row-title-inhalt {

    color: #314394;

    margin-right: 4px;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 20px;

}



.row-title-inhalt:after {

	display: block;

	clear: both;

	content: "";

	height: 1px;

}



.border {

  border: 1px solid #CCC;

  display: inline-block;

}



.box-shedow {

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

}



.linksblock {

  background: #F1F1F1;

  border: 1px solid #DDD;

  border-radius: 5px;

  margin: 0 0 30px 0;

  text-align: left;

  overflow: hidden;

}



.linksblock a {

  display: block;

  padding: 15px 30px 15px 20px;

  border-bottom: 1px solid #DDD;

  background: url("../images/arrow-down-light.png") no-repeat 95% 50%;

}



.linksblock a:hover {

  background-color: #FEFEFE;

  text-decoration: none;

}



.csc-textpic-intext-left-nowrap h1, .csc-textpic-intext-left-nowrap h3 {

  margin-top: 0px;

}



.csc-textpic-intext-left-nowrap {

  margin-top: 20px;

}



a.pdf {

  display: inline-block;

  position: relative;

  padding-left: 30px;

}



a.pdf:before {

    content: '';

    position: absolute;

    width: 24px;

    height: 24px;

    background: url(../images/pdf.png) no-repeat;

    left: 0;

    top: 50%;

    margin-top: -15px;

}



/* Header */



.my-header {

  width: 100%;

  height: 35px;

  /* background-color: #222145; */

  background-color: #052035;

  z-index: 9999;

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

}



.my-header .container {

  padding-bottom: 0px;

}



.header-background {

  position: absolute;

  top: 35px;

  left: 0px;

  right: 0px;

  width: 100%;

  height: 70px;

  opacity: 1;

  /* background-color: #0f1748; */

  background-color: #052035;

  -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.5);

  -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.5);

  box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.5);

  /*

  opacity: 0.75;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

  */

  display: none;

}



/*

.header-background-transparent {

  opacity: 0.75;

}



.header-background-no-transparent {

  opacity: 1;

}

*/



.logo {

  position: relative;

  float: left;

  z-index: 99999;

}



.logo img {

  height: 165px !important;

  width: auto !important;

  -ms-transition: all 0.3s ease;

  -ms-transition-delay: 0s;

  -moz-transition: all 0.3s ease;

  -moz-transition-delay: 0s;

  -webkit-transition: all 0.3s ease;

  -webkit-transition-delay: 0s;

  transition: all 0.3s ease;

  transition-delay: 0s;

}



.logo img.logo-on-scrol {

  height: 105px !important;

  width: auto !important;

}



.logodescription {

  float: left;

  margin-left: 15px;

  color: white;

  line-height: 35px;

  font-weight: bold;

}



/* Header Social */

.header-social {

  display: inline-block;

  /* float: right; */

}


.header-social .xing, .header-social .linkedin, .header-social .instagram, .header-social .facebook, .header-social .twitter {

  display: block;

  width: 22px;

  height: 22px;

  float: left;

  margin-right: 10px;

  /* border: 2px solid #FFF; */

  /* -ms-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease; */

  line-height: 18px;

  position: relative;

  display: inline-block;

  /* background-color: #FFF;

  border-radius: 100%;

  color: #222145; */

}


.header-social a:hover {

  text-decoration: none;

  background-color: #222145;

  color: #FFF;

  /* -ms-transition: all 0.5s ease!important;

  -moz-transition: all 0.5s ease!important;

  -webkit-transition: all 0.5s ease!important;

  transition: all 0.5s ease!important; */

}


.header-social .linkedin::before {

  content: "";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  font-size: 14px;

  position: absolute;

  top: 0px;

  left: 4px; 

}


.header-social .instagram::before {

  content: "\e055";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  font-size: 14px;

  position: absolute;

  top: 0px;

  left: 4px; 

}

.header-social .facebook::before {

  content: "\e055";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  font-size: 14px;

  position: absolute;

  top: 0px;

  left: 4px; 

}


.header-social .search-link {

  display: block;

  width: 30px;

  height: 30px;

  float: left;

  margin-left: 20px;

  margin-top: 5px;

  line-height: 22px;

  position: relative;

  display: inline-block;

  color: #FFF;

  padding-left: 30px;

  overflow: hidden;

  background: url("../images/lupe-2.png") no-repeat -5px -5px;

}



.kesearchbox {

  display: inline-block;

  float: left;

  height: 50px;

  width: 230px;

}



span.resetbutt a, span.submitbutt input, #tx-indexedsearch-searchbox-button-submit {

  height: 40px!important;

  border: 1px solid #314394!important;

  padding: 5px 40px!important;

  color: #314394!important;

  float: left!important;

  border-radius: 0px!important;

  background-color: #FFF!important;

  font-weight: bold!important;

  max-width: inherit!important;

  -ms-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  line-height: 26px;

  background-image: none!important;

}



span.resetbutt a:hover, span.submitbutt input:hover {

  background-color: #314394!important;

  color: #FFF!important;

}



#kesearch_submit {

  display: none!important;

}



.tx-kesearch-pi1 input[type="text"] {

  border-radius: 0px!important;

}



.tx-indexedsearch-info {

	display: none;

}



.tx-indexedsearch-form, .tx-indexedsearch-search-submit {

  display: inline-block;

  float: left;

  margin-right: 15px;

}



#tx_indexedsearch > p > a, #tx_indexedsearch legend {

  display: none;

}



#tx_indexedsearch input {

  border: 1px solid #bbbbbb;

  border-radius: 0px;

  padding: 8px;

}



ul.tx-indexedsearch-browsebox {

  padding-left: 0px;

  margin-right: 0px;

}



ul.tx-indexedsearch-browsebox li {

  list-style: none;

  display: inline;

  padding-right: 10px;

}



/* Header Menu */



.header-menu {

  position: absolute;

/*  right: 230px;  iff social icons exist */

  right: 130px;

  top: -81px;

}



.header-menu li {

  list-style: none;

  float: left;

  margin-right: 15px;

}



.header-menu li a {

  color: #FFF;

  line-height: 35px;

}



/* Language Menu */



.language-menu {

  float: right;

  color: #FFF;

  margin-left: 15px;

}



.language-menu a {

  color: #FFF;

  line-height: 35px;

  padding: 0px 5px;

}





/* Top menu */



.top-menu {

  position: absolute;

  z-index: 9999;

  right: 0px;

  top: 80px;

}



#hovermenu {

  padding-left: 0px;

}



.top-menu .navbar-inverse {

    background-image: none;

    background-repeat: no-repeat;

    background-color: transparent;

    border-color: transparent;

}



.navbar-header {

  display: block;

}



.top-menu .navbar {

    display: block;

    border-radius: 0px;

}



.topnav {

  float: right;

}



.topnav ul li {

  list-style: none;

  float: left;

  padding: 0px 5px;

  line-height: 50px;

}



.sf-menu ul {

  box-shadow: 0px 6px 6px rgba(0,0,0,.2);

  min-width: 500px;

}



.topnav ul li ul li {

  line-height: 30px;

  float: left;

  width: 260px;

}



.topnav ul li ul li:nth-child(odd)  {

  width: 220px;

}



.topnav ul.sf-menu li ul li a {

  padding: 0em 10px 0px 10px;

  margin: 0em 0em 0em 5px;

}



.topnav ul li ul li a:hover {

  text-decoration: underline;

}



.sf-menu ul li a::before {

  content: ">";

  font-size: 9px;

  display: block;

  position: absolute;

  top: -1px;

  left: 0px;

}



.topnav ul li > a {

  color: #FFF;

  text-transform: uppercase;

  font-size: 15px;

  padding: 0.7em 0.7em 0.7em 0em;

  margin: 0em 0em 0em 0.7em;

  line-height: 30px;

  font-weight: bold; /* neu */

}



.topnav ul li > a.current-menu-ancestor {

  color: #bddc04; /* neu */

}



.topnav ul ul li > a {

  color: #314394;

  text-transform: none;

  font-weight: bold;

  font-size: 13px;

}



.topnav ul li:hover {

  background-color: #FFF;

}



.topnav ul li:hover > a {

  color: #314394;

}



.sf-menu ul {

  background-color: #FFF;

}



.navbar-inverse .navbar-toggle {

  border-color: #FFF;

}



/* End top menu */



/* Subḿenu */



.submenu {

  position: relative;

  padding-top: 10px;

}



.submenu ul {

  padding-left: 0px;

}



.submenu li {

  list-style: none;

  padding: 7px 0px;

}





.submenu a {

  color: #314394;

  font-size: 17px;

  font-weight: bold;

  position: relative;

  display: inline-block;

}



.submenu a:hover, .submenu .current-menu-ancestor {

  text-decoration: none;

  color: #0093D5;

}



/* End Submenu */



/* scroll to top */



#scroll {

  width: 55px;

  height: 55px;

  position: fixed;

  bottom: 80px;

  right: 20px;

  cursor: pointer;

  display: none;

  z-index: 9999;

  line-height: 55px;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

  background: url("../images/backtotop_btn.png") no-repeat left top;

}





#scroll:hover {

  -ms-transform: scale(0.9)!important;

  -moz-transform: scale(0.9)!important;

  -webkit-transform: scale(0.9)!important;

  transform: scale(0.9)!important;

}



/* Slider */



.slide-container {

  width: 100%;

  /* max-height: 880px; */

  min-height: 100px;

  position: relative;

  overflow: hidden;

  margin-bottom: 40px;

}



.slide-in-inhalt {

  margin-bottom: 15px;

  max-height: none;

}



.slide {

  position: relative;

  width: 100%;

  z-index: 99;

}



.slide .sp-slide, .slide .sp-slides-container {

  max-height: 950px;

}



.slide-container .slide .header-bild::before, .slide-container .slide .sp-image-container::after {

  display: none;

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  content: "";

  background: -moz-linear-gradient(left, rgba(15,23,72,1) 0%, rgba(15,23,72,0) 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, rgba(15,23,72,1) 0%,rgba(15,23,72,0) 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, rgba(15,23,72,1) 0%,rgba(15,23,72,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1748', endColorstr='#000f1748',GradientType=1 ); /* IE6-9 */

}

.slide-container .slide .header-bild.original-size::before {
  display: none;
}



.slide img {

  width: 100%;

  height: auto;

}



.slider-pro .sp-layer-h1, .slider-pro .sp-layer-h2  {

  color: #0093d5;

  font-size: 54px;

  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);

}



.slider-pro .sp-layer-h2  {

  color: #FFF;

  font-size: 38px;

  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);

}



.slider-pro .sp-slide .slider-mehr-info a {

  color: #FFF;

  display: inline-block;

  padding: 11px 15px 9px 15px;

  border: 1px solid #FFF;

  text-transform: uppercase;

  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);

  letter-spacing: 1px;

  -ms-transition: all 0.5s ease!important;

  -ms-transition-delay: .1s!important;

  -moz-transition: all 0.5s ease!important;

  -moz-transition-delay: .1s!important;

  -webkit-transition: all 0.5s ease!important;

  -webkit-transition-delay: .1s!important;

  transition: all 0.5s ease!important;

  transition-delay: .1s!important;

}



.slider-pro .sp-slide .slider-mehr-info a:after {

  content: "\f105";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  font-size: 11px;

}



.slider-pro .sp-slide .slider-mehr-info a:hover {

  text-decoration: none;

  background-color: #FFF;

  color: #0093D5;

  text-shadow: none;

  opacity: 0.6;

}



.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {

    content: "";

    position: absolute;

    width: 3px;

    height: 50%;

}



.sp-arrow {

    position: absolute;

    display: block;

    width: 40px;

    height: 120px;

    cursor: pointer;

}



.sp-horizontal .sp-arrows {

  margin-top: -60px;

}



.sp-horizontal .sp-next-arrow {

    right: 0px;

}



.sp-horizontal .sp-previous-arrow {

    left: 0px;

}



.sp-previous-arrow::before, .sp-previous-arrow::after {

    left: 50%;

}



.sp-next-arrow::before, .sp-next-arrow::after {

    right: 50%;

}



.screenshots .sp-next-arrow::after, .screenshots .sp-next-arrow::before, .screenshots .sp-previous-arrow::after, .screenshots .sp-previous-arrow::before {

    background-color: #1199d7;

}



.screenshots .sp-fade-arrows {

  opacity: 1;

}



.screenshots {

  margin-top: 70px;

  margin-bottom: 70px;

  clear: both;

}



.zertifikate-slider {

  position: absolute;

  width: 100%;

  bottom: 30px;

  left: 0px;

  right: 0px;

  z-index: 999;

  text-align: center;

}



.zertifikate-slider img {

  vertical-align: center;

}



.zertifikate-slider table {

  width: 100%;

}



.zertifikate-slider .bilder-reihe-table {

  margin: 0px 80px;

}



/* Header icon menu */



.header-iconsmenu {

  position: absolute;

  width: 100%;

  bottom: 10px;

  z-index: 999;

  text-align: center;

  color: #FFF;

}



.reason-icon {

  display: inline-block;

  margin: 0px 3%;

  font-weight: bold;

  color: #FFF;

  text-shadow: 0px 0px 2px #000000;

  font-size: 120%;

}



.reason-icon:hover, .reason-icon:active, .reason-icon:focus {

  text-decoration: none;

  color: #FFF;

}



.reason-icon img {

  position: relative;

  margin-bottom: 10px;

  display: inline-block;

}



/* End Header icon menu */





/* content */



.bodytext img, .news-text-wrap img {

  max-width:100%!important;

}



.leistungen > div {

  text-align: center;

  margin-bottom: 20px;

}



.leistungen .csc-textpic-text {

  max-width: 450px;

  margin: 0 auto;

}



.header-bild {

  width: 100%;

  /* max-height: 500px; */

  position: relative;

  overflow: hidden;

}

.header-bild.original-size {
  max-height: none;
}



.header-bild .titels {

  position: absolute;

  width: 100%;

  left: 0px;

  right: 0px;

  top: 45%;

}



.header-bild .header-h1 {

  display: block;

  width: 100%;

  text-align: center;

/*  color: #0093d5; */

  color: #FFF;

  font-weight: bold;

  font-size: 48px;

  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);

/*  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); */

}



.header-bild .header-h2 {

  display: block;

  width: 100%;

  text-align: center;

  color: #FFF;

  font-size: 34px;

  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);

}



.div-title {

  min-height: 55px; 

}



.div-title img {

  margin-top: 20px;

  width: 100%;

  height: auto;

}



.m-breadcrumb {

  margin-bottom: 30px;

  color: #0093d5;

}



.m-breadcrumb a {

  color: #bebebe;

}



.m-breadcrumb .arrow {

  color: #bebebe;

  font-size: 80%;

  padding: 0px 5px;

}



.backtolastpage {

  text-align: right;

}



.backtolastpage a {

  color: #0093D5;

}



.uns-vertraut {

  padding-top: 10px;

  padding-bottom: 30px;

  vertical-align: middle;

  display: block;

}



.referenzen {

  text-align: center;

}



.referenzen img, .m2m-partner img, .partner-lieferanten img, .soziales-engagement img {

  max-width: 100%;

  max-height: 70px;

  height: auto!important;

  vertical-align: middle;

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

}



.referenzen img {

  width: auto!important;

}



.referenzen a, .m2m-partner a, .partner-lieferanten a, .soziales-engagement a {

  display: inline-block;

  position: relative;

  width: 16%;

  margin-top: 10px;

  margin-bottom: 10px;

  text-align: center;

  vertical-align: middle;

  line-height: 70px;

  height: 110px;

  padding: 0px 5px;

  opacity: 0.8;

  -ms-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  -webkit-transition: all 0.1s ease;

  transition: all 0.1s ease;

}



.referenzen a:hover img, .m2m-partner a:hover img, .partner-lieferanten a:hover img , .soziales-engagement a:hover img {

  -webkit-filter: grayscale(0%)!important;

  -moz-filter: grayscale(0%)!important;

  -ms-filter: grayscale(0%)!important;

  -o-filter: grayscale(0%)!important;

  filter: grayscale(0%)!important;

}



.referenzen a:hover, .m2m-partner a:hover, .partner-lieferanten a:hover, .soziales-engagement a:hover {

  opacity: 1;

}



.referenzen-4-col a {

  width: 24%;

}



.referenzen a:hover {

  text-decoration: none;

}



.m2m-partner a, .partner-lieferanten a, .soziales-engagement a {

  display: inline-block;

  width: 160px;

  height: auto;

  margin-bottom: 10px;

  margin-right: 10px;

  text-align: center;

}



.m2m-partner img, .partner-lieferanten img, .soziales-engagement img {

  height: auto!important;

  max-height: none;

}



.partner-lieferanten > div, .soziales-engagement > div {

  width: 50%;

  float: left;

}



.partner-name {

  display: inline-block;

  text-align: left;

}



.weiteres .item {

  padding: 0px 10px;

}



.weiteres .prev {

  position: absolute;

  left: 15px;

  top: 0px;

  display: block;

  width: 40px;

  height: 120px;

  cursor: pointer;

  display: none;

}



.weiteres .prev::before {

  background-color: #1199D7;

  content: "";

  position: absolute;

  width: 3px;

  height: 50%;

  top: 0px;

  left: 50%;

  -webkit-transform:skew(145deg,0deg);

  -ms-transform:skew(145deg,0deg);

  transform:skew(145deg,0deg)

}



.weiteres .prev::after {

  background-color: #1199D7;

  content: "";

  position: absolute;

  width: 3px;

  height: 50%;

  top: 50%;

  left: 50%;

  -webkit-transform:skew(-145deg,0deg);

  -ms-transform:skew(-145deg,0deg);

  transform:skew(-145deg,0deg)

}



.weiteres .next {

  position: absolute;

  right: 15px;

  top: 0px;

  display: block;

  width: 40px;

  height: 120px;

  cursor: pointer;

  display: none;

}



.weiteres .next::before {

  background-color: #1199D7;

  content: "";

  position: absolute;

  width: 3px;

  height: 50%;

  top: 0px;

  left: 50%;

  -webkit-transform:skew(35deg,0deg);

  -ms-transform:skew(35deg,0deg);

  transform:skew(35deg,0deg)

}



.weiteres .next::after {

  background-color: #1199D7;

  content: "";

  position: absolute;

  width: 3px;

  height: 50%;

  top: 50%;

  left: 50%;

  -webkit-transform:skew(-35deg,0deg);

  -ms-transform:skew(-35deg,0deg);

  transform:skew(-35deg,0deg)

}



.weiteres:hover .prev, .weiteres:hover .next {

  display: block;

}



.owl-theme .owl-controls .owl-page span {

  background: #FFF;

  border: 1px solid #1199D7;

}



.owl-theme .owl-controls .active span {

  background: #1199D7;

}



.owl-theme div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {

  margin-bottom: 20px;

  margin-top: 10px;

}



.inhalt-right {

  padding-top: 5px;

}



.inhalt-right h1, .inhalt-right h3 {

  font-size: 18px;

  color: #314394;

  margin-bottom: 20px;

  font-weight: bold;

}



.inhalt-right > div {

  margin-top: 30px;

  padding-top: 30px;

  border-top: 1px solid #bebebe;

}



.inhalt-right > div:first-child, .inhalt-right div.frame-indent {

  border-top: 0px;

  margin-top: 0px;

  padding-top: 0px;

  margin-left: 0px;

  margin-right: 0px;

}



.inhalt-right .teaser-text .more {

  display: none;

}



.inhalt-right p, .inhalt-right .news .teaser-text p {

  margin-bottom: 10px;

}



.inhalt-left {

  padding-bottom: 40px;

  /*overflow: hidden;*/

}



.inhalt-content h1, .inhalt-content h2, .inhalt-left .header h3, .zwei-spalten-inhalt h3, .inhalt-3-spalten h3 {

  font-weight: bold;

  font-size: 24px;

  color: #314394;

  margin-bottom: 20px;

}



.inhalt-content .contact h1 , .inhalt-content .contact h2 {

  font-size: 16px;

}



.inhalt .article-2-spalten {

  margin-bottom: 40px;

  min-height: 370px;

}



.inhalt-content .inhalt-4-spalten h1, .inhalt-content .inhalt-4-spalten h3 {

  font-size: 18px;

}





.sonst-noch {

  padding: 20px 0px 40px 0px;

}



.no-date .header-info {

  display: none;

}



.no-date .news-img-wrap {

  padding-top: 0px;

}



.news-only-img-wrap {

  margin-bottom: 10px;

}



.jobangebot .header h1 {

  display: none;

}



.jobangebot h3 {

  color: #314394;

  font-size: 16px;

  font-weight: bold;

  margin-top: 20px!important;

  margin-bottom: 20px;

}



.zertifikate {

  text-align: center;

  padding-top: 50px;

}



.zertifikate table {

  width: 100%;

}



.downloads h1, .downloads h3 {

    display: block;

    font-size: 18px;

    line-height: 30px;

    margin: 5px 0px;

    color: #314394;

}



.downloads-div .csc-default {

    padding-left: 200px;

    background: url("../images/download.jpg") no-repeat 40px 0px;

    min-height: 150px;

    float: left;

    width: 50%;

}



.services h1, .services h3 {

    display: block;

    font-size: 18px;

    line-height: 30px;

    margin: 5px 0px;

    color: #314394;

}



.services-div .csc-default {

    min-height: 150px;

    padding-right: 30px;

    padding-bottom: 20px;

    float: left;

    width: 50%;

}



.hersteller img {

    margin-bottom: 20px;

    width: 32%!important;

    height: auto!important;

}



.hersteller img:nth-child(3n+2) {

    margin-left: 1.5%;

    margin-right: 1.5%;

}



/** Dropdown content **/



.dropdown-content {

  height: 60px;

  overflow: hidden;

  border-top: 1px solid #BEBEBE;

  border-bottom: 1px solid #BEBEBE;

  position: relative;

}



.dropdown-content h1:first-child, .dropdown-content h2:first-child {

  cursor: pointer;

  position: relative;

  z-index: 99;

}



.dropdown-content-hidden {

  clear: both;

}



.dropdown-content h1, .dropdown-content h2 {

  font-size: 20px; 

  line-height: 40px;

  margin-top: 10px;

  padding-right: 40px;

}



.dropdown-content + .dropdown-content {

  border-top: 0px;

}



.dropdown-arrow {

  position: absolute;

  height: 60px;

  width: 40px;

  line-height: 60px;

  text-align: center;

  right: 0px;

  top: 0px;

}



.dropdown-arrow::before {

  line-height: 55px;

  text-align: center;

  content: "\f104";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  color: #BEBEBE;

  font-size: 50px;

}



.dropdown-content-open .dropdown-arrow::before {

  content: "\f107"!important;

}



/** Leistungen */



.inhalt-5-spalten {

  width: 20%;

  padding: 0px 10px;

  float: left;

  text-align: center;

}



.inhalt-5-spalten h1, .inhalt-5-spalten h3 {

  color: #337AB7;

}



.leistungen h2 {

  color: #314394;

  font-weight: bold;

}



/** Angebot **/



.angebot {

  text-align: center;

}



.angebot .col-sm-4 h1, .angebot .col-sm-4 h3 {

  color: #314394;

  font-size: 18px;

}



.angebot .col-sm-4 {

  height: 300px;

}



.angebot .col-sm-4 .csc-textpic-image {

  height: 135px;

}



.angebot .col-sm-4 img {

  max-height: 135px;

  width: auto; 

}



/* Rollover */



.roll-divs {

  display: block;

  padding: 30px 0px 20px 0px;

}



.roll-divs .roll-col {

  display: block;

  text-align: center;

  color: black;

  text-decoration: none;

}



.roll-divs .roll-col img, .sonst-noch .sonst-noch-div div img {

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

}



.roll-divs .roll-col:hover img,.sonst-noch .sonst-noch-div div:hover img {

/*  

  -ms-transform: rotateY(360deg) scale(0.8)!important;

  -moz-transform: rotateY(360deg) scale(0.8)!important;

  -webkit-transform: rotateY(360deg) scale(0.8)!important;

  transform: rotateY(360deg) scale(0.8)!important; 

*/

}



.roll-divs h1, .sonst-noch h1, .roll-divs h3, .sonst-noch h3 {

  display: block;

  font-size: 30px;

  line-height: 40px;

  margin: 5px 0px;

  color: #314394;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

}



.roll-divs .roll-col:hover h1, .sonst-noch .sonst-noch-div div:hover h1, .roll-divs .roll-col:hover h3, .sonst-noch .sonst-noch-div div:hover h3 {

/*

  font-size: 36px;

*/

}



.roll-divs .roll-col p {

  margin: 0px 0px;

  line-height: 24px;

}



.roll-divs .roll-col:hover p {



}



/* News Extension */



.news-list-date {

  color: #797979;

}



.news-img-wrap {

  padding-top: 15px;

  padding-bottom: 10px;

}



.news-img-wrap img,.news-only-img-wrap img {

  height: auto !important;

  max-width: 380px;

}



.news-list-view .news-img-wrap img, .news-list-view .news-only-img-wrap img {

  width: 100% !important;

}





.news-list-view .news-img-wrap {

    padding-top: 0px;

}



.news-list-view .news-img-wrap a {

    display: inline-block;

    max-height: 170px;

    overflow: hidden;

}



.news-list-view {

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  clear: both;

}



.news-list-view .page-navigation {

  display: block;

  width: 100%;

  clear: both;

  margin: 15px;

}



.news-list-view .article {

  padding-bottom: 30px;

}



.csc-frame-frame1 .news-list-view .article {

  height: 400px;

}



.news h3 {

  margin-top: 10px;

}



.news .more::after {

  content: "\f105";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: none!important;

  font-size: 11px;

}



.facebook > div {

  display: inline-block;

  float: left;

  max-width: 240px;

  margin-right: 10px;

}



.facebook .like {

  overflow: hidden;

}



.news .teaser-text p {

  margin-bottom: 10px;

}



.case-stadies h3, .case-stadies h3 a {

  font-size: 14px;

  color: #337AB7;

  font-weight: bold;

  margin-bottom: 5px;

  margin-top: 5px;

}



.inhalt-left .news-single .case-studies .header h3 {

  margin-bottom: 10px;

}



.article-2-spalten-karriere {

  min-height: 200px;

}



.article-2-spalten:nth-child(odd), .article-2-spalten-karriere:nth-child(odd) {

  padding-left: 0px!important;

  padding-bottom: 10px;

}



.article-2-spalten:nth-child(even), .article-2-spalten-karriere:nth-child(even) {

  padding-right: 0px!important;

  padding-bottom: 10px;

}



.zwei-spalten-inhalt {

  margin-left: -15px;

  margin-right: 5px;

}



.zwei-spalten-inhalt div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {

  width: 180px;

}



.csc-textpic-intext-left-nowrap-145 .csc-textpic-text, .csc-textpic-intext-left-nowrap-148 .csc-textpic-text {

  margin-left: 190px;

}



.case-stadies .news-img-wrap {

    padding-top: 0px;

}



.inhalt .case-stadies {

    margin-bottom: 10px;

}



.inhalt-left .news-single .header h3 {

  margin-bottom: 0px;

}



.inhalt-left .news-single .case-studies .header h3 {

  font-size: 18px;

  color: #333;

  font-weight: bold;

  line-height: 26px;



}



.news-single .news-img-wrap {

  padding-top: 0px;

  display: none;

}



.inhalt .csc-textpic-imagewrap, .inhalt img, .inhalt .csc-textpic-image {

  max-width: 100%!important;

  height: auto!important;

}



.news .page-navigation:first-child {

  display: none;

}



.page-navigation {

  text-align: center;

  border-top: 1px solid #BEBEBE;

  padding-top: 5px;

  clear: both;

}



.page-navigation li {

  display: inline-block;

  list-style: none;

  padding: 0px 3px;

}



.page-navigation ul {

  margin-left: 0px;

  padding-left: 0px;

}



.page-navigation p {

  margin-bottom: 0px;

}



.case-stadies-first-in-list {

  padding-top: 10px;

  padding-bottom: 20px;

}



.case-stadies-first-in-list .header h3, .case-stadies-list .header h3 {

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;

}



.case-stadies-list {

  border-top: 1px solid #BEBEBE;

  margin-top: -5px;

  padding-top: 10px;

  padding-bottom: 20px;

}



.case-stadies-list:last-child {

  border-bottom: 1px solid #BEBEBE;

}



/*



.lang_de .case-stadies-first-in-list::before {

  content: "Case Study des Monats";

  font-weight: bold;

  font-size: 24px;

  color: #314394;

  margin-bottom: 10px;

  margin-top: 15px;

  display: block;

}



.lang_en .case-stadies-first-in-list::before {

  content: "Case Study of the Month";

}



*/





/* Footer */



.footer {

  width: 100%;

  background-color: #e9e9e9;

  margin-top: 30px;

  padding-top: 20px;

  color: #314394;

}



.footer-2 {

  width: 100%;

  background-color: #052035;

  padding-top: 50px;

  color: #FFF;

}



.footer .container {

  min-height: 100px;

  padding-bottom: 0px;

}



.copiright-footer-nav {

  margin-top: 10px;

  padding-bottom: 20px;

}



.footer hr {

  border-top: 1px solid #9797a0;

  margin-top: 50px;

}



.footer h1, .footer h3 {

  text-transform: uppercase;

  font-size: 16px;

  margin-bottom: 30px;

  color: #314394;

  font-weight: bold;

}



.footer-2 h1, .footer-2 h3 {

  color: #FFF;

}



.footer p {

    margin: 0px 0px 0px;

}



/* icon */

.social {

  display: inline-block;

  float: left;

}

.icons {
  clear: both;
  padding-top: 10px;
}



.social .xing, .social .linkedin, .social .twitter, .social .instagram, .social .facebook {

  display: block;

  width: 38px;

  height: 38px;

  float: left;

  margin-right: 10px;

/* 
  -ms-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease; */

  /* line-height: 38px; */

  /* position: relative; */

  /* display: inline-block; */

  /* border-radius: 100%; */


}



.social a:hover {

  text-decoration: none;

  background-color: #314394;

  border: 1px solid #314394;

  display: block;

  width: 38px;

  height: 38px;

  float: left;

  margin-right: 10px;

  /* -ms-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease; */

  line-height: 38px;

  position: relative;

  display: inline-block;

  border-radius: 100%;

}


.header-social .linkedin::before {
  content: "";
  background-image: url("../images/LinkedIn.png"); 
  background-size: contain; 
  background-repeat: no-repeat;
  position: absolute;
  width: 25px; 
  height: 25px; 
  top: 5px;
  left: 5px;
  
}


.header-social .instagram::before {
  content: "";
  background-image: url("../images/Instagram.png"); 
  background-size: contain; 
  background-repeat: no-repeat;
  position: absolute;
  width: 25px; 
  height: 25px; 
  top: 5px;
  left: 5px;
  
}

.header-social .facebook::before {
  content: "";
  background-image: url("../images/fb.png"); 
  background-size: contain; 
  background-repeat: no-repeat;
  position: absolute;
  width: 25px; 
  height: 25px; 
  top: 5px;
  left: 5px;
  
}


.newsletter {

  position: relative;

  height: 130px;

  overflow: hidden;

}



.tx-powermail {

  position: relative;

}



.newsletter .container, .newsletter .row {

  padding-bottom: 0px;

}



.newsletter label, .newsletter form h3, .newsletter .powermail_legend {

  display: none;

}



.newsletter .powermail_fieldwrap_submit {

  position: absolute;

  left: 55%;

  top: 0px;

  display: inline-block;

}



.newsletter .powermail_fieldwrap {

  margin-bottom: 80px;

}



.newsletter #powermail_captchaimage {

  height: 38px;

  width: auto;

  margin-left: 40px;

}



.newsletter input {

  background-color: #FFF;

  color: #000;

  height: 38px;

  line-height: 38px;

  padding: 0px 10px;

  width: 50%;

  border: 0px;

  border-radius: 0px;

}



.newsletter input.powermail_submit { 

  text-transform: uppercase;

  display: inline-block;

  padding: 8px 20px 5px 15px;

  border: 1px solid #314394;

  color: #314394;

  width: auto;

  background-color: transparent;

  margin-bottom: 20px;

  line-height: 24px;

  font-size: 14px;

  font-weight: bold;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

}



.newsletter input.powermail_submit:hover { 

  background-color: #314394;

  color: #FFF;

  text-decoration: none;

}



.newsletter .fields_div {

  margin-bottom: 80px;

}



.newsletter .open-emm-form input, .newsletter .open-emm-form select {

  background-color: #FFF;

  color: #000;

  height: 38px;

  line-height: 38px;

  padding: 0px 10px;

  width: 45%;

  border: 0px;

  border-radius: 0px;

}



.newsletter-submit-button-div {

  display: inline-block;

}



.newsletter .open-emm-form input.submit_button, .newsletter .open-emm-form button.submit_button { 

  text-transform: uppercase;

  display: inline-block;

  padding: 5px 15px 5px 15px;

  margin-left: 20px;

  border: 1px solid #314394;

  color: #314394;

  width: auto;

  background-color: transparent;

  line-height: 24px;

  font-size: 14px;

  font-weight: bold;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

}



.newsletter .open-emm-form input.submit_button:hover, .newsletter .open-emm-form button.submit_button:hover { 

  background-color: #314394;

  color: #FFF;

  text-decoration: none;

}





.newsletter .parsley-errors-list {

  padding: 5px 20px;

  color: red;

}



.partner {

  max-width: 450px;

}



.partner-div {

  display: inline-block;

  float: left; 

  margin: 5px;

  padding: 5px;

  width: 190px;

  height: 190px;

  line-height: 50px;

  vertical-align: middle;

  text-align: center;

  background-color: #FFF;

  overflow: hidden;


}

.partner2-div {

  display: inline-block;

  margin: 5px;
  float: left; 

  padding: 5px;

  width: 95px;

  height: 190px;

  line-height: 50px;

  vertical-align: middle;

  text-align: center;

  background-color: #FFF;

  overflow: hidden;
  
  
}

.partner3-div {

  display: inline-block;
  
  margin: 5px;

  padding: 5px;

  width: 90px;

  height: 90px;

  line-height: 50px;

  vertical-align: middle;

  text-align: center;

  background-color: #FFF;

  overflow: hidden;


}

.partner4-div {

  display: inline-block;

  margin: 5px;

  padding: 5px;

  width: 90px;

  height: 90px;

  line-height: 50px;

  vertical-align: middle;

  text-align: center;

  background-color: #FFF;

  overflow: hidden;

}



.partner-div img {

  max-width: 100%;

  height: auto !important;

  max-height: 190px;

  width: auto!important;

}

.partner2-div img {

  max-width: 100%;

  height: auto !important;

  max-height: 200px;

  width: auto!important;

}

.partner3-div img {

  max-width: 100%;

  height: auto !important;

  max-height: 90px;

  width: auto!important;

}

.partner4-div img {

  max-width: 100%;

  height: auto !important;

  max-height: 90px;

  width: auto!important;

}



/* Footer menu */



.footer-nav ul {

  float: right;

}



.footer-nav ul li {

  float: left;

  list-style: none;

  margin: 0px 0px 0px 20px;

}



.footer-nav ul li a {

  color: #9797a0;

}



/* End footer menu */



/* Kontaktform */



.kontaktform {

  margin-top: 40px;

  margin-bottom: 80px;

  width: 100%;

  max-width: 750px;

}

.kontaktform.kontaktform-2-spalten {
  width: 50%;
  float: left;
  margin-top: 0;
}



.kontaktform .container-fluid {

	display: block;

	padding-left: 0px;

	padding-right: 0px;

}



.kontaktform h3, .kontaktform .powermail_legend {

  display: none;

}



.kontaktform label {

  display: block;

  padding-top: 20px;

  clear: both;

}

.kontaktform-2-spalten label {
  padding-top: 10px;
}



.kontaktform .powermail_fieldwrap {

  width: 100%;

}



.kontaktform .powermail_fieldwrap_5 {

  width: 150px;

}



.kontaktform .powermail_fieldwrap_type_recaptcha, .kontaktform .powermail_fieldwrap_45 {

  width: 60%;

  float: left;

}



.kontaktform .powermail_fieldwrap_anfragesenden, .kontaktform .powermail_fieldwrap_46 {

  width: 40%;

  float: right;

  padding-top: 46px;

}



.kontaktform .powermail_fieldset_2, .kontaktform .powermail_fieldset_6, .kontaktform .powermail_fieldset_9, .kontaktform .powermail_fieldset_11, .kontaktform .powermail_fieldset_23 {

  width: 45%;

  float: left;

  clear: both;

}



.kontaktform .powermail_fieldset_4, .kontaktform .powermail_fieldset_7, .kontaktform .powermail_fieldset_10, .kontaktform .powermail_fieldset_12, .kontaktform .powermail_fieldset_24 {

  width: 45%;

  float: right;

}



.kontaktform .powermail_fieldset_4, .kontaktform .powermail_fieldset_10, .kontaktform .powermail_fieldset_4, .kontaktform .powermail_fieldset_24 {

  margin-top: 86px;

}


.kontaktform .powermail_fieldset_5, .kontaktform .powermail_fieldset_13, .kontaktform .powermail_fieldset_25, .kontaktform .powermail_fieldset_26, .kontaktform .powermail_fieldset_28 {

  clear: both;

  width: 100%;

  float: none;

}



.kontaktform textarea {

  width: 100%;

  height: 150px;

}



.kontaktform select, .kontaktform .powermail_fieldset_2 input, .kontaktform .powermail_fieldset_9 input, .kontaktform .powermail_fieldset_4 input, .kontaktform .powermail_fieldset_10 input, .kontaktform .powermail_fieldset_7 input, .kontaktform .powermail_fieldset_12 input {

  width: 100%;

}



.kontaktform select {

  height: 40px;

  border: 1px solid #0093D5;

  padding: 5px 10px;

  color: #FFF;

  border-radius: 0px;

  background-color: #0093D5;

}



.kontaktform select option {

  background-color: #FFF;

  color: #333;

}



.kontaktform input, .kontaktform textarea {

  border: 1px solid #BEBEBE;

  border-radius: 0px;

  padding: 5px 10px;

}

.kontaktform.kontaktform-2-spalten input {
  width: 100%;
}



.kontaktform input {

  height: 40px;

}



.kontaktform .powermail_fieldwrap_plz, .kontaktform .powermail_fieldwrap_38 {

  width: 45%;

  float: left;

}



.kontaktform .powermail_fieldwrap_ort, .kontaktform .powermail_fieldwrap_39 {

  width: 45%;

  float: right;

}



.kontaktform .powermail_fieldwrap_16, .kontaktform .powermail_fieldwrap_40 {

  clear: both;

}



.kontaktform .powermail_submit {

  height: 40px;

  border: 1px solid #314394;

  padding: 5px 40px;

  color: #314394;

  float: right;

  border-radius: 0px;

  background-color: #FFF;

  font-weight: bold;

  -ms-transition: all 0.5s ease!important;

  -moz-transition: all 0.5s ease!important;

  -webkit-transition: all 0.5s ease!important;

  transition: all 0.5s ease!important;

}



.kontaktform .powermail_submit:hover {

  background-color: #314394;

  color: #FFF;

}



.kontaktform .powermail_captchaimage {

  height: 40px!important;

  width: auto!important;

}



/* End Kontaktform */



/* Content only template */



.only-content {

  padding: 20px;

}



.only-content .kontaktform {

    margin-top: 0px;

    margin-bottom: 0px;

}



.only-content .kontaktform .powermail_fieldwrap {

    width: 46%;

    margin-left: 2%;

    margin-right: 2%;

    float: left;

}



.only-content .kontaktform .powermail_fieldwrap_ihrenachricht {

  width: 96%;

}



.only-content .kontaktform .powermail_fieldwrap_name {

    clear: both;

}



.only-content .kontaktform .powermail_fieldwrap_47 {

  width: 100%;

}



.only-content .kontaktform textarea {

    height: 100px;

}



.only-content .kontaktform label {

  padding-top: 10px;

}



.only-content .kontaktform input {

  width: 100%;

}



.only-content .kontaktform input.powermail_captcha {

  width: 30%;

}



.only-content .powermail_captchaimage {

  float: right;

}



.only-content .powermail_fieldwrap_anfragesenden {

  margin-top: 10px;

  padding-top: 0px;

}



.powermail_form_3 #powermail_field_anrede, .powermail_form_5 #powermail_field_anrede {

  width: 150px;

}



.only-content .kontaktform .powermail_form_3 .powermail_submit, .only-content .kontaktform .powermail_form_5 .powermail_submit {

  width: 200px;

}



.only-content .kontaktform h1 {

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 0px;

  font-size: 20px;

}



.powermail_fieldwrap_pflichtfeld .powermail_field {

  text-align: left;

  color: #157dd6;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}



ul.powermail_message li {

   width: 50%!important;

}



/* End content only template */



.google-maps {

  width: 100%;

  max-width: 700px;

  overflow: hidden;

  float: left;

  margin-top: 20px;

  margin-right: 30px;

  margin-bottom: 20px;

}



.contact-data {

  display: inline-block;

  float: left;

  margin-top: 20px;

  font-size: 16px;

  line-height: 28px;

}



.contact .dropdown-content-hidden img {

  float: left;

  margin-right: 20px;

  margin-top: 15px;

  width: 180px;

}



.contact .dropdown-content-hidden .col-md-4, .contact .dropdown-content-hidden .col-md-6 {

  margin-bottom: 30px;

  min-height: 285px;

}



.contenttable th {

  padding-right: 10px;

}



.contenttable th,.contenttable td {

  vertical-align: top;

}



/* Sophos  /leistungen/produkte-hersteller/netzwerk-sicherheit/sophos-utm/ */



.sophos-dashboard {

  width: 650px;

  height: 550px;

  background: url("../images/sophos/sophos-dashboard.png") no-repeat 0px 0px; 

  position: relative;

  float: left;

  margin-right: 50px;

  margin-bottom: 20px;

}



.sophos-dashboard a {

  -ms-transition: all 0.5s ease!important;

  -moz-transition: all 0.5s ease!important;

  -webkit-transition: all 0.5s ease!important;

  transition: all 0.5s ease!important;

}



.sophos-dashboard a:hover {

  opacity: 1;

}



.dashboard-icon-1 {

  position: absolute;

  top: 67px;

  left: 55px;

  width: 40px;

  height: 33px;

  background: url("../images/sophos/icon-1.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-icon-2 {

  position: absolute;

  top: 154px;

  left: 79px;

  width: 40px;

  height: 33px;

  background: url("../images/sophos/icon-2.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-icon-3 {

  position: absolute;

  top: 170px;

  right: 180px;

  width: 40px;

  height: 33px;

  background: url("../images/sophos/icon-3.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-icon-4 {

  position: absolute;

  top: 192px;

  left: 62px;

  width: 34px;

  height: 35px;

  background: url("../images/sophos/icon-4.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-icon-5 {

  position: absolute;

  top: 194px;

  left: 15px;

  width: 34px;

  height: 41px;

  background: url("../images/sophos/icon-5.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-icon-6 {

  position: absolute;

  top: 277px;

  left: 72px;

  width: 37px;

  height: 34px;

  background: url("../images/sophos/icon-6.png") no-repeat 0px 0px; 

  cursor: pointer;

  display: block;

  opacity: 0.5;

}



.dashboard-description {

  width: 450px;

  height: 550px;

  float: left;

  position: relative;

  overflow: hidden;

}



.dashboard-description-slide {

  padding-left: 10px;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 3000px;

}



.dashboard-description .title {

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 10px;

  padding-left: 55px;

  line-height: 50px;

}



.dashboard-description .title-1 {

  background: url("../images/sophos/icon-1-big.png") no-repeat 0px 0px; 

}



.dashboard-description .title-2 {

  background: url("../images/sophos/icon-2-big.png") no-repeat 0px 0px; 

}



.dashboard-description .title-3 {

  background: url("../images/sophos/icon-3-big.png") no-repeat 0px 0px; 

}



.dashboard-description .title-4 {

  background: url("../images/sophos/icon-4-big.png") no-repeat 0px 0px; 

}



.dashboard-description .title-5 {

  background: url("../images/sophos/icon-5-big.png") no-repeat 0px 0px; 

}



.dashboard-description .title-6 {

  background: url("../images/sophos/icon-6-big.png") no-repeat 0px 0px; 

}



.dashboard-description .text {

  width: 440px;

  margin-top: 10px;

}



.dashboard-description .desc {

  width: 450px;

  float: left;

}



.dashboard-description .buttons {

  position: absolute;

  top: 400px;

  left: 130px;

  width: 300px;

  height: 50px;

}



.dashboard-description .button-left, .dashboard-description .button-right {

  width: 90px;

  height: 50px;

  border: 1px solid #314394;

  color: #314394;

  margin-right: 10px;

  float: left;

  cursor: pointer;

  position: relative;

  -ms-transition: all 0.5s ease!important;

  -moz-transition: all 0.5s ease!important;

  -webkit-transition: all 0.5s ease!important;

  transition: all 0.5s ease!important;

}



.dashboard-description .button-left:hover, .dashboard-description .button-right:hover {

  color: #FFF;

  background-color: #314394; 

}



.dashboard-description .button-left::before {

  content: "\f060";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

/*--adjust as necessary--*/

  font-size: 34px;

  position: absolute;

  top: -2px;

  left: 28px;

}



.dashboard-description .button-right::before {

  content: "\f061";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

/*--adjust as necessary--*/

  font-size: 34px;

  position: absolute;

  top: -2px;

  left: 28px;

}



.dashboard-description .online-demo {

  position: absolute;

  top: 470px;

  left: 100px;

}



.dashboard-description .online-demo a {

  display: block;

  width: 250px;

  height: 50px;

  border: 1px solid #314394;

  color: #314394;

  font-size: 26px;

  text-align: center;

  line-height: 55px;

  text-decoration: none;

  -ms-transition: all 0.5s ease!important;

  -moz-transition: all 0.5s ease!important;

  -webkit-transition: all 0.5s ease!important;

  transition: all 0.5s ease!important;

}



.dashboard-description .online-demo a:hover {

  border: 1px solid #314394;

  color: #FFF;

  background-color: #314394;

}



.sophos-skala {

  width: 710px;

  height: 500px;

  position: relative;

  float: left;

  margin-bottom: 50px;

}



.sophos-skala-efekt {

  width: 710px;

  height: 70px;

  left: 0px;

  bottom: 0px;

  position: absolute;

  overflow: hidden;

}



.sophos-skala img {

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.sophos-grafiken {

  width: 300px;

  float: left;

}



.sophos-grafiken img {

  margin-top: 30px;

}



#buyers-guide-table {

  border: 1px solid #BEBEBE;

  margin-top: 30px;

}



#buyers-guide-table td, #buyers-guide-table th {

  border-top: 1px solid #BEBEBE;

  border-bottom: 1px solid #BEBEBE;

  font-size: 120%;

  padding: 10px 20px;

  text-align: center;

}



#buyers-guide-table th:nth-of-type(2) {

  border-top: 3px solid #000;

  border-left: 3px solid #000;

  border-right: 3px solid #000;

}



#buyers-guide-table td:nth-of-type(2) {

  border-left: 3px solid #000;

  border-right: 3px solid #000;

}



#buyers-guide-table td:nth-of-type(1) {

  text-align: left;

}



#buyers-guide-table tr:last-of-type td:nth-of-type(2) {

    border-bottom: 3px solid #000;

}



.dot {

  margin-right: 5px;

}



.two-dots {

  margin-left: 20px;

  margin-right: 5px;

}



.sophos-all-in-one {

  width: 300px;

  height: 300px;

  margin-top: 20px;

  margin-bottom: 20px;

  margin-right: 40px;

  position: relative;

  float: left;

}



.sophos-all-in-one .title {

  position: absolute;

  color: #FFF;

  font-size: 37px;

  width: 300px;

  top: 40px;

  left: 0px;

  text-align: center;

  line-height: 40px;

  z-index: 9;

}



.sophos-all-in-one .text {

  position: absolute;

  width: 300px;

  height: 300px;

  top: 0px;

  left: 0px;

  text-align: center;

  padding: 60px 20px;

  background-color: #FFF;

  opacity: 0.9;

  display: none;

  z-index: 99;

  font-size: 120%;

}



/* leistungen/produkte-hersteller/enterprise-mobility-management/sophos-mobile-control/ */



.panelD h1, .panelG h1, .panelD h3, .panelG h3 {

  font-size: 34px;

  color: #333;

  text-align: center;

  font-weight: normal;

  padding-top: 50px;

}



.panelD .fourRectangle {

    width: 680px;

    padding: 0 30px;

    height: 655px;

    position: relative;

    color: #fff;

    text-align: center;

    font-size: 16px;

    line-height: 22px;

    margin: 0 auto 60px auto;

    z-index: 0;

}



.panelD .fourRectangle .rectangleBox {

    width: 334px;

    height: 179px;

    position: absolute;

    padding-top: 155px;

    color: #fff;

    z-index: 49;

    box-sizing: content-box;

}



.panelD .fourRectangle .rectangleBox:hover {

    z-index: 50;

    background-position: left bottom;

    text-decoration: none;

    cursor: pointer;

}



.panelD .fourRectangle .rectangleA {

    top: 0;

    left: 189px;

    background: url('../images/F4D3E358A6344E22AD22DE8160419702.ashx') no-repeat 0 0;

}



.panelD .fourRectangle .rectangleC {

    top: 167px;

    left: 361px;

    background: url('../images/C76D3CE4019D474A921950AE14EFAE69.ashx') no-repeat 0 0;

}



.panelD .fourRectangle .rectangleB {

    top: 167px;

    left: 17px;

    background: url('../images/9CB05D70560C4D3C899993FE4FF23371.ashx') no-repeat 0 0;

}



.panelD .fourRectangle .rectangleD {

    top: 334px;

    left: 189px;

    background: url('../images/60DE1DFDDF994BB1A6D71910083616BF.ashx') no-repeat 0 0;

}



#bar-details {

  border-top: 1px solid #BEBEBE;

  border-bottom: 1px solid #BEBEBE;

}



.one-third {

  border-right: 1px solid #BEBEBE;

  width: 250px;

  float: left;

  height: 400px;

  padding: 30px 0px;

}



.two-third {

  width: 750px;

  float: left;

  position: relative;

}



.vtabContent {

  position: relative;

  height: 400px;

  width: 750px;

  display: none;

  overflow: hidden;

}



.iconA {

  display: block;

}



.vtabContent .slider {

  position: absolute;

  display: block;

  width: 3000px;

  top: 50px;

  left: 0px;

  margin:0px;

  padding: 0px;

  font-size: 120%;

  line-height: 25px;

}



.slider h3 {

  margin-top: 0px;

}



.vtabContent .slider > li {

  display: block;

  width: 750px;

  float: left;

  padding: 30px;

}



#bar-details {

  display: none;

}



#bar-details .details a.close {

    height: 32px;

    width: 32px;

    background: url('../images/4F6609F219E2491EB8CF9A5DCF603811.ashx') no-repeat center center;

    display: inline-block;

    margin: 0 auto;

    margin-bottom: 10px;

    overflow: hidden;

    text-indent: -999px;

    border-radius: 32px;

    overflow: hidden;

    background-color: #0068b1;

    float: none;

    display: block;

}



#bar-details .details .verticleTabpan ul {

  margin-left: 0px;

  padding-left: 20px;

  padding-right: 20px;

}



#bar-details .details .verticleTabpan ul li a {

    padding: 9px 6px 9px 50px;

    word-wrap: break-word;

    border-radius: 3px;

    overflow: hidden;

    display: block;

    font-size: 16px;

    color: #99a3a9;

    background-position: 10px center;

    background-repeat: no-repeat;

    text-align: left;

    cursor: pointer;

}



#bar-details .details .verticleTabpan ul li a:hover, #bar-details .details .verticleTabpan ul li a.active {

    color: #fff;

    background-color: #334653;

    text-decoration: none;

}



#bar-details .details .verticleTabpan ul li {

    overflow: hidden;

    padding-bottom: 10px;

    line-height: normal;

    margin-bottom: 0px;

}



#bar-details .details .verticleTabpan ul li a.iconA {

    background-image: url('../images/84A85CCD17164AFC80332490B9020F59.ashx');

}



#bar-details .details .verticleTabpan ul li a.iconC {

    background-image: url('../images/E275ECA39FEE4A81894C027EB3F60695.ashx');

}



#bar-details .details .verticleTabpan ul li a.iconB {

    background-image: url('../images/C6F4AF2DAC6D49E89CB3ADC0E1864C95.ashx');

}



#bar-details .details .verticleTabpan ul li a.iconD {

    background-image: url('../images/E638610F7A2845CD950C470693706CDC.ashx');

}



.subnavwrap {

  padding: 30px 0px 0px 30px;

}



.subnavwrap a {

    cursor: pointer;

    color: #99a3a9;

    font-size: 14px;

    line-height: 20px;

    margin-right: 15px;

    border-bottom: 2px solid transparent;

    display: inline-block;

}



.subnavwrap a:hover {

    border-bottom: #b987e8 solid 2px;

    color: #b987e8;

    text-decoration: none;

}



.vtabContent .bar-content .blueRightsignList > ul {

  padding-left: 0px;

}



.vtabContent .bar-content .blueRightsignList > ul > li {

  list-style: none;

  background: url("../images/haekchen.png") no-repeat 0px 3px;

  padding-left: 20px;

}



.playbtnW a {

    border: #007ac6 solid 1px;

    line-height: 40px;

    display: inline-block;

    padding: 0 55px 0 20px;

    background: url('../images/play.ashx') no-repeat 94% center;

    position: relative;

    border-radius: 3px;

    margin-top: 15px;

    min-width: 64px;

    text-align: center;

}



.panelG .tabNavigation ul li a {

    color: #334653;

    font-size: 20px;

    line-height: 22px;

    min-height: 56px;

    padding: 0 0px;

    position: relative;

    outline: none;

    max-width: 190px;

    float: left;

}



.panelG .tabcontainerW {

    background: #334653;

    border-radius: 5px;

    overflow: hidden;

    clear: both;

}



.panelG .tabcontainerW .containerTab {

    background-color: #334653;

    padding: 42px 70px 42px 240px;

    background-position: left bottom;

    background-repeat: no-repeat;

    text-align: left;

    min-height: 316px;

    color: #ffffff;

    font-size: 16px;

    line-height: 20px;

    display: none;

    font-size: 130%;

    min-height: 400px;

}



.panelG .tabcontainerW  #emailContainer {

  display: block;

}



.panelG .tabNavigation ul li {

    display: inline-block;

    float: left;

    margin-left: 57px;

    margin-top: 20px;

    text-align: center;

}



.panelG .tabcontainerW #emailContainer {

    background-image: url('../images/3E2AFC9548894ACBA78CC1F8AFF0C0E1.ashx');

}



.panelG .tabcontainerW #contentContainer {

    background-image: url('../images/5DD3ECEFDBEF46EB806691F4AB687515.ashx');

}



.panelG .tabcontainerW #nativeOsContainer {

    background-image: url('../images/F6EEF4519CD841D9B810CDAB36815086.ashx');

}



.panelG .tabcontainerW #corporateBrowser {

    background-image: url('../images/7EEB2C82A79A4C66BA7FB6CF9BF3CF0B.ashx');

}



.panelG .tabNavigation a.active {

    color: #007ac6;

    background: url('../images/86E62C0205D64AF78E05EF5A0A8B362A.ashx') no-repeat center bottom;

}



.panelG .tabNavigation a {

  cursor: pointer;

}



.panelG .tabcontainerW .containerTab .blueRightsignList ul li {

    background: url('../images/blauerhaken.ashx') no-repeat 0 5px;

    padding: 0 0 17px 28px;

    overflow: hidden;

    color: #ffffff;

    font-size: 16px;

    line-height: 22px;

}



.arrowbtnA {

    border: #007ac6 solid 1px;

    line-height: 44px;

    display: inline-block;

    padding: 0 55px 0 20px;

    background: url('../images/play.ashx') no-repeat 93% center;

    position: relative;

    border-radius: 3px;

    margin-left: 70px;

    margin-top: 10px;

    color: #fff;

}



.arrowbtnA:hover {

  color: #FFF;

}



/* End Sophos */



/* XenApp */



.li-tabs {

  border-left: 1px solid #DDD;

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 0px;

}



.li-tabs li {

  list-style: none;

  padding-left: 30px;

  line-height: 50px;

  color: #314394;

  font-size: 24px;

  position: relative;

  cursor: pointer;

}



li.li-tab-current {

    color: #3F4042;

    font-family: "citrixsans-bold",Arial,Helvetica,sans-serif;

    z-index: 10;

    font-weight: bold;

    background: #E3E3E3 linear-gradient(#E3E3E3, #F1F1F1) repeat scroll 0% 0%;

}



li.li-tab-current::before {

    right: -25px;

    top: 50%;

    border-style: solid;

    border-color: #FFF transparent;

    -moz-border-top-colors: none;

    -moz-border-right-colors: none;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    border-image: none;

    content: " ";

    height: 0px;

    width: 0px;

    position: absolute;

    pointer-events: none;

    border-width: 25px 25px 25px 15px;

    margin-top: -25px;

}



.li-tab  {

  display: none;

}



.li-tab-active {

  display: block;

}



/* End XenApp */



/* MCCP Login */



.mccp-login input {

  width: 100%;

  margin-top: 10px;

  border: 1px solid #BEBEBE;

  border-radius: 0px;

  padding: 3px 5px;

}



.mccp-login button.login {

  margin-top: 20px;

  float: right;

}



/* End MCCP Login */



/* Sonstiges */



#unterschriften {

  width: 100%;

}



.iso-zert {

  margin-top: 35px;

}



.iso-zert img {

  width: 32%;

  height: auto;

  margin-right: 1%;

  border-radius: 12px;

  overflow: hidden;

  max-width: 240px;

}



.footer-siegel {

  background-color: #FFF;

  display: inline-block;

  padding: 10px 10px 10px 10px;

  max-width: 475px;

  float: right;

  text-align: center;

}



.footer-siegel img {

  width: 80%;

  height: auto;

  margin-right: 1%;

  margin-left: 1%;

  overflow: hidden;

  max-width: 340px;

  margin-top: 0px;

}





#c1441 .bodytext {

  clear: both;

}



.lang-1 .topnav ul li {

    padding: 0px 0px;

}



.small-caps {

    font-variant: small-caps;

}



#powermail_field_mbit, #powermail_field_kunde, #powermail_field_strasse, #powermail_field_telefon, #powermail_field_ansprechpartner, #powermail_field_plzundort, #powermail_field_e_mail {

	width: 100%;

}



#powermail_field_marker {

	border: 0px;

	padding: 0px;

}



.powermail_fieldwrap_type_check .checkbox label {

  padding-top: 0px;

}



.powermail_fieldwrap_type_check .checkbox label input {

  height: auto;
  width: auto;

}



.powermail_fieldwrap_type_check .checkbox label span {

  padding-left: 5px;

  display: inline-block;

}

.powermail-errors-list {
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 0;
}

.powermail-errors-list li {
  list-style: none;
  color: red;
}



form .parsley-errors-list {

  padding-left: 0px;

  margin-left: 0px;

}



form .parsley-required {

  list-style: none;

  display: block;

  color: red;

}



.benefit-item {

	border: 3px solid #058fcf;

	padding: 15px;

	border-radius: 10px;

	text-align: center;

	height: 200px;

	position: relative;

}



.benefit-item h3 {

	font-weight: bold;

	font-size: 16px;

	margin-top: 0px;

	margin-bottom: 0px;

}



.benefit-item img {

	max-width: 160px!important;

}



.nbiot-link-image {

	margin-top: -15px;

	float: right;

}



.grey-blocks, .blue-blocks {

	display: -webkit-flex;

	display: flex;

	display: -ms-flexbox;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-left: -4px;

	margin-right: -4px;

	padding-bottom: 8px;

}



.grey-block, .blue-block {

	background-color: #e9e9e9;

	margin-left: -11px;

	margin-right: -11px;

	padding: 10px;

	min-height: 100%;

}



.blue-block {

  background-color: #2761ab;

  border: 2px solid #000;

  color: #FFF;

}



.blue-block h2 {

  color: #FFF;

  margin-top: 10px;

}



.grey-block h2 {

	margin-top: 10px;

}



.grey-block h2.small {

	font-size: 16px;

	margin-top: 0px;

	margin-bottom: 10px;

}



.grey-block h2.small + p {

	margin-bottom: 0px;

}



.container .row {

	display: -webkit-flex;

	display: flex;

	display: -ms-flexbox;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}



.kontakt-line {

	font-size: 16px;

}



.kontakt-line span {

	font-weight: bold;

	display: inline-block;

	min-width: 100px;

}



#c2899 h3, #c2900 h3 {

	margin-top: 0px;

}



#c2899, #c2909 {

	position: sticky;

	top: 100px;

}



.table-bewerbung td {

	min-width: 150px;

}

.azubi-h1 {
	max-width: 699px;
}

.azubi-h3 {
	margin-bottom: 10px !important;
}

.azubi-logo {
	padding-bottom: 40px;
}

.azubi-p {
	margin-top: -20px !important;
}

/* Media */

.big-header-image .header-bild {
  max-height: none;
}



@media screen and (max-width : 1280px) {

  .logo img {

    width: auto !important;

    height: 140px !important;

  }



  .slider-pro .sp-layer-h1, .slider-pro .sp-layer-h2 {

    font-size: 40px;

    top: -80px !important;

  }



  .slider-pro .sp-layer-h2  {

    font-size: 28px;

    top: 10px !important;

  }



  .slider-pro p.slider-mehr-info {

      top: 110px !important;

  }



  .zertifikate-slider {

    bottom: 0px;

  }



  .header-background {

    height: 70px;

  }



  .top-menu {

    top: 65px;

  }



  .topnav ul li > a {

    padding: 0.5em 0.4em 0em 0em;

    margin: 0em 0em 0em 0.5em;

  }



  .topnav ul li > a:last-child {

    padding: 0.5em 0em 0em 0em;

  }



  .header-menu {

    top: -66px;

  }

}



@media screen and (max-width:1170px) {

  .topnav ul li > a {

    font-size: 13px;

  }



  .topnav ul li > a {

    padding: 0.1em 0.4em 0em 0em;

    margin: 0em 0em 0em 0.1em;

  }



  .contact .dropdown-content-hidden .col-md-4 {

    width: 50%;

  }



  .inhalt-5-spalten:nth-child(1), .inhalt-5-spalten:nth-child(2), .inhalt-5-spalten:nth-child(3) {

    width: 33.3%;

  }



  .inhalt-5-spalten:nth-child(4), .inhalt-5-spalten:nth-child(5) {

    width: 50%;

  }



  .newsletter .open-emm-form input, .newsletter .open-emm-form select {

  	width: 35%;

  }

}





@media screen and (max-width: 1000px) {

  .my-header {

    position: relative;

  }



  .logodescription {

    display: none;

  }



  .header-background {

    opacity: 1;

  }



  .partner, .social {

    float: left;

  }



  .zertifikate-slider .bilder-reihe-table {

    margin: 0px 0px;

  }



  .zertifikate-slider {

    bottom: -20px;

  }



  .header-bild .titels {

    top: 35%;

  }

  

  .downloads-div .csc-default {

    width: 100%;

  }



  .services-div .csc-default {

    width: 100%;

    padding-right: 0px;

  }



  .submenu {

    display: none;

  }



  .my-header {

    height: 105px;

  }



  .logo img {

    width: auto !important;

    height: 105px !important;

  }



  .top-menu {

    top: 45px;

  }



  .contact .dropdown-content-hidden .col-md-4 {

    clear: both;

    width: 100%;

  }



  .contact .dropdown-content-hidden img {

    margin-top: 5px;

  }



  .article-2-spalten:nth-child(odd), .article-2-spalten-karriere:nth-child(odd) {

    padding-right: 0px!important;

  }



  .article-2-spalten:nth-child(even), .article-2-spalten-karriere:nth-child(even) {

    padding-left: 0px!important;

  }



  p.more-info-button a {

    font-size: 12px;

  }



  .zertifikate img {

    width: 90%;

    height: auto;

  }



  .newsletter .open-emm-form input.submit_button, .newsletter .open-emm-form button.submit_button {

  	margin-left: 0px;

  	margin-top: 10px;

  }



  .newsletter-submit-button-div {

  	display: block;

  }



  .newsletter {

  	height: 175px;

  }



  .footer-siegel {

  	float: none;

  }



  .nbiot-link-image {

  	margin-top: 0px;

  	float: none;

  	margin-left: -20px;

  }



  .zwei-spalten-inhalt .ce-gallery figure {

      max-width: 130px;

  }

}



@media screen and (max-width: 768px) {

  .slider-pro .sp-layer-h1, .slider-pro .sp-layer-h2, .slider-pro p.slider-mehr-info, .header-bild .titels {

    display: none !important;

  }



  .zertifikate-slider {

    bottom: 0px;

  }



  .header-background {

    opacity: 1;

  }



  .zertifikate-slider img {

    width: 80%;

    height: auto;

  }



  span.resetbutt a, span.submitbutt input {

    display: none!important;

  }



  #kesearch_submit {

  display: inline-block!important;

  }



  .inhalt .article {

    min-height: 200px;

  }



  .inhalt-5-spalten {

    width: 100%!important;

  }



  .partner-lieferanten > div {

    width: 100%;

    float: none;

  }



  .benefit-item {

  	margin-bottom: 20px;

  }



  .col-sm-4:last-child .benefit-item {

  	margin-bottom: 0px;

  }


  .kontaktform.kontaktform-2-spalten {
    width: 100%;
  }

}



@media screen and (max-width: 640px) {
  .kununu {
    margin-bottom: 10px;
  }

  .zertifikate-slider td:first-child, .zertifikate td:first-child {

    display: none;

  }



  .zertifikate-slider img {

    width: 90%;

    height: auto;

  }



  

  .hersteller img:nth-child(3n+2) {

    margin-left: 1%;

    margin-right: 1%;

  }



  .kontaktform .powermail_fieldset_2, .kontaktform .powermail_fieldset_4, .kontaktform .powermail_fieldset_6, .kontaktform .powermail_fieldset_7,

  .kontaktform .powermail_fieldwrap_20, .kontaktform .powermail_fieldwrap_21 {

    width: 100%;

    float: left;

    margin-top: 0px;

  }



  .kontaktform .powermail_submit {

    float: left;

    width: 100%;

  }



  .bodytext img {

    width: 100%;

    height: auto;

  }



  .only-content .kontaktform .powermail_fieldwrap {

      width: 100%;

      margin: 0px;

  }



  .referenzen a, .referenzen-4-col a {

    width: 32%;

  }



  .m-breadcrumb {

    display: none;

  }



  .newsletter input {

    width: 45%!important;

  }



  .newsletter input.powermail_submit {

    width: 100%!important;

  }



  .newsletter .powermail_fieldwrap_submit {

    left: 48%!important;

  }



  .newsletter {

  	height: 175px;

  }



  .newsletter .open-emm-form input, .newsletter .open-emm-form select {

  	width: 100%!important;

  	margin-left: 0px!important;

  	max-width: 400px;

  	display: block;

  }



  .open-emm-form .submit_button {

  	margin-top: 10px;

  }





}

.img-float-left {
  float: left;
  margin-right: 10px;
}

@media screen and (max-width : 480px) {

  .sonst-noch .csc-textpic-text {

    margin-left: 0px!important;

    clear: both;

  }



  .header-social .xing, .header-social .linkedin, .header-social .twitter {

    display: none;

  }



  .sonst-noch .csc-textpic-imagewrap {

    clear: both;

  }



  .hersteller img {

    margin-bottom: 5px;

  }



  .hersteller img:nth-child(3n+2) {

    margin-left: 0.5%;

    margin-right: 0.5%;

  }



  .contact .dropdown-content-hidden .col-md-4 {

    height: auto;

  }



  .contact .dropdown-content-hidden p {

    display: inline-block;

    clear: both;

    width: 100%;

  }



  .referenzen a, .referenzen-4-col a {

    width: 49%;

  }



  .partner-div {

    width: 80px;

  }



  .newsletter input.powermail_submit {

    font-size: 11px!important;

  }



  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {

    float: none;

  }



  .csc-textpic-intext-left-nowrap-190 .csc-textpic-text, .csc-textpic-intext-left-nowrap-145 .csc-textpic-text, .csc-textpic-intext-left-nowrap-148 .csc-textpic-text {

    margin-left: 0px;

    float: none;

  }



}



@media screen and (max-width : 320px) {



}





/* Fuer Menu Collapsed auf der breite 1000px */

@media (max-width: 1000px) {

    .navbar-header {

      float: none;

      margin: 0px !important;

    }

    .navbar-left,

    .navbar-right {

      float: none !important;

    }

    .navbar-toggle {

      display: block;

    }

    .navbar-collapse {

      border-top: 1px solid transparent;

      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

      margin: 0px !important;

    }

    .navbar-fixed-top {

      top: 0;

      border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

      display: none!important;

    }

    .navbar-nav {

      float: none!important;

      margin-top: 7.5px;

    }

    .navbar-nav>li {

      float: none;

    }

    .navbar-nav>li>a {

      padding-top: 10px;

      padding-bottom: 10px;

    }

    .collapse.in {

      display: block !important;

    }



    /* Custom Header Menu on Collapsed */



    .header-menu {

      position: relative;

      top: 0px;

      left: 0px;

      clear: both;

    }



    .header-menu ul {

      padding-left: 30px;

    }



    .header-menu ul li {

      clear: both;

    }



    /* Custom Top Menu on Collapsed */



    .top-menu {

      width: 100%;

    }

  

    #navbar {

      padding: 0px 0px;

    }



    .topnav {

      width: 100%;

      padding-top: 10px;

    }



    .topnav ul li {

      line-height: 30px;

    }



    #navbar {

      background-color: #222145;

      margin-top: 9px!important;

      width: 100%;

    }



    .topnav ul li > a.current-menu-ancestor, .topnav ul ul li > a {

      color: #FFF;

      font-weight: normal;

    }



    .topnav ul li > a {

      margin-left: 25px;

    }



    .topnav ul li:hover {

      background-color: transparent;

    }



    .topnav ul li:hover a {

      color: #FFF;

    }



    .footer-nav ul {

      float: left;

      margin-left: 0px;

      padding-left: 0px;

    }



    .footer-nav ul li {

      margin: 0px 20px 0px 0px;

    }



    .my-header {

      position: relative!important;

    }



    .topnav ul.no-sf-menu li {

      float: none;

    }



    .header-social .search-link {

      margin-right: 20px;

      margin-top: 10px;

    }

/*

    .no-sf-menu ul {

      display: block!important;

    }

*/

}


/* alte icons fontawsome */

/* alt */
/* .header-social .linkedin::before {

  content: "\f0e1";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  /*font-size: 14px;

  position: absolute;

  top: 0px;

  left: 4px; 

} */

/* alt */
/* .header-social .instagram::before {

  content: "\e055";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  /*font-size: 14px;

  position: absolute;

  top: 0px;

  left: 4px; 

} */



/* .header-social .twitter::before {

  content: "\f099";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

/*--adjust as necessary--*/

  /*font-size: 14px;

  position: absolute;

  top: 0px;

  left: 3px;

} */


/* .header-social .xing::before {

  content: "\f168";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  /*font-size: 14px;

  position: absolute!important;

  top: 1px;

  left: 3px; 

} */


/* ab zeile 3000  icon alt*/

/* .social .xing:before {

  content: "\f168";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

  /* font-size: 22px; 

  position: absolute!important;

  top: 0px;

  left: 9px; 

} */


/* .social .twitter:before {

  content: "\f099";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal; */

/*--adjust as necessary--*/

  /* font-size: 22px;

  position: absolute;

  top: 0px;

  left: 9px;





  .social .linkedin:before {

  content: "\f0e1";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

/*--adjust as necessary--*/

/* font-size: 22px;

position: absolute;

top: 0px;

left: 9px; 

}

.social .instagram:before {

content: "\f16d";

font-family: FontAwesome;

font-style: normal;

font-weight: normal;

text-decoration: inherit; */

/*--adjust as necessary--*/

/* font-size: 22px;

position: absolute;

top: 0px;

left: 9px; 

}

} */