/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.print {
  cursor: pointer;
}
.print:hover,
.print:active,
.print:focus {
  color: #dc0018;
}
img.media-object {
  max-width: none;
}
@media screen and (min-width: 992px) {
  .col-md-8.main-content .col-md-18,
  .col-md-8.main-content .col-reset-md8 {
    /* reset md8 col to 100% incl. paddings */
    width: 153%;
  }
}
.brand.noseperator img {
  border-right: 0;
}
.search-field {
  z-index: 30;
}
/*

CNGIMPL-2274
lightbox link in richtext

*/
.mod-image a:hover {
  text-decoration: none;
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media (max-width: 767px) {
  .pagination li:first-child,
  .pagination li:last-child {
    display: inline-block;
  }
  .pagination li.separator:first-child,
  .pagination li.separator-left:last-child {
    display: none;
  }
}
.tab-content {
  position: relative;
}
.tab-content > .tab-pane {
  display: block;
  left: -9999em;
  position: absolute;
  top: -9999em;
  width: 100%;
}
.tab-content > .tab-pane.active {
  left: 0;
  position: relative;
  top: 0;
}

#CQ * {
  box-sizing: content-box;
}
#CQ input::-ms-clear {
  display: none;
}
#CQ :focus {
  outline: 0 !important;
}
#CQ ::-moz-focus-inner {
  border: 0 !important;
}
#cq-gen4 :focus {
  outline: 0 !important;
}
#cq-gen4 ::-moz-focus-inner,
#cq-gen4 .chosen-container-active .chosen-single {
  border: 0 !important;
}
#cq-gen4 .fa {
  font-family: "Frutiger Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: unset;
}

@media all {
  /** Print */
  .print-preview a:after {
    content: "" !important;
  }
  .mod-layout {
    /** Remove top margin for h1 within contentpagefull **/
    /** Center Lightbox content **/
  }
  .mod-layout .contentHead {
    padding-bottom: 11px;
  }
  .mod-layout div[class*=col-] div[class*=col-] {
    margin-bottom: 0;
  }
  .mod-layout ins.textAdded {
    background: none;
    color: #0c0;
    text-decoration: underline;
  }
  .mod-layout del.textRemoved {
    color: #c00;
    text-decoration: line-through;
  }
  .mod-layout .scroll-table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
  }
  .mod-layout .main-column .col-md-8 .pagination-container {
    overflow: hidden;
  }
  .mod-layout .pagination > li:first-child > a,
  .mod-layout .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
  }
  .mod-layout .pagination > li:last-child > a,
  .mod-layout .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
  }
  .mod-layout .downloadinfo {
    clear: both;
    display: block;
  }
  .mod-layout .mod {
    margin-bottom: 1.357em;
    /* 19px; */
  }
  .mod-layout .mod-backtooverview,
  .mod-layout .mod-breadcrumb,
  .mod-layout .mod-searchfield,
  .mod-layout .mod-servicenav,
  .mod-layout .mod-languageselect,
  .mod-layout .mod-treecrumb,
  .mod-layout .mod-themes,
  .mod-layout .mod-mainnavigation,
  .mod-layout .mod-logo,
  .mod-layout .mod-text,
  .mod-layout footer .mod-linklist,
  .mod-layout .mod-copyright,
  .mod-layout .mod-disclaimer,
  .mod-layout .mod-leftnavigation,
  .mod-layout .mod-socialshare,
  .mod-layout .mod-radio,
  .mod-layout .mod-text,
  .mod-layout .mod-hidden,
  .mod-layout .mod-customeremail,
  .mod-layout .mod-dropdown,
  .mod-layout .mod-fieldset,
  .mod-layout .mod-dynamic,
  .mod-layout .mod-teaserlist {
    margin-bottom: 0;
  }
  .mod-layout .tab-pane .mod:last-child {
    margin-bottom: 0;
  }
  .mod-layout .mod-text p,
  .mod-layout .mod-nsbnewsdetails p,
  .mod-layout .mod-text ol,
  .mod-layout .mod-nsbnewsdetails ol,
  .mod-layout .mod-text ul,
  .mod-layout .mod-nsbnewsdetails ul {
    margin-top: 0;
    margin-bottom: 0.5em;
    /* 19px; */
  }
  .mod-layout .mod-text p:empty,
  .mod-layout .mod-nsbnewsdetails p:empty {
    display: none;
  }
  .mod-layout .mod-nsbnewsdetails {
    margin-top: 1.3em;
  }
  .mod-layout .mod-nsbnewsdetails hr {
    margin-top: 0;
    margin-bottom: 1.357em;
    /* 19px; */
  }
  .mod-layout .mod-nsbnewsdetails ul.nav-tabs {
    margin-bottom: 0;
  }
  .mod-layout .magnifier {
    display: block;
    position: relative;
    text-align: right;
    top: -21px;
    margin-bottom: -21px;
    padding-left: 5px;
    float: right;
    background-color: #FFF;
    filter: alpha(opacity=50);
    opacity: 0.6;
  }
  .mod-layout .mod-logo {
    display: inline;
    /** Compliance to previous version of webguidelines from Nose/Zeix **/
    /** The new version of webguidelines (2.5.0) is using h1 for the logo, we are using h2 **/
  }
  .mod-layout .mod-logo img {
    max-width: 254px;
  }
  .mod-layout .mod-logo h2 {
    color: #000000;
    font-weight: 700;
    font-size: 1em;
    max-width: 310px;
    line-height: 1.3;
    margin: 0;
    padding-left: 2.5em;
    float: left;
  }
  .mod-layout .nav-mobile h2 {
    color: #454545;
    display: inline-block;
    margin: 4px 0 0 6px;
    width: auto;
    font-size: 1.2em;
    font-weight: 100;
  }
  .mod-layout .nav-mobile h2 a {
    color: inherit;
  }
  .mod-layout .mod-searchfield,
  .mod-layout .mod-admindrirectorysearchfield,
  .mod-layout .mod-themes,
  .mod-layout .mod-servicenav,
  .mod-layout .mod-languageselect,
  .mod-layout .mod-treecrumb,
  .mod-layout .mod-mainnavigation,
  .mod-layout footer .mod-linklist,
  .mod-layout .mod-copyright,
  .mod-layout .mod-disclaimer {
    display: inline;
  }
  .mod-layout .mod-backtooverview,
  .mod-layout .backtooverview {
    display: inline;
  }
  .mod-layout .lbContent {
    margin-top: 0.7em;
  }
  .mod-layout .copyright {
    display: inline-block;
    padding-top: 0.5em;
  }
  .mod-layout .list-group {
    margin-bottom: 0;
  }
  .mod-layout .mod-publication .row table {
    margin-bottom: 8px;
  }
  .mod-layout .mod-publication .row figure {
    margin-bottom: 16px;
  }
  .mod-layout .mod-publication .row + h2,
  .mod-layout .mod-publication .row + h3,
  .mod-layout .mod-publication .row + h4,
  .mod-layout .mod-publication .row + h5 {
    margin-top: 0;
  }
  .mod-layout #content.col-sm-12 h1 {
    margin-top: 0;
  }
  .mod-layout .modal-body {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .mod-layout .mod-login {
    margin-top: 1.2em;
  }
  .mod-layout .scroll-y {
    overflow-y: auto;
    overflow-x: visible;
  }
  .mod-layout address b {
    display: inline;
  }
  .skin-layout-template-subhomepage .main-column .mod > *:first-child,
  .skin-layout-template-subhomepage .main-column .mod > div.clearfix > *:first-child {
    margin-top: 0;
  }
  /**
	* CNGIMPL-2735 : cobranding

	
	<div class="mod-cobranding">
          <h3>Co Brandings</h3>
          <nav class="row">
            <ul class="col-sm-12">
              <li>
                <a href="http://www.logo.com"><span>International Busines</span><img src="../img/brand-ibm.png" /></a>
              </li>
			</ul>
		  </nav>
	</div>

	*/
  .mod-cobranding ul li {
    float: left;
    margin-left: 0;
    margin-right: .8em;
    margin-bottom: .8em;
  }
  .mod-cobranding ul li a span {
    display: block;
    min-height: 1.5em;
  }
  .mod-cobranding ul li a img {
    height: 80px;
    display: inline-block;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .mod-text abbr {
    border-bottom: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mod-layout {
    /** Bugfix Webguidelines: fixes wrong display of footer sitemap if lists contains a different number of entries **/
  }
  .mod-layout #site-map .col-sm-6:nth-child(4),
  .mod-layout #site-map .col-sm-6:nth-child(7) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .mod-layout {
    /** Bugfix Webguidelines: fixes wrong display of footer sitemap if lists contains a different number of entries **/
  }
  .mod-layout #site-map .col-sm-6:nth-child(5n) {
    clear: both;
  }
}
@font-face {
  font-family: 'Admin Icons';
  src: url('guidelines/fonts/AdminCH_Symbols.eot');
  src: url('guidelines/fonts/AdminCH_Symbols.eot?#iefix') format('embedded-opentype'), url('guidelines/fonts/AdminCH_Symbols.woff') format('woff'), url('guidelines/fonts/AdminCH_Symbols.ttf') format('truetype'), url('guidelines/fonts/AdminCH_Symbols.svg#fnb') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Frutiger Neue';
  src: url('guidelines/fonts/FrutigerNeueW02-Bd.eot');
  src: url('guidelines/fonts/FrutigerNeueW02-Bd.eot?#iefix') format('embedded-opentype'), url('guidelines/fonts/FrutigerNeueW02-Bd.woff') format('woff'), url('guidelines/fonts/FrutigerNeueW02-Bd.ttf') format('truetype'), url('guidelines/fonts/FrutigerNeueW02-Bd.svg#fnb') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Frutiger Neue';
  src: url('guidelines/fonts/FrutigerNeueW02-It.eot');
  src: url('guidelines/fonts/FrutigerNeueW02-It.eot?#iefix') format('embedded-opentype'), url('guidelines/fonts/FrutigerNeueW02-It.woff') format('woff'), url('guidelines/fonts/FrutigerNeueW02-It.ttf') format('truetype'), url('guidelines/fonts/FrutigerNeueW02-It.svg#fnb') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Frutiger Neue';
  src: url('guidelines/fonts/FrutigerNeueW02-Regular.eot');
  src: url('guidelines/fonts/FrutigerNeueW02-Regular.eot?#iefix') format('embedded-opentype'), url('guidelines/fonts/FrutigerNeueW02-Regular.woff') format('woff'), url('guidelines/fonts/FrutigerNeueW02-Regular.ttf') format('truetype'), url('guidelines/fonts/FrutigerNeueW02-Regular.svg#fnb') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Frutiger Neue';
  src: url('guidelines/fonts/FrutigerNeueW02-Light.eot');
  src: url('guidelines/fonts/FrutigerNeueW02-Light.eot?#iefix') format('embedded-opentype'), url('guidelines/fonts/FrutigerNeueW02-Light.woff') format('woff'), url('guidelines/fonts/FrutigerNeueW02-Light.ttf') format('truetype'), url('guidelines/fonts/FrutigerNeueW02-Light.svg#fnb') format('svg');
  font-weight: 100;
  font-style: normal;
}

