@font-face { font-family: 'pp_regular'; src: url('../fonts/pp_regular.woff') format('woff'); }


/*Slickslider*/

.slick-list {
	margin-right:20px;
}

.slick-slide img {
	width:100%!important;
	margin: 5px!important;
	padding-right: 2.3%;
}

.androit-slider .slick-dots li {
  margin: 6px!important;
  width: 15px;
  height: 15px;
}

.androit-slider .slick-dots {
	margin-left: -12px;
}

.size-logo img{
	height:72px;
	max-width:100%;
}

/*END*/

.csc-space-before-20 {
	margin-top:0!important;
}

.customlink .link {
	margin: 0 5% 14% 0!important;
}

/*Multitouch Newsletterformular BEGIN*/

.nl-box {
	  background-color: rgb(0, 173, 239);
	  max-width: 400px;
	  padding: 10px;
	  position: fixed;
	  right: 20px;
	  bottom: 20px;
	  z-index: 100;
	  color: white;
}

#newsletter .nl-box {
	  background-color: rgb(0, 173, 239);
	  max-width: 400px;
	  padding: 10px;
	  position: fixed;
	  right: 50%;
		margin-right:-190px;
	  bottom: 50%;
		margin-bottom:-106px;
	  z-index: 100;
	  color: white;
}

.btn-newsletter.close-nl-box {
	cursor:pointer;
	background-image:none!important;
	background-position:  center;
	background-size: cover;
	text-align: center;
	background:  transparent;
}

.close-nl-box {
	cursor:pointer;
	float:right;
	width: 15px;
	height: 15px;
	padding:5px;
	background:  #000;
	background-image: url("/fileadmin/templates/images/cross_wb.png");
	background-position:  center;
	background-size: cover;
	text-align: right;
}

.nl-box-content {
	padding: 35px 20px 10px 20px;
}
.nl-box h3 {
	color: white;
	margin-top: 0;
}

.nl-box #mce-success-response {
  font-size:18px;
}

.nl-box input[type="email"] {
padding:5px;
	width: 100%;
	background: transparent;
	box-shadow: none;
	outline: none;
	border: 0;
	border-bottom: 2px solid black;
	color: black;
}

.nl-box input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #000;
}
.nl-box input[type="email"]::-moz-placeholder { /* Firefox 19+ */
	  color: #000;
}
.nl-box input[type="email"]:-ms-input-placeholder { /* IE 10+ */
	  color: #000;
}
	.nl-box input[type="email"]:-moz-placeholder { /* Firefox 18- */
	  color: #000;
	}

	.nl-box input[type="submit"] {
	  background: black;
	  color: white;
	  border: none;
	  display: block;
	  padding: 5px 15px;
	  text-align: center;
	  margin: 0 auto;
	  margin-top: 20px;
	}

	@media screen and (max-width: 1780px) {
		.nl-box-overlay {
			padding:20px;
			box-sizing: border-box;
			width:100%;
			height:100vh;
			background-color:rgba(0,0,0,0.8);
			position:fixed;
			z-index:99;
			top:0;
			left:0;
			display: flex;
		  align-items: center;
		  justify-content: center;
		}

		.nl-box {
			position:static;
		}
	}
/*Multitouch Newsletterformular END*/


.clearer {
  clear:both !important;
}
strong, b {
  font-weight:bold;
}
html {
  margin: 0;
  padding: 0;
  font-size:62.5%;
}
.anker {
  display: block;
  height:1px;
  width:1px;
}
img,embed,object,video{
  max-width:100%;
  height:auto;
  width:auto
}
body, nav, a, p  {
  margin: 0; padding: 0;
    margin: 0px;
}
ol, ul {
  margin: 0;
  padding: 0 0 0 20px;
}
label {
  font-weight:bold;
}
iframe {
  border:0;
}
h1 {
  font-size:19px !important;
  line-height:1.2;
  font-weight:bold;
}
h2,h3,h4,h5,h6 {
  font-weight:bold;
}
.fancybox-lock {
  overflow: hidden !important;
  margin: 0 !important;
}
body {
  font-family: Arial, sans-serif;
  font-weight:300;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing:0.7px;
  line-height: 1.45em;
  color:#000;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #fff;
  text-rendering:  optimizelegibility;
}
.project img {
  border: 1px solid #fff;
  max-height: 415px !important;
}
.sliderborder img, .thumbnailborder img{
border:1px solid #000 !important;
}
.ui-draggable {
  position:absolute !important;
}
/* JQUERY FANCYBOX IOS FIX
.fancybox-inner {
  height:auto !important;
}
/* JQUERY FANCYBOX IOS FIX  ENDE*/
#detailseite .fancybox-inner {
  width:calc(100% - 45px) !important;
}
.tx-ppm-projects .listview .themeItems .item {
line-height:1 !important;
padding:5px 8px !important;
}
.tx-ppm-projects .detailview .links .link a, .tx-ppm-projects .detailview .downloads .download a, .tx-ppm-projects .detailview .slider.mobile a {
  max-width:300px;
}
.tx-ppm-projects .detailview .subtitle p {
  font-weight: bold;
}
/* OLD STYLE
.tx-ppm-projects .listview .reference, .tx-ppm-projects .listview .project {
  height:240px !important;
}
*/
.reference {
  height:260px !important;
}
.sliderview {
    max-width: 846px;
    width: auto;
}
.description br {
  display:block;
  margin-bottom:20px;
}
.projectThemes a {
  font-weight:normal;
}
strong, b {
  font-size: 16px;
  font-style: inherit;
  font-weight: bold;
  line-height: 1em;
  width: auto;
}
/* OLD STYLE
.tx-ppm-projects .listview .reference, .tx-ppm-projects .listview .project {
  margin-right:25px;
}
*/
.detailview h1 {
  font-size:26px !important;
  margin-bottom:19px;
}
.detailview .subtitle {
  margin-bottom:19px;
}
.slider .slider img {
  margin-bottom: 15px;
}
#wrapper, #footer  {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
#wrapper {
    margin: 0px auto;
    max-width: 1070px;
    background: white;
    text-align: left;
  padding-bottom:80px;
}
#wrapper .innerWrap,footer {
  padding-left: 8%;
    padding-right: 8%;
  padding-left: 10%;
    padding-right: 10%;
  overflow:hidden;
}
.align-right {
  text-align:right;
}
.clearfix {
  clear:both;
}
.clear {
  clear:both;
  height:0px;
  width:0px;
  font-size:0px;
}
/* NIVO SLIDER */
.nivoSlider {
  box-shadow:0 0 0 0 !important;
  overflow:visible !important;
}
.nivo-control {
  background:none !important;
  background-color:gray !important;
  width:11px !important;
  height:11px !important;
}
.nivo-controlNav .active {
  background-color:#000 !important;
}
.nivo-directionNav a {
    background-image: url("../images/bg_direction_nav.png") !important;
    background-position: right top !important;
    height: 68px !important;
    outline: 0 none !important;
    position: absolute !important;
    right: -8px !important;
    text-indent: 9999px !important;
    width: 60px !important;
    z-index: 9999 !important;
  transition:none !important;
}
.nivo-nextNav:hover {
  background-position: right bottom !important;
}
#wrapper .nivo-prevNav {
  background-position: left top !important;
  left:-8px !important;
}
#wrapper .nivo-prevNav:hover {
  background-position: left bottom !important;
}
a {
  text-decoration: none;
  color: #000;
  font-weight:bold;

}
a:hover {
  text-decoration: underline;
  color: #003a5d;
}
caption {
  color: #aaaaaa;
  font-size: 12px;
  font-size: 1.2rem;
}
legend {
  display: none;
}
iframe {
  max-width: 100%;
}
fieldset {
  padding-left:0px !important;
  padding-right:0px !important;
  margin-left:0px !important;
  margin-right:0px !important;
}
.ui-loader {
  display:none;
}
/*.fancybox-overlay {
  z-index:9999999 !important;
}*/

