/*
 * This file was auto-generated using SASS
 * You can manually modify it - but usually you will want to 
 * Re-generate it using the SASS variables of your theme
*/
@media all {
  /* Header */
  .co-header img {
    width: 100%; }
  /* Default Content */
  .co-content {
    margin-bottom: 30px; }
  .co-text-beside-image h1, .co-text-beside-image h2, .co-text-beside-image h3, .co-text-beside-image h4, .co-text-beside-image h5, .co-text-beside-image h6 {
    margin-top: 0; }
  .co-content-image {
    margin-bottom: 30px;
    width: 100%; }
  /* Content Navigation */
  .co-navigation .glyphicon.glyphicon-menu-right.glyphicon-right-custom {
    font-size: 15px;
    vertical-align: middle; }
  .co-navigation.co-navigation-image h3 {
    margin-top: .3em; }
  .co-navigation.co-navigation-image a span.glyphicon {
    font-size: .6em;
    margin-right: .2em; }
  .co-navigation.co-navigation-image .co-img-placeholder {
    background: #5C4483;
    padding-bottom: 50%; }
  .co-navigation img {
    width: 100%; }
  .co-navigation .co-img-wrapper {
    margin-bottom: 30px;
    margin-bottom: 20px; }
  .co-navigation a.co-link-box {
    display: block;
    text-decoration: none;
    color: #555555; }
    .co-navigation a.co-link-box .co-icon {
      font-size: 2em; }
    .co-navigation a.co-link-box .co-img-wrapper {
      background: #5C4483;
      overflow: hidden; }
      .co-navigation a.co-link-box .co-img-wrapper img {
        position: relative;
        transition: opacity .3s;
        backface-visibility: hidden; }
    .co-navigation a.co-link-box:hover {
      color: #555555; }
      .co-navigation a.co-link-box:hover img {
        opacity: .4; }
  .co-navigation-icon h3 {
    margin-top: 5px; }
  .co-navigation-icon .co-icon {
    font-size: 2.8em; }
  /* Images */
  .co-img-wrapper {
    margin-bottom: 30px; }
  .co-img-wrapper.co-2colimg {
    margin-bottom: 0; }
    .co-img-wrapper.co-2colimg img {
      margin-bottom: 30px;
      width: 100%; }
  /* Documents and Links */
  ul.co-documents {
    padding: 0; }
    ul.co-documents, ul.co-documents li {
      list-style-type: none; }
    ul.co-documents .co-document .glyphicon {
      font-size: 17px;
      line-height: 1.2em; }
    ul.co-documents .co-document a, ul.co-documents .co-document a p, ul.co-documents .co-document a:link, ul.co-documents .co-document a:link p, ul.co-documents .co-document a:visited, ul.co-documents .co-document a:visited p {
      color: #555555;
      text-decoration: none; }
    ul.co-documents .co-document-text {
      margin-left: 30px; }
  /* Google Maps */ }

@media all and (min-width: 992px) {
  .co-google-map-container {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media all and (min-width: 768px) {
  .ly-header-pane .co-google-map-container {
    padding-bottom: 35%; } }

@media all {
  .ly-header-pane .co-google-map-container {
    margin-top: 0;
    margin-bottom: 0; }
  .googlemap-apiwarning {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0; }
  /* Kontakt Map */
  .co-contactmap address {
    line-height: 1.2;
    padding: 15px 0; }
  .co-contactmap .co-company, .co-contactmap .co-address, .co-contactmap .co-details {
    margin-bottom: 15px; }
  /* Sperating Line */
  .role-admin .co-separatingline {
    padding: 15px 0; }
  hr.ly-darkhr {
    border-color: #777777; }
  hr.ly-primaryhr {
    border-color: #5C4483; }
  hr.ly-primaryhr-half {
    width: 50%;
    margin-right: auto;
    margin-left: auto; }
  /* Person */
  .co-person {
    overflow: hidden;
    margin: 30px 0; }
  .co-person-wrapper img {
    width: 100%; }
  .co-person-text {
    word-wrap: break-word; }
  .co-person-placeholder {
    background: #777777;
    padding-bottom: 128%; }
  .co-person-image-rounded .co-person-image-wrapper {
    border-radius: 50%;
    overflow: hidden; }
    .co-person-image-rounded .co-person-image-wrapper img {
      backface-visibility: hidden; }
  .co-person-image-rounded .co-person-placeholder {
    border-radius: 50%;
    padding-bottom: 100%; }
  .co-person-wrapper .co-person-image {
    width: 50%;
    margin-bottom: 15px;
    padding-right: 19px; }
  .co-person-wrapper .co-person-text {
    width: 100%; }
  /* Youtube */
  .role-admin .co-youtube-video-wrapper {
    padding-top: 40px; } }

/*# sourceMappingURL=bs3.css.map */


/*************************************************************
	MENU ICONS EXAMPLE
 *************************************************************/
/*
To add menu icon specify PAGE-ID and ICON CONTENT VALUE:

.fa-menu-{PAGE-ID}:before {
  content: "{ICON CONTENT VALUE}";
}

List of ICON CONTENT VALUES: http://astronautweb.co/snippet/font-awesome/

FOR EXAMPLE

i.fa-menu-33:before {
  content: "\f004";
}
  
*/

/*************************************************************
	ADD YOUR CUSTOM STYLES BELOW THIS LINE
 *************************************************************/