/* ---------------------------------------------------------------------- */
/* Clearfix */
/* ---------------------------------------------------------------------- */

.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{/*zoom:1*/}

/* ---------------------------------------------------------------------- */
/* Webfonts */
/* ---------------------------------------------------------------------- */

/*.HelveticaNeueLTStd-LtCn {
  font-family: HelveticaNeueLTStd-LtCn, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.HelveticaNeueLTStd-MdCn {
  font-family: HelveticaNeueLTStd-MdCn, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}*/

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
  url('../fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
  url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* ---------------------------------------------------------------------- */
/* Basic settings */
/* ---------------------------------------------------------------------- */

html {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
		-webkit-text-size-adjust: 100%;
	      -ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

body {
  background-color: #fff;
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  overflow-x: hidden;
}

a {
  color: #000;
  outline: 0 none;
  cursor: pointer;
}

.maincontent a {
  text-decoration: underline;
}

.tx-indexedsearch-browsebox  a {
	text-decoration: none;
}

.news-list-item a {
  text-decoration: none;
}

.content a, #footer a {
  text-decoration: underline;
}

.nav-tabs a, a.btn {
  text-decoration: none;
}

a:hover, a:focus {
  color: #ffcc00;
  text-decoration: underline;
}

.test {
  display: none;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
}

h2, .h2, h3, .h3 {
  font-weight: 700;
}

h3, .h3 {
  margin-bottom: 20px;
}

h4, .h4 {
  font-weight: 700;
}

h4.panel-title, .h4.panel-title {
  font-weight: 300;
}

.maincontent {
  margin-bottom: 40px;
}

sup {
  top: -0.4em;
}

_:-ms-fullscreen, :root sup { top: -0.5em; }

.dropdown a.languagemenu:hover, .dropdown a.languagemenu:focus {text-decoration: none;}

.header-logo .dropdown.pull-right.open .languagemenu {
  background-color: #ffcc00;
  color: #000;
}

.header-logo .dropdown.pull-right.open .languagemenu .curlang {
  z-index: 6556654;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: -25px;
}

hr.yellow {
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 10px solid #ffcc00;
}

ul.indexedsearch .badge {
  display: none;
}

.btn {
  text-align: left;
}

/* ---------------------------------------------------------------------- */
/* Rahmen um CE-Element */
/* ---------------------------------------------------------------------- */

.frame-layout-5 {
  border: 1px #eee solid;
  padding: 10px;
}

.frame-layout-6, .frame-layout-7, .powermail_fieldwrap_land_dach, .powermail_fieldwrap_land_international, .powermail_fieldwrap_auswahl_dach, .powermail_fieldwrap_auswahl_international {display: none}

.frame-layout-7 .row-full {margin-top: 38px;}

.show {display: block}

/* ---------------------------------------------------------------------- */
/* Newsletterregistrierung */
/* ---------------------------------------------------------------------- */

.tx-registeraddress #firstName, .tx-registeraddress #lastName {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding: 10px;
  border: none;
}

.tx-registeraddress #firstName {
  width: 48%;
  margin-right: 10px;
}

.tx-registeraddress #email {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border: none;
}

.tx-registeraddress .accepttext {
  margin-left: 25px;
  display: block;
  margin-top: -20px;
}

.tx-registeraddress input.f3-form-error {
  background-color: #ffcc00;
  border: 1px #ffcc00 solid;
}

.tx-registeraddress .formerror {
  color: red;
}

/* ---------------------------------------------------------------------- */
/* Responsive Videos */
/* ---------------------------------------------------------------------- */

.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.video-embed iframe, .video-embed object, .video-embed embed, .video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}

/* Workaround fuer Responsive Videos in Verbindung mit fluid_styled_content */

.frame-layout-4 .ce-center .ce-inner {
  position: relative;
  float: none;
  right: -50%;
}

.frame-layout-4 .ce-textpic, .frame-layout-4 .ce-image, .frame-layout-4 .ce-nowrap .ce-bodytext, .frame-layout-4 .ce-gallery, .frame-layout-4 .ce-row, .ce-uploads li, .frame-layout-4 .ce-uploads div {
  overflow: visible;
}

.frame-layout-4 .ce-left .ce-gallery, .frame-layout-4 .ce-column {
  float: none;
}

.frame-layout-4 .ce-gallery figure {
  display: block;
  margin: 0;
}

.frame-layout-4 .ce-center .ce-outer {
  position: relative;
  float: none;
  right: 50%;
}

/* ---------------------------------------------------------------------- */
/* Grids */
/* ---------------------------------------------------------------------- */

.row-full {
  background-color: #fff;
  height: auto;
  left: 50%;
  margin-bottom: 40px;
  margin-left: -50vw;
  margin-top: 40px;
  padding: 0;
  position: relative;
  width: 100vw;
}

.row-full.null {
  margin-bottom: 0;
  margin-top: 0;
  bottom: -40px;
}

.row-full .container {
  margin-top: 0;
}

.row-full .nav-tabs > li.active > a, .row-full .nav-tabs > li.active > a:hover, .row-full .nav-tabs > li.active > a:focus {
  background-color: #f4f4f4;
}

.row-full .nav-tabs > li.active > a, .row-full .nav-tabs > li.active > a:hover, .row-full .nav-tabs > li.active > a:focus {
  color: #000;
}

.background-full-width {
  background-color: #676C6E;
}

/* ---------------------------------------------------------------------- */
/* Full Width Background */
/* ---------------------------------------------------------------------- */

.background-full-width-image .row {padding: 20px 0; margin:0;}

hr .blue {border-color: #1f2f5b;}

hr .red {border-color: #c40f44;}

hr .white {border-color: #fff;}

.background-full-width-image .divider hr {width:30%;border-color:#fff; text-align: center;}

.background-full-width-image #c633 .divider hr, .background-full-width-image #c1404 .divider hr {
  border-color: #1f2f5b;
  display: inline-table;
  text-align: left;
  width: 36%;
}

/*.background-full-width .row {padding:20px 0; margin:0;}*/

.background-full-width .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

/* ---------------------------------------------------------------------- */
/* DCE */
/* ---------------------------------------------------------------------- */

.infostart {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

.infostart .icon {
  color: #ffcc00;
  font-size:60px;
  margin: 40px 30px 20px 0;
}

.kompetenzzentrumstart {
  height: 150px;
  min-width: 60%;
  min-height: 400px;
}

.kompetenzzentrumstart .col-md-7 {
  background-color: #f0f0f0;
  padding: 40px 40px;
}

.kompetenzzentrumstart .right-triangle {
  height: 0;
  width: 0;
}

.kompetenzzentrumstart .btn {
  margin-top: 15px;
}

.textblendwrap {margin-bottom: 20px;}


/* ---------------------------------------------------------------------- */
/* Overlay */
/* ---------------------------------------------------------------------- */

.overlay {
  display:inline-block;
  position:relative;
  margin-bottom: 1px;
  border-right: 1px #fff solid;
}

.overlay.col-md-3, .overlay.col-sm-6, .overlay.col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.overlay img {
  display: block;
  height: 100%;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.overlay img:hover + .info, .info:hover {
  display:block;
  transition: all 0.3s ease 0s;
}

.info {
  display:none;
  background-color: rgba(0,0,0,0.7);
  padding: 60px 15px;
  text-align: center;
  position:absolute;
  top:0; right:0;
  bottom:0; left:0;
  color: #fff;
  transition: all 0.3s ease 0s;
}

.rbsLinkIcon {
  background: rgb(255, 202, 5) none repeat scroll 0 0;
  color: rgb(0, 0, 0);
  font-size: 24px;
  line-height: 100%;
}

.overlay i.fa {
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  margin: 10px;
  padding: 20px;
  text-align: center;
  transition: transform 0.2s ease 0s, background 0.1s ease 0s;
}

/* ---------------------------------------------------------------------- */
/* Button */
/* ---------------------------------------------------------------------- */

.btn-default {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #000;
  transition: all 0.3s ease 0s;
}

.btn-default:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn p {
  margin: 5px;
}

.btn {
  font-weight: 700;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.first {
  -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.5s;
}

.second {
  -webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */
  animation-delay: 1.5s;
}

.third {
  -webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
  animation-delay: 3s;
}

.btn-read p, .btn-read-center p, .btn-read-right p {
  margin: 0;
}

.btn-read-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.btn-read-right {
  float: right;
  margin-top: 10px;
}

/* ---------------------------------------------------------------------- */
/* Header */
/* ---------------------------------------------------------------------- */

#header {
  top: -40px;
  z-index: -15145245;
}

#logo {
  margin-top: 0;
  outline: 0 none;
  width: 360px;
  height: 108px;
}

img#logo {
  width: 360px;
  height: 108px;
}

.header-carousel-headline {
  color: #fff;
  font-weight: 700;
  font-size: 54px;
  margin-top: 100px;
  padding: 15px 15px 15px 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  /*text-transform: uppercase;*/
}

.header-tel {
  width: 180px;
  float: left;
}
.header-home {
  width: 200px;
  float: left;
}

.header-tel, .header-home {
  margin-top: 25px;
  margin-right: 0;
}

.header-tel h4, .header-home h4 {
  margin-bottom: 0;
  font-weight: 700;
}

/* ---------------------------------------------------------------------- */
/* slider */
/* ---------------------------------------------------------------------- */

#slider .header-carousel-headline {
  color: #fff;
  text-transform: none;
  line-height: 70px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

#slider .header-carousel-subline {
  color: #000;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: none;
}

.headertop, #slider{
  top: -67px;
  /*margin-top: -67px;*/
}

.carousel-inner {
  margin-top: -37px;
  /*z-index: -10;*/
}

#carousel-header  {
  top: -40px;
}

#carousel-header .carousel-control {
  top: 50%;
}

#slider .carousel-caption {
  left: 25%;
  padding-bottom: 30px;
  right: 0;
  bottom: 80px;
  z-index: 0;
}

/* ---------------------------------------------------------------------- */
/* Carousel */
/* ---------------------------------------------------------------------- */

.flexslider {
  border: 0 none;
  border-radius: 0;
}

#news-detail-carousel .carousel-caption {
  right: 10%;
  left: 10%;
  background-color: rgba(0,0,0,0.4);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

/* ---------------------------------------------------------------------- */
/* Content */
/* ---------------------------------------------------------------------- */

/*
.container {
  margin-top: 0;
}

#header .container {
  margin-top: 75px;
}

.container.header-logo {
  margin-top: 0;
}
*/

.header-logo .icon-phone {
  float: left;
  font-size: 35px;
  margin-left: 90px;
  margin-right: 25px;
  margin-top: 40px;
}

.header-logo .icon-kontakt {
  float: left;
  font-size: 45px;
  margin-right: 35px;
  margin-top: 30px;
}

.content.headline {
  width: 35%;
  float: left;
}

.content.beschreibung {
  float: left;
  margin-left: 20px;
  width: 60%;
}

.beschreibung h1 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}

/* ---------------------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------------------- */

#footer {
  background-color: #fff;
  border-top: 3px #FFCC00 solid;
  color: #000;
  font-size: 14px;
  /*margin-top: 40px;*/
  padding: 20px 0 10px;
}

#footer-bottom {
  background-color: #676c6e;
  color: #fff;
  font-size: 14px;
  margin-top: 35px;
  padding: 20px 0;
  text-align: center;
}