.fancybox-overlay{
  z-index:10000000!important;
  position:fixed;
  max-height:100%;
}
.fancybox-opened{
  z-index:13000000!important;
}
.align-center {
  text-align:center;
}
.clear {
  clear:both;
}
.wrapper {
  max-width:1920px;
  margin-left: auto;
  margin-right:auto;
  position:relative;
}
#topleiste {
  position:relative;
}
.slider-wrapper {
  margin-bottom:40px;
  margin-top:40px;
}
/* CLICKPATH -> back to the root(s) */
#startseite .clickpath {
  display:none;
}
.clickpath {
  border-bottom:3px solid #ebebec;
  margin-top:45px;
  margin-bottom:25px;
}
.clickpath a {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display:block;
  padding-bottom:15px;
  background-image: url("../images/cross-black.png");
  background-position:right center;
  background-repeat:no-repeat;
}
.clickpath a:hover {
  background-image:url("../images/cross_wb.png");
}
#langNavi {
  width:100px;
  position:absolute;
  right:178px;
  top:23px;
  text-align:right;
}
#langNavi li {
  list-style:none;
  display:inline-block;
  margin-left:10px;
}
#content {
  padding-bottom:30px;
}
hr {
 border:0;
  border-bottom: 1px solid #999;
}
/* flexible Medien CSS-Snippet wie im Listing 2 einfügen */

/* CSS Styled Content Regeln überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
  color:#000;
}
h1 {
  margin-bottom:10px;
}
h2 {
  font-size:20px !important;
}
h3 {
  font-size:18px !important;
}
h4 {
  font-size:20px !important;
}
h5 {
  font-size:26px !important;
  margin:20px 0 !important;
  line-height:31px;
}
#detailseite .slider p, #detailseite #main p {
  font-size:14px;
}
p {
  line-height:20px;
}
.theme-default .nivoSlider a {
  background-color: transparent !important;
}
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 660px;
  height:90px;
}
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
.items div {
  float:left;
}
header {
  position:relative;
  margin-bottom:25px;
}
header #company {
  font-size:14px;
    padding-left: 30px;
    padding-top:63px;
    float: left;
}
header #company b {
  font-size:20px;
}
/*
header .slider {
  margin-top:100px;
}
*/
.logo {
  float:left;
  width:100px;
}
/* SUCHE */
#suche {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 250px;
}
#suche input[type="text"] {
  padding:5px;
}
.tx-indexedsearch-searchbox-button {
  padding:3px !important;
}
.tx-indexedsearch-info  {
  display:none;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
  font-style:normal;
}
/* SUCHSEITE */
.tx-indexedsearch-browsebox strong a {
  text-decoration:underline;
}
.suche .csc-mailform-field input[type="text"], .tx-indexedsearch-searchbox-sword {
  border:1px solid lightgrey !important;
  padding:6px 5px;
  margin-bottom:10px;
  margin-top:10px;
  margin-left:10px;
}
.suche .tx-indexedsearch-searchbox-button  {
  margin-left:10px;
  padding:5px 8px;
}
.suche #mailformsubmit, .suche #mailformscols {
  padding:5px 8px;
  margin-top:15px;
}
.suche #mailformscols {
  margin-left:10px;
}
.suche #tx_indexedsearch {
  margin-bottom:25px;
}
.suche .tx-indexedsearch-browsebox {
  margin-bottom:15px;
}
.suche .tx-indexedsearch-title  a {
  font-weight:bold;

}
.suche .tx-indexedsearch-title a {
  margin-bottom:5px;
  display:block;

  }
.suche .tx-indexedsearch-info {
  display:none;
}
.suche .tx-indexedsearch-res table {
  border-bottom:1px solid #003a5d;
}
/* BOXEN */
.grid2ColElement {
  float: left;
  width: 48%;
}
.grid2ColElement:nth-child(even) {
  float: right;
  width: 48%;
}
.grid3ColContainer > div:nth-child(2) {
  margin-left:5%;
  margin-right:5%;
  margin-left:1%;
  margin-right:1%;
}
.grid3ColElement {
  float: left;
  width: 30%;
  width: 31.333%;
}
.grid3ColElement h3 {
  margin-bottom:5px !important;
}
.grid3ColElement img {
  width:100%;
  max-width:none !important;
}
.grid4ColElement {
  float: left;
  width: 23%;
  margin-right: 2%;
}
.grid2ColHeaderElement:nth-child(1), .grid2ColHeaderElement:nth-child(2) {
  margin-right: 0.17777777777777778%; /* 2 / 1125 */
}