@media all {
  .skin-layout-template-nsbnewsdetails .mod-nsbnewsdetails .tab-content .tab-pane {
    display: block !important;
    visibility: visible;
  }
  .skin-layout-template-nsbnewsdetails .mod-nsbnewsdetails .tab-content .tab-pane.active {
    position: relative;
    left: auto;
    width: auto;
  }
}

@media all {
  .mod-aramis .metadata {
    color: green;
  }
  .mod-aramis .aramis-label {
    padding: 0.2em;
  }
}

@media all {
  .mod-accordion a,
  .mod-accordion a:hover,
  .mod-accordion a:active,
  .mod-accordion a:visited,
  .mod-accordion a:focus {
    outline: 0;
  }
  .mod-accordion .disabled {
    color: #afafaf;
  }
}

@media all {
  .mod-databaseentry {
    margin-top: 3em;
  }
  .mod-databaseentry .databaseentry-link {
    display: none;
    padding-left: 0;
    line-height: 1.5;
    font-weight: normal;
    color: #069;
  }
  .mod-database .mod-databaseentry .databaseentry-link {
    display: block;
  }
  .mod-databaseentry .databaseentry-link:hover,
  .mod-databaseentry .databaseentry-link:focus {
    background: none;
  }
  .mod-databaseentry .table {
    border-collapse: collapse;
  }
}

@media all {
  .mod-database .database-form {
    margin-top: 1.5em;
  }
  .mod-database .database-filter {
    width: 24.6em;
  }
  .mod-database .chosen-container {
    float: right;
    margin-left: 15px;
  }
  .mod-database .database-result.loading {
    position: relative;
    min-height: 200px;
  }
  .mod-database .database-result.loading:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.5;
  }
  .mod-database .database-result.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
}