#footer-bottom .col-md-5 {text-align: right;}

#footer-bottom .col-md-4 {
  text-align: right;
}

#footer-bottom a {
  color: #fff;
}

#footer-bottom .container {
  margin-top: 0;
}

.footer-bottom-box {margin-top: 20px}

#footer h2 {
  border-bottom: 1px solid #ffcc00;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 5px;
  margin-top: 25px;
}

#footer-social {
  background: rgba(0, 0, 0, 0) url("../Images/pfeil-bg-social.png") no-repeat scroll right center;
  height: 78px;
  margin-top: -57px;
  padding: 0 20px 0 115px;
  width: 350px;
}

#footer-social .nav > li > a {
  padding: 0 30px;
}

#footer-social .nav > li {
  margin-top: -26px;
  float: left;
}

#footer-social .nav > li > a:hover {
  color: #000;
}

#footer-social .navbar-nav > li > a {
  background: rgba(0, 0, 0, 0) url("../Images/pfeil-bg.png") no-repeat scroll -165px 0;
  display: block;
  height: 76px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 27px;
  padding: 20px 0 0 60px;
  text-decoration: none;
  text-transform: uppercase;
}

#footer .share {
  margin-left: -5px;
  margin-top: 30px;
}

#footer header {
  margin-top: 25px;
}

#footer input {
  background-color: #eee;
  border: medium none;
  color: #020202;
  padding: 14px;
  width: 85%;
  font-style: italic;
}


#speech-bubble {
  background: #ffcc00 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  height: 50px;
  position: absolute;
  width: 50px;
}

#speech-bubble::before {
  border-bottom: 25px solid transparent;
  border-right: 20px solid #ffcc00;
  border-top: 25px solid transparent;
  content: "";
  height: 0;
  margin: -2px 0 0 -58px;
  position: absolute;
  width: 0;
}

_:-ms-fullscreen, :root #speech-bubble::before { margin:-2px 0 0 -28px;border-top: 20px solid transparent; }

_:-ms-fullscreen, :root #speech-bubble { height: 45px; }

#weltkarte {
  background: rgba(0, 0, 0, 0) url("../Images/weltkarte.png") no-repeat scroll 0 20px / 100% auto;
  padding-bottom: 60px;
}

#weltkarte input, #weltkarte button {margin-top: 10px;}


/* ---------------------------------------------------------------------- */
/* Accordions */
/* ---------------------------------------------------------------------- */

.panel-group .panel {
  border-radius: 0;
  margin-bottom: 0;
}

.panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}

.panel-heading .accordion-toggle {
  display: block;
  padding: 15px 25px 15px 40px;
}

.panel-heading a, .panel-heading a:hover, .panel-heading a:focus {
  color: #000;
  text-decoration: none;
}

.panel-heading .accordion-toggle.collapsed {
  background-color: #fff;
}


.panel-heading .collapsed:hover, .panel-heading .accordion-toggle:hover, .panel-heading .accordion-toggle {
  background-color: #FFCC00;
}

.btn {
  border-radius: 0;
}

.openall, .closeall {
  margin-right: 10px;
  margin-bottom: 10px;
}

/*.panel-heading [data-toggle="collapse"]:after {
  font-family: 'Glyphicons';
  content: "\2b"; !* "plus" icon *!
  float: left;
  color: #000;
  font-size: 24px;
  line-height: 20px;
  margin-right: 20px;

  !* rotate "Plus" icon  *!
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  transform:         rotate(45deg);
}*/

.panel-heading [data-toggle="collapse"]::after {
  font-family: 'Glyphicons';
  content: "\2b";
  float: left;
  color: #000;
  font-size: 24px;
  line-height: 18px;
  margin-right: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -25px;
  position: absolute;
    top: 14px;
    left: 36px;
}

.panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "Plus" */
  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg);
}

.panel-heading .accordion-toggle {
    position: relative !important;
}

.tab-content .panel-group {
  margin-bottom: 5px;
}

.panel-default {
  border-color: #eee;
}
.panel {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* ---------------------------------------------------------------------- */
/* Sprache */
/* ---------------------------------------------------------------------- */

/*
.languagemenu {
  background-color: #000;
  border-color: #000;
  border-radius: 27px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  height: 135px;
  margin-right: 90px;
  margin-top: 110px;
  padding: 18px 12px;
  width: 100px;
}
*/

/*.languagemenu {*/
  /*background-color: #000;*/
  /*border-color: #000;*/
  /*border-radius: 50px;*/
  /*color: #fff;*/
  /*font-size: 16px;*/
  /*font-weight: 700;*/
  /*height: 135px;*/
  /*margin-right: 70px;*/
  /*margin-top: 110px;*/
  /*padding: 0;*/
  /*width: 135px;*/
/*}*/

.languagemenu {
  background-color: #eee;
  border-color: #eee;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  width: 123px;
  margin-left: auto;
  display: block;
}

.languagemenu:hover {
  background-color: #FFCC00;
  border-color: #FFCC00;
}

a.languagemenu {
  padding: 8px 0 8px 15px;
}

a.languagemenu:hover, a.languagemenu:focus {
  color: #000 !important;
  text-decoration: none;
}

/*.languagemenu:hover {*/
  /*background-color: #ffcc00;*/
  /*border-color: #ffcc00;*/
  /*color: #000;*/
/*}*/

/*.curlang::after {
  color: #fff;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 12px;
  margin-left: 2px;
}*/

span.curlang {
  z-index: 999999999;
}

span.caret {display: none}

.languagemenu .icon-arrow-down {
  margin-left: 10px;
  font-size: 14px;
}

/* ---------------------------------------------------------------------- */
/* Nac Up/Down */
/* ---------------------------------------------------------------------- */

#scroller {
  top: 50%;
  position: fixed;
  height: 100px;
  z-index: 64894564654;
}

.nav_up {
  padding:20px;
  background-color:white;
  border:none;
  position:fixed;
  background:#000 url(../Icons/cd-top-arrow.svg) no-repeat top left;
  background-position:50% 50%;
  width:20px;
  height:20px;
  /*bottom:52%;*/
  right:20px;
  white-space:nowrap;
  cursor: pointer;
  opacity: 0.5;
}

.nav_up:hover {
  background:#ffcc00 url(../Icons/cd-top-arrow.svg) no-repeat top left;
  background-position:50% 50%;
  opacity: 1;
}

.nav_down {
  padding:20px;
  background-color:white;
  border:none;
  position:fixed;
  background:#000 url(../Icons/cd-top-arrow.svg) no-repeat top left;
  transform: rotate(180deg);
  background-position:50% 50%;
  width:20px;
  height:20px;
  /*bottom:48%;*/
  right:20px;
  white-space:nowrap;
  cursor: pointer;
  opacity: 0.5;
  margin-top: 45px;
}

.nav_down:hover {
  background:#ffcc00 url(../Icons/cd-top-arrow.svg) no-repeat top left;
  background-position:50% 50%;
  transform: rotate(180deg);
  opacity: 1;
}

/* ---------------------------------------------------------------------- */
/* Search */
/* ---------------------------------------------------------------------- */

.navbar-search {
  width: 230px;
  height: 40px;
  background-color: #FFCC00;
  display: none;
}

.navbar-search input {
  background-color: #FFCC00;
  border: 0;
  padding: 5px 0 5px 12px;
  height: 39px;
}

.navbar-search button {
  background-color: #FFCC00;
  border: 0;
  padding: 8px;
}

header .tx_searchform {
  margin-top: 0;
  text-align: left;
}

#header_search_input form {
    position: relative;
}

#header_search_input {
  margin-bottom: 15px;
}

#header_search_input input.form-control, .search-autocomplete-results {
    position: absolute;
    right: 40px;
    width: 200px;
    top: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .175) !important;
    z-index: -1;
    display: none;
}
.search-autocomplete-results {
    right: 40px;
    top: 52px;
    z-index: 1000;
}

#header_search_input input.form-control.show {
    z-index: 1;
    display: block;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#header_search_input button[type='submit'], #header_search_input button.show-search-input {
    z-index: 1000;
    position: relative;
}

/*#header_search_input button.show-search-input {*/
    /*background-color: #000;*/
    /*border-color: #000;*/
    /*border-radius: 50px;*/
    /*color: #fff;*/
    /*height: 52px;*/
    /*width: 52px;*/
    /*font-size: 17px;*/
    /*margin-top: 8px;*/
    /*padding: 17px;*/
    /*border: 0;*/
/*}*/

#header_search_input button.show-search-input {
  background-color: #ffcc00;
  border-color: #ffcc00;
  border-radius: 0;
  color: #fff;
  height: 52px;
  width: 52px;
  font-size: 17px;
  margin-top: 0;
  padding: 17px;
  border: 0;
}

/*header #tx-indexedsearch-searchbox-sword {
  display: none;
}*/

header #tx-indexedsearch-searchbox-button-submit.btn-primary, .header-responsive #tx-indexedsearch-searchbox-button-submit.btn-primary {
  background-color: #000;
  border-color: #000;
  border-radius: 0;
  color: #fff;
  height: 40px;
  width: 40px;
}

#tx-indexedsearch-searchbox-button-submit.btn-primary:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #000;
}

header #tx-indexedsearch-searchbox-button-submit.btn {
	font-size: 16px;
	margin-top: 8px;
	padding: 16px;
}

.header-responsive #tx-indexedsearch-searchbox-button-submit.btn {
  font-size: 18px;
  margin-right: 60px;
  margin-top: -50px;
  padding: 10px;
}

header #tx-indexedsearch-searchbox-sword.form-control, .header-responsive #tx-indexedsearch-searchbox-sword.form-control {
  /*border: 1px solid #fff;*/
  box-shadow: none;
  /*border-bottom: 1px solid #eee;*/
}

#tx-indexedsearch-searchbox-button-submit.btn {
  font-size: 18px;
  padding: 8px 8px 0;
}

.tx_searchform, .searchform {
  margin-bottom: 10px;
}

.searchform input {
  color:#000;
}

.form-control {
  height: 37px;
}

.tx-indexedsearch-info {
  display: none;
}

.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item {
  background-color: #fff;
  border: 0 none;
  display: block;
  margin-bottom: 15px;
  padding: 0;
  position: relative;
}

.badge {
  border-radius: 0;
}

/* Anpassungen indexed_search */

.tx-indexedsearch-info dt, .tx-indexedsearch-info dd {
  display: inline-block;
}

.tx-indexedsearch-info dd {
  margin-right: 1rem;
}

ul.tx-indexedsearch-browsebox {
  margin: 0 0 2rem 0;
  padding: 0;
  font-size: 80%;
}

ul.tx-indexedsearch-browsebox, .tx-indexedsearch-browsebox li {
  list-style-type: none;
}

.tx-indexedsearch-browsebox li {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0 .5rem 0 0;
}

.tx-indexedsearch-redMarkup {
  background: #ffcb05 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
}

.list-group {
  padding: 0 25px;
}

.tx-indexedsearch-autocomplete {
  background: #F5F5F5;
  width: 230px;
  cursor: pointer;
  position: absolute;
  left: -5px;
  font-size: 95%;
  z-index: 101;
  top: -12px;
  border: ;
}

.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}

.form-control {
  color: #000;
}

/* ---------------------------------------------------------------------- */
/* Google Map */
/* ---------------------------------------------------------------------- */

#gme-1 {
  top: -40px;
}