.form-horizontal .form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* PI TOUCH DETAIL */
.csc-frame-frame1 b {
  font-size:25px;
}
/* NAVIGATION */
#mainNavi {
  position:absolute;
  right:0px;
  top:80px;
  width:550px;
  text-align:right;
}
/* POWERMAIL */
.powermail_label {
  display: block;
  width: 200px;
  float: left;
  clear: left;
  font-weight:500;
}
.powermail_fieldwrap {
padding-left:0;
padding-right:0;
margin-left:0px !important;
margin-right:0px !important;
}
.ffTextBoxWrapper, .ffTextAreaWrapper {
  width: 500px;
}
.powermail_fieldset {
  border: 0;
  background: transparent;
  padding: 0;
}
.powermail_select  {
  width:auto;
}
.tx-powermail {
  max-width:900px !important;
  margin: 0 auto;
}
.tx-powermail h3 {
  display:none;
}
.powermail_fieldwrap {
    margin-bottom: 15px;
    text-align: left;
  margin-left: 1.6%;
    margin-right: 1.6%
}
.tx-powermail #powermail_fieldwrap_14 , .tx-powermail #powermail_fieldwrap_16, .tx-powermail #powermail_fieldwrap_19 {
    float: left;
    text-align: left;
    width: 46.6682%;
}
.tx-powermail #powermail_fieldwrap_15 , .tx-powermail #powermail_fieldwrap_17, .tx-powermail #powermail_fieldwrap_20 {
    float: right;
    text-align: left;
    width: 46.6682%;
}
.powermail_input,  .powermail_textarea, .powermail_select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #003a5d;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  float:none;
    width: 100%;
}
.powermail_textarea {
  height:auto;
}
.powermail_label {
    clear: left;
    display: inline-block;
    float: none;
    font-weight: 300;
    width: 200px;
}
#powermail_captchaimage {
  display:block;
  width:249px;
  height:auto;
}
.powermail_submit {
background: #eaeaea none repeat scroll 0 0;
border: 1px solid #fff;
display: inline-block;
height: 70px;
margin: 0 5% 30px 0;
position: relative;
text-align: center;
transition: background 0.2s linear 0s;
vertical-align: middle;
width: 29.7%;
display:block;
font-weight:bold;
font-size:15px;
margin-top:35px;
}
.powermail_submit:hover {
  background-color:#000;
  color:#fff;
  border:0px;
}
#powermail_captchaimage {
  margin-top:5px;
}
.powermail_field.powermail_captcha {
  width:250px;
}
.powermail_fieldwrap_text {
  text-align:center;
}
.powermail_fieldwrap_captcha label {
    display: block;
     width: auto !important;
  }
.ui-widget-header {
  background:none;
  background-color:#003a5d;
  border:none;
}
.ui-datepicker-calendar td  a {
font-weight:300 !important;
font-style:italic;
font-size: 17px;
color:#003a5d !important;
}
/* MAILTO-BOXEN */
#contact div {
  background: #eaeaea none repeat scroll 0 0;
  display: inline-block;
  height: 70px;
  margin: 0 3% 30px 0;
  max-width: 30.3%;
  position: relative;
  text-align: center;
  transition: background 0.2s linear 0s;
  vertical-align: middle;
  width: 260px;
}
.tx-ppm-projects .detailview .links .link, .tx-ppm-projects .detailview .downloads .download, .tx-ppm-projects .detailview .slider.mobile {
  max-width:400px !important;
}
#contact ul , #contact li {
  list-style:none;
  padding-left:0px;
}
#contact div a {
  display: block;
  font-weight: unset;
  padding-top: 13px !important;
  font-weight:normal;
}
#contact b {
  font-weight:bold;
}
#contact div:hover {
background: black none repeat scroll 0 0;
color: #fff;
}
#contact div:hover  a {
  color:#fff;
  text-decoration:none;
}
/* Fullscreenslider Startseite */
#fullslider, #fullslider .csc-default {
  height: 100%;
}
#sliderlogo {
  position: absolute;
  top:50px;
  left:10%;
  width:100px;
  height:100px;
}
.multitouch {
  background-color: #fff;
}
.multitouch h2, .multitouch h4 {
  margin-bottom:21px;
}
.multitouch hr {
  margin-bottom: 48px;
}
.multitouch .video-container {
  margin-bottom: 51px;
}
.multitouch #content {
  padding-bottom: 43px;
}
.multitouch #copywrapper {
  display: none;
}
.multitouch .tx-dce-pi1 > b {
  display: block;
  margin-bottom: 8px !important;
}
.multitouch #content .reference .title {
  margin-top: 21px;
}
#content .reference {
  width: 31.333%;
  margin-left: 1%;
  margin-right: 1%;
  height: 240px;
  float: left;
}
.multitouch #content .reference {
  height: auto !important;
  margin-bottom: 2%;
}
.multitouch #content .lastrow{
  margin-bottom: 31px !important;
}
#content .references > div {
  margin-left: 1%;
  margin-right: 1%;
}
.multitouch .reference .category , .multitouch .reference .title  {
  display: none;
}
.multitouch .tx-ppm-projects .listview .references {
  margin-right: 0;
}
.multitouch #content .simpleMenu {
  display: none;
}
.multitouch #content div.csc-textpic div.csc-textpic-imagecolumn {
  width: 31.333%;
  float: left;
}
.multitouch .tx-ppm-projects .mhidden {
  display: block; !important;
}
.multitouch  #content .csc-textpic-imagerow  > div {
  margin-right: 0;
}
.multitouch #content #c228 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
	margin-top:20px;
}
.multitouch  #content .csc-textpic-imagerow  > div  {
  margin-right: 1% !important;
  margin-left: 1% !important;
  margin-bottom: 2%;
}
.multitouch footer {
  display: block;
  width:100%;
}
.multitouch #content #c228 {
  margin-bottom: 51px !important;
}
.multitouch #c226 {
  margin-top: 20px !important;
}
.multitouch footer #footer {
  max-width: 865px;
  margin: 0 auto;
  box-sizing: border-box;
}
.multitouch .toggleFooter {
  display: none !important;
}
.multitouch #wrapper {
  box-shadow: unset !important;
  max-width: unset;
  padding-bottom: 0;
}
.multitouch .grid2ColElement .csc-default {
  border: 0;
}
.multitouch #resp_header, .multitouch .innerWrap, .multitouch .copyText{
  max-width: 1235px;
  margin: 0 auto;
  box-sizing: border-box;
}
.multitouch #copywrapper {
  max-width: 1070px;
  margin: 0 auto;
  box-sizing: border-box;
}
  /* Custom Links */