@media all {
  .mod-anchorlist li {
    padding-bottom: 0.6em;
  }
  .mod-anchorlist li:last-child {
    padding-bottom: 0;
  }
}

@media all {
  .mod-basket {
    display: none;
  }
  .mod-basket .basket-link,
  .mod-basket .template,
  .mod-basket .error,
  .mod-basket input[name='genericKeyValueParameter'] {
    display: none;
  }
  .mod-orderform .mod-basket {
    display: block;
  }
  .mod-orderform .mod-basket .error {
    color: #dc0018;
  }
}

@media all {
  .mod-contactbox {
    /*

		REQCNG-489

		*/
  }
  .mod-contactbox h4 {
    margin-top: 22px;
  }
  .mod-contactbox .tab-pane h4:first-child,
  .mod-contactbox .tab-pane h3:first-child {
    margin-top: 0;
  }
  .mod-contactbox h4 + address {
    padding-top: 0;
  }
  .mod-contactbox h4 + dl {
    margin-top: 0;
  }
  .mod-contactbox address {
    padding: 0;
    font-size: 1.1em;
    line-height: 1.5;
  }
}

/**
* Custom namics styles
* @namespace base__*
* CNGIMPL-2735
*/
.mod-cobranding .thumbnail-wrapper {
  margin-top: 0;
  margin-bottom: 65px;
}
.mod-cobranding .thumbnail-wrapper img {
  top: 40%;
}
.mod-cobranding ul li {
  float: left;
  margin-left: 0;
  margin-right: .8em;
  margin-bottom: .8em;
}
.mod-cobranding ul li a span {
  display: block;
  min-height: 1.5em;
}
.mod-cobranding ul li a img {
  height: 80px;
  display: inline-block;
  margin: 0;
}

@media all {
  .mod-download p {
    margin-bottom: 0;
  }
  .hnav .mod-download a,
  .hnav .mod-download a:visited {
    color: #006699;
  }
  .hnav .mod-download a:hover,
  .hnav .mod-download a:active,
  .hnav .mod-download a:focus {
    color: #dc0018;
  }
}

@media all {
  .mod-downloadlist li {
    padding-bottom: 0.6em;
  }
  .mod-downloadlist li:last-child {
    padding-bottom: 0;
  }
}

@media all {
  html.js .mod-dynamic {
    min-height: 0;
    background-image: none;
  }
  html.js .mod-dynamic.loading {
    position: relative;
    min-height: 200px;
  }
  html.js .mod-dynamic.loading:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.5;
  }
  html.js .mod-dynamic.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
  html.js .mod-dynamic > a {
    margin-top: .5em;
  }
  html.js .mod-dynamic .nojs {
    display: none;
  }
  html.js .context-column .mod-dynamic .search-result h4 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
  }
  html.js .scroll-y .mod-dynamic.loading {
    height: 330px;
  }
  html.js ul.pagination li.active a:hover {
    text-decoration: none;
  }
}

@media all {
  .mod-eventlist {
    margin-top: 1.2em;
  }
  .mod-eventlist table {
    margin-bottom: 0;
  }
  .mod-eventlist div.table-outer {
    overflow-x: auto;
    margin-bottom: 22px;
  }
  .mod-eventlist td.date {
    white-space: nowrap;
  }
  .mod-eventlist tr.canceled {
    background: #ff9a9c;
  }
  .mod-eventlist div[class*=col-],
  .mod-eventlist label[class*=col-] {
    margin-bottom: .5em;
  }
  .mod-eventlist .chosen-container-single .chosen-search input[type="text"] {
    background-image: none !important;
  }
  .mod-eventlist .form-group {
    width: 40em;
    min-height: 2em;
  }
  .mod-eventlist .form-group #input-organization,
  .mod-eventlist .form-group #input-topic {
    width: 100%;
  }
  .mod-eventlist .form-group #input_organization_chosen,
  .mod-eventlist .form-group #input_topic_chosen {
    float: right;
    line-height: 1.2em;
  }
  .mod-eventlist .form-group #input_organization_chosen .chosen-results,
  .mod-eventlist .form-group #input_topic_chosen .chosen-results {
    width: calc(24.5em - 2px) !important;
  }
  .mod-eventlist .form-group #input_organization_chosen .chosen-results li a,
  .mod-eventlist .form-group #input_topic_chosen .chosen-results li a {
    white-space: normal;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .mod-eventlist .form-group #input_organization_chosen .chosen-results,
  .mod-eventlist .form-group #input_topic_chosen .chosen-results {
    width: calc(24.2em - 2px) !important;
  }
}
@media screen and (max-width: 767px) {
  .mod-eventlist div[class*=col-],
  .mod-eventlist label[class*=col-] {
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0;
  }
  .mod-eventlist .form-horizontal {
    margin-bottom: 2em;
  }
  .mod-eventlist .form-horizontal .form-group {
    margin-bottom: 0;
    margin-top: 1em;
    width: 100%;
  }
  .mod-eventlist #input-organization,
  .mod-eventlist #input-topic {
    float: right;
    height: 2.4em;
  }
}
@media screen and (max-width: 491px) {
  .mod-eventlist .btn-primary {
    float: left;
  }
  .mod-eventlist #input-organization,
  .mod-eventlist #input-topic {
    width: 100%;
    float: none;
  }
}

@media all {
  .mod-eventdetails tr.canceled {
    background: #ff9a9c;
  }
}