/* ---------------------------------------------------------------------- */
/* Weitere Maschinen */
/* ---------------------------------------------------------------------- */

#machinestext {
  padding: 20px 0 0;
}

#machinestext h2, #machinestext h4 {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

#machinestext h4 {
  color: #ffcb05;
  margin-bottom: 0;
}

#machines {
  text-align: center;
}
#machines h3 {
  font-size: 42px;
}
#machines h5 {
  color: #999;
  font-size: 15px;
  margin-top: 10px;
}
#machines a.machines-item {
  display: block;
  margin: 10px 0 30px 0;
  text-decoration: none;
  width: 100%;
}
#machines a.machines-item > .img-container {
  background-position: center center;
  background-size: contain;
  box-shadow: 0 10px 21px 0 rgba(0, 0, 0, 0.21);
  height: 240px;
  padding: 15px;
  width: 100%;
}
#machines a.machines-item > .img-container > .black-container {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  display: none;
  height: 100%;
  width: inherit;
}
#machines a.machines-item > .img-container > .black-container > .plus-container {
  /*background-image: url("../../Icons/plus-overview.png");*/
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 10% auto;
  display: block;
  height: 6em;
  width: inherit;
}
#machines a.machines-item > .img-container > .black-container > .text-container {
  color: #fff;
/*  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;*/
}
#machines a.machines-item:hover > .img-container > .black-container, #machines a.machines-item:hover > .img-container > .text-container {
  display: block;
}
#machines a.machines-item:hover > .img-container > .text-container {
  color: white;
  text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/* Messen */
/* ---------------------------------------------------------------------- */

.exhibitions {
  padding: 0;
}

.messe-item {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

.messe-item img {
  height: auto;
  margin-top: 15px;
  width: 200px;
}

.exhibitions a {
  text-decoration: underline;
}

.messe-item .col-md-3, .messe-item .col-md-5 {
  border-right: 1px #eee solid;
}

/* ---------------------------------------------------------------------- */
/* Gesamtkatalog */
/* ---------------------------------------------------------------------- */

.catalogtext {
  /*background: #ffcc00 url("../Icons/download@2x.png") no-repeat scroll 215px 10px / 40px auto;*/
  background-color: #ffcc00;
  margin-left: -15px;
  margin-top: 15px;
  padding: 15px 15px 5px;
  width: 270px;
}

.catalogtext p {
  margin-top: 10px;
}

.catalogtext span {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 10px;
}

.catalog {
  margin-left: 85px;
  margin-top: -105px;
}

.catalogstartimg img {
  height: 260px;
  width: 260px;
}

.catalogstartimg {
  height: 260px;
  margin-left: 262px;
  margin-top: -150px;
  width: 260px;
}

.catalog a img:hover, .catalogstartimg a img:hover, .catalogside a img:hover {
  opacity: 1;
  transform: scale(1.1);
  transition: all 0.3s ease 0s;
}

.catalogstart {
  background: #ffcc00 url("../Images/rechteck.png") no-repeat scroll 222px 180px;
  height: 260px;
  margin-left: -15px;
  /*margin-top: 85px;*/
  padding: 25px 25px 15px;
  width: 85%;
}

.catalogstart h3 {
  color: #000;
  font-size: 32px;
  font-weight: 700;
}

.catalogstart h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.catalogstart .btn-default {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  margin-top: 15px;
  transition: all 0.3s ease 0s;
}

.catalogstart .btn-default:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
  transition: all 0.3s ease 0s;
}

.catalogtextside {
	background-color: #ffcc00;
	margin-left: 0;
	margin-top: 25px;
	padding: 15px 15px 5px;
	width: auto;
}
.catalogtextside span {
	font-weight: 700;
	margin-bottom: 15px;
}

.catalogtextside p {
	margin-top: 15px;
}

.catalogside img {
	margin-left: 50%;
	margin-top: -110px;
}

/* ---------------------------------------------------------------------- */
/* Icons */
/* ---------------------------------------------------------------------- */

.carousel {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  margin: 40px 0;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.glyphicon.glyphicon-arrow-left, .glyphicon.glyphicon-arrow-right {
  top: 50%;
}

.carousel-control:hover, .carousel-control:focus {
  color: #000;
  opacity: 1;
}

.carousel-control {
  background-color: rgba(0, 0, 0, 0);
  color: #ffcc00;
  opacity: 1;
  text-shadow: none;
}

.carousel-indicators {
  bottom: 5px;
  left: 0;
  list-style: outside none none;
  margin-left: 0;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.carousel-indicators li, .carousel-indicators .active {
  margin: 0 5px;
  height: 12px;
  width: 12px;
}

#slider .carousel-indicators li, #slider .carousel-indicators .active {
  height: 0;
  margin: 0 5px;
  width: 60px;
}

#slider .carousel-indicators li {
  border: 3px solid #FFF;
  border-radius: 0;
}

#slider .carousel-indicators li.active {
  border: 3px solid #FFCB05;
  border-radius: 0;
}

.fa-stack {
  top:50%;
}

.icon-background {
  color: #fff;
}

.circle-icon {
  background: #ffc0c0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 30px;
}

.fa-circle {
  width: 100px;
  height: 100px;
}

img.arrow {
  margin-top: 120px;
  width: 45px;
}

.carrecht img.arrow {
  margin-top: 156px;
  width: 45px;
}

[class^="icon-"], [class*=" icon-"] {
  height: 32px;
  width: 32px;
  display: inline-block;
  fill: currentColor;
}

[class^="icon-lupe"], [class*=" icon-lupe"] {
  height: 16px;
  width: 16px;
  display: inline-block;
  fill: currentColor;
}

.owl-carousel .owl-item {
  border-right: 1px #ccc solid;
}

.owl-carousel .owl-nav {display: none;}

.owl-carousel .owl-dots {
  margin-top: 15px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #ffcc00 !important;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
  border: 1px #fff solid;
}

.slick-prev::before {
  font-family: "hautau" !important;
  content: "\70";
  font-size: 20px;
  opacity: 1;
  color: #000 !important;
}

.slick-next::before {
  font-family: "hautau" !important;
  content: "\71";
  font-size: 20px;
  opacity: 1;
  color: #000 !important;
}

/* ---------------------------------------------------------------------- */
/* Tooltip */
/* ---------------------------------------------------------------------- */

/* Tooltip container */
.tooltips {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltips .tooltiptext {
  background-color: #000;
  border-radius: 0;
  color: #fff;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: left;
  transition: opacity 1s ease 0s;
  visibility: hidden;
  width: auto;
  z-index: 1;
}

.tooltip-right {
  left: 23px;
  top: -8px;
}

.tooltip-right::after {
  border-color: transparent #000 transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  margin-top: -5px;
  position: absolute;
  right: 100%;
  top: 50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* ---------------------------------------------------------------------- */
/* Tooltip Fensterautomation */
/* ---------------------------------------------------------------------- */

/* Tooltip container */

.fa-tooltips {
  background: rgba(0,0,0,0) url("../Images/hautau-haus.jpg")no-repeat left center / 100% auto;
}

.fa-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.fa-tooltip .fa-tooltiptext {
  background-color: #FFCB05;
  border-radius: 0;
  color: #000;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: left;
  transition: opacity 1s ease 0s;
  visibility: hidden;
  width: 400px;
  z-index: 1;
}

.fa-tooltip-right {
  left: 55px;
}

.fa-tooltip-left {
  bottom: auto;
  right: 100%;
}

.fa-tooltip-right::after {
  border-color: transparent #FFCB05 transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  margin-top: -5px;
  position: absolute;
  right: 100%;
  top: 50%;
}

.fa-tooltip-left::after {
  border-color: transparent transparent transparent #FFCB05;
  border-style: solid;
  border-width: 5px;
  content: "";
  left: 100%;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.fa-tooltip:hover .fa-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.fa-tooltip .icon-hotspot {
  color: #FFCB05;
  font-size: 36px;
}

.fa-tooltip .icon-hotspot:hover {
  opacity: 0.5;
  animation-duration: 1s;
  animation-name: pulse;
}

.fa-tooltip [class^="icon-"], .fa-tooltip [class*=" icon-"] {
  display: inline-block;
  fill: currentcolor;
  height: 55px;
  width: 55px;
  padding: 10px;
}

.fa-tooltip a {
  color: #000;
  text-decoration: underline;
}

.fa-tooltip a:hover {
  color: #000;
  text-decoration: underline;
}

/* ---------------------------------------------------------------------- */
/* Table */
/* ---------------------------------------------------------------------- */

.tx-dce-downloads .ce-table tr td:first-child, .ce-table tr:first-child {
  width: 90%;
  font-weight: 700;
  text-align: left;
}

.tx-dce-downloads.nowidth .ce-table tr td:first-child, .tx-dce-downloads.nowidth .ce-table tr:first-child {
  width: 6%;
  border-left: 1px #dadada solid;
  padding-left: 10px;
}

.tx-dce-downloads .products .ce-table tr td:first-child, .products .ce-table tr:first-child {
  width: 10%;
  font-weight: 300;
  text-align: left;
}

.tx-dce-downloads .ce-table th, .tx-dce-downloads .ce-table td {
  border-right: 1px solid #dadada;
}

.ce-table tr:first-child td {
  border-top: none;
}

.ce-table tr td:first-child {
  border-right: 1px #eee solid;
}

#p139 .ce-table tr td:first-child {
  width: 70%;
}

.ce-table img {
  border: 1px solid #fcfcfc;
  height: 17px;
}

.products .ce-table img {
  border: 1px solid #fcfcfc;
  min-height: 50px;
  width: auto;
}

.products .tx-dce-downloads .ce-table img {
  border: 1px solid #fcfcfc;
  min-height: 15px;
  width: auto;
}

.tx-dce-downloads .ce-table img {
  height: 16px;
  border: 1px #eee solid;
}

.ce-table img.file {
  border: 0 none;
  height: 25px;
  width:25px;
}

.tooltips .fa {font-size: 18px !important;}

.fa {
  font-size: 24px !important;
  line-height: 20px !important;
}

.fa-close {
  font-size: 20px !important;
  line-height: 12px !important;
}

.tx-dce-downloads .ce-table tr td {
  text-align: center;width: 5%;
  font-weight: 700;
  padding: 5px;
}

/*.ce-table tr td:nth-child(2n) {
  width: 5%;
}*/

/*.ce-table tr td {
  border-right: 1px #ccc solid;
}*/

.products .ce-table th, .products .ce-table td {
  padding: 5px;
  width: 0;
}

.contenttable tr, .contenttable td {
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  padding: 0 5px;
}

.contenttable tr:last-child, .contenttable td:last-child {
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.contenttable tr:last-child td {
  border-bottom: 0 !important;
}

.contenttable tr td {
  vertical-align: middle !important;
}

#p7 .contenttable tr td {
  vertical-align: top !important;
  white-space: normal;
}

/*#p7 .contenttable tr td ul {
  white-space: normal;
  margin-top: -22px;
}*/

#p7 .contenttable td {
  margin-bottom: 25px;
}

.contenttable td {
  height: 25pt !important;
}


/* Tabellen scrollbar im Responsive */

/*.col-md-9 table {
  display: block;
  overflow-x: scroll;
}*/

.col-md-9 .products .ce-table th, .col-md-9 .products .ce-table td {
  padding: 2px 1px 2px 0;
  width: 0;
}

/* ---------------------------------------------------------------------- */
/* Menü */
/* ---------------------------------------------------------------------- */

.navbar {
  margin-bottom: 0;
  border-radius: 0;
  z-index: 9896565151;
}

.navbar span {
  font-size: 14px;
}

.navbar .container {
  margin-top: 0;
}

.navbar-header .fa {
  font-size: 18px !important;
  margin-top: 30px;
  margin-right: 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}

.navbar-default {
    background: rgba(0,0,0,0) url("../Images/hautau-bg.png")no-repeat right center;
    border: 0 none;
	margin-top: 40px;
    z-index: 10;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
    /*text-transform: uppercase;*/
    background: rgba(0,0,0,0) url("../Images/pfeil-bg.png")no-repeat right center;
    display: block;
    height: 75px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 25px 40px 15px;
    text-decoration: none;
  	font-weight: 300;
}

.navbar-default .navbar-nav > li:first-child > a {
  padding: 30px 20px 40px 0;
}

.navbar-default .navbar-nav > li:last-child > a {
  background: rgba(0,0,0,0) url("../Images/pfeil-bg-last.png") no-repeat scroll right center;
}

/*.navbar-default .navbar-nav > li:last-child > a:after {
  background: rgba (0,0,0,0) url("../Images/pfeil_last.png") no-repeat right center;
}*/

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background: rgba(0,0,0,0) url("../Images/pfeil-bg.png") no-repeat scroll right center;
  color: #fff;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.navbar-default .navbar-nav > li:last-child > a:hover, .navbar-default .navbar-nav > li:last-child > a:focus {
  background: rgba(0,0,0,0) url("../Images/pfeil-bg-last.png") no-repeat scroll right center;
  color: #fff;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  transition-timing-function: ease-in;
}