.customlink .link {
  background: #eaeaea none repeat scroll 0 0;
  border: 1px solid #fff;
  display: inline-block;
  margin: 0 5% 30px 0;
  position: relative;
  text-align: center;
  transition: background 0.2s linear 0s;
  vertical-align: middle;
  width: 100%;
}
.customlink .link:hover {
  background: black none repeat scroll 0 0;
  color: #fff;
}
.customlink .link_blue:hover {
  background: transparent none repeat scroll 0 0;
  color: #fff;
}
.customlink a {
  color: inherit;
  float: left;
  font-size: 15px;
  line-height: 22px;
  padding: 33px 0 !important;
  text-decoration: none;
  width: 100%;
}
#phonelink {
  background-image: url("../images/phonelink_hover.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#phonelink_blue {
  background-image: url("../images/phonelink_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#phonelink:hover {
  background-image: url("../images/phonelink.png");
}
#mailtolink {
  background-image: url("../images/mail_link_hover.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#mailtolink_blue {
  background-image: url("../images/mail_link_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#mailtolink:hover {
  background-image: url("../images/mail_link.png");
}
#brochure {
  background-image: url("../images/booklink_hover.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
#brochure_blue {
  background-image: url("../images/booklink_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#brochure:hover {
  background-image: url("../images/booklink.png");
}

#freeversionlink_blue {
  background-image: url("../images/freeversion_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

#newsletterlink_blue {
  background-image: url("../images/newsletter_blue.png")!important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

#pricinglink_blue {
  background-image: url("../images/pricing_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

.grey-bg-container{
	min-height: 125px;
	background: #eaeaea none repeat scroll 0 0;
	display: table;
	width: 100%;
}

.grey-bg-container:hover{
	background: #00AEEF none repeat scroll 0 0;
}

.grey-bg-container .grey-bg{
	display: table-cell;
	vertical-align: middle;
	font-weight:normal;
	padding:0!important;
	float:none!important;
	cursor: pointer;
}

/* FULLSLLIDER CSS */

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
  height: 100%;
}

.carousel,
.item,
.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.carousel-caption {
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 16px;
  line-height: 2;
  position: absolute;
  bottom: 100px;
  color: #000;
  font-weight: bold;
  text-shadow:none !important;
  padding-top: 20px;
  padding-bottom:15px;
  max-width: 600px;
  margin:0 auto;
}
.carousel-caption h2 {
  font-size: 26px !important;
  margin-top: 0;
  margin-bottom: 20px;
}
.slide-button {
  color: #fff;
  text-decoration: none;
  width: 100%;
  margin: 15px auto 15px auto;
}
.slide-button a {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: block;
  font-size: 15px;
  line-height: 22px;
  margin: 0 auto;
  padding: 8px !important;
  width: 200px !important;
}
  /* ANIMATION SPEED
  .carousel-inner > .item {
    -webkit-transition: 1s ease-in-out left !important;;
    -moz-transition: 1s ease-in-out left !important;;
    -o-transition: 1s ease-in-out left !important;;
    transition: 1s ease-in-out left !important;;
  } */

/* VIDEO CONTAINER YOUTUBE STARTSEITE */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom:10px;
  }

.tx-ppm-projects .video-container {
    max-width: 844px;
  }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/* Bild mit Youtubelink */
.tubeimage {
  margin-bottom:10px;
}

/* BOXEN */
.grid2ColElement {
  float: left;
  width: 48%;
}
.grid2ColElement:nth-child(even) {
  float: right;
  width: 48%;
}
.grid3ColContainer > div:nth-child(2) {
  margin-left:5%;
  margin-right:5%;
}
.grid3ColElement {
  float: left;
  width: 30%;
}
.grid3ColElement h3 {
  margin-bottom:5px !important;
}
.grid3ColElement .csc-frame-frame2 a {
  display:block;
  text-align:center;
  background-color:#eeeeef;
  color: #1E3E67;
  font-weight:bold;
  padding:10px 0 ;
}
.grid3ColElement img {
  width:100%;
  max-width:none !important;
}
.grid4ColElement {
  float: left;
  width: 23%;
  margin-right: 2%;
}
.grid2ColHeaderElement:nth-child(1), .grid2ColHeaderElement:nth-child(2) {
  margin-right: 0.17777777777777778%; /* 2 / 1125 */
}

.form-horizontal .form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* SUCHSEITE */
.tx-indexedsearch-browsebox strong a {
  text-decoration:underline;
}
.suche .csc-mailform-field input[type="text"], .tx-indexedsearch-searchbox-sword {
  border:1px solid lightgrey !important;
  padding:6px 5px;
  margin-bottom:10px;
  margin-top:10px;
  margin-left:10px;
}
.suche .tx-indexedsearch-searchbox-button  {
  margin-left:10px;
  padding:5px 8px;
}
/*
.tx-indexedsearch-searchbox-button {
  display:inline-block;
  padding:10px 20px;
  margin-top:10px;
  background-color:#003a5d;
  color:#fff;
  border:0px;
  font-weight:bold;
} */
.suche #mailformsubmit, .suche #mailformscols {
  padding:5px 8px;
  margin-top:15px;
}
.suche #mailformscols {
  margin-left:10px;
}
.suche #tx_indexedsearch {
  margin-bottom:25px;
}
.suche .tx-indexedsearch-browsebox {
  margin-bottom:15px;
}
.suche .tx-indexedsearch-title  a {
  font-weight:bold;
}
.suche .tx-indexedsearch-info {
  display:none;
}
.suche .tx-indexedsearch-res table {
  border-bottom:1px solid #003a5d;
}
/* ACCORDEON  */
.ka-handler{
  border-bottom: 0 solid #ebebec;
  border-top: 3px solid #ebebec;
  padding-bottom: 40px;
  padding-top: 40px;
  cursor:pointer;
 }
.ka-handler {
  margin-top:0px !important;
  margin-bottom:0px !important;
  text-transform:uppercase;
  font-size:19px;
}
#c40 .ka-handler {
    text-transform: none;
}
.ka-panel h3 {
  margin-top:0px;
  margin-bottom:0px;
  font-weight:bold;
}
.ka-panel h3 a {
  color:inherit;
  text-decoration:none;
  display:inline-block;
  width:100%;
}
#headerbinde p {
  line-height:1.6;
}
.close .ka-handler {
  background-image:url("../images/plus.png");
  background-repeat:no-repeat;
  background-position:right;
  background-position:right 20px center;
}
.open .ka-handler {
  background-image:url("../images/cross_wb.png");
  background-repeat:no-repeat;
  background-position:right;
  background-position:right 20px center;
}
/* NEWS EXTENSION (Blog, Testimonials) */
 /* LISTENANSICHT */