@media all {
  .mod-externalcontent table,
  .externalcontent table {
    display: block;
    overflow-x: scroll;
    width: 100%;
    border: 0 solid #cccccc;
    padding: 0;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  .mod-form .bit-notes {
    z-index: -2;
    position: absolute;
  }
  .skin-layout-editmode .mod-form .section.end {
    height: 2em;
  }
  .mod-form .form-group.has-warning div[class*=col-] {
    margin-bottom: 0;
  }
  .mod-form .form-group .control-label {
    display: inline-block;
    max-width: 100%;
  }
  .mod-form .form-group .control-label label {
    padding-left: 0;
    overflow: hidden;
  }
  .mod-form .form-group .control-label .form_leftcol {
    position: relative;
  }
  .mod-form .form-group .control-label .form_leftcol .form_leftcolmark {
    position: absolute;
    top: 0;
    right: -15px;
    color: #dc0018;
  }
  .mod-form .form-group .error-message {
    display: block;
    overflow: hidden;
    clear: both;
    position: relative;
    margin-left: 33%;
    padding-left: 15px;
  }
  .mod-form .form-group .error-message .form_leftcol {
    display: none;
  }
  .mod-form .form-group .error-message .form_rightcol.form_error {
    color: #dc0018;
    font-size: .9em;
    background-color: #fffab2;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .mod-form .form-group .error-message {
    margin-left: 0;
  }
}

@media all {
  .mod-form-webcode .form-inline {
    border-bottom: 0;
  }
  .context-column .mod-form-webcode .form-inline .form-control {
    width: 100px;
  }
  .mod-form-webcode .form-inline input {
    margin-bottom: 5px;
  }
  .mod-form-webcode p.error {
    color: #DC0018;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  .mod-imagegallery {
    position: relative;
  }
  .mod-imagegallery.detail-view .gallery-view {
    display: none;
  }
  .mod-imagegallery.detail-view .single-view {
    display: block;
  }
  .mod-imagegallery .single-view {
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    display: none;
  }
  .mod-imagegallery a:visited .maginifier,
  .mod-imagegallery .magnifier {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    color: #006699;
  }
  .mod-imagegallery .modal-dialog {
    z-index: 1050;
  }
  .mod-imagegallery hr {
    clear: both;
  }
  .mod-imagegallery .pager {
    position: relative;
  }
  .ie9 .mod-imagegallery .carousel-control {
    background: url("assets/img/placeholder.png") 100% repeat !important;
  }
}
@media (min-width: 768px) {
  .mod-imagegallery .pagination-container > span {
    float: left;
  }
}

@media all {
  /* mega flyout */
  .dropdown-menu .mod-themes table .referencedlinks ul {
    list-style-type: square;
  }
  .dropdown-menu .mod-themes table .referencedlinks li {
    margin-left: 1em;
    display: list-item;
  }
  .mod-glossarylist .relatedlinks,
  .mod-glossaryitem .relatedlinks {
    margin: 0 0 0.2em 0;
  }
  .mod-glossarylist .referencedlinks ul,
  .mod-glossaryitem .referencedlinks ul {
    margin: 0;
  }
  .mod-glossarylist dt,
  .mod-glossaryitem dt {
    /** use same stye as h3 **/
    font-size: 17px;
    margin-top: 22px;
    margin-bottom: 11px;
    line-height: 1.2em;
    font-weight: normal;
  }
  .mod-glossarylist dd p,
  .mod-glossaryitem dd p,
  .mod-glossarylist .relatedLinks p,
  .mod-glossaryitem .relatedLinks p,
  .mod-glossarylist .referencedLinks p,
  .mod-glossaryitem .referencedLinks p,
  .mod-glossarylist dd a,
  .mod-glossaryitem dd a,
  .mod-glossarylist .relatedLinks a,
  .mod-glossaryitem .relatedLinks a,
  .mod-glossarylist .referencedLinks a,
  .mod-glossaryitem .referencedLinks a,
  .mod-glossarylist dd li,
  .mod-glossaryitem dd li,
  .mod-glossarylist .relatedLinks li,
  .mod-glossaryitem .relatedLinks li,
  .mod-glossarylist .referencedLinks li,
  .mod-glossaryitem .referencedLinks li {
    font-size: 1em;
  }
  .mod-glossaryitem .relatedlinks p,
  .mod-glossaryitem .referencedlinks p,
  .mod-glossaryitem .relatedlinks a,
  .mod-glossaryitem .referencedlinks a,
  .mod-glossaryitem .relatedlinks li,
  .mod-glossaryitem .referencedlinks li,
  .mod-glossaryitem .relatedlinks strong,
  .mod-glossaryitem .referencedlinks strong {
    font-size: 1.1em;
  }
  .mod-glossaryitem .referencedlinks p,
  .mod-glossaryitem .referencedlinks a,
  .mod-glossaryitem .referencedlinks li {
    font-size: 1em;
  }
}

@media all {
  .mod-iframe iframe {
    width: 100%;
  }
  .mod-iframe iframe.brennpunkteteaser-height {
    height: 23em;
    margin-bottom: -0.5em;
  }
  .mod-teaserfocus .mod-iframe {
    margin: 0 15px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .mod-iframe iframe.brennpunkteteaser-height {
    height: 17.95em;
  }
}
@media all and (max-width: 767px) {
  .mod-iframe iframe.brennpunkteteaser-height {
    height: 33.6em;
  }
}

@media all {
  .mod-joblist iframe {
    width: 100%;
  }
  .mod-joblist iframe.brennpunkteteaser-height {
    height: 23em;
    margin-bottom: -0.5em;
  }
  .mod-joblist .error-message {
    color: red;
    font-weight: bold;
  }
  .mod-joblist .hint-message {
    color: green;
    font-weight: bold;
  }
  .mod-teaserfocus .mod-joblist {
    margin: 0 15px;
  }
  .mod-joblist .jobListContent {
    margin-bottom: 1.2em;
  }
  .mod-joblist .teaser_content {
    border-bottom: 1px solid #cccccc;
    padding: 5px 0;
  }
  .mod-joblist .teaser_content a.visited {
    color: #848;
  }
  .mod-joblist .teaser_jobtitle {
    color: blue;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .mod-joblist iframe.brennpunkteteaser-height {
    height: 17.95em;
  }
}
@media all and (max-width: 767px) {
  .mod-joblist iframe.brennpunkteteaser-height {
    height: 33.6em;
  }
}

@media all {
  .mod-link a {
    text-decoration: none;
  }
}

@media all {
  .mod-linklist .list-unstyled li {
    padding-bottom: 0.6em;
  }
  .mod-linklist .list-unstyled li:last-child {
    padding-bottom: 0;
  }
  .mod-linklist .list-unstyled li {
    font-size: 1.1em;
  }
  .mod-linklist .pagination-container {
    text-align: left;
  }
  .mod-linklist .pager_bottom .pagination-container {
    border-top: 1px solid #D5D5D5;
  }
  footer .site-map .mod-linklist .list-unstyled li {
    padding-bottom: 0;
  }
  footer .site-map .mod-linklist .list-unstyled li {
    font-size: 1em;
  }
}

@media (max-width: 767px) {
  .mod-leftnavigation .nav-page-list li {
    /* temporary fix, can be removed later if webguidelines have implemented it */
  }
  .mod-leftnavigation .nav-page-list li.active {
    padding: 10px;
  }
}

@media all {
  .mod-mainnavigation .container-fluid.loading {
    position: relative;
    min-height: 200px;
  }
  .mod-mainnavigation .container-fluid.loading:before {
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.5;
  }
  .mod-mainnavigation .container-fluid.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
  .mod-mainnavigation .nav-main.yamm .nav > li > a:not([data-toggle]):after {
    content: "";
  }
  .dynmainnav {
    z-index: 8500;
    min-height: 50px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .mod-mainnavigation .nav-mobile .table-cell > a {
    display: table-cell;
  }
}


@media all {
  .mod-nsbabonnement {
    margin-bottom: 1.5em;
  }
  .mod-nsbabonnement section {
    margin-top: 1.5em;
    padding: .8em;
    border: 1px solid #ccc;
  }
  .mod-nsbabonnement fieldset {
    position: relative;
  }
  .mod-nsbabonnement fieldset .form-group.has-warning {
    padding: 6px 10px 6px 10px;
  }
  .mod-nsbabonnement fieldset .form-group .control-label {
    text-align: left;
  }
  .mod-nsbabonnement fieldset .form-group .error.help-block {
    margin-bottom: 0;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  html.js .mod-nsbnewslist .mod-dynamic.loading:after {
    top: 85px;
  }
  .mod-nsbnewslist h3 {
    margin: 0;
  }
  .mod-nsbnewslist p {
    margin: 2px 0 5px 0;
  }
  .mod-nsbnewslist #newsFilter {
    margin-top: 1.5em;
  }
  .mod-nsbnewslist .news-feed .list-group-item:last-child {
    border-bottom: 1px solid #ccc;
  }
  .mod-nsbnewslist .chosen-container-single .chosen-search input[type="text"] {
    background-image: none !important;
  }
  .mod-nsbnewslist .search-result {
    padding-top: 5px;
  }
  .mod-nsbnewslist .form-group {
    min-height: 2em;
  }
  .mod-nsbnewslist select,
  .mod-nsbnewslist input {
    width: 24.6em;
  }
  .mod-nsbnewslist input[type=text],
  .mod-nsbnewslist input[type=date] {
    float: right;
    height: auto;
    padding: 0.4em 0.3076em;
    font-size: 14px;
    line-height: 1.2em;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #757575;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .mod-nsbnewslist .chosen-container {
    float: right;
    line-height: 1.2em;
  }
  .mod-nsbnewslist .chosen-container .chosen-results {
    width: calc(24.6em - 2px) !important;
  }
  .mod-nsbnewslist .chosen-container .chosen-results li a {
    white-space: normal;
  }
  .mod-nsbnewslist .nsb-advanced-search {
    font-size: .9em;
  }
  .skin-layout-template-contentpagewide .main-content > .mod-nsbnewslist .form-group {
    max-width: 70%;
  }
  .skin-layout-template-contentpagefull .main-content > .mod-nsbnewslist .form-group {
    max-width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mod-nsbnewslist .news-feed:before,
  .mod-nsbnewslist .news-feed:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .mod-nsbnewslist .news-feed:after {
    clear: both;
  }
  .mod-nsbnewslist .news-feed .list-group-item {
    width: 33%;
  }
  .main-content .mod-nsbnewslist .news-feed:before,
  .main-content .mod-nsbnewslist .news-feed:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .main-content .mod-nsbnewslist .news-feed:after {
    clear: both;
  }
  .main-content .mod-nsbnewslist .news-feed .list-group-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mod-nsbnewslist .form-group {
    margin-bottom: 0;
    margin-top: 1em;
  }
  .mod-nsbnewslist select {
    float: right;
    height: 2.4em;
  }
}
@media screen and (max-width: 491px) {
  .mod-nsbnewslist .btn-primary {
    float: left;
  }
  .mod-nsbnewslist select,
  .mod-nsbnewslist input {
    width: 100%;
  }
  .mod-nsbnewslist select {
    float: none;
  }
  .mod-nsbnewslist input[type=date] {
    float: right;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  .mod-nsbsinglemessage:before,
  .mod-nsbsinglemessage:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .mod-nsbsinglemessage:after {
    clear: both;
  }
  .mod-nsbsinglemessage h3 {
    margin: 0;
  }
  .mod-nsbsinglemessage p {
    margin: 1.3em 0 5px 0;
  }
}
@media (min-width: 768px) {
  .mod-nsbsinglemessage .news-feed .list-group-item {
    float: none;
    width: auto;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  .mod-one-line-form .error-validation {
    width: 100%;
    margin-bottom: 10px;
    color: red;
    float: left;
  }
}
@media (max-width: 767px) {
  .mod-one-line-form .btn[type=submit] {
    float: right;
    margin-top: 15px;
  }
}

@media all {
  .mod-search .search-result h4 {
    font-weight: normal;
  }
  .mod-search .tab-content .form-inline {
    border-bottom: 1px solid #CCC;
  }
  .mod-search .form-inline .form-group {
    margin: 5px 0;
  }
  .mod-search .form-inline label {
    margin-right: 0.4em;
  }
  .mod-search .form-inline .labelto {
    margin-left: 1.6em;
  }
  .mod-search .pager_top {
    padding: 10px 0 20px 0;
  }
  .mod-search .pager_top .pagination-container {
    padding-bottom: 18px;
  }
  .mod-search .pg-bottom .pagination-container {
    border-bottom: none;
    padding-bottom: 0;
  }
  .mod-search #errorMessage ul {
    list-style-type: none;
    padding: 0;
    color: #dc0018;
  }
  .mod-search #errorMessage ul li {
    margin: 0;
  }
  .mod-search .nojs {
    color: #dc0018;
  }
  .mod-search #searchResults {
    display: none;
  }
  .mod-search.loading .search-box .form-group {
    position: relative;
  }
  .mod-search.loading .search-box .form-group:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    color: #454545;
    top: .6em;
    right: .4em;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
  .mod-search .dynamic-content.loading {
    position: relative;
    min-height: 200px;
  }
  .mod-search .dynamic-content.loading:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.5;
  }
  .mod-search .dynamic-content.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
  html.js .mod-search .nojs {
    display: none;
  }
}
@media (max-width: 768px) {
  .mod-search .form-inline {
    margin-top: 0;
  }
  .mod-search .form-inline .form-group {
    padding: 5px 0;
    margin: 0;
  }
  .mod-search .form-inline .labelto {
    margin-left: 0;
    margin-top: 1.6em;
  }
  .mod-search.loading .search-box .form-group:after {
    top: auto;
    bottom: 1.1em;
  }
}

@media all {
  .mod-separator {
    margin-bottom: 11px;
  }
}

@media all {
  .mod-singlepageapplication iframe {
    width: 100%;
  }
  .mod-singlepageapplication iframe.brennpunkteteaser-height {
    height: 23em;
    margin-bottom: -0.5em;
  }
  .mod-singlepageapplication .error-message {
    color: red;
    font-weight: bold;
  }
  .mod-singlepageapplication .hint-message {
    font-weight: bold;
  }
  .mod-teaserfocus .mod-singlepageapplication {
    margin: 0 15px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .mod-singlepageapplication iframe.brennpunkteteaser-height {
    height: 17.95em;
  }
}
@media all and (max-width: 767px) {
  .mod-singlepageapplication iframe.brennpunkteteaser-height {
    height: 33.6em;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  .mod-sitemap {
    margin-top: 1.5em;
  }
  .mod-sitemap > .row {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .mod-sitemap > .row > .col-sm-6,
  .mod-sitemap > .row > .col-sm-4,
  .mod-sitemap > .row > .col-sm-3 {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #cccccc;
    display: table-cell;
    float: none;
  }
  .mod-sitemap > .row > .col-sm-6:first-child,
  .mod-sitemap > .row > .col-sm-4:first-child,
  .mod-sitemap > .row > .col-sm-3:first-child {
    border-left: none;
  }
  .mod-sitemap > .row > .col-sm-6:last-child,
  .mod-sitemap > .row > .col-sm-4:last-child,
  .mod-sitemap > .row > .col-sm-3:last-child {
    border-right: none;
  }
  .mod-sitemap a {
    font-size: 1em;
  }
  .mod-sitemap h3 {
    margin-top: 0;
  }
  .mod-sitemap h3 a {
    line-height: 1.3;
    color: #006699;
    word-wrap: break-word;
  }
  .mod-sitemap ul,
  .mod-sitemap li {
    background: none;
    float: none;
    border: none;
    margin-top: 0.8em;
    min-height: 0;
    max-width: none;
    font-size: 1em;
  }
  .mod-sitemap ul a,
  .mod-sitemap li a {
    font-size: 1em;
    line-height: 1.2;
    text-decoration: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
    color: #006699;
    word-wrap: break-word;
  }
  .mod-sitemap ul ul,
  .mod-sitemap li ul {
    padding: 0 0 0 1.2em;
  }
  .mod-sitemap ul ul li,
  .mod-sitemap li ul li {
    line-height: 1em;
  }
  .mod-sitemap ul ul a,
  .mod-sitemap li ul a {
    font-size: 0.928em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mod-sitemap {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .mod-sitemap > .row > .col-sm-6,
  .mod-sitemap > .row > .col-sm-4,
  .mod-sitemap > .row > .col-sm-3 {
    border: none;
    display: block;
    width: 100%;
  }
}

@media all {
  .mod-table {
    overflow-x: auto;
    /** Bugfix Webguidelines ver. 2.5.0: table with stripes, background-color was set
			for odd instead of for even so no stripes were displayed **/
  }
  .mod-table .table {
    /*CNGIMPL-2750*/
  }
  .mod-table .table img {
    max-width: 183px;
  }
  .mod-table .table[data-cols="1"] img {
    max-width: 553px;
  }
  .mod-table .table[data-cols="2"] img {
    max-width: 276.5px;
  }
  .mod-table .table .tablesorter-header-inner,
  .mod-table .table .table-sort thead th {
    white-space: nowrap;
  }
  .mod-table .table tbody tbody tr td:first-child,
  .mod-table .table tbody tbody tr th:first-child {
    background: transparent;
  }
  .mod-table .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
  }
  .mod-table .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
  }
  .mod-table .table-simple {
    border: 0 !important;
  }
  .mod-table .table-simple tbody tr td,
  .mod-table .table-simple tbody tr th,
  .mod-table .table-simple thead tr td,
  .mod-table .table-simple thead tr th {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .mod-table .table-naked {
    border: 0 !important;
  }
  .mod-table .jsontable .sorter-false:after {
    content: "";
  }
  .mod-table .table-legend,
  .mod-table .table-sources {
    display: block;
    margin-top: 3.06em;
  }
  .mod-table table + small.table-legend,
  .mod-table table + small.table-sources {
    margin-top: 1em;
  }
}

@media all {
  .mod-tabs .content .mod-nsbsinglemessage .newsteaser-grouped article {
    padding-top: 2em;
  }
  .mod-tabs .content .mod-nsbsinglemessage .newsteaser p.sidehead {
    position: relative;
    top: auto;
  }
  .mod-tabs .content .mod-nsbsinglemessage .newsteaser p.sidehead span.category {
    display: none;
  }
  .skin-layout-editmode .mod-tabs {
    margin-bottom: 1em;
  }
  .skin-layout-editmode .mod-tabs .tab-content .tab-pane {
    display: block !important;
    left: -9999px;
    position: absolute;
    width: 100%;
  }
  .skin-layout-editmode .mod-tabs .tab-content .tab-pane.active {
    position: relative;
    left: auto;
    width: auto;
  }
}

@media all {
  .mod-teaser .layoutLeft h2,
  .mod-teaser .layoutLeft h3,
  .mod-teaser .layoutLeft h4,
  .mod-teaser .layoutLeft h5,
  .mod-teaser .layoutLeft h6 {
    margin-top: 0;
  }
  .mod-teaser .layoutLeft figure.pull-left {
    display: inline-block;
    max-width: 100%;
  }
  .mod-teaser .layoutLeft .teaserDate {
    margin-top: 0;
  }
  .mod-teaser .text-left .teaserDate {
    margin-top: 0;
  }
  .mod-teaser figure + .teaserDate,
  .mod-teaser a + .teaserDate {
    margin-top: 22px;
  }
  .mod-teaser .teaserDate {
    margin-bottom: 0;
  }
  .mod-teaser .teaserDate + h2,
  .mod-teaser .teaserDate + h3,
  .mod-teaser .teaserDate + h4,
  .mod-teaser .teaserDate + h5,
  .mod-teaser .teaserDate + h6 {
    margin-top: 0;
  }
}

@media all {
  .col-md-12 > .mod-teaserfocus,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus {
    clear: both;
    overflow: hidden;
    display: block;
    border: 1px solid #ccc;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs {
    display: block;
  }
  .col-md-12 > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-2 li,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-2 li {
    height: 50%;
  }
  .col-md-12 > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-3 li,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-3 li {
    height: 33.3333%;
  }
  .col-md-12 > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-4 li,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-4 li {
    height: 25%;
  }
  .col-md-12 > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-5 li,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .equalheight-ready .nav-tabs.tabs-5 li {
    height: 20%;
  }
  .col-md-12 > .mod-teaserfocus .tab-content.tab-border.tab-focus.tabs-1,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .tab-content.tab-border.tab-focus.tabs-1 {
    border-right: none;
  }
  .col-md-12 > .mod-teaserfocus .tab-content.tab-border.tab-focus,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .tab-content.tab-border.tab-focus {
    width: 75%;
    float: left;
    border: none;
    border-right: 1px solid #CCC;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs {
    float: left;
    width: 25%;
    border-left: none;
    border-top: none;
    border-right: none;
    background: #F5F5F5;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li {
    float: none;
    display: table;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #CCC !important;
    margin-bottom: 0;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li:first-child,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li:first-child {
    border-top: none;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li:last-child,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li:last-child {
    margin-bottom: 0;
    border-bottom: none !important;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li:last-child a,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li:last-child a {
    border-color: transparent;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li a,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li a {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    border-bottom: none;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li a:focus,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li a:focus,
  .col-md-12 > .mod-teaserfocus .nav-tabs li a:hover,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li a:hover {
    border-color: #dc0018;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a,
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a:focus,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a:focus,
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a:hover,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a:hover,
  .col-md-12 > .mod-teaserfocus .nav-tabs li > a:focus,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li > a:focus,
  .col-md-12 > .mod-teaserfocus .nav-tabs li > a:hover,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li > a:hover {
    padding-right: 12px;
    border-right: 3px solid #dc0018 !important;
    border-bottom: none;
  }
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a:before,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a:before,
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a:focus:before,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a:focus:before,
  .col-md-12 > .mod-teaserfocus .nav-tabs li.active > a:hover:before,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li.active > a:hover:before,
  .col-md-12 > .mod-teaserfocus .nav-tabs li > a:focus:before,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li > a:focus:before,
  .col-md-12 > .mod-teaserfocus .nav-tabs li > a:hover:before,
  .col-md-12 > .par > .teaserfocus > .mod-teaserfocus .nav-tabs li > a:hover:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .mod-teaserfocus .tab-content.tab-focus.tabs-1 {
    border-bottom: 1px solid #ccc;
  }
}

/**
 * CLEARFIX
 * see: http://nicolasgallagher.com/micro-clearfix-hack/
 * 
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
@media all {
  #main-navigation .dropdown-menu .mod-teaserlist div[class*=col-] {
    border-right: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    margin-right: -1px;
  }
  #main-navigation .dropdown-menu .mod-teaserlist div[class*=col-]:last-child {
    border-right: none;
    margin-right: 0;
  }
  #main-navigation .dropdown-menu .mod-teaserlist div[class*=col-]:first-child {
    border-left: none;
    border-right: 1px solid #D5D5D5;
  }
  #main-navigation .dropdown-menu .mod-teaserlist div.col-sm-12 {
    border-right: none;
    border-left: none;
    margin-right: 0;
    margin-left: 0;
  }
  .mod-teaserlist div[class*=col-] {
    margin-bottom: 0;
  }
  .mod-teaserlist h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mod-teaserlist figure + h3 {
    margin-top: 22px;
  }
  .mod-teaserlist .wrapper {
    margin-top: 11px;
  }
  .mod-teaserlist .teaserlist-form select {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mod-teaserlist {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .mod-teaserlist .showimagetitletext article,
  .mod-teaserlist .showtitletext article,
  .mod-teaserlist .showtitle article {
    height: auto;
    width: 100%;
  }
  .mod-teaserlist div[class^="col-sm-"] {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .mod-teaserlist .showimagetitletext article p {
    padding-bottom: 10px;
  }
}
/*

	CNGIMPL-2744

*/
@media only screen and (min-width: 991px) {
  .img-left {
    float: left;
    padding-right: 5px;
    padding-bottom: 10px;
  }
  .col-sm-3 > .mod-teaser .img-left,
  .col-md-3 > .mod-teaser .img-left,
  .col-sm-4 > .mod-teaser .img-left,
  .col-md-4 > .mod-teaser .img-left {
    padding-right: 0;
  }
  .col-sm-6 > .mod-teaser .img-left,
  .col-md-6 > .mod-teaser .img-left {
    width: 50%;
  }
  .col-sm-8 > .mod-teaser .img-left,
  .col-md-8 > .mod-teaser .img-left {
    width: 37.66666%;
  }
  .col-sm-9 > .mod-teaser .img-left,
  .col-md-9 > .mod-teaser .img-left {
    width: 33.3333%;
  }
  .col-sm-12 > .mod-teaser .img-left,
  .col-md-12 > .mod-teaser .img-left {
    width: 25%;
  }
  .text-left h3,
  .text-left h4,
  .text-left h5,
  .text-left h6 {
    margin-top: 0;
  }
}

@media all {
  .mod-textimage figure.pull-left {
    width: auto;
    max-width: 100%;
    display: inline-block;
    margin-top: 0.4em;
  }
  .mod-textimage figure.pull-left figcaption {
    display: block;
  }
  .mod-textimage p.bottomlink a {
    text-decoration: none;
  }
  .mod-textimage figure {
    margin-bottom: 0.8em;
  }
  .mod-textimage figure figcaption {
    margin-bottom: 0;
  }
}

@media all {
  .mod-themes .collapse:focus {
    outline: none;
  }
  .mod-themes .tab-pane:focus {
    outline: none;
  }
  .mod-themes .tab-pane.loading {
    position: relative;
    min-height: 200px;
  }
  .mod-themes .tab-pane.loading:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0.5;
  }
  .mod-themes .tab-pane.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
  .mod-themes .tab-pane .nav > li.disabled > a {
    color: #ccc;
    cursor: not-allowed;
  }
  .mod-themes .mod-accordion > div > a {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #d5d5d5;
    margin: 0.7em 0;
    padding-top: 0.7em;
  }
  .mod-themes #mf_themes_tab .dynamic-content {
    padding: 1em;
    border: 1px #ccc solid;
    margin-top: 1em;
    overflow: hidden;
  }
  .mod-themes #mf_themes_tab .dynamic-content.loading {
    position: relative;
    min-height: 100px;
  }
  .mod-themes #mf_themes_tab .dynamic-content.loading:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 9;
  }
  .mod-themes #mf_themes_tab .dynamic-content.loading:after {
    position: absolute;
    content: "\f021";
    font: normal normal normal 18px/1 FontAwesome;
    color: #454545;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 11;
  }
}

.mod-twitterstream .twitter-timeline {
  padding-left: 0;
  font-size: .9em;
  list-style: none;
}
.mod-twitterstream .twitter-timeline .tweet {
  min-height: 54px;
  margin-left: 0;
  padding: 9px 4px 5px 58px;
  border-bottom: 1px solid #e1e8ed;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author {
  display: inline-block;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .avatar {
  border-radius: 5px;
  height: 48px;
  margin: 3px 10px 0 -58px;
  position: absolute;
  width: 48px;
  -moz-force-broken-image-icon: 1;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .full-name {
  color: black;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .full-name:hover,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .full-name:focus,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .full-name:active {
  text-decoration: underline;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .full-name .name {
  color: #292f33;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .nickname {
  direction: ltr;
  font-size: .9em;
  color: #909090;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .nickname:hover,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .nickname:focus,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .author .profile .nickname:active {
  cursor: default;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time:before {
  content: "·";
  margin-left: 5px;
  font-size: .9em;
  color: #909090;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time:hover,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time:focus,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time:active {
  cursor: default;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time .url.permalink {
  font-size: 1.1em;
  color: #909090;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time .url.permalink:hover,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time .url.permalink:focus,
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time .url.permalink:active {
  color: #666;
  text-decoration: underline;
}
.mod-twitterstream .twitter-timeline .tweet .tweet-header .time .url.permalink abbr[title] {
  border-bottom: none;
}
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title:hover,
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title:focus,
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title:active {
  cursor: default;
}
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title a {
  color: #08c;
  text-decoration: none;
}
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title a:hover,
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title a:focus,
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title a:active {
  text-decoration: underline;
}
.mod-twitterstream .twitter-timeline .tweet .e-entry-content .e-entry-title a s {
  color: #75c2f0;
  text-decoration: none;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by {
  font-size: .9em;
  color: #909090;
  cursor: default;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-retweet:hover,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-retweet:focus,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-retweet:active {
  background-position: -81px 0;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by a {
  color: #909090;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by a:hover,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by a:focus,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by a:active {
  text-decoration: underline;
}
.mod-twitterstream .twitter-timeline .tweet .footer {
  display: table;
  width: 100%;
  padding-top: 3px;
  font-size: .9em;
}
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions {
  display: table-cell;
  text-align: right;
}
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li {
  display: inline-block;
}
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li a,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li button {
  margin-left: 8px;
  color: #909090;
}
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li a:hover,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li button:hover,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li a:focus,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li button:focus,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li a:active,
.mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li button:active {
  color: #666;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .reply-action .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .retweet-action .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .favorite-action .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .reply-action .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweet-action .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .favorite-action .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .reply-action .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .retweet-action .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .favorite-action .icon-favorite {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: -1px;
}
.mod-twitterstream .twitter-timeline .tweet .reply-action:hover,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:hover,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:hover,
.mod-twitterstream .twitter-timeline .tweet .reply-action:focus,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:focus,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:focus,
.mod-twitterstream .twitter-timeline .tweet .reply-action:active,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:active,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:active {
  color: #666;
  text-decoration: underline;
}
.mod-twitterstream .twitter-timeline .tweet .reply-action:hover .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:hover .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:hover .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .reply-action:focus .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:focus .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:focus .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .reply-action:active .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:active .icon-reply,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:active .icon-reply {
  background: url("assets/img/twitter_sprite.png") no-repeat -16px 0;
}
.mod-twitterstream .twitter-timeline .tweet .reply-action:hover .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:hover .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:hover .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .reply-action:focus .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:focus .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:focus .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .reply-action:active .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:active .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:active .icon-retweet {
  background: url("assets/img/twitter_sprite.png") no-repeat -97px 0;
}
.mod-twitterstream .twitter-timeline .tweet .reply-action:hover .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:hover .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:hover .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .reply-action:focus .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:focus .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:focus .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .reply-action:active .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .retweet-action:active .icon-favorite,
.mod-twitterstream .twitter-timeline .tweet .favorite-action:active .icon-favorite {
  background: url("assets/img/twitter_sprite.png") no-repeat -49px 0;
}
.mod-twitterstream .twitter-timeline .tweet .reply-action .icon-reply {
  background: url("assets/img/twitter_sprite.png") no-repeat 0 0;
}
.mod-twitterstream .twitter-timeline .tweet .retweeted-by .icon-retweet,
.mod-twitterstream .twitter-timeline .tweet .retweet-action .icon-retweet {
  background: url("assets/img/twitter_sprite.png") no-repeat -81px 0;
}
.mod-twitterstream .twitter-timeline .tweet .favorite-action .icon-favorite {
  background: url("assets/img/twitter_sprite.png") no-repeat -33px 0;
}
@media (max-width: 767px) {
  .mod-twitterstream .twitter-timeline .tweet .footer {
    margin-left: -3px;
  }
  .mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions {
    padding-left: 0;
    text-align: left;
  }
  .mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li:first-child {
    margin-left: 0;
  }
  .mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li .reply-action,
  .mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li .retweet-action,
  .mod-twitterstream .twitter-timeline .tweet .footer .tweet-actions li .favorite-action {
    margin-left: 0;
  }
}

@media all {
  .mod-toplink p {
    margin: 0;
  }
}

@media all {
  .mod-video iframe {
    max-width: 100%;
  }
  .mod-video .layoutLeft h2,
  .mod-video .layoutLeft h3,
  .mod-video .layoutLeft h4,
  .mod-video .layoutLeft h5,
  .mod-video .layoutLeft h6 {
    margin-top: 0;
  }
  .mod-video .layoutLeft .pull-left {
    max-width: 100%;
    padding-right: 10px;
    float: none !important;
  }
}
@media (min-width: 768px) {
  .mod-video .layoutLeft .pull-left {
    max-width: 60%;
    float: left !important;
  }
}

@media all {
  .mod-socialshare a,
  .mod-socialshare a:hover {
    text-decoration: none;
  }
}

@media all {
  .mod-publicationlist {
    margin-top: 1.2em;
    /* Bugfix Webguidelines 2.4.0: adds missing top margin to text inside publication list item*/
  }
  .mod-publicationlist div.list-group-item p {
    margin-top: 0.6em;
  }
  .mod-publicationlist div.list-group-item figure {
    margin-top: 1em;
  }
  .mod-publicationlist div.list-group-item h3 {
    margin: 0;
  }
  .mod-publicationlist .list-group-item:last-child {
    border-bottom: 0;
  }
}