/**
 * This stylesheet is for large scale, structural positioning of page elements.
 * There should be no presentational code in here.
 */
/* 1. Descriptive Variables
========================================================================== */
/*Neu*/
/*Neu*/
/*Neu*/
/*$red: rgb(255,0,0);/*rgb(197,40,36);*/
/* 2. Functional Variables
========================================================================== */
/* General
========================================================================== */
/* Navigation
========================================================================== */
/* Shared */
/* Main Navigation */
/* Superfish */
/* Megamenu */
/* Breadcrumbs */
/* Teaser
========================================================================== */
/* Shared */
/*$color-teaser-bg: $white;*/
/*$color-recommendation-bg: $white;
$color-recommendation-border: $lightest-grey;
$color-recommendation-copy: $dark-grey;
$color-recommendation-heading: $blue;
$color-recommendation-tag: $light-grey;*/
/* Highlighted */
/* Emphasized */
/* Understated */
/*$color-teaser--understated-bg: $color-understated;*/
/* Footer
========================================================================== */
@import url(../fonts/opensans_regular_macroman/stylesheet.css);
@import url(../fonts/opensans_semibold_macroman/stylesheet.css);
/*#header {
  @include inline-block();
  margin: $gutter;
  position: relative;
  padding: 0;
  z-index: 20;
  a {
    display: block;
    text-decoration: none;
    &#logo {
      height: 66px;
      width: 227px;
      img {
        width: 100%;
      }
    }
  }
}*/
#header {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 10px 0px 10px;
  position: relative;
  padding: 0;
  z-index: 999;
}
#header h1#logo {
  display: block;
  text-decoration: none;
  text-indent: -999em;
  height: 66px;
  width: 298px;
  max-width: 100%;
  /*background: no-repeat url(/sites/default/files/logo-crif-buergel.png);*/
}
#header h1#logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#header h1#logo a img {
  display: block;
  max-width: 100%;
}

.is-branch #header h1#logo {
  /*background: no-repeat url(/sites/default/files/logo-crif-buergel.png);*/
}

/* Page wrapper */
#page {
  zoom: 1;
  height: 100%;
  /*
  margin: 10px auto;
  padding: 0;
  width: 1120px;
  */
}
#page:before, #page:after {
  content: "";
  display: table;
}
#page:after {
  clear: both;
}

/*.logged-in {
  #page {
    margin-top: 30px;
  }
}*/
#main {
  margin: 0px 0px 0px 0px;
  position: relative;
  z-index: 1;
  padding: 0;
  background: none #ffffff;
}

#main.include-overlay {
  z-index: 1000;
}

/* Content wrapper */
.has-banner #content-wrapper {
  min-height: 360px;
  height: auto !important;
  height: 360px;
  position: relative;
}
.has-banner #content-wrapper .region-content,
.has-banner #content-wrapper h1.title {
  width: 500px;
}
.has-banner #content-wrapper .field-name-field-image-2-col {
  position: absolute;
  right: 0;
  top: 0;
}
.has-banner.path-standorte #content-wrapper .region-content,
.has-banner.path-standorte #content-wrapper h1.title {
  width: auto;
}

.no-banner #content-wrapper .region-content .view-mode-full,
.no-banner #content-wrapper .region-content .taxonomy-term,
.page-taxonomy #content-wrapper .region-content .view-mode-full,
.page-taxonomy #content-wrapper .region-content .taxonomy-term {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}
.no-banner #content-wrapper .region-content .view-mode-full.node-webform, .no-banner #content-wrapper .region-content .view-mode-full.node-location-gmap, .no-banner #content-wrapper .region-content .view-mode-full.node-location,
.no-banner #content-wrapper .region-content .taxonomy-term.node-webform,
.no-banner #content-wrapper .region-content .taxonomy-term.node-location-gmap,
.no-banner #content-wrapper .region-content .taxonomy-term.node-location,
.page-taxonomy #content-wrapper .region-content .view-mode-full.node-webform,
.page-taxonomy #content-wrapper .region-content .view-mode-full.node-location-gmap,
.page-taxonomy #content-wrapper .region-content .view-mode-full.node-location,
.page-taxonomy #content-wrapper .region-content .taxonomy-term.node-webform,
.page-taxonomy #content-wrapper .region-content .taxonomy-term.node-location-gmap,
.page-taxonomy #content-wrapper .region-content .taxonomy-term.node-location {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 10;
  -webkit-column-gap: 10;
  column-gap: 10;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}