.news-list-date {
  float:none;
  padding-left:0px;
  text-align:right;
  margin-bottom:5px;
  font-weight:bold;
 }
 .news-list-item {
  border-bottom:1px solid lightgrey;
  padding-bottom:15px;
  margin-bottom:15px;
 }
.news-list-container > div:last-child {
  border-bottom:0px !important;
  margin-bottom:0px !important;
}
.news-list-img img {
  float:none !important;
}
 .news-list-container H3 {
  margin-bottom:14px;
  font-size:20px !important;
  margin-top:6px !important;
 }
 .news-list-text {
  float:left;
  width:67%;
 }
  .news-list-img {
  float:right;
  width:30%;
 }
 .news-list-morelink {
  font-weight:bold;
  display:block;
  margin-top:24px;
  padding-left:0px;
 }
/* LATEST NEWS STARTSEITE */
.bx-wrapper { }
.news-latest-container {
  padding:0px !important;
}
.news-latest-item {
  padding:0px;
}
.news-latest-item IMG {
  float:none !important;
  margin-right:0px !important;
}
.bx-wrapper .bx-controls-direction a {
  margin-top:-55px !important;
}
.bx-prev {
background:none !important;
background-position:center !important;
  background-size:contain !important;
  background-image: url("../images/arrow_left.png") !important;
  height:42px !important;
  width:42px !important;
  background-repeat:no-repeat;
}
.bx-next {
background:none !important;
background-position:center !important;
  background-size:contain !important;
  background-image: url("../images/arrow_right.png") !important;
  height:42px !important;
  width:42px !important;
  background-repeat:no-repeat;
}
.news-latest-container:hover .bx-prev, .news-latest-container:hover .bx-next {
  background-color: rgba(0,0,0,.5) !important;
}
/* SINGLE NEWS */
.news-single-rightbox {
  font-weight:bold;
}
.news-single-img {
  margin-bottom:10px;
}
.news-single-item h2 {
  font-size:18px !important;
  margin-bottom:25px;
}
.news-single-backlink {
  font-weight:bold;
  margin-top:15px;
  border-top: 1px solid lightgrey;
  padding-left:0px !important;
}
.news-single-img {
  width:300px;
  margin-left:25px;
}
.news-latest-item img {
  margin-top:20px;
  margin-bottom:10px;
}
.news-latest-item b a {
  color:#000;
}
#startseite .slider {
  margin-top:94px;
}
/* KOMMENTARFUNKTION SINGLE NEWS */
.tx-comments-comment-1, .tx-comments-comment-2 {
  border:0px !important;
  border-bottom:1px solid lightgrey !important;
  padding-bottom:10px !important;
  margin-bottom:15px !important;
}
.tx-comments-comment-form {
  margin-top:65px;
}
.tx-comments-comment-form input[type="text"] {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #003a5d;
  float: none;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s;
  width:350px;
  margin-bottom:10px;
}
.tx-comments-comment-form  textarea{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #003a5d;
  float: none;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 500px !important;
  margin-top:15px;
}
.tx-comments-comment-form  textarea {
  height:auto;
}
.tx-comments-pi1 fieldset {
  border:0px !important;
  margin-bottom:20px !important;
}
.tx-comments-comment-form INPUT, .tx-comments-comment-form TEXTAREA, .tx-comments-comment-form IMG {
  padding:5px;
}
#tx_comments_pi1_submit, input[type="reset"] {
  display:inline-block;
  padding:10px 20px;
  margin-top:10px;
  background-color:#000;
  color:#fff;
  border:0px;
  font-weight:bold;
  margin-right:2px;
}

#tx_comments_pi1_content {
  margin-bottom:10px;
}
.tx-comments-comment-1, .tx-comments-comment-2 {
  padding-left:0px !important;
}
/* SIMPLE MENU */
.simpleMenu .item a {
  font-weight:bold !important;
}
#detailseite .simpleMenu {
  padding-top:20px;
}
.tx-dce-pi1 .simpleMenu .item {
  height: 70px;
    width: 29.7%;
    background: #EAEAEA;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    margin: 0 5% 30px 0;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    position: relative;
    border:1px solid #fff;
}
.tx-dce-pi1 .simpleMenu .item:nth-child(3n+3) {
  margin-right: 0;
}
.tx-dce-pi1 .simpleMenu .item.active {
  background: none;
    border: 1px solid black;
}
.tx-dce-pi1 .simpleMenu .item:hover {
  background: black;
    color: #fff;
}
.tx-dce-pi1 .simpleMenu .item a {
    padding: 24px 0px !important;
    line-height: 22px;
    font-size: 15px;
    text-decoration: none;
    float: left;
    width: 100%;
    color:inherit;
}
/* SECURE DOWNLOADS */
.tx-rssecuredownload-pi1-codeform input[type="submit"] {
  display:block;
  padding:10px 20px;
  margin-top:10px;
  background-color:#003a5d;
  color:#fff;
  border:0px;
  font-weight:bold;
  margin-right:2px;
}
.tx-rssecuredownload-pi1-codeform input, .tx-rssecuredownload-pi1-filelink {
  margin-top:15px;
  padding:5px;
}
.tx-rssecuredownload-pi1-title h3{
  margin-bottom:5px !important;
}
.tx-rssecuredownload-pi1 {
  margin-bottom:30px;
}
/* GRAUE BOX STARTSEITE */
.box_homeContainer > div:last-child {
  width:30%;
  float:right;
}
.box_homeContainer > div:first-child {
  width:65%;
  float:left;
}

