@charset "UTF-8";
/* Grundkonfiguration kommt aus der firstload.css */

/* Leitbild */
p.grey-tophead { font-weight: normal; font-family: "Aachen-Roman", Impact, serif; color: #89949A; text-transform: uppercase; margin-bottom: .2em; }
#content p.grey-tophead + h2 {  margin-top: .2em; }
hr.red-divider { border-bottom-color: #EA5D4F; }

/* Fixierter Header */
.no-scroll {
  overflow-y: hidden;
}

.small-header #header {
  height: 81px;
}

.small-header #service-nav-container {
  height: 0;
}

.small-header #logo-contact-search-container {
  position: absolute;
  width: 100%;
  height: 80px;
}

.small-header #logo-contact-search-container .logo {
  width: 162px;
  height: 53px;
  top: 12px;
}

.small-header #logo-contact-search-container .logo img {
  display: none;
}

.small-header #logo-contact-search-container .logo .small-header-logo {
  display: block;
}

.small-header #hamburger-navigation-button {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.small-header #header .prime-solutions-badge {
  top: 20px;
  width: 100px;
  height: 100px;
}

.small-header #header-contact {
  display: none;
}

.small-header #search-canvas:not(.mobile) {
  top: 29px;
  border-bottom-width: 0;
  background-color: #fff;
  z-index: 10;
}
.small-header #search-canvas:not(.mobile).active {
  border-bottom-width: 1px;
}

.small-header #search-canvas:not(.mobile) #search {
  width: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.small-header #search-canvas:not(.mobile).active #search {
  width: 244px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

.small-header #main-nav-wrapper {
  position: relative;
}

.small-header #main-nav-container:not(.mobile) {
  position: absolute;
  left: 190px;
  top: 24px;
  padding-right: 0;
  font-size: 76%;
}

.small-header #main-nav-container:not(.mobile) li.lvl-1 {
  margin: 0;
}


.small-header #main {
  padding-top: 81px;
}

.no-scroll #main-nav-container.mobile {
  overflow-y: scroll;
  height: 100vh;
}

@media (max-width: 1459px) and (min-width: 1023px) {
  .small-header #search-canvas:not(.mobile).active #search {
    width: 174px;
  }
}

@media (min-width: 1201px) {
  .small-header #main-nav-container:not(.mobile) {
    font-size: 83%;
    top: 20px;
  }
}

@media (max-width: 1022px) {
  .small-header #header.hide {
    display: none;
  }

  .small-header #main-nav-container.mobile {
    padding-top: 80px;
  }

  .small-header #main-nav-container.mobile .contact {
    top: 20px;
  }

  .small-header #main-nav-container.mobile .search {
    top: 10px;
  }

  .small-header #main-nav-container.mobile .search.open {
    top: 20px;
  }

  .small-header #hamburger-navigation-button-close {
    top: 24px;
  }

  #main-nav-container.mobile.open {
    position: fixed;
    z-index: 500;
  }
}

@media (max-width: 615px) {
  .small-header #header {
    height: 55px;
  }

  .small-header #logo-contact-search-container .logo {
    width: 120px;
    height: auto;
    top: 8px;
  }

  .small-header #header .prime-solutions-badge {
    top: 16px;
    width: 80px;
    height: 80px;
    right: 69px;
  }
}

/* Kontaktformular geöffnet */
#header-contact.open { background: #E7EAEB; }
#header-contact.open .contact::after { -webkit-transform: rotate3d(1,0,0,180deg); transform: rotate3d(1,0,0,180deg); }
#header-contact.open .tel { color: #1D1D1B; }
#header-contact.open .tel::before { background-image: url("../img/icon-tel-black.png"); }

#contact-form { max-height: 0; padding: 0; overflow: hidden; -webkit-transition: max-height 0.3s linear, padding 0.2s linear; transition: max-height 0.3s linear, padding 0.2s linear; display:block; }
#header-contact.open #contact-form { max-height: 307px; padding: 18px 24px 21px 24px; }
#contact-form { display: block; position: absolute; top: 46px; right: 0; height: auto; width: 610px; background: #E7EAEB; z-index: 3; }
#contact-form .contact-info { display: block; color: #1D1D1B; text-decoration: none; font-weight: normal; text-transform: uppercase; text-align: right; font-size: .87em; margin: 0 0 7px 0; }
#contact-form .contact-info::after { content:''; width: 3px; height: 10px; margin-left: 5px; display: inline-block; background: url("../img/arrow-info.png") right center no-repeat; background-size: 3px 8px; }
#contact-form .user-info { display: block; float: left; width: 291px; height: 153px; }
#contact-form .user-info select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; margin: 0 0 7px 0; color: #89949A; padding: 6px 8px; border-radius: 0; font-size: .94em; width: 50%; background:#FFFFFF url("../img/arrow-down-black.png") right 11px center no-repeat; background-size: 8px 3px; }
#contact-form .user-info input { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 6px 0; padding: 6px 8px 6px 8px; font-size: .94em; border:none; color: #89949A; }
#contact-form .salutation {  }
#contact-form .forename {  }
#contact-form .surname {  }
#contact-form .mail {  }

#contact-form .returnMessage {  }
#contact-form .returnMessage.success { border: 1px solid #04b302; color: #04b302; background: #d0e2d0; margin: 13px 0 0 0; padding: 9px 11px 7px 11px; font-weight: bold; }
#contact-form .returnMessage.success a { color: #04b302; text-decoration: underline; }
#contact-form .returnMessage.error { border: 1px solid #f32302; color: #f32302; background: #e6d7d4; margin: 13px 0 0 0; padding: 9px 11px 7px 11px; font-weight: bold; }
#contact-form .returnMessage.error a { color: #f32302; text-decoration: underline; }

#contact-form .message-canvas { display: block; float: right; width: 291px; height: 153px; }
#contact-form .message-canvas textarea { width: 100%; height: 100%; border: none; color: #89949A; font-size: .94em; padding: 6px 8px 6px 8px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#contact-form .error { border: 1px solid #f32302 !important; color: #f32302; background: #e6d7d4; }

#contact-form .contact-footer { display: block; clear: both; padding: 18px 0 0 0; font-size: .74em; color: #89949A; line-height: 250%; }
#contact-form .contact-footer::after { content: ''; display: block; clear: both; }
#contact-form .privacypolicy-canvas { float:left; padding-left: 34px; }
#contact-form .contact-footer span { float:left; }
#contact-form .contact-footer button { float:right; display: block; border:none; color:#FFFFFF; background: #1D1D1B; padding: 7px 9px 3px 8px; font-size: 1.18em; text-transform: uppercase; }
#contact-form .contact-footer button::after { content:''; display: inline-block; width:3px; height:8px; background: url("../img/arrow-info-white.png") right center no-repeat; background-size: 3px 8px; margin-left: 7px; }

#main header.no-image {  }
#main header.no-image h1 {  }

/* TOP SLIDER */
#slider { overflow: hidden; position: relative; }
#slider.border-bottom { border-bottom: 1px solid #e7eaeb; }

.big-swiper-nav { position:absolute; left: 10px; top: 50%; background: transparent url("../img/arrow-slider-prev.png") left top no-repeat; background-size: 100% auto; width: 49px; height: 103px; cursor:pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 200; }
.big-swiper-next { left: auto; right: 10px; background-image: url("../img/arrow-slider-next.png"); }

.big-swiper-nav.swiper-button-disabled { background-image: none; }

.prime-solutions-badge { position: absolute; right: 86px; top: 37px; z-index: 200; display:block; width: 181px; height: 181px; }
.prime-solutions-badge img { width: 100%; height: 100%; }

#slider h1 { position: absolute; top: 33%; right: 28%; display: block; text-align: right; text-transform: uppercase; text-indent: 0; width: 400px; font-size: 3.4em; font-weight: normal; margin: 0; line-height: 113%; color: #1D1D1B; background: rgba(255,255,255,0.8); }
#slider img { width: 100%; height:auto; display: block; }

#slider .home-pagination { position: absolute; bottom: 69px; right: 291px; z-index: 20; background: #fdfdfd; -webkit-box-shadow: inset 0px 0 6px 5px rgba(50,50,50,0.1); box-shadow: inset 0px 0 6px 5px rgba(50,50,50,0.1); }
#slider .home-pagination::after { display:block; content:''; clear:both; }
#slider .home-pagination a { display: block; white-space: nowrap; float:left; color: #1D1D1B; text-decoration: none; text-transform: uppercase; padding: 18px 46px 13px 30px; font-size: 1.6em; background: transparent url("../img/arrow-story-entry.png") right 20px top 20px no-repeat; border-left: 1px solid #C8CCCE; border-right: 1px solid #FFFFFF; }
#slider .home-pagination a:last-child { border-right: none; }
#slider .home-pagination a:first-child { border-left: none; }
#slider .home-pagination a.active { border-bottom: 6px solid #1D1D1B; padding: 18px 46px 7px 30px; border-left: none; border-right: none; }
#slider .home-pagination .security.active { background-color: #FFF274; }
#slider .home-pagination .facility.active { background-color: #A0D9F7; }
#slider .home-pagination .service.active { background-color: #EB609E; }
/* TOP SLIDER ENDE */