/* Adressermittlung Online iFrame */
.page-node-253 #content-wrapper .region-content .view-mode-full {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 10;
  -webkit-column-gap: 10;
  column-gap: 10;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}
.page-node-253 #content-wrapper .region-content .view-mode-full .field-name-body .embed-container {
  background-color: #ffffff;
  /*height: auto;
  margin-bottom: 1.5em;
  padding: 1em 0;
  width: 100%;*/
  margin-bottom: 1.5em;
  position: relative;
  padding-bottom: 100%;
  /* ratio 4x3 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.page-node-253 #content-wrapper .region-content .view-mode-full .field-name-body .embed-container iframe {
  /*height: 600px;
  width: 100%;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Webform in Region Content */
.not-front.region-content-has-webform #content-wrapper .region-content {
  margin-top: 1.5em;
}
.not-front.region-content-has-webform #content-wrapper .region-content .view-mode-full,
.not-front.region-content-has-webform #content-wrapper .region-content .block-webform {
  margin-top: 0;
  width: 535px;
}
.not-front.region-content-has-webform #content-wrapper .region-content .view-mode-full {
  float: left;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 10;
  -webkit-column-gap: 10;
  column-gap: 10;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}
.not-front.region-content-has-webform #content-wrapper .region-content .block-webform {
  float: right;
}
.not-front.region-content-has-webform #content-wrapper .region-content .field-name-field-image-2-col {
  margin-bottom: 1.5em;
}
.not-front.region-content-has-webform #content-wrapper .region-content .field-name-field-image-2-col img {
  display: block;
  height: auto;
  width: 100%;
}

/* "Microsites" */
.node-type-offer {
  /*#region-top,
  #region-navigation,*/
}
.node-type-offer_ #region-footer .block-menu li,
.node-type-offer #region-footer .block-views-l10n-l10n-hotline-footnote {
  display: none;
}
.node-type-offer #region-top,
.node-type-offer #region-navigation {
  display: block;
}
.node-type-offer #region-top .inner-wrapper,
.node-type-offer #region-navigation .inner-wrapper {
  display: none;
}
.node-type-offer #region-footer .block-menu li.datenschutz, .node-type-offer #region-footer .block-menu li.bildnachweise {
  display: block;
}
.node-type-offer .breadcrumb {
  display: none;
}