/* SITEMAP */
.csc-sitemap ul a {
  margin-bottom:10px;
}
.csc-sitemap > ul > li > ul {
  margin-bottom:10px;
}
.csc-sitemap > ul > li > a {
  font-weight:400;
}
.csc-sitemap ul {
list-style-type:disc;
}
.csc-sitemap > ul > li > a  {
  font-weight:bold;
}
.csc-sitemap {
  margin-bottom:10px;
}
/*TABELLEN */
.contenttable {
  width:100%;
  border-collapse:collapse;
}
.contenttable  th, .contenttable  td {
  border-right:1px solid lightgrey;
  padding:5px;
  text-align:left;
  border-bottom:1px solid lightgrey;
}
.contenttable  th {
  background-color:#003a5d;
  color:#fff;
  border-color:#fff;
}
.td-last {
  border-right:0px !important;
}
/* FOOTER */
.toggleFooter {
    width: 100px;
    height: 60px;
    background:#ebebec;
    cursor:pointer;

    margin-left:10%;
    float:left;

    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position:center center;
}
.toggleFooter:hover,
.toggleFooter.active {
  background-color:#000;
  background-image:url("../images/plus-white.png");
}
.toggleFooter.active {
  background-image:url("../images/x.png");
}
.copyText {
  float:right;
  padding-right:114px;
  padding-top:25px;
}
footer {
  display:none;
  padding-top:60px;
  padding-bottom:150px;
  background-color:#000;
  color:#fff;
  font-family:pp_regular;
}
footer a {
color:#fff;
}
#footer {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
#footer p, #content p {
  margin-bottom:15px;
}
#footer a {
  color: #fff;
}
#footer_bottom {
  width:100%;
  border-top:1px solid #fff;
  padding-top:30px;
  margin-top:20px;
}
#footer_bottom .csc-textpic-imagewrap {
  margin-right:35px;
  margin-bottom:45px;
}
#footer_container {
  line:1.4;
}
#footer_container ul {
  padding-left:0px !important;
}
.footer_spalte {
  width:19%;
  float:left;
}
#footer_container h4, #footer_container a {
  color:#fff;
}
#footer_container p, #footer_container li,  #footer_container li a {
  font-size:13px;
}
#footer_container h4 {
  font-size:14px !important;
  margin-top:0px !important;
  margin-bottom:15px !important;
  text-transform:uppercase;
  font-family:arial !important;
}
#footer_container a {
  font-weight:normal !important;
}
#footer_social {
  width:18%;
}
#footer_kontakt {
  float:right;
  width:25%;
}
#social-share {
  margin-bottom:15px;
}
.copyText a {font-weight:normal;}
#socialMedia {
    float: right;
    margin-top: 30px;
}
#socialMedia img {
  width:32px!important;
  height:32px!important;
}


/* SOCIAL PLUGIN f ALLE SEITEN */
.csc-frame-frame1 .social_share_privacy_area  .settings_info {
  display:none !important;
}
.csc-frame-frame1 .social_share_privacy_area  {
  border-top: 1px solid lightgrey;
  padding-top:15px !important;
  margin-top:15px;
}
.csc-frame-frame1  .social_share_privacy_area.line li {
  margin-top:15px !important;
}
.social_share_privacy_area li, .social_share_privacy_area li div {
  width:auto !important;
}
.social_share_privacy_area li div {
  margin-right:20px !important;
  margin-top:10px;
}
.social_share_privacy_area.line li {
  float:none !important;
}
.social_share_privacy_area.line {
  height:auto !important;
}
.settings_info {
  display:none !important;
}
#resp_header {
  display:none;
}
.tx-ppm-projects .listview .themes b {
  margin-bottom:20px;
}

@media screen and (max-width: 1200px) {
#main, #footer, #topleiste {

  }
#mainNavi, #langNavi {

}
.logo img {
  height:auto;
  width:150px;
  margin-bottom:15px;
}
}
@media screen and (max-width: 1055px) {
  /* OLD STYLE
  .tx-ppm-projects .listview .project {
    margin-left:15px;
    margin-right:15px;
    margin-top:30px;
  }

  .tx-ppm-projects .listview .projects {
    margin-right:0px;
    max-width:580px;
    margin:0 auto;
  }
  */
  .tx-ppm-projects .listview .project {
    margin-top:20px;
  }
}
@media screen and (max-width: 1030px) {
#top_wrapper {
  height:160px;
}
#main {
  padding-top:30px;
}
/* 3 Spalten Container umbrechen */
.grid3ColElement {
  float: none;
  width:100%;
  max-width: 500px;
  margin: 0 auto;
  border-bottom:1px solid lightgrey;
}
.multitouch .grid3ColContainer > div:nth-child(2) {
  margin: 5%;
  margin-right: 5%;
  margin-top: 0;
  margin-bottom: 0;
}
.multitouch .grid3ColElement {
  border-bottom: 0 !important;
  float: left;
  width: 30% !important;
}
.grid3ColContainer > div:nth-child(2) {
  margin-left:auto;
  margin-right:auto;
}
/* Balken Startseite Umbruch */
.box_homeContainer > div:first-child {
  max-width:500px;
  width:100%;
  float:none;
  margin:0 auto;
}
.box_homeContainer > div:last-child {
  width:100%;
  float:none;
  margin:0 auto;
  max-width:500px;
}
#balken {
  padding-bottom:50px;
  padding-top:60px;
}
/*  Sidebar Detailseite Umbrechen */
#detail #content_left {
  width:100%;
  float:none;
  border-bottom: 1px solid lightgrey;
  }
.csc-frame-frame1 .social_share_privacy_area {
  border-top:0px !important;
}
#detail #sidebar {
  width:500px;
  max-width:100%;
  float:none;
  margin:0 auto;
}
#headerbinde h2 {
  font-size:40px !important;
}
}
@media screen and (max-width: 1016px) {
.footer_spalte {
  width:25%;
}
#footer_kontakt {
  float:none;
  width:100%;
  }
}

@media screen and (max-width: 910px) {
.tx-dce-pi1 .simpleMenu .item {
    width: 260px;
    margin: 0 0px 30px 0;
}
.tx-dce-pi1 .simpleMenu .item:nth-child(even) {
  float:left;
}
.tx-dce-pi1 .simpleMenu .item:nth-child(odd) {
                float:right;
}
.references .simpleMenu .item, .projects .simpleMenu .item{
  float: none !important;
}
}