.navbar-header a:hover, .navbar-header a:focus {
  color: #fff;
  text-decoration: none;
}

.navbar-nav > li > a {
  color: #000;
  /*text-transform: uppercase;*/
}

.navbar-nav > li:hover > a {
  color: #fff;
  /*text-transform: uppercase;*/
}

.navbar-nav > li:hover {
  color: #fff;
}

.nav > li > a {
  padding: 12px;
}

.tab-v1 .nav {
  margin: 0;
}

.dropdown-menu {
  border-radius: 0;
  margin: 0;
  padding: 0;
}

/*.header-logo .dropdown-menu {
  border-radius: 0 0 50px 50px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  height: 50px;
  margin: -5px 0 0;
  min-width: 10px;
  padding: 0 5px;
  width: 54.5px;
}*/

.header-logo .dropdown-menu {
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .175);
  height: 52px;
  margin: 20px 0;
  min-width: 52px;
  padding: 0;
  width: 52px;
}
.dropdown-menu > li > a:hover {
  background-color: #fff;
  color: #fff;
}

.dropdown-menu > li > a {
  padding: 10px 15px;
  text-align: left;
}

.header-logo .dropdown-menu > li > a {
  padding: 15px;
  text-align: left;
  font-weight: 700;
}

.header-logo .pull-right > .dropdown-menu {
  left: 0;
  right: 0;
}

#navbar .active {
  border-top: 4px solid #000;
}

#navbar .active > a {
  background-color: #fff;
  color: #000;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  color: #000;
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 10px;
  text-transform: none;
  top: 10px;
}

.dropdown-submenu a:hover::after {
  color: #fff;
  content: "\f105";
  font-family: "FontAwesome";
}

.dropdown-submenu.active a::after {
  color: #fff;
  content: "\f105";
  font-family: "FontAwesome";
}

.dropdown-submenu .dropdown-menu a::after, .dropdown-submenu.active .dropdown-menu a::after {
  display: none;
}

.dropdown-submenu > .dropdown-menu {
  left: 100%;
  top: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.dropdown-submenu:hover > a::after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

ul.nav li.dropdown:hover ul.dropdown-menu, ul.nav li.dropdown:hover .dropdown-mega {
  display: block;
}

ul.nav li.dropdown ul.dropdown-menu.dropdown-submenu-3 {
  display: none;
}

ul.nav li.dropdown li.dropdown-submenu:hover ul.dropdown-menu.dropdown-submenu-3 {
  display: block;
}


/*.dropdown-menu > li > a {
  margin-left: -20px;
  padding: 15px 25px;
  text-align: left;
}*/

.dropdown-menu {
  background-color: rgba(255,255,255,1);
  border: 0 none;
  font-size: 16px;
  z-index: 999;
  min-width: 123px;
}

/*.dropdown-menu:before {
  width: 0;
  height: 0;
  border-bottom: 120px solid #037CA9;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
}*/

.dropdown-menu.firstlevel:before {
  position: absolute;
  top: -10px;
  left: 30px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-bottom-color: #fff;
  content: '';
}

/*
.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
*/


/*.dropdown-menu > li:first-child {
  width: 197px;
}

.dropdown-menu > li:nth-child(2) {
  width: 215px;
}*/

/*
.dropdown-menu > li:nth-child(3n) {
  width: 1200px;
  left:-120px;
}

*/


/*.navbar-nav > li > .dropdown-menu li:nth-child(3) {
  left: -270px;
}*/

#up-triangle {
  width: 0;
  height: 0;
  border-bottom: 120px solid #037CA9;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
}

.dropdown-menu li {
  border-bottom: 1px #fff solid;
}

.dropdown-menu li:last-child {
  border-bottom: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #ffcc00;
  color: #fff;
  outline: 0 none;
  text-decoration: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #ffcc00;
  color: #fff;
}

.header-logo .dropdown-menu > li > a:hover, .header-logo .dropdown-menu > li > a:focus {
  background-color: #000;
  border-radius: 50px;
  color: #fff;
}

.navbar-nav > li > .dropdown-menu {
  left: -20px;
}

/* Hamburger */
#responsive-menu {
  margin-top: 30px;
}
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0; margin-bottom: 30px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 35px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

#responsive-nav {
  height: 50px;
  margin: 10px 20px 0 20px;
  padding-top: 5px;
}

/* ---------------------------------------------------------------------- */
/* Megamenü */
/* ---------------------------------------------------------------------- */

.dropdown-mega {
    position: absolute;
    display: none;
}

/*.navbar .dropdown:nth-child(1) .dropdown-menu, .dropdown-mega {
  width: 780px;
  height: 330px;
  padding: 20px 0 20px 80px;
  background: #fff url("../Images/megamenue-pfeil-@2x.png") no-repeat scroll left center / 87px auto;
  left: -22px;
}*/

.navbar .dropdown:nth-child(1) .dropdown-menu, .dropdown-mega {
  width: 780px;
  height: 390px;
  padding: 20px 0 20px 80px;
  background: #fff url("../Images/megamenue-pfeil-@2x.png") no-repeat scroll left center / 103px auto;
  left: -22px;
}

.navbar .dropdown:nth-child(2) .dropdown-menu {
  width: 760px;
  height: 330px;
  padding: 20px 0 20px 80px;
  background: #fff url("../Images/megamenue-pfeil-@2x.png") no-repeat scroll left center / 87px auto;
}

.navbar .navbar-nav > li.dropdown:nth-child(2) .dropdown-menu {
  left: -161.5px;
}

.navbar .dropdown:nth-child(2) .dropdown-menu.firstlevel::before {
  left: 175px;
}

.navbar .dropdown:nth-child(1) .dropdown-menu > li > a {
  padding: 5px;
  text-align: left;
  width: 175px;
  float: left;
}


.navbar .dropdown:nth-child(2) .dropdown-menu > li > a {
  padding: 5px;
  text-align: left;
  width: 215px;
  float: left;
}


.navbar .dropdown:nth-child(1) .dropdown-menu li, .navbar .dropdown:nth-child(2) .dropdown-menu li {
  border-bottom: 1px #ffcc00 solid;
  float: left;
  margin-right: 30px;
}


/*.dropdown:nth-child(4) .dropdown-menu li:nth-child(3n+1) {
  float: left;
}*/

/*.dropdown:nth-child(4) .dropdown-menu li:nth-child(2) {
  clear: both;
}*/

.navbar .dropdown:nth-child(1) .dropdown-submenu a::after, .navbar .dropdown:nth-child(2) .dropdown-submenu a::after {
  display: none;
}

.dropdown-mega .row .col-md-9 li {
  padding: 0;
  text-align: left;
  width: 200px;
  float: left;
  border-bottom: 1px #ffcc00 solid;
  margin-right: 15px;
  height: 50px;
  margin-bottom: 5px;
}