@media (max-width: 768px) {
  /* Webform in Region Content */
  .not-front.region-content-has-webform #content-wrapper .region-content .view-mode-full,
  .not-front.region-content-has-webform #content-wrapper .region-content .block-webform {
    float: none;
    width: 100%;
  }
  .not-front.region-content-has-webform #content-wrapper .region-content .block-webform {
    margin-top: 1.5em;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .no-banner #content-wrapper .region-content .view-mode-full,
  .no-banner #content-wrapper .region-content .taxonomy-term,
  .page-taxonomy #content-wrapper .region-content .view-mode-full,
  .page-taxonomy #content-wrapper .region-content .taxonomy-term,
  .node-type-location #content-wrapper .region-content .view-mode-full,
  .node-type-location #content-wrapper .region-content .taxonomy-term {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 10;
    -webkit-column-gap: 10;
    column-gap: 10;
    -moz-column-fill: balance;
    -webkit-column-fill: balance;
    column-fill: balance;
    -moz-column-rule: none;
    -webkit-column-rule: none;
    column-rule: none;
    max-width: 50em;
  }
  .no-banner #content-wrapper .region-content .view-mode-full img,
  .no-banner #content-wrapper .region-content .taxonomy-term img,
  .page-taxonomy #content-wrapper .region-content .view-mode-full img,
  .page-taxonomy #content-wrapper .region-content .taxonomy-term img,
  .node-type-location #content-wrapper .region-content .view-mode-full img,
  .node-type-location #content-wrapper .region-content .taxonomy-term img {
    width: auto;
  }
}
.iem7, .lt-ie10 {
  /* IE10- specific styles go here */
}
.iem7 .no-banner #content-wrapper .region-content .view-mode-full,
.iem7 .no-banner #content-wrapper .region-content .taxonomy-term,
.iem7 .page-taxonomy #content-wrapper .region-content .view-mode-full,
.iem7 .page-taxonomy #content-wrapper .region-content .taxonomy-term,
.iem7 .node-type-location #content-wrapper .region-content .view-mode-full,
.iem7 .node-type-location #content-wrapper .region-content .taxonomy-term, .lt-ie10 .no-banner #content-wrapper .region-content .view-mode-full,
.lt-ie10 .no-banner #content-wrapper .region-content .taxonomy-term,
.lt-ie10 .page-taxonomy #content-wrapper .region-content .view-mode-full,
.lt-ie10 .page-taxonomy #content-wrapper .region-content .taxonomy-term,
.lt-ie10 .node-type-location #content-wrapper .region-content .view-mode-full,
.lt-ie10 .node-type-location #content-wrapper .region-content .taxonomy-term {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 10;
  -webkit-column-gap: 10;
  column-gap: 10;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
  width: 75%;
  max-width: 50em;
}
.iem7 .no-banner #content-wrapper .region-content .view-mode-full img,
.iem7 .no-banner #content-wrapper .region-content .taxonomy-term img,
.iem7 .page-taxonomy #content-wrapper .region-content .view-mode-full img,
.iem7 .page-taxonomy #content-wrapper .region-content .taxonomy-term img,
.iem7 .node-type-location #content-wrapper .region-content .view-mode-full img,
.iem7 .node-type-location #content-wrapper .region-content .taxonomy-term img, .lt-ie10 .no-banner #content-wrapper .region-content .view-mode-full img,
.lt-ie10 .no-banner #content-wrapper .region-content .taxonomy-term img,
.lt-ie10 .page-taxonomy #content-wrapper .region-content .view-mode-full img,
.lt-ie10 .page-taxonomy #content-wrapper .region-content .taxonomy-term img,
.lt-ie10 .node-type-location #content-wrapper .region-content .view-mode-full img,
.lt-ie10 .node-type-location #content-wrapper .region-content .taxonomy-term img {
  width: auto;
}

#content-wrapper .view-mode-full .field-name-body h2 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
#content-wrapper .view-mode-full .field-name-body p {
  orphans: 5;
  widows: 5;
  margin-bottom: 1em;
}
#content-wrapper .view-mode-full .field-name-body div,
#content-wrapper .view-mode-full .field-name-body li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  display: table;
}
#content-wrapper .view-mode-full .field-name-body .field-name-field-folder {
  display: none;
}
#content-wrapper .view-mode-full .view-display-id-related_deliveries_eva,
#content-wrapper .view-mode-full .view-display-id-related_deliveries_eva li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  display: table;
}

.node-type-location-gmap #content-wrapper .view-mode-full .field-name-body {
  margin-top: 1em;
}

.region-footer .inner-wrapper,
#content-wrapper {
  background-color: #eceded;
  color: #343434;
}

.inner-wrapper,
#content-wrapper {
  font-size: 0.9em;
  margin: 0 10px;
  padding: 10px;
}

#content-wrapper {
  margin: 10px;
}

.node-type-location #content-wrapper {
  zoom: 1;
  float: left;
  *display: inline;
  background-color: #ffffff;
  border-bottom: 2px solid #e2e2e3;
  border-right: 2px solid #e2e2e3;
  color: #343434;
  font-size: 1em;
  margin: 10px 5px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  width: 545px;
  min-height: 460px;
  height: auto !important;
  height: 460px;
  max-height: 460px;
}
.node-type-location #content-wrapper:before, .node-type-location #content-wrapper:after {
  content: "";
  display: table;
}
.node-type-location #content-wrapper:after {
  clear: both;
}
.node-type-location #content-wrapper h1 {
  font-size: 1.16666em;
}
.node-type-location #content-wrapper .inner-wrapper {
  margin: 0;
  padding: 10px;
}
.node-type-location #content-wrapper .view-mode-full {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}
.node-type-location #content-wrapper .content {
  padding: 0;
}
.node-type-location #content-wrapper img {
  width: 100%;
}
.node-type-location .region-teaser {
  zoom: 1;
  float: left;
  *display: inline;
  margin: 0 10px;
  margin-right: 0;
  width: 520px;
}
.node-type-location .region-teaser:before, .node-type-location .region-teaser:after {
  content: "";
  display: table;
}
.node-type-location .region-teaser:after {
  clear: both;
}
.node-type-location .region-teaser .block-views-related-related-services {
  clear: none;
}
.node-type-location .region-teaser .block-views-related-related-services .block-title {
  display: none;
}
.node-type-location_ .region-teaser .block-buergel-children {
  display: none;
}