@media screen and (max-width: 950px) {
#contact div {
  max-width:none;
  width:260px !important;
  margin-right:0px;
  display:block;
}
#contact .even {
  float:left;
}
#contact .odd {
  float:right;
}
#contact {
width :540px;
margin:0 auto;
}
}
@media screen and (max-width: 920px) {
  .tx-ppm-projects .listview .reference {
    height: 200px !important;
  }
  .multitouch .tx-ppm-projects .listview .reference {
    height: auto !important;
  }
}
@media screen and (max-width: 825px) {
#home #header .ka-handler {
  padding-bottom: 2px;
  padding-top: 2px;
}
.footer_links {
  float:none;
  margin:0 auto;
  max-width:100%;
  padding-left:20px;
  padding-right:20px;
}
.footer_rechts {
  float:none;
  margin:0 auto;
  text-align:center;
  margin-top:10px;
  border-top:1px solid lightgrey;
  padding-top:10px;
  max-width:100%;
  padding-left:20px;
  padding-right:20px;
}
#footerlinks .csc-default p {
  text-align:center !important;
}
.grid2ColElement {
  width:500px !important;
  max-width:100% !important;
  margin:0 auto;
  float:none !important;
}
.multitouch #c232 .grid2ColElement {
  float: left !important;
  width: 48% !important;
}
.multitouch .video-container {
  margin-bottom: 16px;
}
.grid2ColElement .csc-default {
  padding-bottom:10px;
  margin-top:10px;
  border-bottom:1px solid lightgrey;
}
#footer #footer_left {
  width:100%;
  float:none;
}
#footer #footer_left .grid2ColElement {
  width:500px !important;
  max-width:100% !important;
}
#social-share {
  width:500px !important;
  max-width:100% !important;
  margin-left:auto;
  margin-right:auto;
}
#metaNavi {
  float:none;
  width:100%;
  margin-top:15px;
  margin-bottom:10px;
}
#content_left > div:last-child .grid2ColContainer > div:last-child .csc-default {
  border-bottom:0px !important;
}
.copyText, .toggleFooter {
  float:none;
}
.copyText {
  margin-bottom:15px;
  padding-top:15px !important;
  text-align:right;
  padding-right:10%;
  padding-left:10%;
  border-top:1px solid lightgrey;
}
footer{
  padding-bottom:30px;
}
/* RESPONSIV HEADER */
#topleiste {
  display:none;
}
.slider {
  margin-top:0px;
}

#resp_header {
  background-color:#000;
  color:#fff !important;
  display:block;
  position:relative;
  height:100px;
  z-index:999999;
}
#resp_header a {
  color:#fff !important;
}
#resp_nav { }
#resp_nav {
  background-color:#000 !important;
  padding-bottom:25px;
  width:390px;
  width:250px;
  position:absolute;
  top:100px !important;
  display:none;
}
#wrapper {
  overflow:hidden;
}
#resp_nav li {
  border-bottom: 2px solid #fff;
  margin: 0 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: left;
}
#resp_nav li a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

#resp_nav li a.no-uppercase {
  text-transform: none;
}

#resp_logo {
  width:33%;
  height:100px;
  background-image: url("../images/logo_resp.jpg");
  background-repeat:no-repeat;
  background-size:100px 100px;
  float:left;
  background-position:center;
  cursor:pointer;
}
#resp_logo a {
  height:100px;
  display:block;
}
#resp_menu {
  width:33%;
  float:left;
  padding:8px 0 !important;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  margin-top: 15px;
}
#resp_kontakt {
  height:100px;
  width:33%;
  float:right;
  background-image: url("../images/kontakt_r.png");
  background-repeat:no-repeat;
  background-position:center;
}
#resp_kontakt_box {
  background-color:#000;
  position:relative;
  z-index:9999;
  margin-bottom:0px;
  margin-top:0px;
  display:none;
  position:absolute;
  right:0;
  top:100px;
  width:50%;
  min-width:263px;
  padding:20px;
}
#resp_kontakt_box b, #resp_kontakt_box strong {
  font-size:14px;
}
#resp_kontakt_box h4 , #resp_kontakt_box a {
  color:#fff !important;
}
#resp_kontakt_box a {
  font-size:14px;
}
#resp_kontakt_box p {
  font-size:12px;
  font-weight:normal;
  text-transform:uppercase;
}
#resp_kontakt_box ul, li {
  list-style:none;
  padding-left:0px;
}
#resp_kontakt_box li {
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: left;
}
#resp_kontakt_box li a {
  text-transform:uppercase;
}
#resp_kontakt_button {
  width:50%;
  min-width:263px;
  height:100px;
  cursor:pointer;
  text-align:right;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  padding-left:20px;
  padding-right:20px;
  padding-top:40px;
  box-sizing:padding-box;
}
#kontakt_header {
  display:none;
}
#resp_kontakt_box .mail {
    background: rgba(0, 0, 0, 0) url("../images/resp/mail.png") no-repeat scroll right center / 10% auto;
}
#resp_kontakt_box .call {
  background: rgba(0, 0, 0, 0) url("../images/resp/call.png") no-repeat scroll right center / 10% auto;
}
#resp_kontakt_box .map {
  background: rgba(0, 0, 0, 0) url("../images/resp/map.png") no-repeat scroll right center / 10% auto;
}
#resp_kontakt_box .fax {
  background: rgba(0, 0, 0, 0) url("../images/resp/fax.png") no-repeat scroll right center / 10% auto;
}
#socialmedia_mobile {
    margin: 30px 20px 0 !important;
    padding-bottom: 95px !important;
}
#socialmedia_mobile div {
    float: left;
}
#socialmedia_mobile #facebook {
    height: 30px;
    position: relative;
    width: 32%;
}
#socialmedia_mobile #xing {
    height: 30px;
    position: relative;
    width: 32%;
}
#socialmedia_mobile #twitter {
    height: 38px;
    position: relative;
    width: 32%;
}
#socialmedia_mobile #google {
    clear: both;
    height: 30px;
    position: relative;
    width: 32%;
}
#socialmedia_mobile #youtube {
    height: 30px;
    position: relative;
    width: 32%;
}
#socialmedia_mobile #linkedin {
    float: left;
    position: relative;
    width: 32%;
}
#socialmedia_mobile div a {
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}
#resp_kontakt_box  a img {
    height: 100%;
  display:block;
  margin:0 auto;
}
#wrapper .active_kontakt {
  width:100% !important;
  background-color:#000;
  background-image:url("../images/x2.png") !important;
  background-position:right 254px center !important;
  background-repeat:no-repeat;
  position:absolute;
  right:0px;
   box-sizing:border-box;
}
#wrapper .active_kontakt #kontakt_header {
  display:inline;
}
#wrapper .active_kontakt_button {
  max-width:302px;
  margin-left:auto;
  border-bottom:4px solid #fff;
  height:90px;
  margin-right:20px;
  box-sizing:border-box;
}
.menu_header {
  display:none;
}
.active .menu_header {
  display:inline;
}
.flexnav-show nav {
  display:none;
  }