.dropdown-mega .row .col-md-12 li {
  padding: 0;
  text-align: center;
  width: 200px;
  float: left;
  /*border-bottom: 1px #ffcc00 solid;*/
  /*margin-right: 15px;*/
  height: 45px;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.dropdown-mega .row .col-md-12.fensterautomation li {text-align: left;}

.dropdown-mega .row .col-md-12 li:first-child {
  text-align: left;
}

.dropdown-mega .row .col-md-3 li {
  padding: 5px 0;
  text-align: left;
  width: 140px;
  float: left;
  border-bottom: 1px #ffcc00 solid;
  margin-right: 15px;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.dropdown-mega .row .col-md-4 li {
  padding: 5px 0;
  text-align: left;
  width: 205px;
  float: left;
  border-bottom: 1px #ffcc00 solid;
  margin-right: 0;
  margin-bottom: 0;
  height: 60px;
  display: table;
  width: 100%;
}

.dropdown-mega .row .col-md-4 li.noline {
  border-bottom: 0;
}

.dropdown-mega .row .col-md-3 li a, .dropdown-mega .row .col-md-4 li a,  .dropdown-mega .row .col-md-9 li a, .dropdown-mega .row .col-md-12 li a {
  display: block;
  display: table-cell;
  vertical-align: middle;
}

.dropdown-mega a {
  text-decoration: none;
}

.service {
  margin-top: 0;
  border-top: 2px #ffcc00 solid;
  padding: 10px 0;
  margin-left: 15px;
  margin-right: 0;
}

.service.fensterautomation {
  margin-top: 10px;
}

/*.dropdown-mega .col-md-12.service {
  padding-right: 0;
  padding-left: 0;
}*/

.dropdown-mega .row .col-md-12.service {
  width: 94%;
}

.dropdown-mega .row .col-md-12.service ul {
  margin-left: -40px;
}

.dropdown-mega .row .col-md-12.service li {
  width: 32%;
  text-align: left;
}

.dropdown-mega .row .col-md-12.service li:first-child {
  margin-right: 15px;
}

.dropdown-mega .row .col-md-12.service.beschlagtechnik li:nth-child(3) {
  padding-left: 15px;
}

.dropdown-mega .row .col-md-12.service.fensterautomation li:nth-child(5) {
  padding-left: 15px;
}

.dropdown-mega .row .col-md-12.service.fensterautomation.gb li:nth-child(3), .dropdown-mega .row .col-md-12.service.fensterautomation.gb li:nth-child(6) {
  padding-left: 15px;
}

.dropdown-mega .row .col-md-12.service.fensterautomation.gb li:nth-child(5) {
  padding-left: 0;
}

.dropdown-mega .row .col-md-12.service.fensterautomation li:last-child {
  padding-left: 30px;
}

.dropdown-mega .col-md-4 {
  padding-right: 0;
  padding-left: 0;
  width: 32%;
}

.dropdown-mega .row {
  margin-left: 15px;
}

/* ---------------------------------------------------------------------- */
/* Sidemenü */
/* ---------------------------------------------------------------------- */

.products-submenu {
  list-style-type: none;
  margin: 0 0 0 -15px;
  padding: 0;
  width: auto;
}

.products-submenu span {font-size: 14px}

.products-submenu > li > a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  color: #000;
  display: block;
  font-size: 18px;
  padding: 10px;
  text-decoration: none;
}

.products-submenu > li.active > a {
  background-color: #ffcc00;
  color: #fff;
  font-weight: 300;
}

.products-subsubmenu > li.active > a {
  background-color: #fff;
  color: #000;
  font-weight: 300;
}

.products-submenu > li > a:hover {
  background-color: #ffcc00;
  color: #fff;
  font-weight: 300;
}

.products-subsubmenu {
  /*border: 1px solid #868686;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
}

.products-subsubmenu > li {
  border-bottom: 1px solid #ccc;
}

.products-subsubmenu > li:last-child {
  border-bottom: 0 none;
}

.products-subsubmenu li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 15px 30px;
  text-decoration: none;
  margin-left: 15px;
}

.products-subsubmenu > li > a::before {
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-left: -15px;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubmenu li a:hover {
  color: #ffcc00;
  font-weight: 700;
}

.products-subsubmenu li a:focus {
  color: #ffcc00;
  font-weight: 700;
}

.products-subsubmenu > li.active > a {
  color: #ffcc00;
  font-weight: 700;
}

.products-subsubsubmenu > li.active > a {
  color: #ffcc00;
  font-weight: 700;
}

.products-subsubsubmenu > li li.active > a {
  background-color: #f2f2f2;
  color: #ffcc00;
  font-weight: 700;
}

/*.products-subsubmenu > li.active > a::before {
  content: "\E258";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubmenu > li.active > a::before {
  content: "\E258"";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubsubmenu > li > a::before {
  content: "\E258"";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-left: 0;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubsubmenu > li.active > a::before {
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-left: 0;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}*/

.products-subsubsubmenu span {
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
}

.products-subsubsubmenu {
  line-height: 16px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.products-subsubsubmenu > li {
  border-top: 1px solid #ccc;
  list-style-type: none;
}
.products-subsubsubmenu > li > a {
  padding-left: 30px;
}
.products-subsubsubsubmenu {
  line-height: 16px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.products-subsubsubsubmenu > li {
  border-top: 1px solid #e7e7e7;
  list-style-type: none;
}

.products-subsubsubsubmenu > li > a {
  padding-left: 60px;
}

.products-subsubsubsubmenu > li > a::before {
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-left: -15px;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubsubsubmenu > li.active > a::before {
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  margin-right: 5px;
  position: relative;
  top: 0;
  vertical-align: baseline;
}

.products-subsubsubsubmenu span {
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
}

/*.products .row {
  margin-bottom: 50px;
}*/

.products .powermail_fieldset .row {
  margin-bottom: 0;
}

.products .row.ctp, .products .row.ctpimg {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/* Partner Carousel */
/* ---------------------------------------------------------------------- */

/*!* Removes the default 20px margin and creates some padding space for the indicators and controls *!
.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}
!* Reposition the controls slightly *!
.carousel-control {
  left: -12px;
}
.carousel-control.right {
  right: -12px;
}
!* Changes the position of the indicators *!
.carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
!* Changes the colour of the indicators *!
.carousel-indicators li {
  background: #c0c0c0;
}
.carousel-indicators .active {
  background: #333333;
}

#partnercarousel .carousel-control.left {
  left: -60px;
}

#partnercarousel .carousel-control.right {
  right: -12px;
}

#partnercarousel.carousel {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  padding: 0;
}

#partnercarousel .carousel-inner {
  margin-top: 0;
}

#partnercarousel .carousel-indicators {
  bottom: -45px;
}*/

#partnercarousel  .carousel-inner a img {
  height: 150px;
}

/* ---------------------------------------------------------------------- */
/* Breadcrumb */
/* ---------------------------------------------------------------------- */

.breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  color: #fff;
  list-style: outside none none;
  margin-bottom: 70px;
  margin-top: -100px;
  padding: 8px 15px;
  z-index: 2147483647;
}

#p193 .breadcrumb {display: none;}

.breadcrumb span {display: none}

.breadcrumb a:hover, .breadcrumb a:focus {
  color: #fff;
  text-decoration: underline;
}

.breadcrumb > li + li::before {
  color: #000;
  /*content: "/";*/
  content: "\f054";
  font-family: FontAwesome;
  vertical-align: middle;
  font-size: 5px;
  padding: 0 5px;
}

.breadcrumb > li + li.active::before {
  color: #000;
  content: "";
  font-family: FontAwesome;
  font-size: 8px;
  padding: 0 5px 2px;
  vertical-align: middle;
}

.breadcrumb > .active {
  color: #000;
  font-weight: 300;
}

/* ---------------------------------------------------------------------- */
/* quote-carousel */
/* ---------------------------------------------------------------------- */

/* carousel */
#quote-carousel {
  padding: 0;
  margin: 40px 15px 35px 0;
}

#quote-carousel.carousel {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}

#quote-carousel .col-md-6:first-child {
  padding-left: 0;
}

#quote-carousel .face-left {
  width: 15%;
  float: left;
  padding-left: 0;
  margin-left: 0;
}

#quote-carousel .face-right {
  width:60%;
  float: left;
}

#quote-carousel .col-md-6:last-child {
  padding-right: 0;
}

#quote-carousel .carousel-inner {
  width: auto;
}

#quote-carousel .carousel-inner span {
  color: #FFCB05;
  font-size: 85%;
}

#quote-carousel .carousel-inner blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #000;
}

#quote-carousel .carousel-inner blockquote small::before {
  content: none;
}

#quote-carousel blockquote p {
  padding: 20px;
  background-color: #FFCB05;
  height: 220px;
  line-height: 30px;
}

.item blockquote p::before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: -70px;
  color: rgba(255,255,255,0.5);
  font-size: 75px;
  margin-top: 15px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
  left: 40%;
  right: 0;
  top: 230px;
  bottom: 65px;
  margin-right: 0;
}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}


#quote-carousel .carousel-indicators li {
  border: 2px solid #FFF;
  border-radius: 0;
}

#quote-carousel .carousel-indicators li.active {
  border: 2px solid #FFCB05;
  border-radius: 0;
}

#quote-carousel .carousel-indicators li, #quote-carousel #slider .carousel-indicators .active {
  height: 0;
  margin: 0 3px;
  width: 25px;
}

#quote-carousel img {
  width: 280px;
  height: 220px;
}

#quote-carousel img.img-circle {
  width: 60px;
  height: 60px;
}
/* End carousel */

.item blockquote {
  border-left: none;
  margin: 0;
}

.item blockquote img:first-child {
  margin-bottom: 20px;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up)
@media (min-width: 768px) {
  #quote-carousel
  {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
  }

}

*/

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

  /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

  #quote-carousel .carousel-indicators {
    bottom: -20px !important;
  }
  #quote-carousel .carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
  }
  #quote-carousel .carousel-indicators li.active {
    margin: 0 5px;
    width: 20px;
    height: 20px;
  }
}

/* ---------------------------------------------------------------------- */
/* Downloads */
/* ---------------------------------------------------------------------- */

/*.ce-uploads li {
	background: #f6f6f6 url("../Icons/hinweis-retina-icons-download.png") no-repeat scroll 20px 15px / 55px 55px;
	border: 1px solid #ccc;
	margin: 20px 0;
	padding: 15px;
	text-decoration: none;
}*/

.ce-uploads li {
  clear: both;
}

.ce-uploads span {
  font-weight: 700;
}

.ce-uploads span.ce-uploads-filesize {
  font-weight: 300;
}

.ce-uploads img {
  float: left;
  height: 35px;
  margin-top: 5px;
  padding-right: 1em;
  vertical-align: top;
  margin-bottom: 20px;
}

.ce-uploads a img {
  height: auto;
}

/* ---------------------------------------------------------------------- */
/* Cookie Banner */
/* ---------------------------------------------------------------------- */

.cc-color-override-2118098759 .cc-btn:hover, .cc-color-override-2118098759 .cc-btn:focus {
  background-color: #000 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.cc-link {
  opacity: 1 !important;
}

/* ---------------------------------------------------------------------- */
/* Headline */
/* ---------------------------------------------------------------------- */

.detailview {
  border-right: 5px #ffcc00 solid;
}

.detailborder {
  border-left: 5px solid #ffcc00;
  margin-left: -15px;
  padding-left: 15px;
}

.detailborder h4, .detailborder .h4 {
  font-weight: 700;
}

h2.details {
  font-weight: 700;
  color: #ffcc00;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
}

h3.details {
  font-weight: 700;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 20px;
}

.more {float: left;}

/* ---------------------------------------------------------------------- */
/* Listenpunkte */
/* ---------------------------------------------------------------------- */

/*.tab-content ul, ul.ce-bullets {
  list-style: outside none none;
  margin-left: -20px;
}

.tab-content ul, ul.ce-uploads {
  margin-left: 0;
}

.tab-content ul li::before, ul.ce-bullets li::before {content: "•"; color: #ffcc00}

.tab-content ul li::before, ul.ce-bullets li::before {
	color: #ffcc00;
	content: "•";
	display: inline-block;
	font-size: 20px;
	margin-left: -20px;
	vertical-align: middle;
	width: 20px;
}

.tab-content ul.ce-uploads li::before {
  display: none;
}*/


/* ---------------------------------------------------------------------- */
/* Call to Action */
/* ---------------------------------------------------------------------- */