/* STARTSEITE STORYSLIDER */
.story-newsletter-canvas { padding: 50px 0; border-top: 1px solid #e7eaeb; border-bottom: 1px solid #e7eaeb; }
.story-newsletter-canvas .canvas-width { padding: 0 26px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.story-newsletter-canvas .canvas-width::after { content:''; display: block; clear: both; }
#story-preview { background: #1D1D1B; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41%; padding: 50px 40px 40px 40px; position: relative; float: left; }
#story-preview h2 { text-transform: uppercase; min-width: 96%; -webkit-box-sizing: border-box; box-sizing: border-box; color:#FFFFFF; background: #1D1D1B; position: absolute; left:0; top:-20px; display: block; margin: 0; padding: 15px 38px; font-size: 2.2em; }
#story-preview .more-info { color: #FFFFFF; position: absolute; top: 15px; right: 39px; font-weight: normal; }
#story-preview .more-info::after { background-image: url("../img/arrow-info-white.png"); }

#story-preview h2 .category { color: #1D1D1B; text-transform: uppercase; padding: 5px 7px 2px 7px; display: block; font-size: .5em; line-height: 120%; float: left; margin: 4px 13px 0 0; }
#story-preview h2 .security { background: #FFF274; }
#story-preview h2 .facility { background: #A0D9F7; }
#story-preview h2 .service { background: #EB609E; }

#story-slider { overflow: hidden; width: auto; margin: 0 -10px; }
#story-slider .swiper-slide img { position: absolute; left: 0; top: 0; }

/* STORIES LIST */
#story-slider::after { content:''; display:block; clear:both; }
#story-slider .swiper-slide { display: block; float:left; position: relative; overflow: hidden; background: #1D1D1B; padding: 0px 10px; box-sizing: border-box; }
#story-slider .swiper-slide a { display: block; width: 324px; height: 298px; margin-right: 15px; color: #1D1D1B; font-weight: normal; position: relative; }
#story-slider .content { display: block; position: absolute; bottom: 30px; left: 0; width: 90%; background: rgba(255,255,255,0.9); z-index: 10; }
#story-slider .category-canvas { display: block; position: absolute; left: 0; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); text-transform: uppercase; padding: 6px 7px 3px 7px; }
#story-slider .category-canvas::after { content:''; display:block; clear:both; }
#story-slider .category { display: block; float:left;  }
#story-slider .category-canvas.security { background: #FFF274; }
#story-slider .category-canvas.facility { background: #A0D9F7; }
#story-slider .category-canvas.service { background: #EB609E; }
#story-slider .title { display: block; font-size: 1.9em; margin: 20px 18px; text-transform: uppercase; background: transparent url("../img/arrow-story-entry.png") right bottom no-repeat; }
#story-slider .text { display: none; }
#story-slider img {  }

#story-slider.stories-1 .swiper-slide a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; overflow: hidden; }
#story-slider.stories-1 .text { display: block; }
#story-slider.stories-1 .swiper-slide img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
/*#story-slider.stories-1 .content { width: 50%; position: relative; float: right; height: 100%; bottom: auto; left: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; background: rgba(255,255,255,0.9) url("../img/arrow-story-entry.png") right 20px bottom 20px no-repeat; }*/
#story-slider.stories-1 .content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  background: rgba(255,255,255,0.9) url("../img/arrow-story-entry.png") right 20px bottom 20px no-repeat;
}
#story-slider.stories-1 .category-canvas {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

/*#story-slider.stories-1 .category-canvas { position: relative; left: auto; top: auto; display: inline-block; -webkit-transform: translate(0,0); transform: translate(0,0); }*/
#story-slider.stories-1 .title { margin: 0; font-size: 1.8em; line-height: 110%; background: transparent; }
#story-slider.stories-1 .text { margin: 0; font-size: 1.7em; }
#story-slider.stories-1 .text p { margin: 0; }

#story-slider.stories-2 .swiper-slide { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; border-left:1px solid #1D1D1D; }
#story-slider.stories-2 .swiper-slide a { width: 100%; overflow: hidden; }
#story-slider.stories-2 .swiper-slide img { position: relative; left: auto; top: auto; width: auto; height: 100%; }

#story-slider.stories-3 .title { font-size: 1.4em; }
#story-slider.stories-3 .swiper-slide { float: left; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; border-left:1px solid #1D1D1D; }
#story-slider.stories-3 .swiper-slide a { width: 100%; overflow: hidden; }
#story-slider.stories-3 .swiper-slide img { position: relative; left: auto; top: auto; width: auto; height: 100%; }


.story-preview-background { background: #1D1D1B; }
.story-preview-background::after { content: ''; display: block; clear: both; }
.story-preview-background #story-preview { float:none; padding-left: 0; padding-right: 0; }
.story-preview-background #story-preview h2 { left: -38px; }
.story-preview-background #story-slider { width: 1102px; }
.story-preview-background #story-preview .more-info { right: 0px; }

.story-swiper-nav { position:absolute; left: 12px; top: 50%; background: transparent url("../img/arrow-slider-white-left.png") left top no-repeat; background-size: 100% auto; width: 13px; height: 39px; cursor:pointer; -webkit-transform: translateY(-65%); transform: translateY(-65%); z-index: 200; }
.story-swiper-next { left: auto; right: 12px; background-image: url("../img/arrow-slider-white-right.png"); }

/* NEWS TEASER */
.news-preview { position: relative; float: left; width: 18.7%; margin: 0 1.6% 0 0.8%; background: #E7EAEB; color: #1D1D1B; }
.news-preview h2 { text-transform: uppercase; color: #1D1D1B; background: #E7EAEB; position: absolute; left: 0; top: -20px; display: block; margin: 0; padding: 15px 20px 0; font-size: 2.2em; width: 91%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.news-preview .more-info { position: absolute; top: 15px; right: 20px; font-weight: normal; }
.news-list { margin: 30px 0 30px 0; padding: 0 20px 0 20px; list-style: none; height: 328px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.news-list .item { background: transparent url("../img/arrow-story-entry.png") right bottom no-repeat; background-size: auto 20px; margin: 19px 0 24px 0; height: 84px; overflow: hidden; font-size: 0.97em; }
.news-list .item a { font-weight: normal; color:#1D1D1B; text-decoration: none; display: block; }
.news-list .date { font-weight: bold; font-size: 0.9em; margin: 0 0 4px 0; }
.news-list .title { text-transform: uppercase; line-height: 140%; padding: 0 18px 0 0; }

/* PRIMETIME TEASER */
.primetime-teaser {
  width: 18.7%;
  padding: 50px 25px 40px 25px;
  position: relative;
  float: left;
  background: #1D1D1B;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0.8% 0 1.6%;
  height: 388px;
}
.primetime-teaser h2 {
  text-transform: uppercase;
  color: #FFFFFF;
  background: #1D1D1B;
  position: absolute;
  left: 0;
  top: -20px;
  display: block;
  margin: 0;
  padding: 15px 25px 0 25px;
  font-size: 2.2em;
  min-width: 92%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  font-family: 'Helvetica-Std', Helvetica, Verdana, sans-serif;
}
.primetime-teaser p {
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 140%;
  margin: 0 0 0.6em 0;
  font-size: 0.9em;
  font-weight: normal;
  font-family: 'Helvetica-Std', Helvetica, Verdana, sans-serif;
}
.primetime-teaser .primetime-preview-image {
  display: block;
  height: 247px;
  width: 100%;
  background: transparent url("../img/primetime-preview.png") right 5px bottom no-repeat;
  background-size: 206px auto;
}
.primetime-teaser .download {
  display: block;
  position: absolute;
  bottom: 40px;
  right: 25px;
  background: #FFF274;
  color: #1D1D1B;
  text-decoration: none;
  padding: 9px 15px 7px 15px;
  text-transform: uppercase;
}
.primetime-teaser .download::after {
  content: '';
  display: inline-block;
  height: 11px;
  width: 13px;
  background: transparent url(../img/arrow-download.svg) left top no-repeat;
  background-size: contain;
  margin: 0 0 0 10px;
}

@media (min-width: 1023px) {
	.news-list .title {
		line-height: 140%;
	}
}

@media (min-width: 1381px) {
	.news-list .item {
		font-size: 0.96em;
	}
}

/* NEWSLETTER */
.story-newsletter-canvas .newsletter { float:right; position: relative; margin-left:0px; height: 388px; width: 16.4%; background: url("../img/newsletter-background.jpg") center 153px no-repeat; background-position: center 190px; }
.story-newsletter-canvas .newsletter .abonnieren { display: block; position: absolute; bottom: 40px; left: 0; margin: 0; }
.newsletter h3 { font-size: 2.1em; margin:0 0 0 0; text-transform: uppercase; }
.newsletter p { margin: 0; line-height: 150%; text-transform: uppercase; }
.newsletter p strong { display: block; }
.newsletter .mail { margin: 130px 0 0 0; padding: 10px 16px 10px 16px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 0 10px -3px #333333; box-shadow: inset 0 0 10px -3px #333333; border: 1px solid #CCCCCC; font-size: 1em; }

.newsletter .privacypolicy { color: #B9B9B8; font-size: 0.74em; margin: 10px 0; }
.newsletter .privacypolicy a { color: #B9B9B8; text-decoration: none; }
.newsletter .privacypolicy input { margin-left: 0; }
.newsletter::after { content:''; display:block; clear:both; }

/* STARTSEITE EINLEITUNGSTEXT */
#introduction-text { background: #E8EAEA; padding: 40px 0; }
#introduction-text h2 { font-size: 2.3em; margin: 0 0 0.4em 0; padding: 0px 55px 0 27px; }
#introduction-text .text { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 160%; font-size: 1.1em; }
#introduction-text .text p { margin: 0; padding:0; font-size: 1em; }
#introduction-text .left { float:left; padding: 0px 55px 0 27px; }
#introduction-text .right { float:right; padding: 0px 55px 0 27px; }
#introduction-text::after { content: ''; display: block; float: none; clear: both; }
/* STARTSEITE EINLEITUNGSTEXT ENDE */

/* STARTSEITE KARRIERE */
#content { margin-bottom: 40px; }
#content.with-sidebar { width: 883px; float: left; margin-left: 40px; }
#content::after { content:''; display:block; clear:both; }

#content h1 { padding-top: 65px; text-transform: uppercase; }

#content.home-career-modul { margin: 53px auto 40px auto; }

#content .career { 
  /* float:left;  */
  /* width: 613px;  */
  /* padding: 0px 55px 0 27px;  */
  padding: 0px 0 0 27px;
  position: relative; 
  /* border-right: 1px solid #E7EAEB;  */
}
#content .career h2 { font-size: 2.3em; text-transform: uppercase; margin: 0 0 0.5em 0; }
#content .career .more-info { position: absolute; top: 22px; right: 3.5%; }
#content .career .career-list { margin:0; padding:13px 0 0 0; }
#content .career .career-list li { list-style: none; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
@media (min-width: 1023px) {
  #content .career .career-list li { float: none; width: 50%; display: inline-block;}
  #content .career .career-list li:nth-child(even) { padding-left: 2%; width: 48%;}
  #content .career .career-list li:nth-child(odd) { padding-right: 2%; width: 48%;}
}
#content .career .career-entry { text-decoration: none; color: #1D1D1B; font-weight: normal; display: block; height: auto; position: relative; margin: 0 0 28px 0; border-bottom: 1px solid #E7EAEB; padding: 0 74px 0 0; }
#content .career .career-entry span { display: block; }
#content .career .location { font-size: .95em; }
#content .career .location p { font-size: 1em; margin:0 0 10px 0;}
#content .career .job { text-transform: uppercase; display: block; line-height: 1.3em; font-size: 1em; margin: 0 0 2px 0; }
#content .career .info { position: absolute; bottom: 17px; right: 2px; text-transform: uppercase; font-size: 1.25em; }
#content .career .info::after { content:''; display: inline-block; background: url("../img/arrow-info.png") right center no-repeat; width: 5px; height: 11px; padding: 0 0 0 9px; }

#content .education-academy { float:left; padding: 0 22px 0 62px; width: 678px; position: relative; }
#content .education-academy h2 { font-size: 2.3em; text-transform: uppercase; margin: 0 0 0.5em 0; }
#content .education-academy .education-academy-canvas { background: url("../img/education-acadamy-background.jpg") left top no-repeat; height: 260px; position: relative; }
#content .education-academy .education-academy-infobox { -webkit-box-shadow: inset 15px 0px 19px -10px rgba(0,0,0,0.2); box-shadow: inset 15px 0px 19px -10px rgba(0,0,0,0.2); background: #FFFFFF; position: absolute; top: 172px; left: 0; width: 372px; height: 42px; padding: 16px 179px 16px 21px; font-size: 1em; text-transform: uppercase; line-height: 130%; }
#content .education-academy .education-academy-infobox a { position: absolute;  top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 16px; color: #FFFFFF; background:#1D1D1B url("../img/arrow-info-white.png") right 12px center no-repeat; padding: 12px 30px 8px 22px; text-decoration: none; font-size: 1.15em; }
#content .education-academy .more-info { position: absolute; top: 20px; right: 27px; }

#content ul, #content ol { padding: 0 15px; line-height: 140%; }

/* STARTSEITE Statements */
#statements-text { color: #89949A; border-top: 1px solid #e7eaeb; padding-bottom: 20px; }
#statements-text h1 { padding: 0px 55px 0 27px; text-transform: uppercase; margin: 1.9em 0 1.0em 0; font-weight: bold; font-size: 1.3em; }
#statements-text .text-container a { color: #89949A; text-decoration: none; font-weight: normal; }
#statements-text .text { padding: 0px 27px 0 27px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; display: block; }
#statements-text .text h4 { margin: 0.2em 0 0.2em 0; font-size:1.8em; }
#statements-text .text p { margin: 0.8em 0; line-height: 150%; }
#statements-text .left { float: left; }
#statements-text .middle { float: left; }
#statements-text .right { float: right; }
#statements-text::after, #statements-text .text-container::after { content: ''; display: block; float: none; clear: both; }
/* STARTSEITE Statements ENDE */

/* STARTSEITE Referenzen */
#reference-text { color: #89949A; border-top: 1px solid #e7eaeb; margin-bottom: 4em; }
#reference-text h3 { padding: 0px 55px 0 27px; text-transform: uppercase; margin: 1.9em 0 0.3em 0; font-weight: bold; font-size: 1.3em; }
#reference-text .text { padding: 0px 55px 0 27px; display: block; margin: 0.8em 0 1.3em 0; }
#reference-text .list { padding: 0px 55px 0 27px; font-weight: bold; line-height: 150%; }
/* STARTSEITE Referenzen ENDE */

/* SIDEBAR */
#sidebar { width: 334px; float: right; margin-right: 40px; }
#sidebar h3 { font-size: 2em; border-bottom: 1px solid #EA5D4F; padding-bottom: 10px; margin: 1em 0 .8em 0; }
#sidebar a { display:block; margin: 0 auto 22px auto; width: 100%; }
#sidebar img { display: block; width: 100%; height:auto; }

/* VIDEO EMBED */
.video-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

/* STORIES OVERVIEW */
#breadcrumb.stories-overview { position: relative; }

/* PORTFOLIO LIST */
#content .portfolio-list, #content .reference-list, #content .team-wrapper { margin: 16px 0; padding: 0; font-size: 1em; }
.portfolio-list::after, .reference-list::after, .team-wrapper::after { content:''; display:block; clear:both; }
.portfolio-list li, .reference-list li, .team-wrapper .team-member { list-style: none; display: block; float: left; margin: 0 16px 16px 0; }
.portfolio-list li:nth-child(4n), .reference-list li:nth-child(4n), .team-wrapper .team-member:nth-child(3n) { margin-right: 0; }
.portfolio-list a, .reference-list a { display: block; text-decoration: none; width: 220px; height: 220px; background: #E7EAEB; color: #1D1D1B; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }
.portfolio-list .title, .reference-list .title { display: block; border-bottom: 1px solid #EA5D4F; height: 70px; font-size: 1.6em; line-height: 120%; }
.portfolio-list .description, .reference-list .description { display: block; background: url(../img/arrow-info.png) right bottom no-repeat; height: 100px; padding: 16px 0 0 0; font-size: 1em; }
#content .portfolio-list .description p, #content .reference-list .description p { margin: 0; padding: 0; }
.portfolio-list a[href=""], .portfolio-list a[href="#"], .reference-list a[href=""], .reference-list a[href="#"] { cursor: default; }
.portfolio-list a[href=""] .description, .portfolio-list a[href="#"] .description { background: transparent; }
.reference-list a[href=""] .description, .reference-list a[href="#"] .description { background: transparent; }

/* REFERENCE LIST */
.reference-list a { width: 220px; height: 240px; background: transparent; padding:0; }
.reference-list a::after, .team-wrapper .team-member .team-member-inner::after { content:''; display:block; clear: both; }
.reference-list .logo { display: block; position: relative; height:240px; background: #E7EAEB url("../img/arrow-story-entry.png") right 16px bottom 12px no-repeat; background-size: auto 18px; }
.reference-list a[href=""] .logo, .reference-list a[href="#"] .logo { background: #E7EAEB; }
.reference-list .logo img { height: auto; width: auto; max-width: 87%; max-height: 75%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* REFERENCE LIST MIT TEXT * /
.reference-list a { width: 456px; height: 240px; background: transparent; padding:0; }
.reference-list a::after { content:''; display:block; clear: both; }
.reference-list .logo { display: block; float:left; position: relative; width: 220px; height:240px; background: transparent url("../img/referenzen-logo-background.png") left top no-repeat; }
.reference-list .logo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.reference-list .content { display: block; float: right; width: 204px; height: 208px; overflow: hidden; padding: 16px; background: #E7EAEB; }
/* */

/* Team member */
.team-wrapper .team-member .team-member-inner { display: block; text-decoration: none; width: 298px; min-height: 320px; padding: 10px; color: #1D1D1B; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }
.team-wrapper .team-member .team-member-inner img { display: block; width: 100%; }
#content .team-wrapper .team-member .team-member-inner p { padding: 0; margin: .5em 0; }

/* PORTFOLIO */
#content .back.button { display: inline-block; background: #fff274; color: #1d1d1b; text-decoration: none; font-weight: normal; padding: 9px 11px 5px 9px; font-size: .8em; text-transform: uppercase; margin-top: 1.8em; cursor: pointer; border: none; }
#content .back.button:before { content: ''; display: inline-block; width: 4px; height: 9px; padding-left: 8px; background: transparent url(../img/arrow-back-black.png) left center no-repeat; }

#content .portfolio-modul {  }
#content h2 { margin: 1em 0 0.8em 0; font-weight: normal; font-family: "Aachen-Roman", Impact, serif; }
#content h3, #content h4, #content h5, #content h6 { font-family: "Aachen-Roman", Impact, serif; }
#content p, #content ul, #content ol { font-size: 1.1rem; line-height: 140%; }
#content ul li ul, #content ul li ol, #content ol li ol, #content ol li ul { font-size: 90%; margin-bottom: 1em; margin-top: .5em; }
#content ol li ol li ol, #content ol li ol li ul, #content ol li ul li ul, #content ul li ul li ul, #content ul li ul li ol, #content ul li ol li ol { margin-bottom: .3em; margin-top: 0; }
.editorial { font-size: 1.6em; /*text-transform: uppercase;*/ margin: 1.3em 0; }
.editorial a { font-weight: normal; text-decoration: none; }
#content .editorial p { margin: 0; font-size: 1em; line-height: 140%; }
img.left { float:left; margin: 4px 20px 8px 0; }
img.right { float:right; margin: 4px 0 8px 20px; }

/* DOWNLOADS */
.downloads-modul { border-top: 1px solid #EA5D4F; }
.downloads-modul h5 { background-color: #1D1D1B; color: #FFFFFF; display: inline-block; font-size: 1.4em; padding: 7px 8px 4px 8px; margin: 1.2em 0 .9em 0; text-transform: uppercase; }
#content .downloads-modul ul { margin: 0; padding: 0; border-top: 1px solid #C2C7CA; }
.downloads-modul li { list-style: none; }
.downloads-modul a { color: #1D1D1B; text-decoration: none; display: block; font-weight: normal; border-bottom: 1px solid #C2C7CA; padding: 20px 0 11px 0; }
.downloads-modul a span { display:block; float: left; }
.downloads-modul a::after { content:''; display:block; clear:both; }
.downloads-modul .description { text-transform: uppercase; font-size: 1.267em; width: 70%; }
.downloads-modul .file-size { font-size: 0.94em; width: 15%; line-height: 160%; text-align: right; padding: 6px 0 0 0; }
.downloads-modul .button { text-transform: uppercase; font-size: 1.2em; width: 15%; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 10px 0 0; }
.downloads-modul .button::after { content:''; display:inline-block; background: transparent url("../img/icon-download.png") right center no-repeat; padding-left: 8px; width: 14px; height: 13px; }

/* KARRIERE */
.career-canvas { background: #E7EAEB; padding: 30px 28px 0px 28px; margin: 2em 0; position: relative; font-size: 0.8em; }
.career-canvas .career-preview { border-bottom: 1px solid #D2D2D1; padding: 0 0 16px 0; position: relative; }
.career-canvas .career-preview::after, .career-canvas .career-preview .content::after { content:''; display:block; clear: both; }
.career-canvas .career-preview .content { float:left; width: 625px; }
.career-canvas .career-preview .title { font-size: 1.86em; text-transform: uppercase; }
.career-canvas .career-preview .text { font-size: 1.23em; height: 99px; }
.career-canvas .career-preview .location { font-size: 1.25em; }
#content .career-canvas .career-preview .text p, #content .career-canvas .career-preview .location p { margin:0; font-size: 1em; }
.career-canvas .career-preview .contact.button { position: absolute; right: 0; bottom: 16px; display: block; background: #1D1D1B; color: #FFFFFF; text-decoration: none; font-weight: normal; padding: 9px 9px 5px 11px; font-size: 1em; text-transform: uppercase; }
.career-canvas .career-preview .contact.button::after { content:''; display:inline-block; width: 5px; height: 11px; padding-left:8px; background: transparent url("../img/arrow-info-white.png") right center no-repeat; position: relative; top: 1px; }

.career-canvas .career-detail { max-height: 0; overflow: hidden; position: relative; -webkit-transition: max-height 0.3s linear; transition: max-height 0.3s linear; }
.career-canvas .career-detail.open { max-height: 1000px; }
.career-canvas .career-detail h3 { margin: 1em 0 0.5em 0; }
.career-canvas .career-detail h4 { font-size: 1.6em; margin-bottom: .6em; }
#content .career-canvas .career-detail ul { margin: 0; padding: 0 0 0 0; font-size: 1.27em; list-style: none; }
.career-canvas .career-detail li { margin: .6em 0; padding-left: 15px; }
.career-canvas .career-detail li::before { content:''; display: inline-block; height: 12px; width: 8px; margin-right:6px; margin-left: -15px; background: transparent url("../img/list-bullet.png") left center no-repeat; }
.career-canvas .more-arrow { display: block; height: 30px; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; cursor: pointer; background: transparent url("../img/arrow-more-down.png") center center no-repeat; background-size: 22px 9px; }
.career-canvas .more-arrow.up { /* background-image: url("../img/arrow-more-up.png"); */ -webkit-transform: rotate3d(1,0,0,180deg); transform: rotate3d(1,0,0,180deg); }

/* KARRIERE ÜBERARBEITUNG */
.career-ihk { text-align: right; margin: -15px 0 23px 0; }
.career-modul { border-top: 1px solid #EA5D4F; padding-top: 2em; }

.career-filter { text-transform: uppercase; font-size: 1.4em; }
.career-filter .text-block { display: inline-block; background: #1D1D1B; color: #fff; padding: 6px 7px 1px 7px; margin-right: 1em; }

.career-filter .label-input-wrapper { margin-right: 1em; }
.career-filter .label-input-wrapper:last-of-type { margin-right: 0; }

.career-filter input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; width: 0; height: 0; float:left; margin-right: .75em; background:transparent; border:none;}
.career-filter input[type='checkbox']:checked, .career-filter input[type='checkbox']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin:0; padding:0;}

.career-filter input[type='checkbox'] + label { cursor: pointer;}

.career-filter input[type='checkbox']:checked + label:after, input[type='checkbox']:not(:checked) + label:after {content:' '; display: inline-block; width: 19px; height: 19px; position: relative; top: 4px; background: #E7EAEB url(/standards/img/checkbox.png) left top no-repeat; margin-left: .75em; }
.career-filter input[type='checkbox']:hover  + label:after, .career-filter input[type='checkbox']:checked  + label:after {background: #E7EAEB url(/standards/img/checkbox.png) -19px top no-repeat;}

.career-canvas .category-canvas.security { background: #FFF274; }
.career-canvas .category-canvas.facility { background: #A0D9F7; }
.career-canvas .category-canvas.service { background: #EB609E; }
.career-canvas .category-canvas { float: left; display: block; text-transform: uppercase; padding: 6px 7px 3px 7px; margin: 0 10px 0 0; font-size: 1.25em; }

.career-canvas.image-bg { padding: 0; }
/* .career-canvas.image-bg img { position: absolute; top: -30px; left: -28px; right: -28px; width: 100%; z-index: 0; } */
.career-canvas.image-bg .career-preview { background-position: center top; background-size: 100% auto; background-repeat: no-repeat; }
.career-canvas.image-bg .more-arrow { padding-left:28px; padding-right: 28px; }
.career-canvas.image-bg .career-detail { padding-left:28px; padding-right: 28px; }
.career-canvas.image-bg .big-canvas { padding: 102px 0 0 0; height: 293px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.career-canvas.image-bg .title-container { display: inline-block; padding: 18px 24px 18px 24px; }
.career-canvas.image-bg .security .title-container { background: #FFF274; }
.career-canvas.image-bg .facility .title-container { background: #A0D9F7; }
.career-canvas.image-bg .service .title-container { background: #EB609E; }
.career-canvas.image-bg .title-container::after { content:''; display:block; float:none; clear:both; }
.career-canvas.image-bg .career-preview .contact.button { right:28px; }
.career-canvas.image-bg .career-preview .title { font-size: 2.4em; }

.career-canvas .career-preview .content { width: auto; float: none; }
.career-canvas .career-preview .location { float: left; line-height: 22px; padding: 5px 0 3px 0; font-weight: bold; }
.career-canvas .career-preview .location p { display: inline; }
.career-canvas .career-preview .date { display: block; float: left; line-height: 22px; font-size: 1.25em; padding: 5px 0 3px 0; }
.career-canvas .career-preview .type-of-em { display: block; float: left; line-height: 22px; font-size: 1.25em; padding: 5px 0 3px 0; }
.career-canvas .career-preview .text { height: 60px; }

.career-canvas .fulltime { padding-right: 60px; }
.career-canvas .fulltime-icon { background: transparent url("../img/icon-fulltime.png") left top no-repeat; position: absolute; top: 0; right: 0; width: 40px; height: 43px; }
.mobile-career-image { display:none; }
/* KARRIERE ÜBERARBEITUNG ENDE */

/* KARRIERE ANSPRECHPARTNER */
.career-detail .ansprechpartner { float:right; background: #FFFFFF; padding: 13px 22px; width: 315px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1.3em 0 1.5em 1.5em; }
.career-detail .ansprechpartner h4 { font-size: 1.67em; margin: .1em 0 .7em 0; }
.career-detail .ansprechpartner .picture-name-container { border-top: 1px solid #EA5D4F; padding: 1em 0 0 0; }
.career-detail .ansprechpartner .picture-name-container::after { content:''; display: block; clear:both; }
.career-detail .ansprechpartner .picture-name-container img { display: block; float:left; margin: 0 12px 2px 0; }
#content .career-detail .ansprechpartner .picture-name-container p { margin: 0; font-size: 1.14em; }
.career-detail .ansprechpartner .tel { display: block; color: #1D1D1B; text-decoration: none; margin: .6em 0; font-weight: normal; }
.career-detail .ansprechpartner .tel::before { content:''; width: 17px; height: 17px; padding-right: 10px; display: inline-block; background: transparent url("../img/icon-tel-black.png") 2px center no-repeat; background-size: 17px 17px; }
.career-detail .ansprechpartner .mail { display: block; color: #1D1D1B; text-decoration: none; margin: .6em 0; font-weight: normal; }
.career-detail .ansprechpartner .mail::before { content:''; width: 21px; height: 14px; padding-right: 6px; display: inline-block; background: transparent url("../img/icon-mail-black.png") left center no-repeat; background-size: 21px 14px; }

/* KONTAKTFORMULAR */
.contactform { width: auto; background: #E7EAEB; padding: 24px 27px; }
.form-entry { display: block; margin: 2% 0; }
.form-entry label { display: block; float: left; width: 30%; line-height: 31px; }
.form-entry input, .form-entry textarea, .form-entry select { display: block; float: left; width: 100%; margin: 0; padding: 10px 12px; border: 1px solid #E7EAEB; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .94em; color: #89949A; }
.form-entry textarea { height: 200px; }
.form-entry select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background:#FFFFFF url("../img/arrow-down-black.png") right 11px center no-repeat; background-size: 8px 3px; width: 120px; }

.form-entry::after { content:''; display: block; clear: both; }


.salutation {  }
.firstname { float:left; width: 49%; margin: 0 2% 0 0; }
.lastname { float:left; width: 49%; margin: 0 0; }
.email {  }


#contact .returnMessage.success { border: 1px solid #04b302; color: #04b302; background: #d0e2d0; margin: 13px 0; padding: 9px 11px 7px 11px; font-weight: bold; }
#contact .returnMessage.success a { color: #04b302; text-decoration: underline; }
#contact .returnMessage.error { border: 1px solid #f32302; color: #f32302; margin: 13px 0; padding: 9px 11px 7px 11px; font-weight: bold; }
#contact .returnMessage.error a { color: #f32302; text-decoration: underline; }

#contact .error { border: 1px solid #f32302 !important; color: #f32302; /* background: #e6d7d4; */ }

#contact .contact-footer { display: block; clear: both; padding: 0; margin: 2% 0 0 0; font-size: .74em; color: #89949A; line-height: 250%; }
#contact .contact-footer::after { content: ''; display: block; clear: both; }
#contact .privacypolicy-canvas { float: left; margin: 0 10px 0 170px; line-height: 34px; }
#contact .contact-footer span { display: block; float: left; line-height: 34px; }
#contact .contact-footer button { display: block; float: right; border:none; color:#FFFFFF; background: #1D1D1B; padding: 9px 11px 5px 10px; font-size: 1.4em; text-transform: uppercase; }
#contact .contact-footer button::after { content:''; display: inline-block; width:3px; height:8px; background: url("../img/arrow-info-white.png") right center no-repeat; background-size: 3px 8px; margin-left: 7px; }


/* NEWSTICKER */
#newsticker { background: #1D1D1B; margin-top: 40px; }
#newsticker .canvas-width { position: relative; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 0 25px 0; }
#newsticker h3 { text-transform: uppercase; color:#FFFFFF; background: #1D1D1B; position: absolute; left:0; top:-20px; display: block; margin: 0; padding: 15px 28px 0 28px; font-size: 1.47em; }
#newsticker-canvas { height: 20px; color: #FFFFFF; font-weight: normal; position: relative; overflow: hidden; }
#newsticker-canvas span { font-weight: normal; font-family: 'Helvetica-Std', Helvetica, Verdana, sans-serif; font-size: 1.2em; text-transform: uppercase; float:left; list-style: none; }
#newsticker-canvas span::after { content:'+++'; display: inline; margin: 0 20px; }

#newsticker-canvas::before { content:''; display: block; background: transparent url("../img/newsticker-shadow-left.png") left top repeat-y; position: absolute; left: 0; top: 0; width: 100px; height: 29px; }
#newsticker-canvas::after { content:''; display: block; background: transparent url("../img/newsticker-shadow-right.png") right top repeat-y; position: absolute; right: 0; top: 0; width: 100px; height: 29px; }

/* STORIES LIST */
#stories-list { list-style: none; margin: 0; padding: 12px 30px; }
#stories-list::after { content:''; display:block; clear:both; }
#stories-list .entry { display: block; float:left; position: relative; padding: 10px 12px; width: 25%; height: 403px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
#stories-list .entry a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; color: #1D1D1B; font-weight: normal; }
#stories-list .entry.filler { }
#stories-list .entry.filler .filler-image { background: #E5E8E9; height: 100%; width: 100%; }
#stories-list .content { display: block; position: absolute; bottom: 30px; left: 0; width: 90%; background: rgba(255,255,255,0.9); }
#stories-list .categories-canvas { display: block; position: absolute; left: 0; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
#stories-list .categories-canvas::after { content:''; display:block; clear:both; }
#stories-list .category { display: block; text-transform: uppercase; display: block; float:left; padding: 6px 7px 3px 7px; }
#stories-list .category.security { background: #FFF274; }
#stories-list .category.facility { background: #A0D9F7; }
#stories-list .category.service { background: #EB609E; }
#stories-list .category.news { background: #1D1D1B; color: #FFFFFF; }
#stories-list .title { display: block; padding-right: 13px; font-size: 1.3em; line-height: 120%; margin: 20px 18px; text-transform: uppercase; background: transparent url("../img/arrow-story-entry.png") right bottom no-repeat; }
#stories-list .title strong { font-weight: normal; font-family: "Aachen-Roman", Impact, serif;  }
#stories-list img {  }

/* FOOTER */
#footer { background: #E7EAEB; padding: 1px 0; }

#footer .canvas-width { margin: 29px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer .canvas-width:after { content: ''; display: block; clear: both; }

#footer .tuev-siegel { float: left; padding: 15px 30px; }
#footer .tuev-siegel::after { content:''; display:block; clear:both; }
#footer .tuev-siegel img { margin: 0 18px 0 0; display: inline-block; }
#footer .tuev-siegel img:last-of-type { margin-right: 0; }

#footer .facebook { display: block; width: 27px; height: 27px; background: url("../img/icon-facebook.png") left top no-repeat; background-size: 100% auto; text-indent: -9999999px; }
#footer .youtube { display: block; width: 65px; height: 27px; background: url("../img/icon-youtube.png") left top no-repeat; background-size: 100% auto; text-indent: -9999999px; }
#footer .xing { display: block; width: 27px; height: 27px; background: url("../img/icon-xing.png") left top no-repeat; background-size: 100% auto; text-indent: -9999999px; }
#footer-nav .social-link { display: inline-block; margin-bottom: 5px; }
#footer .social-nav-content { float: none; padding: 0 30px; font-size: 80%; }

#footer-nav ul { margin:0; padding:0; list-style: none; }
#footer-nav li { display: inline-block; vertical-align: middle;}
#footer-nav a { text-decoration: none; font-weight: normal; color: #89949A; margin: 0 31px 0 0; }

#footer .footer-content { color: #89949A; padding-top: 15px; padding-bottom: 15px; }
#footer .footer-content p { margin: 10px 0; }
#footer .footer-content p:first-of-type { margin-top: 0; }
#footer .footer-content p:last-of-type { margin-bottom: 0; }
#footer .footer-content span:first-of-type { margin-right: 10px; }
#footer .footer-content span:last-of-type { margin-left: 10px; }
#footer .footer-content a { text-decoration: none; color: #89949A; font-weight: normal; padding: 0 9px 0 0; margin: 0 20px 0 0px; }
#footer .footer-content a:last-child { border: none; padding: 0; margin: 0; }
#footer .logo-wrapper { padding-top: 15px; }
#footer .logo { display:block; float: right; width: 150px; }

#footer-nav .social-link-wrapper { display: block; margin-bottom: 5px; }

/* FEATURES */
.more-info { color: #61615F; text-decoration: none; text-transform: uppercase; font-size: .75em; }
.more-info::after { content:''; display: inline-block; width: 4px; height: 10px; padding:0 0 0 6px; background:url("../img/arrow-link.png") right center no-repeat; background-size: 4px 8px; }

@media (max-width:1459px){
  #newsticker h3 { left: 20px; }

  #story-slider.stories-1 .title { font-size: 1.8em; }
  /* #story-slider.stories-1 .content { background-color:#FFFFFF; } */
  /*#story-slider.stories-1 .swiper-slide img { position: absolute; height: 100%; min-width: 50%; max-width: 95%; width: auto; right: auto; left: 0; }*/
}

@media (max-width:1380px) {
  #content .education-academy .education-academy-infobox { width: 97%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; top: auto; bottom: 12px; }
  #story-preview { width: 100%; }

  .primetime-teaser {
    width: 27%;
    margin-left: 0;
    margin-top: 40px;
  }
  .news-preview {
    margin-top: 40px;
    width: 46%;
  }

  .story-newsletter-canvas .newsletter {
    width: 23%;
    margin-top: 40px;
  }
}

@media (max-width:1270px) {
  /* .news-preview .more-info { display: none; } */
  /* #story-slider.stories-3 .title { font-size: 1.2em; } */
  /* #story-preview { width: 49%; }
  .primetime-teaser {
    width: 27%;
  }
  .news-preview {
    width: 20%;
  } */
}

@media (max-width:1130px) {
  #story-preview .more-info { display: none; }
}

@media (min-width: 1023px) {
  #footer .tuev-siegel { border: 2px solid #C5CBCE; border-width: 0 1px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #footer .social-nav-content { float: left; padding: 0 70px 0 30px; }
  #footer .logo-wrapper { float: left; }
  #footer .canvas-width { width: 1020px; border: solid #C5CBCE; border-width: 0 1px; }
  #footer .footer-content { padding-bottom: 35px; }
  #footer .socials { padding: 14px 25px 23px 33px; }
  #footer .facebook { margin-right: 20px; }
  #footer-nav a { margin: 0 10px 0 0; }
}

@media (min-width: 1460px) {
  #footer .canvas-width { width: 1406px; border-width: 0 1px 0 1px; }
  #footer .social-nav-content { padding: 0 356px 0 50px; }
  #footer .tuev-siegel { padding-left: 50px; padding-right: 50px; }
}

@media(min-width:1023px) and (max-width:1459px){
  /* #content .career { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 34px 0 27px; } */
  #content .career { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding:}
  #content .education-academy { width: 55%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 22px 0 32px; }
  .big-swiper-nav { top: 50%; width: 31px; height: 65px; }
  #content.with-sidebar { width: 59%; }
  #story-slider.stories-1 .title { font-size: 1.6em; }
}
@media (max-width:1060px){
  /*.story-newsletter-canvas .newsletter { background-position: center 75px; }*/
  .story-newsletter-canvas .newsletter p { display:none; }
 font-size: 1em;
  .career-canvas .career-preview .content { width: 74%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; }
}
@media (max-width:1022px){
  #stories-list .entry { width: 50%; }
  #stories-list .entry:nth-child(2n) { float:none; }
  #stories-list .content { z-index: 50; }
  #stories-list img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
  #stories-list .entry.filler { display:none; }

  .news-preview .more-info { display: block; }
  .news-preview { float:right; width: 49%; margin: 40px 0; }
  .news-list { margin: 0; padding: 30px 20px; height: auto; }
  /*.news-list .item { height: auto; }*/
  .news-list .item:last-of-type { margin-bottom: 0; }

  a .primetime-teaser { text-decoration: none; }

  .story-newsletter-canvas .newsletter { width: 17%; }

  .story-newsletter-canvas .newsletter {
    float: none;
    background-position: 260px center;
    width: 100%;
    background-size: auto 70%;
    position: relative;
    padding-top: 30px;
    clear: both;
    height: auto;
  }
  .story-newsletter-canvas .newsletter .abonnieren {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }

  .primetime-teaser {
    width: 49%;
    float: left;
    margin: 40px 0;
    height: 384px;
  }
  .primetime-teaser .primetime-preview-image { background-position: left bottom; }
  .primetime-teaser .download { right: auto; left: 20px; }

  #content ul, #content ol { padding: 0 20px 0 35px; }

  .big-swiper-nav { top: 50%; width: 31px; height: 65px; }

  .downloads-modul .description { width: 85%; }
  .downloads-modul .button { font-size: 0px; }
  .downloads-modul .file-size { display:none; }

  .editorial { padding: 0 20px; font-size: 1.4em; }

  #content .back.button { margin-left: 20px; }

  #content p, #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 0 20px; }
  #contact .privacypolicy-canvas { margin: 0 10px 0 6%; }
  #content .editorial p { padding:0; }
  #content .portfolio-list, #content .reference-list, #content .team-wrapper { padding: 0 20px; }
  .downloads-modul { margin: 0 20px; }

  #content .portfolio-list .description p, #content .reference-list .description p { font-size: 1.38em; }

  #slider .prime-solutions-badge, #stories-slider .prime-solutions-badge { display:none; }

  #story-preview { width: 100%; padding: 50px 40px 40px 40px; float: none; }
  /* #story-slider { width: 100%; } */

  #story-slider.stories-3 .swiper-slide img, #story-slider.stories-2 .swiper-slide img, #story-slider .swiper-slide img { min-width: 100%; min-height: 100%; height: auto; width: auto; }

  #content .education-academy .education-academy-canvas { background-size: 100% auto; }

  #content .career .more-info { display: none; }
  #content .career, #content .education-academy { float:none; width: 100%; border: none; padding: 0 26px; -webkit-box-sizing: border-box; box-sizing: border-box; }

  .newsletter form { display: none; }
  /*.story-newsletter-canvas .newsletter { float: none; background-position: 260px center; width: 100%; background-size: auto 100%; position: relative; margin-top: 30px; }*/
  /*.story-newsletter-canvas .newsletter .abonnieren { display: block; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }*/
  #content .career-canvas p { padding-left: 0; padding-right: 0; }

  #main .stories-overview.news-detail .content h1.content-width { padding-left: 0; padding-right: 0; }
  .stories-overview .prime-solutions-badge { display: none; }

  #header-contact.open #contact-form { max-height: initial; }

  #content.with-sidebar { float: none; width: auto; margin-left:0; }
  #sidebar { float:none; width: auto; margin-right: 0; }
  #sidebar h3 { padding: 0 20px 10px 20px; }
  #sidebar a { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; padding: 0 0 0 4%; }
  #sidebar a:nth-child(3n+1) { padding: 0 2% 0 3%; width: 34%; }
  #sidebar::after { content:''; display:block; clear:both; }

  .career-filter { padding: 0 20px; }

  #content .career .career-entry { height: auto; padding-bottom:10px; }
  #content .career h2 { padding: 0; }
  #content .career .career-list p { padding: 0; }
  #content .downloads-modul h5 { padding: 7px 8px 4px 8px; }
  /* FOOTER */

  #footer .canvas-width { margin-top: 15px; margin-bottom: 20px; }
  #footer .mobile { display: block; }
  #footer .mobile #footer-nav { padding-top: 0; }
  #footer .mobile .footer-content { padding-bottom: 20px; }
  #footer .mobile .social-nav-content { padding: 0 10px; }

  #footer .mobile .social-logo-wrapper .facebook,
  #footer .mobile .social-logo-wrapper .youtube,
  #footer .mobile .social-logo-wrapper .xing,
  #footer .mobile .social-logo-wrapper .logo { display: inline-block; vertical-align: middle; margin-bottom: 14px; }
  #footer .mobile .social-logo-wrapper .facebook { margin-right: 14px; margin-left: 30px; }
  #footer .mobile .social-logo-wrapper .youtube { margin-right: 14px; }
  #footer .mobile .social-logo-wrapper .xing { margin-right: 30px; }
  #footer .mobile .social-logo-wrapper .logo { float: none; width: 130px; }

  #footer .mobile .social-logo-wrapper { padding: 15px 15px 5px 30px; max-width: initial; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
  #footer .mobile .tuev-siegel { margin: 0 10px; border: solid #C5CBCE; border-width: 1px 0 0; padding: 25px 0 0; }

  #footer .desktop { display: none; }

  #footer { height: auto; }
  #footer .tuev-siegel { float: none; text-align: center; top: auto; border-bottom: 1px solid #C5CBCE; padding: 0 0 9px; margin: 0 30px; }
  #footer .socials { display:none; }

  #footer-nav { float:none; text-align: center; position: relative; border: none; border-bottom: 1px solid #C5CBCE; padding: 15px 0; }
  #footer-nav ul { position: relative; display: inline; }
  #footer-nav li { float: none; display: inline; margin: 0 14px 0 0; }
  #footer-nav li:last-child { margin: 0; }
  #footer-nav a { margin: 0 0 0 0; }
  #footer-nav ul::after { content:''; display:block; clear:both; }
  #footer .canvas-width { width:100%; }

  #footer .footer-content { width: auto; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #C5CBCE; text-align: center; }
  #footer .footer-content span { display: inline; }

  /* KARRIERE */
  #content .career-canvas .career-detail h4 { padding: 0; }
}
@media (max-width: 967px) {
  .portfolio-list li:nth-child(3n) { margin-right: 0; }
  .portfolio-list li:nth-child(4n) { margin-right: 0; }
  .portfolio-list { width: 692px; margin: 16px auto; }

  #content .portfolio-list { width: auto; padding: 0 4px 0 20px; }

  .portfolio-list li { padding: 0 16px 16px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; }
  .portfolio-list a { width: 100%; }

  #slider h1 { font-size: 2.4em; }

  #slider .home-pagination a.active, #slider .home-pagination a { padding: 18px 45px 7px 20px; }
  #slider .home-pagination { bottom: 19px; right: 86px; }

  .career-canvas.image-bg .big-canvas { height: 250px; padding: 80px 0 0 0; }
  /* .reference-list li { float:none; margin: 0 auto 16px auto; width: 456px; } */
  .reference-list li, .team-wrapper .team-member { float:left; margin: 0 auto 16px auto; width: 50%; }
  .reference-list a, .team-wrapper .team-member .team-member-inner { width: 96%; }
  .reference-list li:nth-child(3n), .team-wrapper .team-member:nth-child(3n) { margin-right: auto; }

  #story-slider.stories-1 .title, #story-slider.stories-2 .title, #story-slider.stories-3 .title { font-size: 1.8em; line-height: 110%; background: transparent; }
}
@media (max-width:900px) {
  #stories-list .entry { width:100%; }
  #statements-text .left, #statements-text .middle, #statements-text .right { float: none; padding: 0 26px; width: auto; }
  .career-canvas.image-bg .big-canvas { height: 226px; padding: 100px 0 0 0; }
  .career-canvas .content { padding-right: 100px; }

  .big-swiper-nav { top: 39%; }
}
@media (max-width:732px){
  .portfolio-list li:nth-child(3n) { margin-right: 0; }
  .portfolio-list li:nth-child(2n) { margin-right: 0; }
  #content .portfolio-list { width: auto; padding: 0 4px 0 20px; }

  .portfolio-list li { padding: 0 16px 16px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; }
  .portfolio-list a { width: 100%; }

  #introduction-text .text-container { padding: 0 26px; }
  #introduction-text .left { float: none; padding: 0; }
  #introduction-text .right { float: none; padding: 0; }

  #contact .privacypolicy-canvas { margin: 0 10px 0 10px; }

  #story-slider .content, #story-slider.stories-1 .content, #story-slider.stories-2 .content, #story-slider.stories-3 .content { width: 90%; position: absolute; font-size: 0.8em; float: none; height: auto; bottom: 30px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,0.9) url(../img/arrow-story-entry.png) right 20px bottom 20px no-repeat; }
  /*#story-slider .swiper-slide img { min-width: 100%; min-height: 100%; width: auto; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/
  /* #story-slider.stories-1 .swiper-slide img, #story-slider.stories-2 .swiper-slide img, #story-slider.stories-3 .swiper-slide img */
  #story-slider .category-canvas { position: absolute; left: 0; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  /* #story-slider.stories-1 .category-canvas, #story-slider.stories-2 .category-canvas, #story-slider.stories-3 .category-canvas */
  #story-preview { padding: 50px 40px 40px 40px; }
  /*
  #story-slider.stories-2 .swiper-slide, #story-slider.stories-3 .swiper-slide { float: none; width: auto; }
  #story-slider.stories-2 .swiper-slide a, #story-slider.stories-3 .swiper-slide a  { width: 100%; box-sizing: border-box; padding: 0 20px 0 0; }
  #story-slider.stories-2 .swiper-slide img, #story-slider.stories-3 .swiper-slide img { left: auto; top: auto; width: 50%; position: relative; }
  */
}
@media (max-width:704px){
  #stories-list .content { font-size: .7em; }
  #stories-list .entry { /*height:auto;*/ }

  #slider { height: auto; width: 100%; }
  #slider img { width: 100%; max-height: 100%; }
  .swiper-slide { text-align: center; }
  #story-slider .swiper-slide, #stories-slider .swiper-slide { text-align:left; }
  #slider .home-pagination { bottom: 16px; left: 28px; overflow: hidden; right: auto; }
  #slider .home-pagination a { font-size: 0.8em; padding: 11px 27px 9px 18px; background-size: 6px auto; background-position: right 12px top 15px; }
  #slider .home-pagination a.active { padding: 11px 27px 4px 18px; }
  #slider .home-pagination a.security { width:60px; }
  #slider .home-pagination a.facility { width:56px; }
  #slider .home-pagination a.service { width:55px; }
  .big-swiper-nav { width: 25px; height: 51px; top: 31%; }

  #slider h1 { font-size: 1.7em; }

  #content .education-academy { border-bottom: none; border-top: 1px solid #e7eaeb; padding: 25px 26px 10px 26px; }
  #content .education-academy .education-academy-canvas { padding-top: 39%; height: auto; }
  #content .education-academy .more-info { display: none; }
  #content .education-academy .education-academy-infobox { -webkit-box-shadow: none; box-shadow: none; position: relative; top: auto; left: auto; padding: 8px 0; width: auto; height: auto;  }
  #content .education-academy .education-academy-infobox span { display: block; margin-bottom: 16px; }
  #content .education-academy .education-academy-infobox a { white-space: nowrap; display: block; position: relative; top: auto; left: auto; right: auto; width: 98px; margin: 0 auto; -webkit-transform: translate(0,0); transform: translate(0,0); }

  .career-canvas .career-preview .content { float: none; width: auto; padding-bottom: 56px; }
  .career-canvas .career-preview .text { display: none; }

  .career-canvas .career-preview .contact.button,
  .career-canvas.image-bg .career-preview .contact.button {  }
  .career-canvas .career-preview { padding: 0 0 0 0; }
  .career-canvas .fulltime-icon { display: none; }
  .career-canvas .category-canvas { position: absolute; left: 0; bottom: 16px; float:none;  }

  .career-canvas .career-preview .date { font-size: 1em; }
  .career-canvas .career-preview .type-of-em { font-size: 1em; }

  .career-canvas .career-preview .contact.button { padding: 4px 9px 1px 11px; font-size: 1.4em; }

  .career-detail .ansprechpartner { margin-left: 0; margin-top:0; }
  .mobile-career-image { display:block; width: 100%; height: auto; }
  .career-canvas.image-bg .big-canvas { padding: 0; height:auto; }
  .career-canvas.image-bg .title-container { display: block; }

  .career-canvas .career-preview .title { padding-bottom: 6px; }
  .career-canvas.image-bg .career-preview .title { font-size: 2.7em; }
  .career-canvas.image-bg .career-preview .content { padding-bottom:0; }
  .career-canvas.image-bg .career-preview .location { float:none; padding-right: 100px; }
  .career-canvas.image-bg .career-preview .date .slash { display: none; }

  .career-canvas .career-preview .location, .career-canvas .career-preview .date,
  .career-canvas .career-preview .type-of-em { padding: 0; line-height: 120%; }

  .career-filter { font-size: 1.2em; padding: 0 20px; }
  .career-filter::after { content:''; display:block; float:none; clear:both; }
  .career-filter span { margin: 0 0 0.3em 0; }
  .career-filter .text-block { display:block; float:left; }
  .career-filter .label-input-wrapper { float:left; display:block; }



  #contact .contact-footer { padding: 0; }
  #contact .privacypolicy-canvas, #contact .contact-footer span { margin: 18px 0; float: none; line-height: 120%; }
  #contact .contact-footer button { float: none; }
  .career-canvas .content { padding: 0; }


  .career-canvas .career-preview .mobile-break { display:block; float:none; clear: both; }
  #story-slider.stories-1 .title { font-size: 1.8em; }
  #story-slider.stories-1 .content { text-align: left; position: absolute; right: 0; }

  #story-preview h2 { padding-left: 28px; }
}

@media (min-width: 633px) {
  #footer-nav .social-link-wrapper { display: inline-block; margin-bottom: 0; margin-right: 0; }
}

@media (max-width:615px){
  #story-preview h2 { font-size: 2.3em; min-width: 92%; }
  #story-slider.stories-1 .title { font-size: 1.8em; }
  .career-detail .ansprechpartner { float:none; width: auto; }
  .career-canvas .career-detail.open { max-height: initial; }
  #content .career-canvas .career-detail h3 { padding: 0;  }
  #content .career-canvas .career-detail ul, #content .career-canvas .career-detail ol { padding: 0; }
  .career-detail .ansprechpartner::after { content: ''; display:block; clear:both; }
  .career-detail .ansprechpartner .tel { float: right; font-size: 0px; }
  .career-detail .ansprechpartner .tel::before { width: 19px; height: 28px; background-size: 26px auto; }
  .career-detail .ansprechpartner .mail { float: right; font-size: 0px; }
  .career-detail .ansprechpartner .mail::before { width: 37px; height: 28px; background-size: 36px auto; padding-right: 16px; }

  #story-preview .more-info { display:none; }
  .story-newsletter-canvas .newsletter .abonnieren {
    bottom: 0;
    left: 0;
    right: 10px;
    top: 0;
    -webkit-transform: initial;
            transform: initial;
  }
  .firstname { display: block; float:none; width: 100%; margin: 2% 0; }
  .lastname { display: block; float:none; width: 100%; margin: 2% 0; }
  .contactform { width: auto; }
  .form-entry label { float: none; width: auto; }
  .form-entry input, .form-entry textarea, .form-entry select { float:none; width: 100%; }

  .news-preview { float: none; width: 100%; }
  .primetime-teaser { float: none; width: 100%; }
}
@media (max-width:496px){
  .portfolio-list { width: auto; }
  .portfolio-list li { padding: 0 16px 16px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; }
  .portfolio-list a { width: 100%; overflow: hidden; }

  .portfolio-list li:nth-child(3n) { margin-right: 0; }
  .portfolio-list li:nth-child(even) { margin-right: 0; }

  .reference-list li, .team-wrapper .team-member { float: none; margin: 0 0 16px 0; width: auto; }
  .reference-list a, .team-wrapper .team-member .team-member-inner { width: 100%; display: block; position: relative; height: auto; /* padding: 53% 0 0 0; */ }

  .team-wrapper .team-member .team-member-inner { padding: 0; }

  #stories-list .entry { height:220px; }
  /* REFERENCE LIST WITH TEXT * /
  .reference-list .logo { width: 50%; position: absolute; left: 0%; top: 0%; height: 100%; }
  .reference-list .logo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
  .reference-list .content { width: 50%; box-sizing: border-box; height: 100%; position: absolute; left: 50%; top: 0%; }
  .reference-list .title { font-size: .79em; height: 36%; }
  .reference-list .description { font-size: .6em; height: 53%; }
  /* */
}
@media (max-width:450px){
  .newsletter h3 { font-size: 1.5em; }
  #content #stories-list { padding: 12px 10px; }
  #stories-list .content { font-size: .6em; bottom: 13px; }
  #stories-list .category { font-size: 1.5em; line-height: 120%; }
  #stories-list .title { margin: 10px 8px; background-size: 5px auto; }

  #slider { height: 188px; width: 100%; }
  #slider .home-pagination a { font-size: 0.8em; background-size: 5px auto; padding: 11px 22px 9px 18px; background-position: right 12px top 15px;  }
  #slider .home-pagination a.active { padding: 11px 22px 4px 18px; }
  #slider .home-pagination a.security { width: 60px; }
  #slider .home-pagination a.facility { width: 56px; }
  #slider .home-pagination a.service { width: 52px; }
  #slider .home-pagination { min-width: 288px; bottom: 4px; }

  #content .career { padding: 0 26px; }
  #content .education-academy { padding-left: 26px; padding-right: 26px; }

  #story-preview { width: auto; padding: 35px 30px 31px 30px; float: none; margin: 0 -26px 32px -26px; }
  #story-preview h2 { font-size: 1.3em; padding: 15px 20px 15px 28px; }
  #story-slider .story-swiper-nav { left: 7px; }
  #story-slider .story-swiper-next { left: auto; right: 7px; }

  .news-preview, .primetime-teaser { margin: 40px -26px 32px -26px; width: auto; }

  #content img.left { float:none; width: 100%; height: auto; margin: 10px 0; }
  #content img.right { float:none; width: 100%; height: auto; margin: 10px 0; }

  .career-ihk { margin-left: 20px; margin-right: 20px; }
  .career-ihk img { width: 100%; height: auto; }

  #content h1 { padding-top: 35px; font-size: 2.8em; }

  #slider h1 { font-size: 1.4em; right: 10%; width: auto; }

  .story-newsletter-canvas .newsletter { background-position: 150px center; margin-top: 0; }

  .portfolio-list .title { font-size: 1.1em; height: 56px; overflow: hidden; }
  .portfolio-list .description { font-size: .8em; height: 118px; }

  .story-newsletter-canvas { padding: 19px 0 30px 0; }
  .career-canvas .career-preview .title { font-size: 1.5em; }
  .career-canvas .career-preview .location { font-size: 1em; }
  #content.home-career-modul { margin: 43px auto 20px auto; }

  #content .career h2 { padding: 0; }
  #content .career .career-entry { padding: 0 0px 7px 0; }
  #content .career .job { padding: 0 20px 0 0; margin: 0; }
  #content .career .location { padding: 0 20px 0 0; }
  #content .career .info { background: url("../img/arrow-story-entry.png") right center no-repeat; text-indent: -999999px; width: 9px; height: 22px; bottom: 22px; }
  #content .career .info::after { display: none; }
  .newsletter h3 { margin: 0; }
  #content .education-academy h2 { padding: 0; font-size: 1.6em; }
  #newsticker h3 { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

  .big-swiper-nav { top: 35%; }

  #footer-nav a { font-size: 0.8em; }
  #footer .footer-content { font-size: 0.7em; }

  #footer .facebook { margin-right: 18px; }

  #footer .logo { width: 130px; }
}
@media (max-width:400px){
  .big-swiper-nav { top: 28%; }
  .career-filter .text-block { float:none; margin-right: 0; width: auto; }
}
@media (max-width:350px){
  #slider .home-pagination { left: 10px; }
}