.flexnav-show li {
  background-color:#000;
  color:#fff;
}
.flexnav-show li  a {
  color:#fff !important;
  display:block;
  font-size:20px;
  padding:0 !important;
}
.flexnav ul li {
  padding-left:25px;
}
#mainNavi {
  width:unset;
}
#mainNavi .flexnav ul li:last-child a {
  border-bottom:0px !important;
}
.flexnav-show .touch-button .navicon {
  color:#fff;
  top:12px;
  font-size:10px;
}
.menu-button {
  background-image: url("../images/menu_r.png");
  background-repeat:no-repeat;
  background-size:40px auto;
  height:49px;
  padding-top:33px;
  width:100%;
  background-position:center;
  padding-left:20px;
}
#resp_menu .active {
  background-image: url("../images/x2.png") !important;
  background-position: left 206px center !important;
  background-size: auto auto !important;
  box-sizing: border-box;
  padding-bottom: 33px;
  padding-left: 20px;
  padding-top: 33px;
  position: absolute;
  width: 100%;
  }
#resp_nav > li:first-child {
  border-top:4px solid #fff !important;
}
/* RESPONSIVE DESIGN UPDATE HEADER */
#startseite .slider {
  margin-top:0px;
}
#startseite .innerWrap {
  padding-left:0;
  padding-right:0;
}
#startseite .tx-ppm-projects .sliderview .project .info {
  padding-left:10%;
  padding-right:10%;
  padding-top:22px;
  height:220px;
  overflow:hidden;
}
#startseite #main {
  padding-left:10%;
  padding-right:10%;
}
}
@media screen and (max-width: 768px) {

#detailseite #header {}

#content {  }

.grid4ColElement {
    float: none;
    width: 100%;
    margin-right: 0;
  }
.latest_text {
    height:auto !important;
  }
/* NEWS LIST Umbruch */
.news-list-text {
  max-width:500px;
  width:100%;
  float:none;
  margin-left:auto;
  margin-right:auto;
 }
.news-list-img {
  max-width:500px;
  width:100%;
  float:none;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
}
.news-list-img img {
  margin-left:auto !important;
  margin-right:auto !important;
  float:none;
  display:block;
}
.news-list-container H3 {
  text-align:center;
}
.news-list-morelink {
  text-align:right;
}
/* NEWS SINGLE Umbruch */
.news-single-img {
  max-width: 500px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
.news-single-img img {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
.news-single-item h2 {
  margin-bottom:10px;
  margin-top:5px;
  font-size:14px !important;
}
}
@media screen and (max-width: 750px) {
.footer_spalte {
  width:50% !important;
  min-height:150px;
}
#footer_container #footer_info, #footer_produkte {
  float:left;
}
#footer_container #footer_aktionen, #footer_social{
  float:right;
}
#footer_kontakt{
  width:100% !important;
  border-bottom:1px solid #fff;
  margin-bottom:15px;
  min-height:none;
}
.tx-ppm-projects .listview .reference {
      height: 170px !important;
    }
.multitouch .tx-ppm-projects .listview .reference {
      height: auto !important;
    }
}
@media screen and (max-width: 720px) {

.multitouch .tx-dce-pi1 > b {
  margin-bottom: 0px !important;
}

.multitouch #content .lastrow{
  margin-bottom: 2%!important;
}

.references .reference, .ka-content .projects .project {
  margin: 0 1% 2% 1% !important;
  width:48% !important;
}
  .tx-ppm-projects .listview .reference {
    height: auto !important;
  }
 }
 @media screen and (max-width: 700px) {
.tx-dce-pi1 .simpleMenu .item {
    width: 240px;
    margin: 0 0px 30px 0;
}
}
@media screen and (max-width: 680px) {
#contact div {
  max-width:none;
  width:260px;
  margin-right:0px;
  margin:10px auto;
  display:block;
}
#contact div:nth-child(even) {
  float:none !important;
}
#contact div:nth-child(odd) {
  float:none !important
}
#contact {
width :100%;
margin:0 auto;
}
}
@media screen and (max-width: 640px) {
.tx-dce-pi1 .simpleMenu .item {
    width: 260px !important;
    margin: 0 auto 30px auto !important;
  float:none !important;
  display:block;
}
}
@media screen and (max-width: 610px) {
.tx-comments-comment-form LABEL {
  float:none !important;
  max-width:100%;
}
.tx-comments-pi1 input[type="text"], .tx-comments-pi1 textarea {
  max-width:100%;
  width:100% !important;

}
 }
@media screen and (max-width: 600px) {
  .grid3ColElement {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border-bottom: 1px solid lightgrey;
  }
}
@media screen and (max-width: 550px) {
.detailview h1 {
  font-size: 16px !important;

}

}
@media screen and (max-width: 530px) {
.powermail_input, .powermail_textarea, .powermail_select {
	box-sizing:border-box;
	padding:0 12px;

	}
#langNavi {
  top:50px;
}
#mainNavi {
  top:90px;
  z-index:9999;
}
 }
@media screen and (max-width: 470px) {
#content, #content2,#footer, #social-share  {

}
#suche {
  float:none;
  margin-top:0px;
  margin-left:0px;
  margin-bottom:10px;
}
#logo {
  top:25px;
  left:20px;
}
#logo {
  top:15px;
}
#langNavi  {
  top:10px;
}
#mainNavi {
  top:50px;
}
#mainNavi .menu-button {
  font-size:0px !important;
  background-image: url("../images/nav.png");
  width:85px;
  height:43px;
  background-position:center;
  background-repeat:no-repeat;
}
.grid2ColElement .csc-default .csc-textpic-imagewrap {
  float:none !important;
  width:100% !important;
  margin-right:0px !important;
  margin-left:0px !important;
}
.grid2ColElement .csc-default .csc-textpic-imagewrap img {
  margin:0 auto !important;
}
.grid2ColElement .csc-default .csc-textpic-text {
  margin-left:0px !important;
  text-align:center;
}
#footer_container {
  text-align:center;
}
.footer_spalte {
  height:auto !important;
  min-height:none;
  padding:10px 0 !important;
}
#footer_container #footer_info, #footer_produkte , #footer_container #footer_aktionen, #footer_social{
  float:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px solid #fff;
}
#footer_social {
  border-bottom:0px;
}
}
@media screen and (max-width: 400px) {
.social_share_privacy_area li {
  margin-bottom:10px !important;
}
}
@media screen and (max-width: 360px) {
#logo {
  width:200px;
  }
 }