.cta {
  background-color: #e6e6e6;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}

.ctc, .ctp {
  background-color: #676c6e;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.ctc {
  height: 150px;
}

.ctc-item, .ctp-item {
  margin-bottom: 35px;
}

.ctcimg img {
  width: 100%;
}

.ctpimg img {
  width: 100%;
/*  border:5px #ffcc00 solid;
  border-bottom: none;*/
}

.cta hr {
  border-color: #000 currentcolor currentcolor;
  margin-bottom: 10px;
  margin-top: 10px;
}

.cta h4 {
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 20px;
}

.ctc h3 {
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 10px;
  margin-top: 0;
  color: #ffcc00;
}

.ctp h3 {
  color: #ffcc00;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
}

.col-md-4 .ctc h3 {
  margin-top: 15px;
}

.ctc h4, .ctp h4 {
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 20px;
  color: #fff;
}

.col-md-4 .ctc h4 {
  margin-bottom: 0;
  margin-top: 0;
}

.cta-icon {
  background-color: #ffcc00;
  height: 150px;
  z-index: 999999999;
}

.ctc-icon {
  background: rgba(0,0,0,0) url("../Images/pfeilelement.png") no-repeat scroll left center / 240% auto;
  height: 150px;
  margin-bottom: 0;
  margin-right: 5px;
  margin-top: 0;
  padding: 10px;
  position: absolute;
  right: 10px;
}

.ctp-icon {
  background: rgba(0,0,0,0) url("../Images/pfeilelement.png") no-repeat scroll left center / 130% auto;
  height: 88px;
  margin-bottom: 0;
  margin-right: 5px;
  margin-top: 0;
  padding: 0;
  position: absolute;
  right: 10px;
}

.cta-text {
  margin: 0 0 0 -40px
}

.cta-text h4, .cta-text .h4 {
  font-weight: 700;
}

.left-triangle {
  border-bottom: 75px solid transparent;
  border-right: 35px solid #ffcc00;
  border-top: 75px solid transparent;
  height: 0;
  right: 7px;
  width: 0;
}

.ctp .left-triangle {
  border-bottom: 50px solid transparent;
  border-right: 35px solid #ffcc00;
  border-top: 50px solid transparent;
  height: 0;
  right: 20px;
  width: 0;
}

.col-md-4 .left-triangle {
  border-right: 30px solid #ffcc00;
  right: 35px;
}

.right-triangle {
  border-bottom: 75px solid transparent;
  border-left: 40px solid #ffcc00;
  border-top: 75px solid transparent;
  height: 0;
  width: 0;
}

a:hover .cta, a:focus .cta {
  color: #fff;
  text-decoration: none;
  background-color: #676c6e;
  transition: all 0.3s ease 0s;
}

a:hover .ctc, a:focus .ctc, a:hover .ctp, a:focus .ctp {
  color: #000;
  text-decoration: none;
  background-color: #e6e6e6;
  transition: all 0.3s ease 0s;
}

a:hover .cta-icon, a:focus .cta-icon {
  color: #000;
}

a:hover .ctc h4, a:hover .ctp h4 {
  color: #000;
  transition: all 0.3s ease 0s;
}

a:hover .ctc-icon, a:focus .ctc-icon {
  color: #000;
  transition: all 0.3s ease 0s;
}

a:hover .cta hr, a:focus .cta hr {
  border-color: #fff currentcolor currentcolor;
  transition: all 0.3s ease 0s;
}

/* ---------------------------------------------------------------------- */
/* Ansprechpartner */
/* ---------------------------------------------------------------------- */

.contact {
  background-color: #ffcc00;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 0;
  margin-bottom: 15px;
}

.contactimg img {
  width: 100%;
  /*  border:5px #ffcc00 solid;
	border-bottom: none;*/
}

/*.contact span.tel {
  margin-right: 24px;
}

.contact span.fax {
  margin-right: 20px;
}

.contact span.mobil {
  margin-right: 8px;
}*/

.contactimg {
  position: relative;
}

.contactimg span {
  background-color: #ffcc00;
  display: block;
  width: 85px;
  text-align: right;
  height: 45px;
  position: relative;
  margin: -30px 0 -15px auto;
}

.contactimg.plz span {
  margin: -30px 0 -15px auto;
}

#collapseKompetenzteam .contactimg span {
  margin: -30px 0 -15px auto;
}

/*.contactimg span::after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-right: 40px solid transparent;
  border-top: 25px solid rgba(0,0,0,0);
  top: 0;
  left: 0;
  position: absolute;
}*/

.contactimg span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 40px solid #ffcc00;
  border-bottom: 0 solid transparent;
  margin: 0 0 0 -45px;
}

_:-ms-fullscreen, :root .contactimg span::before {margin: 0 0 0 -40px;}

.contactimg span a {
  background-color: #ffcc00;
  padding: 10px 15px 10px 0;
  text-decoration: none;
  font-weight: 700;
  margin-top: 0;
}

.contactimg span a:active, .contactimg span a:focus {
  color: #000;
}

.contactimg span a:hover {
  color: #fff;
}

.contact a {
  text-decoration: none;
}

.contact a:hover, .contact a:focus {
  text-decoration: underline;
  color: #000;
}

.contact-item [class^="icon-download"], [class*=" icon-download"] {
  height: 24px;
  width: 24px;
  display: inline-block;
  fill: currentColor;
}

.btn-international {
  width: 100%;
  height: 40px;
  text-align: left;
  font-weight: 200;
  background-color: #fff;
  border-top: 1px #ccc solid;
}

.btn-international img {
  width: 30px;
  height: 19px;
  margin-right: 15px;
  border: 1px #eee solid;
  margin-top: -3px;
}

#collapseKompetenzteam {
  margin-top: 80px;
}

#collapseKompetenzteam .contact-item {
  float: left;
  width: 48%;
}

#collapseKompetenzteam .contact-item:nth-child(2n+1) {
  margin-right: 15px;
}

.kompetenzteam h3 {
    margin-top: 5px;
	margin-bottom: 5px;
}

.kompetenzteam {
  height: 100px;
}

.kompetenzteam button {
  width: 100%;
  margin-top: 10px;
}

.row-full.kompetenzteam {
  margin-bottom: 0;
  bottom: -42px;
}

#Ebene_1 {
  margin-bottom: 10px;
}

_:-ms-fullscreen, :root #Ebene_1 { width:600px;height: 600px; }

#c3206, #c3400 {
  border-right: 5px #ffcc00 solid;
}

.kompetenzteam {display: none;}

/*Karte*/

a:hover path, a:focus path, a path.active {
  cursor: pointer;
  fill: #ffcc00;
}

#search-result {
  margin-top: 10px;
}

.contact-item.plz {
  margin-top: 20px;
}

#search-result h2 {
  margin-top: 15px;
}

.landwahl {
  width: 40%;
  float: left;
  margin-right: 10px;
}

#search-form {
  width: 55%;
  float: left;
}

#search-result {
  float: none;
  clear: both;
}

.tx-indexedsearch-autocomplete {
  background: #eee;
  width: 230px;
  left: -5px;
}

.tx-indexedsearch-autocomplete ul {
  border: 1px solid #eee;
}

/* ---------------------------------------------------------------------- */
/* Tabs */
/* ---------------------------------------------------------------------- */

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-left: -1px;
}

.nav-tabs > li > a {
  border-radius: 0;
  margin-right: 0;
  background-color: #fff;
  border: 1px #ccc solid;
}

/*.nav-tabs {
  border-bottom: 1px solid #ffcc00;
}*/

.nav-tabs a:hover, .nav-tabs a:focus {
  color: #000;
  text-decoration: none;
}

.tab-content > .tab-pane {
/*  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;*/
  padding: 15px 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #ffcc00;
  font-weight: 700;
  background-color: #fff;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  text-decoration: none;
  background-color: #fff;
  border-bottom: 1px #ccc solid;
  border-bottom-color: #ccc;
  border-right: 1px #ccc solid;
  border-right-color: rgb(255, 255, 255);
  color: #ffcc00;
  border-left: 1px #fff solid;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 1px solid #ccc;
  border-bottom: 1px #fff solid;
}

.nav-tabs > li > a:hover {
  border-color: #ccc #ccc #ccc;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
}

/* ---------------------------------------------------------------------- */
/* Image */
/* ---------------------------------------------------------------------- */

.csc-textpic a, .carousel-inner a {
  /*display: inline-block;*/
  overflow: hidden;
  transition: all 0.3s ease 0s;
}

.news-list-item a {
  display: inline-block;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.csc-textpic a img, .news-list-item a img, .carousel-inner a img {
  display: block;
  height: 225px;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease 0s;
  width: auto;
}
.csc-textpic a img:hover, .news-list-item a img:hover, .carousel-inner a img:hover {
  opacity: 0.5;
  transform: scale(1.1);
}

.lightbox {
  cursor: zoom-in;
}

/* SVG Lightbox Hack */
.mfp-content figure {
  background: #fff;
}

.mfp-img[src$=".svg"] {
  min-width: 1000px;
  height: 100%;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom: 15px;
}

.ce-border img, .ce-border iframe {
  border: 1px solid #ddd;
  padding: 0;
}

.ce-gallery figure.image {
    position: relative;
}

.ce-gallery figure.image > a:hover::before {
  background: rgba(255, 255, 255, 0.5) url("../Icons/hautau-link-icon.png") no-repeat scroll center center / 80px auto;
  content: "";
  display: block;
    height: 100%;
  left: 0;
  position: absolute;
    top: 0;
  transition: visibility 0s ease 0s, opacity 0.5s linear 0s;
  visibility: visible;
    width: 100%;
}

.ce-gallery figure.image > a.lightbox:hover::before {
  background: rgba(255, 255, 255, 0.5) url("../Icons/hautau-zoom-icon.png") no-repeat scroll center center / 80px auto;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: visibility 0s ease 0s, opacity 0.5s linear 0s;
  visibility: visible;
  width: 100%;
}

#p2 .ce-gallery figure.image > a:hover::before {
    height: 192px;
    width: 250px;
}

.ce-gallery a.lightbox:hover::before {
  background: rgba(255, 255, 255, 0.5) url("../Icons/hautau-zoom-icon.png") no-repeat scroll center center / 80px auto;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: visibility 0s ease 0s, opacity 0.5s linear 0s;
  visibility: visible;
  width: 100%;
}

/* ---------------------------------------------------------------------- */
/* News */
/* ---------------------------------------------------------------------- */

.hautaunews {
  min-height: 570px;
  border: 1px solid #ededed;
  margin: 15px;
  padding: 0;
  transition: all 0.35s ease 0s;
  width: 30.3333%;
/*  hyphens: auto;
  overflow-wrap: break-word;*/
}

.news-list-view .col-md-4:hover {
  box-shadow: 0 10px 21px 0 rgba(0, 0, 0, 0.21);
}

.news-list-item {
  margin-bottom: 15px;
  text-align: center;
}

.news-list-item h3 {
  margin-top: 0;
}

.extra {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 55px;
  margin-top: 20px;
}

.news-list-item .extra {
  margin-left: 38%;
}

.news-list-item a:hover, .news-list-item a:focus {
  text-decoration: none;
}

.extra span {
  font-size: 40px;
  font-weight: 700;
  color: #FFCC00;
  float: left;
}

.extra .pull-left {
  float: left;
  margin-left: 8px;
  margin-top: -8px;
  text-align: left;
}

.thumbnail {
  border: 1px solid #eee;
  border-radius: 0;
}

.news-list-item .icon-calendar, .news-single .icon-calendar {
  display: inline-block;
  fill: currentcolor;
  height: 15px;
  width: 15px;
}

.news-single time {
  padding-bottom: 2px;
}

.news-single .extra {
  margin-top: 25px;
  margin-bottom: 65px;
}

.lead {
  font-size: 16px;
}

.hautaunews h2, .hautaunews .h2 {
  font-size: 24px;
  min-height: 80px;
  margin-top: 15px;
/*  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;*/
}

.page-navigation {
  text-align: center;
  margin-top: 40px;
}

.news-single .lead {
  font-weight: 700;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #FFCC00;
  border-color: #FFCC00;
}

.pagination > li > a, .pagination > li > span {color: #000;}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #eee;
  border-color: #ddd;
  color: #000;
  z-index: 2;
}

.news-list-item .lead, .news-list-item h2 a {
  margin: 0 10px;
}

.news-list-item .lead {
  font-size: 16px;
  min-height: 115px;
}

#p1 .crop {
  display: none;
}

#p1 .crop:first-child {
  display: block;
  padding: 0 15px;
  width: 585px;
  height: 271px;
  overflow: hidden;
  z-index: -99999;
  margin-bottom: -30px;
}

/*#p1 .news img:first-child {
  display: block;
  padding: 0;
  width: 600px;
  height: 369px;
  position: absolute;
  clip: rect(30px,570px, 285px, 15px);
  top: 50px;
}*/

#p1 .crop img:first-child  {
  width: 100%;
  /*Here you can use margins for accurate positioning of cropped image*/
}