.has-offer.node-type-location .region-teaser {
  width: 100%;
}

.front #content-wrapper {
  background-color: transparent;
  margin: 0;
  padding: 0;
  max-width: 1120px;
  /*width: 1120px;*/
}
.front #content-wrapper .region-content {
  zoom: 1;
  margin: 0;
  padding: 0;
  background-color: transparent;
  max-width: 1120px;
}
.front #content-wrapper .region-content:before, .front #content-wrapper .region-content:after {
  content: "";
  display: table;
}
.front #content-wrapper .region-content:after {
  clear: both;
}

.not-front .region-teaser {
  background-color: transparent;
  margin: 0;
  padding: 0;
  max-width: 1120px;
  /*width: 1120px;*/
}
.not-front .region-teaser .block-views {
  zoom: 1;
  background-color: transparent;
  /*margin: 0;
  padding: 0;
  max-width: 1120px;
  width: 100%;*/
}
.not-front .region-teaser .block-views:before, .not-front .region-teaser .block-views:after {
  content: "";
  display: table;
}
.not-front .region-teaser .block-views:after {
  clear: both;
}
.field-name-field-information-bild {
  max-height: 360px;
  overflow: hidden;
}
.block-buergel-info-lightbox {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background:rgb(102,137,175);
  background: transparent\9;
  background:rgba(102,137,175,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc6689af,endColorstr=#cc6689af);
  zoom: 1;
  display: none;
}
.info-lightbox-close-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.info-lightbox-wrapper {
  margin: 40px auto 0;
  max-height: 500px;
  max-width: 590px;
  width: 80%;
  position: relative;
  z-index: 2;
  background: none #fff;
}
.info-lightbox-wrapper .field-type-image img {
  width: 100%;
  height: auto;
  max-height: 360px;
}
.info-lightbox--close {
  background: #acabaa none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 5;
  font-size: 20px;
}
.info-lightbox--content {
  position: relative;
  z-index: 1;
}
.lightbox-teaser-wrapper {
  position: relative;
  display: block;
}
.lightbox-teaser--bts {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.lightbox-teaser--bt {
  background: #acabaa none;
    color: #fff;
    font-size: 18px;
    height: 100%;
    display: inline-block;
    margin: 0 0 0 48px;
    text-align: center;
    text-decoration: none;
    width: 220px;
    cursor: pointer;
}
.lightbox-teaser--bt:hover {
  opacity: 0.9;
}
.lightbox-teaser--bt.teaser--bt--more{
  background: none #fa712c;
}
.block-system-main .lightbox-teaser--bt.teaser--bt--close{
  display: none;
}
.block-system-main .lightbox-teaser--bt {
  display: block;
  margin: 5px auto;
}
.lightbox-text-wrapper {
  border-top: 1px solid #d4dae1;
  padding: 10px 10px 0px;
  height: 130px;
  overflow: hidden;
  color: #313131;
}
.lightbox-text-wrapper .lightbox-text--headline {
  display: inline;
  line-height: 40px;
  margin-top: -5px;
  font-size: 18px;
  color: #fa712c;
  font-family: "open_sanssemibold","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
}
.lightbox-text-wrapper .field {
  height: 55px;
  display: block;
  overflow: hidden;
}
.block-system-main .lightbox-text-wrapper .field {
  height: auto;
}
@media (min-width: 768.9999px) and (max-width: 1120px) {
  .node-type-location .region-teaser {
    flex-basis: 50%;
  }

  .node-type-location .region-offer {
    flex-basis: 50%;
  }

  .node-type-location .region-teaser .node-teaser,
  .node-type-location .region-offer .node-teaser {
    min-height: inherit;
    max-width: none;
    min-width: inherit;
    width: 100% !important;
    height: auto;
  }
}
@media (max-width: 768px) {
  .has-banner #content-wrapper {
    min-height: 0;
    height: auto !important;
    height: 0;
    position: relative;
  }
  .has-banner #content-wrapper .region-content,
  .has-banner #content-wrapper h1.title {
    width: auto;
  }
  .has-banner #content-wrapper .field-name-field-image-2-col {
    display: none;
  }

  #page {
    width: 100%;
  }
  #page #main {
    margin: 0 10px;
  }

  /* Page wrapper */
  #content-wrapper,
  .not-front #content-wrapper,
  #page {
    width: 100%;
  }

  #content-wrapper,
  #page {
    margin: 0;
    padding: 0;
  }

  /* Content */
  .not-front #content-wrapper {
    margin: 0;
    padding: 1em;
  }
  
  .node-type-location #pre-content-wrapper {
    margin: 0;
  }

  .node-type-location #content-wrapper {
    zoom: 1;
    float: none;
    margin: 0;
    width: 100%;
    min-height: 0;
    height: auto !important;
    height: 0;
    max-height: none;
  }
  .node-type-location #content-wrapper:before, .node-type-location #content-wrapper:after {
    content: "";
    display: table;
  }
  .node-type-location #content-wrapper:after {
    clear: both;
  }
  .node-type-location #content-wrapper .inner-wrapper {
    margin: 0;
    padding: 0;
  }
  .node-type-location #content-wrapper .view-mode-full {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 10;
    -webkit-column-gap: 10;
    column-gap: 10;
    -moz-column-fill: balance;
    -webkit-column-fill: balance;
    column-fill: balance;
    -moz-column-rule: none;
    -webkit-column-rule: none;
    column-rule: none;
  }
  .node-type-location .region-teaser {
    zoom: 1;
    float: none;
    margin: 0;
    width: 100%;
  }
  .node-type-location .region-teaser:before, .node-type-location .region-teaser:after {
    content: "";
    display: table;
  }
  .node-type-location .region-teaser:after {
    clear: both;
  }

  .no-banner #content-wrapper .region-content .view-mode-full,
  .no-banner #content-wrapper .region-content .taxonomy-term,
  .page-taxonomy #content-wrapper .region-content .view-mode-full,
  .page-taxonomy #content-wrapper .region-content .taxonomy-term {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 10;
    -webkit-column-gap: 10;
    column-gap: 10;
    -moz-column-fill: balance;
    -webkit-column-fill: balance;
    column-fill: balance;
    -moz-column-rule: none;
    -webkit-column-rule: none;
    column-rule: none;
  }
}

.container {
  position: relative;
  margin: 0px auto;
  padding: 0;
  max-width: 1120px;
}

.front #main > .container {
  margin-top: -8%;
  background: none #fff;
  z-index: 10;
  padding-top: 5px;
}

.highlighted-wrapper {
  position: relative;
}

/* Details Page */
.node-type-details-page #content-wrapper
, .node-type-details-page #region-teaser {
  display: block;
  float: left;
}

.node-type-details-page #content-wrapper .region-content .view-mode-full {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 10;
  -webkit-column-gap: 10;
  column-gap: 10;
  -moz-column-fill: balance;
  -webkit-column-fill: balance;
  column-fill: balance;
  -moz-column-rule: none;
  -webkit-column-rule: none;
  column-rule: none;
}

.node-type-details-page #content-wrapper {
  width: 825px;
  background: none transparent;
  margin: 10px 0px 10px 10px;
}

.node-type-details-page #pre-content-wrapper {
  max-width: 825px;
  background: none transparent;
  margin-left: 0px;
  margin-bottom: 20px;
}

#region-pre_content {
  width: 100%;
}

.node-type-details-page #region-teaser {
  width: 275px;
  margin-top: 55px;
}

.node-type-details-page.include-top-image-video #region-teaser {
  margin-top: 3px;
}

.node-type-details-page .breadcrumb {
  background: none transparent;
}