#p1 .news-list-item h2 {
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  float: left;
}

#p1 .extra span {
  font-size: 20px;
  font-weight: 300;
  color: #000;
  float: left;
}

#p1 .date-start, #p1 .titel-start {
  float: left;
}

#p1 .date-start {
  width: 24%;
}


#p1 .titel-start {
  width: 65%;
}

#p1 .news-list-item .extra {
  margin-left: 0;
}

#p1 .extra {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 15px;
  margin-top: 5px;
}

#p1 .news-list-item .col-md-11 {
  text-align: left;
  border-bottom: 1px #ddd solid;
  margin: 0 15px;
  z-index: 99999;
  height: 55px;
  padding: 15px;
}

#p1 .news {
  /*border: 1px solid #ededed;*/
  padding: 0;
  /*background-color: #fff;*/
  /*box-shadow: 0 10px 21px 0 rgba(0, 0, 0, 0.21);*/
}

#p1 .news-list-item {
  margin-bottom: 0;
  text-align: left;
}

#p1 .titel-start h2 {
  font-weight: 300;
}


/*#p1 .news-list-item:hover {
  background-color: #FFCC00;
  color: #000;
  z-index: 99999;
}*/

#p1 a:nth-child(2) .news-list-item .col-md-11 {
  /*background-color: #FFCC00;*/
  background: rgba(0,0,0,0) url(../Images/news-balken@2x.png) no-repeat -1px center / 100% 100%;
  color: #000;
  z-index: 99999;
  border-bottom: 0;
}

#p1 .news-list-item .col-md-11:hover {
  /*background-color: #FFCC00;*/
  color: #FFCC00;
}

#p1 .news-list-view .col-md-11 {
  padding: 15px 25px;
  z-index: 99999;
  margin: 3px 0 0 30px;
  width: 90.5%;
}

#p1 .news {
  margin-bottom: 20px;
}

/*#p1 .news-list-item:hover::before {
  border-bottom: 25px solid transparent;
  border-right: 20px solid #ffcc00;
  border-top: 25px solid transparent;
  content: "";
  height: 0;
  margin: -2px 0 0 -58px;
  position: absolute;
  width: 0;
}*/


/*#p22 .news-list-view {
  margin-top: 40px;
}*/

#p22 .news-list-item img, #p22 .news-list-item .lead {display: none}

#p22 .news-list-item .extra {
  margin-left: 0;
  width: 30%;
  margin-bottom: 15px;
  float: left;
}

#p22 .news-list-item {
  border-bottom: 1px #ccc solid;
  margin: 0 15px;
}

#p22 .news-list-item .articletype-0 {
  text-align: left;
  width: 100%;
}

#p22 .news-list-item h2 {
  font-size: 16px;
  width: 70%;
  float: left;
  margin-top: -13px;
}

#p22 .news-list-item .lead, #p22 .news-list-item h2 a {
  margin: 0;
}

#p22 .news-list-item .btn {
  display: none;
}

#p22 .news-list-item a.btn {
  float: right;
}

#p22 .news-list-item:nth-child(2nd) {
  border-bottom: 1px #eee solid;
}

#p22 .col-md-4 .col-md-12  {
  padding-right: 0;
  padding-left: 0;
}

/*#p22 .news-list-item:hover {
  background-color: #FFCC00;
}*/



#p22 .article h1 {
  font-weight: 700;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/* Navigation */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/*	Formular */
/* ---------------------------------------------------------------------- */

.form-control {
  border-radius: 0;
  font-size: 16px;
}

label.control-label {
  display: none;
}

.powermail_legend {display: none;}

.powermail_fieldwrap_kundendienstanforderung label.control-label, .powermail_fieldwrap_produktanforderung label.control-label, .powermail_fieldwrap_produktkategorie_01 label.control-label {
  display: block;
  text-align: left;
}

.powermail_fieldwrap_produktkategorie_01, .powermail_fieldwrap_kundendienstanforderung, .powermail_fieldwrap_produktanforderung, .powermail_fieldwrap_hinweistext {display: none;}

.checkbox label {
  display: block;
}


.tx-powermail  .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
  color: #fff !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}

.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
  background-color: #fff !important;
  color: #000 !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
  color: #000;
  padding: 5px 10px;
}

fieldset {
  border: 0 none;
  margin: 0;
  min-width: 0;
  padding: 0;
}

#powermail_field_firma, #powermail_field_ansprechpartner, #powermail_field_plz, #powermail_field_ort, #powermail_field_telefon, #powermail_field_fax, #powermail_field_fira, #powermail_field_funktion, #powermail_field_vorname, #powermail_field_nachname, #powermail_field_e_mail, #powermail_field_plzort, #powermail_field_marker01, #powermail_field_produktkategorie {
  float: left;
}

.powermail_fieldwrap_firma, .powermail_fieldwrap_ansprechpartner, .powermail_fieldwrap_ort, .powermail_fieldwrap_plz, .powermail_fieldwrap_telefon, .powermail_fieldwrap_fax, .powermail_fieldwrap_fira, .powermail_fieldwrap_funktion, .powermail_fieldwrap_vorname, .powermail_fieldwrap_nachname, .powermail_fieldwrap_name, .powermail_fieldwrap_e_mail, .powermail_fieldwrap_email, .powermail_fieldwrap_plzort, .powermail_fieldwrap_marker01, .powermail_fieldwrap_produktkategorie, .powermail_fieldwrap_betreff {
  width: 50%;
  float: left;
}

.powermail_fieldwrap_strasse {
  width: 80%;
  float: left;
}

.powermail_fieldwrap_hausnummer, .powermail_fieldwrap_nr {
  width: 20%;
  float: left;
}

.powermail_fieldwrap_plz, .powermail_fieldwrap_telefon {
  margin-right: 0 !important;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

.btn-primary {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #000;
}

.btn-primary:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn {
  font-size: 16px;
}

.powermail_form .btn {
  float: right;
}

.powermail_form h3 {
  display: none;
}

.powermail_captcha {
  float: right;
  height: 53px;
  width: 56%;
}

.col-sm-6  .powermail_captcha {
  float: right;
  height: 53px;
  width: 33%;
}

.tx-powermail .powermail_message.powermail_message_error {
  background-image: url("../Icons/icon_error.png") !important;
}

.tx-powermail .powermail_message {
  margin-left: 0;
}

.powermail_create {
  color: #ffcc00;
  font-size: 24px;
  margin-top: 25px;
}

.btn-danger {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-danger:hover {
  color: #000;
  background-color: #ffcc00;
  border-color: #ffcc00;
}

.btn-group {
  margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/*	Cookie */
/* ---------------------------------------------------------------------- */

#tx_cookies h3, ul.typo3-messages {
  display: none;
}

#tx_cookies_inner {
  text-align: center;
}

#tx_cookies button, #tx_cookies input[type="submit"] {
  padding: 5px 10px;
  background: #fff;
}

#tx_cookies button:hover,#tx_cookies input[type="submit"]:hover {
  background: #ffcc00;
  color: #000;
}

#tx_cookies input[type="submit"] {
  margin-top: 5px;
  margin-bottom: 5px;
}

#tx_cookies_showPermanent {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1040;
  /*right: 10px;*/
}

#tx_cookies_inner {
  padding: 10px 10%;
}

#tx_cookies #tx_cookies_close {
  position: absolute;
  right: auto;
  top: 0;
  z-index: 99;
  left: 0;
}

#tx_cookies_link {
  text-decoration: underline;
}

#tx_cookies_inner form#tx_cookies_accept {
  float: left;
  margin: 5px 10px 0 10px;
}

#tx_cookies_inner form#tx_cookies_disable {
  float: right;
  margin: 5px 10px 0 10px;
}

#tx_cookies_inner_form {
  background-color: #eee;
  width: 100%;
  height: 50px;
}

#tx_cookies_inner_form_btn {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#tx_cookies_inner_form_btn  {
  overflow:hidden;
  min-width: 1px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

#tx_cookies_inner_form_btn form {
  /*width: 50%;*/
  /*float:left;*/
  display: block;
  overflow:hidden;
  margin:0 !important;
}

#tx_cookies_btn {
  display: block;
  margin: 0 auto;
  width: auto;
}

/* ---------------------------------------------------------------------- */
/* Social */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Historie */
/* ---------------------------------------------------------------------- */

#historie .historie-items .historie-item a span.circle {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  height: 60px;
  padding: 85px 0 15px 0px;
  position: relative;
  text-align: center;
  /*transform: rotate(-90deg);*/
  width: 60px;
  z-index: 999999;
  left: -30px;
}

#hexagon {
  width: 100px;
  height: 55px;
  background: #ffcc00;
  position: relative;
}

#hexagon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #ffcc00;
}

#hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #ffcc00;
}

.historie-items .carousel {
  box-shadow: none;
  margin: 40px 0;
}

/*
.historie-text {
  width: 50%;
  margin-right: 0;
  margin-left: 0;
}
*/

/* ---------------------------------------------------------------------- */
/*	Styleguide */
/* ---------------------------------------------------------------------- */

.pattern-body ul {
  padding-left: 0;
}

.colours li span {
  display: block;
  font-size: 14px;
}

.colours li {
  list-style: none;
}

.colour {
  height: 100px;
  margin-top: 20px;
  margin-bottom: 5px;
  width: 100%;
}

.label {
  border-radius: 0;
  color: #000;
  display: inline;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  white-space: nowrap;
}

/* ---------------------------------------------------------------------- */
/* Back to Top */
/* ---------------------------------------------------------------------- */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(../Icons/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
a.cd-top:hover {
  background-color: #ffcc00;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* ---------------------------------------------------------------------- */
/* Media Queries */
/* ---------------------------------------------------------------------- */

@media (min-width: 1920px) {

.row-full {
    background-size: cover !important;
    background-position: center !important;
  }

  .row-full.kontakttrenner {
    background-size: 60% 50% !important;
    background-position: bottom right !important;
  }

  #slider .carousel-inner .item {
    background-size: cover;
  }

}

/*@media (min-width: 1600px) {

  .row-full {
    background-size: cover !important;
    background-position: center ;
  }

}*/


@media (min-width: 1200px) {

  .fa-tooltips {
    background: rgba(0,0,0,0) url("../Images/hautau-haus.jpg")no-repeat center center / 100% auto;
    width:615px;
    height:auto;
    min-height: 400px;
    margin-left: 60px;
  }

}

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

  .table-scrollable {
    width: 100%;
    overflow-y: hidden;
    margin: 0 0 1em;
  }

  .table-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }

  .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
  }

  .navbar-default .navbar-nav > li > a {padding: 30px 20px 40px 15px;}

  .fa-tooltips {
    background: rgba(0,0,0,0) url("../Images/hautau-haus.jpg")no-repeat center center / 100% auto;
    width:615px;
    height:auto;
    min-height: 400px;
  }

  .date-start .icon-calendar {display: none;}

}

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

  #tx_cookies_inner_form_btn {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav_up {
    padding:20px;
    background-color:white;
    border:none;
    position:fixed;
    background:#000 url(../Icons/cd-top-arrow.svg) no-repeat top left;
    background-position:50% 50%;
    width:20px;
    height:20px;
    bottom:65px;
    right:20px;
    white-space:nowrap;
    cursor: pointer;
    opacity: 0.5;
  }

  .nav_up:hover {
    background:#ffcc00 url(../Icons/cd-top-arrow.svg) no-repeat top left;
    background-position:50% 50%;
    opacity: 1;
  }

  .nav_down {
    padding:20px;
    background-color:white;
    border:none;
    position:fixed;
    background:#000 url(../Icons/cd-top-arrow.svg) no-repeat top left;
    transform: rotate(180deg);
    background-position:50% 50%;
    width:20px;
    height:20px;
    bottom:20px;
    right:20px;
    white-space:nowrap;
    cursor: pointer;
    opacity: 0.5;
  }

  .nav_down:hover {
    background:#ffcc00 url(../Icons/cd-top-arrow.svg) no-repeat top left;
    background-position:50% 50%;
    transform: rotate(180deg);
    opacity: 1;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .form-inline .form-control {width: 120px;}

  .navbar-search {width: 160px;}

  h3.details {font-size: 26px;}

  .navbar-default .navbar-nav > li > a {
    padding: 30px 25px 40px 20px;
  }

  .catalogtext {
    background: #ffcc00 url("../Icons/download@2x.png") no-repeat scroll 175px 10px / 40px auto;
    margin-left: -15px;
    margin-top: 15px;
    padding: 15px 15px 5px;
    width: 220px;
  }

  .catalog img {
    margin-left: 35px;
    margin-top: -75px;
  }

  #footer-social .nav > li {margin-top: -26px;}

  .navbar-default .navbar-nav > li > a {padding: 30px 10px 40px 5px;}

  .navbar-default .navbar-nav > li:first-child > a {padding: 30px 10px 40px 0;}

  .cta-text {margin: 0 0 0 -50px;}

  .icon-wartung, .icon-gebaeudeautomation, .icon-partner {
    font-size: 45px !important;
    margin: 50px 10% !important;
}

  .languagemenu {
    margin-right: -25px;
  }

  .header-logo .icon-phone {margin-left: 25px;}

  .catalog {
    margin-left: 20px;
    margin-top: 5px;
  }

  .col-md-4 .left-triangle {
    border-right: 18px solid #ffcc00;
    right: 34px;
  }

  .tx-dce-downloads .ce-table tr td {
    padding: 2px;
  }

  .ctc-icon {
    background: rgba(0,0,0,0) url("../Images/pfeilelement.png") no-repeat scroll left center / 280% auto;
    height: 169px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: -10px;
    padding: 20px 5px;
    position: absolute;
    right: 10px;
  }

  .dropdown:nth-child(4) .dropdown-menu, .dropdown-mega {left: -138px;}

  .navbar-default {background: rgba(0,0,0,0) url("../Images/hautau-bg.png")no-repeat center center;}

}

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

  #header {top: 20px;}

  h3.details {font-size: 26px;}

  .breadcrumb {
    margin-bottom: 60px;
    margin-top: -40px;
  }

  #footer-social .nav > li {margin-top: 1px;}

  #logo {margin-top: 0;}

  #slider .carousel-caption {left: 0;}

  .header-tel, .header-home {margin-top: 0;}

  .header-logo .icon-phone {margin-top: 10px;}

  .header-logo .icon-kontakt {margin-top: 5px;}

  .carousel {margin: 130px 0 40px;}

  .languagemenu {
    margin-right: 55px;
    margin-top: -40px;
    width: 123px;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn-primary {
    background-color: #fc0;
    border-color: #fc0;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn {
    margin-top: -40px;
  }

  .header-responsive .dropdown-menu {
    margin-right: 55px;
  }

  .hautaunews {width: 45%;}

  .col-md-4 .left-triangle {
    border-right: 30px solid #ffcc00;
    right: -25px;
  }

  /* Tabellen scrollbar im Responsive */

  table {
    display: block;
    overflow-x: scroll;
  }

  .sm-simple li {float: none;}

  .header-carousel-headline {margin-top: 45px;}

  #header {height: 160px !important;}

  #machines a.machines-item > .img-container {height: 147px;}

  #machines a.machines-item > .img-container > .black-container > .plus-container {height: 2.5em;}

  #quote-carousel img {
    width: 100%;
    height: auto;
  }

  .item blockquote img:first-child {margin-bottom: 0;}

  #quote-carousel .col-md-6:last-child {
    padding-right: 15px;
    padding-left: 0 !important;
  }

  #quote-carousel .face-left, #quote-carousel .face-right {margin-top: 20px;}

  .navbar-nav {margin: -27px;}

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn {margin-right: 10px;}

}

@media (min-width: 768px) {

  _:-ms-fullscreen, :root .form-inline .form-control {width: 190px !important;}

}

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

  #header {
    height: 120px !important;
    top: 20px;
  }

  .breadcrumb {
    margin-bottom: 20px;
    margin-top: -20px;
  }

  #footer-social {margin-top: -65px;}

  #footer-social .nav > li {margin-top: 0;}

  #footer-social .nav > li {margin-top: -26px;}

  #logo {margin-top: 0;}

  #slider .carousel-caption {left: 0;}

  .header-tel, .header-home {margin-top: 0;}

  .header-logo .icon-phone {
    margin-top: 10px;
    margin-left: 10px;
  }

  .header-logo .icon-kontakt {margin-top: 5px;}

  .carousel {margin: 130px 0 40px;}

  .languagemenu {
    margin-right: 55px;
    margin-top: -40px;
    width: 120px;
  }

  .header-carousel-headline {margin-top: 30px;}

  .hautaunews {width: 45%;}

  .col-md-4 .left-triangle {
    border-right: 30px solid #ffcc00;
    right: -16px;
  }

  /* Tabellen scrollbar im Responsive */

  table {
    display: block;
    overflow-x: scroll;
  }

  .fa-tooltip, .icon-hotspot, .fa-tooltiptext {display: none;}

  #machines a.machines-item > .img-container {height: 122px;}

  #quote-carousel img {
    width: 100%;
    height: auto;
  }

  .item blockquote img:first-child {margin-bottom: 0;}

  #quote-carousel .col-md-6:last-child {
    padding-right: 15px;
    padding-left: 0 !important;
  }

  #quote-carousel .face-left, #quote-carousel .face-right {margin-top: 20px;}

  #quote-carousel .carousel-indicators {top: 90%;}

  .header-responsive .dropdown-menu {
    margin-right: 55px;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn-primary {
    background-color: #fc0;
    border-color: #fc0;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn {
    margin-top: -40px;
    margin-right: 10px;
  }

}

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

  /* Header */

  .header-carousel-headline {margin-top: 30px;}

  #header {
    height: 120px !important;
    top: 0;
    z-index: -15145245;
  }

  #logo {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .headertop, #slider {
    margin-top: -55px;
    margin-bottom: -40px;
  }

  .header-tel {
    float: left;
    width: 75%;
  }

  .header-logo .icon-phone {margin-left: 0;margin-top: 10px;}

  .header-tel, .header-home {margin-top: 0;}

  .header-logo .icon-kontakt {
    float: left;
    font-size: 40px;
    margin-right: 25px;
    margin-top: 10px;
  }

  .header-carousel-headline {font-size: 22px;}

  .headertop .carousel-inner {height: 128px;}

  .headertop .carousel {margin: 130px 0 40px;}

  .carousel-inner {height: 230px;}

  .breadcrumb {
    margin-bottom: 40px;
    margin-top: 30px;
  }

  header .tx_searchform {display: none;}

  .nav > li > a {padding: 14px;}

  .nav-tabs > li > a {
    border: 1px solid #ddd;
    margin-right: -1px;
  }

  #responsive-menu {
    margin-top: 30px;
    z-index: 2147483647;
  }

  .header-responsive .dropdown-menu {
    margin-right: 55px;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn-primary {
    background-color: #fc0;
    border-color: #fc0;
  }

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn {
    margin-top: -40px;
  }

  /* Content */

  .content.headline {width: 100%;}

  .content.beschreibung {
    margin-left: 0;
    width: 100%;
  }

  .panel-heading .accordion-toggle {padding: 10px 15px;}

  .panel-heading [data-toggle="collapse"]::after {
    display: none;
  }

  .detailview {margin-top: 20px;}

  img.arrow {
    margin-top: 60px;
    width: 30px;
  }

  /* Powermail */

  .powermail_form img {width: 150px;}

  .powermail_captcha {height: 35px;}

  /* Language */

  /*.languagemenu {*/
    /*margin-right: 10px;*/
    /*margin-top: -50px;*/
    /*width: 40px;*/
  /*}*/

  .languagemenu {
    margin-top: -40px;
    margin-right: 55px;
  }

  /* Footer */

  #footer-bottom {text-align: right;}

  #footer-social {
    height: 76px;
    margin-top: -65px;
    padding: 0 20px 0 60px;
    width: 220px;
  }

  #footer-social .navbar-nav > li > a {
    background: rgba(0, 0, 0, 0) url("../Images/pfeil-bg.png") no-repeat scroll -180px 0;
    padding: 20px 0 0 30px;
    margin-top: 26px;
  }

  #footer-social .nav > li {margin-top: -26px;}

  .footer-bottom-box {
    margin-top: 20px;
    text-align: left;
  }

  /* News */

  .hautaunews {width: 93%; margin: 0 15px;}

  .news-list-item a img {margin-top: 15px}

  /* Slider */

  #slider .carousel-caption {
    left: 0;
    top: -40px;
  }

  #slider .header-carousel-headline {line-height: 24px;}

  .carrecht img.arrow {
    margin-top: 90px;
    width: 40px;
  }

  /* DCE */

  .col-md-4 .left-triangle {
    border-right: 26px solid #ffcc00;
    right: 34px;
  }

  .cta-text {margin: -5px -35px;}

  .mfp-img[src$=".svg"] {min-width: 260px;}

  #header {top: 40px;}

  .header-responsive #tx-indexedsearch-searchbox-button-submit.btn {margin-right: 10px;}

  .overlay {margin-top: 15px;}

  #collapseKompetenzteam .contact-item {width: 100%;}

  .kompetenzteam {background-size: cover !important; height: 230px;}

  /* Tabellen scrollbar im Responsive */

  table {
    display: block;
    overflow-x: scroll;
  }

  .kontakttrenner {background-size: 100% 0 !important;}

  /* Historie */

  #historie .historie-items .historie-item {background: #fff url(../Images/bildmarke.png) no-repeat center center / 30%;}

  .historie-items .carousel {margin: 0;}

  /* Sonstiges */

  .text-left {margin-top: 25px;}

  #p9 .form-inline.pull-right {float: left;}

  .fa-tooltip, .icon-hotspot, .fa-tooltiptext {display: none;}

  .fa-tooltips {
    background: rgba(0,0,0,0) url("../Images/hautau-haus.jpg")no-repeat center center / 100% auto;
    width: 345px;
    height: auto;
    min-height: 210px;
  }

  #quote-carousel .carousel-indicators {top: 250px;}

  #quote-carousel img {
    width: 100%;
    height: auto;
  }

  .date-start .icon-calendar {display: none;}

  .catalogstart {width: 100%;}

  .row-full {
    background-size: inherit !important;
    background-position: center ;
  }

  #tx_cookies_inner {
    padding: 50px 10%;
  }

  #tx_cookies input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 0;
  }

  .header-responsive {
    margin-top: 35px;
  }

  .header-logo {
    margin-bottom: 35px;
  }

  #footer-bottom .col-md-5 {
    text-align: left;
  }

}