@charset "utf-8";
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 30px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 30px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 30px; }
    .ce-below .ce-gallery { margin-top: 30px; }

    .ce-column { margin-right: 15px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 30px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

/* Border, shadows, ... */
/* Colors */
/* Spacing */
/* Breakpoints */
.klaro .cookie-modal,
.klaro .cookie-notice {
    /* The switch - the box around the slider */
    font-size: 14px;
}

.klaro .cookie-modal .cm-switch-container,
.klaro .cookie-notice .cm-switch-container {
    display: block;
    position: relative;
    padding: 10px;
    padding-left: 66px;
    line-height: 20px;
    vertical-align: middle;
    min-height: 40px;
    border-bottom: 1px solid #ccc;
}

.klaro .cookie-modal .cm-switch-container:last-child,
.klaro .cookie-notice .cm-switch-container:last-child {
    border-bottom: 0;
}

.klaro .cookie-modal .cm-switch-container:first-child,
.klaro .cookie-notice .cm-switch-container:first-child {
    margin-top: 0;
}

.klaro .cookie-modal .cm-switch-container p,
.klaro .cookie-notice .cm-switch-container p {
    margin-top: 0;
}

.klaro .cookie-modal .cm-switch,
.klaro .cookie-notice .cm-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background-color: #1a936f;
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
    opacity: 0.6;
    background-color: #1a936f;
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
    opacity: 0.8;
    background-color: #24cc9a;
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
    opacity: 0.8;
    background-color: #24cc9a;
    cursor: not-allowed;
}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal .cm-list-input,
.klaro .cookie-notice .cm-list-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 50px;
    height: 30px;
}

.klaro .cookie-modal .cm-list-title,
.klaro .cookie-notice .cm-list-title {
    font-size: 14px;
    font-weight: 600;
}

.klaro .cookie-modal .cm-list-description,
.klaro .cookie-notice .cm-list-description {
    font-size: 14px;
    padding-top: 4px;
    color: #666;
}

.klaro .cookie-modal .cm-list-label,
.klaro .cookie-notice .cm-list-label {
    /* The slider */
    /* Rounded sliders */
}

.klaro .cookie-modal .cm-list-label .cm-switch,
.klaro .cookie-notice .cm-list-label .cm-switch {
    position: absolute;
    left: 0;
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    width: 50px;
    display: inline-block;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    transition: 0.4s;
}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round {
    border-radius: 30px;
}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before {
    border-radius: 50%;
}

.klaro .cookie-modal .cm-list-label input:focus + .slider,
.klaro .cookie-notice .cm-list-label input:focus + .slider {
    box-shadow: 0 0 1px #48dfb2;
}

.klaro .cookie-modal .cm-list-label input:checked + .slider::before,
.klaro .cookie-notice .cm-list-label input:checked + .slider::before {
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
    box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
    color: #1a936f;
    text-decoration: none;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    color: #eee;
}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 0.7em;
}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link {
    margin-right: 0.5em;
    vertical-align: middle;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
    background: #555;
    color: #eee;
    border-radius: 6px;
    padding: 6px 10px;
    margin-right: 0.5em;
    border: 0;
    padding: 0.4em;
    font-size: 1em;
}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled {
    opacity: 0.5;
}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
    background: #aaa;
    color: #000;
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #1a936f;
}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
    background: #2581c4;
}

.klaro .cookie-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 1000;
}

.klaro .cookie-modal.cm-embedded {
    position: relative;
    height: inherit;
    width: inherit;
    left: inherit;
    right: inherit;
    z-index: 0;
}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
    position: relative;
    -ms-transform: none;
    transform: none;
}

.klaro .cookie-modal .cm-bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
    z-index: 1001;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    width: 100%;
    max-height: 98%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    overflow: auto;
    background: #333;
    color: #eee;
}

@media (min-width: 660px) {
    .klaro .cookie-modal .cm-modal.cm-klaro {
        border-radius: 4px;
        position: relative;
        margin: 0 auto;
        max-width: 640px;
        height: auto;
        width: auto;
    }
}

.klaro .cookie-modal .cm-modal .hide {
    border-style: none;
    background: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.klaro .cookie-modal .cm-modal .hide svg {
    stroke: #eee;
}

.klaro .cookie-modal .cm-modal .cm-footer {
    padding: 1em;
    border-top: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    font-size: 0.8em;
    padding-top: 4px;
    text-align: center;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    color: #999;
}

.klaro .cookie-modal .cm-modal .cm-header {
    padding: 1em;
    padding-right: 24px;
    border-bottom: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    margin: 0;
    font-size: 2em;
    display: block;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
    padding-right: 20px;
}

.klaro .cookie-modal .cm-modal .cm-body {
    padding: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul {
    display: block;
}

.klaro .cookie-modal .cm-modal .cm-body span {
    display: inline-block;
    width: auto;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
    padding: 0;
    margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret {
    color: #888;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content {
    margin-left: -40px;
    display: none;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded {
    margin-top: 10px;
    display: block;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
    margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
    margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
    font-size: 0.8em;
    color: #999;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
    border-top: 1px solid #555;
    padding-top: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
    font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
    padding-left: 0.2em;
    font-size: 0.8em;
    color: #999;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background: #333;
    z-index: 999;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
}

@media (min-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
        border-radius: 4px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        max-width: 360px;
    }
}

@media (max-width: 1023px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        border-style: none;
        border-radius: 0;
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
    position: relative;
    height: inherit;
    width: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    z-index: 0;
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
    padding-top: 0.5em;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    margin-bottom: 0;
    margin-right: 0;
    bottom: 0;
    padding: 1em;
    padding-top: 0;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
    margin-bottom: 0.5em;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
    text-decoration: underline;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
    display: inline-block;
    flex-grow: 1;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    display: inline-block;
    margin-top: -0.5em;
}

@media (max-width: 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
        width: 100%;
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    margin-top: 0.5em;
}

@media (max-width: 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: calc(50% - 0.5em);
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    margin-top: -0.5em;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: right;
    align-items: center;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
    margin-top: 0.5em;
}

.klaro .cookie-modal-notice {
    z-index: 1001;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    width: 100%;
    max-height: 98%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    overflow: auto;
    background: #333;
    color: #eee;
    padding: 1em;
    padding-top: 0.2em;
}

@media (min-width: 400px) {
    .klaro .cookie-modal-notice {
        border-radius: 4px;
        position: relative;
        margin: 0 auto;
        max-width: 400px;
        height: auto;
        width: auto;
    }
}

.klaro .cookie-modal-notice .cn-ok {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
}

.klaro .cookie-notice-hidden {
    display: none !important;
}


#klaro {
  position: relative;
  z-index: 9999;
}

/* youtube */
.youtube-disabled {
  position: relative;
}
.youtube-disabled:before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: #fff;
  opacity: 0.75;
  transition: opacity 0.3s ease-in;
  z-index: 10;
}
.youtube-disabled:hover:before {
  opacity: 0.85;
}
.youtube-disabled:after {
  content: 'Klicken Sie bitte hier um externe Videos von YouTube zu aktivieren. Im Cookie Dialog muss der Reiter "Medien" aktiviert werden';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px 20px 100px;
  color: #000;
  z-index: 11;
  font-weight: bold;
  background: url('../../../typo3conf/ext/klaro/Resources/Public/Images/play.png') 50% 100% no-repeat;
}
.youtube-disabled .youtube-preview {
  height: auto;
  opacity: 1;
}
.youtube-disabled .youtube-preview img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.en .youtube-disabled:after {
  content: 'Please click here to activate Youtube. The tab "Media" must be activated in the cookie dialog.';
}

/* little hack to make sure the loaded iframe div gets 100% width even if parents are floating */
.youtube-preview {
  height: 1px;
  overflow: hidden;
  opacity: 0.01;
}

/* end hack */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* maps */
.maps-disabled {
  min-height: 150px;
  position: relative;
  clear: both;
  margin-bottom: 100px;
}
.maps-disabled:before {
  content: 'Klicken Sie bitte hier um Google Maps zu aktivieren. Im Cookie Dialog muss der Reiter "Routing" aktiviert werden';
  padding: 50px;
  display: block;
  text-align: center;
  background: #eee;
  border: 1px solid #aaa;
  font-weight: bold;
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.maps-disabled iframe {
  display: none;
}
.en .maps-disabled:after {
  content: 'Please click here to activate Google Maps. The tab "Routing" must be activated in the cookie dialog.';
}

/* cookies */
.call-klaro-btn {
  position: fixed;
  bottom: 0;
  left: 10px;
  z-index: 9999;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  background: #eee;
  color: #000;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .call-klaro-btn {
    position: static;
    margin-left: 40px;
  }
}

.call-klaro {
  cursor: pointer;
}

.cookie-modal label {
  color: #555;
  background: none;
  border: none;
}

body .klaro .cookie-modal h1, body .klaro .cookie-modal h1 + p {
  font-size: 1rem;
}
body .klaro .cookie-modal .cm-btn,
body .klaro .cookie-modal .cookie-notice .cm-btn,
body .klaro .cookie-modal .cm-btn.cm-btn-info,
body .klaro .cookie-modal .cookie-notice .cm-btn.cm-btn-info {
  background-color: #353535;
}
body .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all,
body .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
body .klaro .cookie-modal .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #353535;
}
body .klaro .cookie-modal a,
body .klaro .cookie-modal .cookie-notice a {
  color: #353535;
}
body .klaro .cookie-modal .cm-modal.cm-klaro {
  background: #fff;
  color: #555;
}
body .klaro .cookie-modal p,
body .klaro .cookie-modal strong,
body .klaro .cookie-modal h1,
body .klaro .cookie-modal h2,
body .klaro .cookie-modal ul,
body .klaro .cookie-modal li,
body .klaro .cookie-modal .cookie-notice p,
body .klaro .cookie-modal .cookie-notice strong,
body .klaro .cookie-modal .cookie-notice h1,
body .klaro .cookie-modal .cookie-notice h2,
body .klaro .cookie-modal .cookie-notice ul,
body .klaro .cookie-modal .cookie-notice li {
  color: #555;
}
body .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all {
  cursor: pointer;
}
body .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #fff;
}

/*# sourceMappingURL=klaro-cookie-overrides.css.map */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

@font-face {
  font-family: 'fontello';
  src: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.eot?93615280');
  src: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.eot?93615280#iefix') format('embedded-opentype'),
       url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.woff2?93615280') format('woff2'),
       url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.woff?93615280') format('woff'),
       url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.ttf?93615280') format('truetype'),
       url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.svg?93615280#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/fontello-custom/font/fontello.svg?93615280#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-search:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-mail-alt:before { content: '\e802'; } /* '' */
.icon-facebook-official:before { content: '\e803'; } /* '' */
.icon-facebook-squared:before { content: '\e804'; } /* '' */
.icon-angle-down:before { content: '\e805'; } /* '' */
.icon-menu:before { content: '\e806'; } /* '' */
.icon-phone-squared:before { content: '\e807'; } /* '' */
.icon-angle-circled-up:before { content: '\e808'; } /* '' */
.icon-angle-circled-right:before { content: '\e809'; } /* '' */
.icon-angle-circled-left:before { content: '\e80a'; } /* '' */
.icon-arrows-cw:before { content: '\e80b'; } /* '' */
.icon-cancel-circled:before { content: '\e80c'; } /* '' */
.icon-angle-right:before { content: '\e80d'; } /* '' */
.icon-left-open:before { content: '\e80e'; } /* '' */
.icon-right-open:before { content: '\e80f'; } /* '' */
.icon-up-open:before { content: '\e810'; } /* '' */
.icon-down-open:before { content: '\e811'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

/*

.mfp-figure - container that holds image and caption
.mfp-bg     - black overlay
.mfp-preloader - "Loading..." incdicator

*/
.mfp-ready .mfp-figure {
  opacity: 0;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-figure {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure {
  transform: scale(0.9);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
  opacity: 0;
}

/* CSS-based preloader */
.mfp-preloader {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  opacity: 0.65;
  margin: 0 auto;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/bxslider/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/bxslider/images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/bxslider/images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/bxslider/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../../../typo3conf/ext/t3b/Resources/Public/Vendor/bxslider/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*bootstrap inspired grid */
header *, footer *, #content *, .rowwrap, .row, .headercol, #content *:before, #content *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rowwrap {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.no-overflow {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .rowwrap {
        width: 750px;
    }
}

@media only screen and (min-width: 992px) {
    .rowwrap {
        width: 970px;
    }
}

@media only screen and (min-width: 1200px) {
    .rowwrap {
        width: 1170px;
    }
}

.rowwrap-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media only screen and (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media only screen and (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before,
.clearfix:after,
.rowwrap:before,
.rowwrap:after,
.rowwrap-fluid:before,
.rowwrap-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.rowwrap:after,
.rowwrap-fluid:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media only screen and (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #13a;
}
.sf-menu li {
	background: #BDD2FF;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #AABDE6;
}
.sf-menu ul ul li {
	background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #CFDEFF;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* search */
.tx-indexedsearch-info-noresult {
    padding: 20px 0;
}

.tx-indexedsearch-searchbox-button {
    cursor: pointer;
}

.tx-indexedsearch-info dt, .tx-indexedsearch-info dd {
    font-size: 80%;
    float: left;
    margin-right: 3px;
}

.tx-indexedsearch-info dd {
    border-right: 1px solid #666;
    padding-right: 5px;
    margin-right: 5px;
}

.tx-indexedsearch-text-item-path p {
    margin: 0;
    line-height: 1.0;
}

.tx-indexedsearch-res {
    clear: both;
    padding: 20px;
    background: #eee;
}

.tx-indexedsearch-res:nth-child(even) {
    background: none;
}

.tx-indexedsearch-res:after {
    content: '';
    display: block;
    clear: both;
}

.tx-indexedsearch-info-sword {
    font-weight: bold;
    font-style: italic;
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
}

.tx-indexedsearch-browsebox {
    list-style: none;
    margin: 15px 0;
    padding: 0;
}

.tx-indexedsearch-browsebox li {
    display: inline;
}

.tx-indexedsearch-browsebox li:after {
    content: '|';
    margin: 0 8px;
}

.tx-indexedsearch-browsebox li:last-child:after {
    display: none;
}

.tx-indexedsearch-info-sword {
    margin-top: 20px;
}

.tx-indexedsearch-searchbox fieldset {
    border:none;
    margin-left:0;
    padding-left:0;
}

#tx-indexedsearch-searchbox-button-submit {
    cursor: pointer;
    background: #333;
    color: #fff;
    border:1px solid #333;
    transition: 0.3s ease-in;
}

#tx-indexedsearch-searchbox-button-submit:hover {
    background: #fff;
    color: #333;
}

.tx-indexedsearch-form label, .tx-indexedsearch-form input, .tx-indexedsearch-search-submit input {
    width: auto;
    display: inline-block;
    margin-right: 20px;
    background: none;
    border: 1px solid #333;
}

.tx-indexedsearch-form label {
    border: none;
    padding-left: 0;
}

.tx-indexedsearch-form, .tx-indexedsearch-search-submit {
    float: left;
}

.tx-indexedsearch-searchbox legend {
    display: none;
}

.tx-indexedsearch-res h3 {
    margin-bottom: 20px;
}


/* Farben

grün
#a7b31f
#a7b31f

hellgrün
#A8BBAB

noch helleres grün
#EEEEEE

TEXT / grau
#555

TEXT / grau hell
#606163

 */


/* fira-sans-condensed-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 200;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../../../typo3conf/ext/t3b/Resources/Public/Fonts/fira-sans-condensed-v10-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.bh, noscript p {
    margin: 10px auto;
    background: #FFDDDD;
    color: #000;
    border: 1px dotted #FF0000;
    padding: 10px;
    text-align: center;
    width: 600px;
    display: block;
}

.error {
    color: #ff0000;
}

.border {
    border: 2px solid red;
}

.no-js a {
    transition: none !important;
}

/* start img handling */

.lazyload_opacity.lazyload,
.lazyload_opacity.lazyloading {
    opacity: 0;
}

.lazyload_opacity.lazyloaded {
    opacity: 1;
    transition: opacity 0.4s ease-in; 
}

.lazyload img,
.lazyloading img {
    opacity: 0;
    transform: translateY(50px);
}

.lazyloaded img {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s;
}

.ce-gallery figcaption {
    display: block;
}

.img-placeholder {
    background: url('../../../typo3conf/ext/t3b/Resources/Public/Images/loader.gif') 50% 50% no-repeat;
    min-height: 40px;
    min-width: 40px;
    margin: auto;
    display: block;
}

.img-placeholder img {
    max-width: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.no-load {
    min-width: 100px;
    min-height: 100px;
}

.sc {
    background: url('../../../typo3conf/ext/t3b/Resources/Public/Images/loader.gif') 50% 50% no-repeat;
    background-size: 100% 100%;
    min-width: 25px;
    min-height: 25px;
    outline: none;
    border: none;
}

.sc.img-responsive {
    background: none;
}

.no-js .sc {
    display: none !important;
    background: none;
}

.unlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* adjust margins according to grid */

.ce-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
}

.ce-column {
    padding: 0 15px;
    margin: 0 0 30px;
}

.ce-intext.ce-right .ce-gallery {
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
}

.ce-intext.ce-left .ce-gallery {
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
}

.ce-gallery figure {
    display: block;
}

/* max column widths */

.ce-row-2 .ce-column {
    max-width: 50%;
}

.ce-row-3 .ce-column {
    max-width: 33.333%;
}

.ce-row-4 .ce-column {
    max-width: 25%;
}

.ce-row-5 .ce-column {
    max-width: 20%;
}

.ce-row-6 .ce-column {
    max-width: 16.666%;
}

.ce-row-7 .ce-column {
    max-width: 14.285%;
}

.ce-row-8 .ce-column {
    max-width: 12.5%;
}

.ce-row-2 .ce-column:nth-child(2n+3),
.ce-row-3 .ce-column:nth-child(3n+4),
.ce-row-4 .ce-column:nth-child(4n+5),
.ce-row-5 .ce-column:nth-child(5n+6),
.ce-row-6 .ce-column:nth-child(6n+7),
.ce-row-7 .ce-column:nth-child(7n+8),
.ce-row-8 .ce-column:nth-child(8n+9) {
    clear: left;
}


.ce-intext .ce-gallery {
    max-width: 50%
}

.ce-intext .ce-notext.ce-gallery {
    max-width: 100%
}

/* weird IE bug??*/
.is-IE .ce-outer, .is-IE .ce-inner, .is-IE .ce-column, .is-IE figure.image {
    width: 100%;
}

.is-IE .ce-gallery {
    width: 100%;
}

figure.image img {
    max-width: 100%;
}

.ce-row-1 img {
    width: auto;
}

@media only screen and (max-width: 992px) {
    .ce-intext .ce-gallery {
        max-width: 50%
    }

    .ce-intext .ce-notext.ce-gallery {
        max-width: 100%
    }

    .ce-row-5 .ce-column,
    .ce-row-6 .ce-column,
    .ce-row-7 .ce-column,
    .ce-row-8 .ce-column {
        max-width: 25%;
    }

    .ce-row-5 .ce-column:nth-child(5n+6),
    .ce-row-6 .ce-column:nth-child(6n+7),
    .ce-row-7 .ce-column:nth-child(7n+8),
    .ce-row-8 .ce-column:nth-child(8n+9) {
        clear: none;
    }

    .ce-row-5 .ce-column:nth-child(4n+5),
    .ce-row-6 .ce-column:nth-child(4n+5),
    .ce-row-7 .ce-column:nth-child(4n+5),
    .ce-row-8 .ce-column:nth-child(4n+5) {
        clear: left;
    }

    .grid-wrap .ce-row-3 .ce-column,
    .grid-wrap .ce-row-4 .ce-column,
    .grid-wrap .ce-row-5 .ce-column,
    .grid-wrap .ce-row-6 .ce-column,
    .grid-wrap .ce-row-7 .ce-column,
    .grid-wrap .ce-row-8 .ce-column {
        max-width: 50%;
    }

    .grid-wrap .ce-row-3 .ce-column:nth-child(3n+4),
    .grid-wrap .ce-row-4 .ce-column:nth-child(4n+5) {
        clear: none;
    }

    .grid-wrap .ce-row-3 .ce-column:nth-child(2n+3),
    .grid-wrap .ce-row-4 .ce-column:nth-child(2n+3),
    .grid-wrap .ce-row-5 .ce-column:nth-child(2n+3),
    .grid-wrap .ce-row-6 .ce-column:nth-child(2n+3),
    .grid-wrap .ce-row-7 .ce-column:nth-child(2n+3),
    .grid-wrap .ce-row-8 .ce-column:nth-child(2n+3) {
        clear: left;
    }
}

@media only screen and (max-width: 767px) {
    .ce-gallery, .ce-intext .ce-gallery, .ce-left .ce-gallery, .ce-right .ce-gallery, .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .ce-gallery .image, .ce-gallery img {
        width: 100%;
        max-width: 100%;
    }

    .ce-outer, .ce-inner, .ce-column, figure.image, figure.image img {
        max-width: 100%;
        width: auto;
    }

    .ce-row-2 .ce-column,
    .ce-row-3 .ce-column,
    .ce-row-4 .ce-column,
    .ce-row-5 .ce-column,
    .ce-row-6 .ce-column,
    .ce-row-7 .ce-column,
    .ce-row-8 .ce-column {
        max-width: 50% !important;
    }
}

@media only screen and (max-width: 320px) {
    .ce-row-2 .ce-column,
    .ce-row-3 .ce-column,
    .ce-row-4 .ce-column,
    .ce-row-5 .ce-column,
    .ce-row-6 .ce-column,
    .ce-row-7 .ce-column,
    .ce-row-8 .ce-column {
        max-width: 100% !important;
    }
}


/* end img handling */

/* video handling

.ce-gallery iframe {
  max-width:100%;
}
*/

.frame-media-210 .ce-intext.ce-left .ce-gallery,
.frame-media-210 .ce-intext.ce-right .ce-gallery,
.frame-media-210 .ce-gallery,
.frame-media-210 .ce-gallery figure,
.frame-media-210 .ce-column,
.frame-media-210 .ce-outer,
.frame-media-210 .ce-inner {
    position: static;
    float: none;
    display: block;
    margin: 0;
    max-width: 100%;
}

.frame-media-210 .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.frame-media-210 .video-embed iframe, .frame-media-210 .video-embed object, .frame-media-210 .video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.frame-media-420 .ce-row-1 img, .frame-media-420 .ce-row-1 .ce-column {
    width: 100%;
    min-width: 100%;
}

@media only screen and (max-width: 767px) {
    .ce-center .ce-outer, .ce-center .ce-inner {
        float: none;
        position: static;
    }

    .ce-row-1 .ce-column {
        float: none;
    }

    .ce-gallery .ce-row-1 figure {
        display: block;
    }

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

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

/* Slider presets */
.bx-wrapper {
    border: none;
    box-shadow: none;
}

.bx-wrapper .img-responsive {
    width: 100% !important;
}

#mainslider {
    clear: both;
}

#mainslider .bx-wrapper {
    margin-bottom: 0;
}

#mainslider img {
    width: 100%;
    height: auto;
}

.slider img {
    display: none;
}

.slider {
    list-style: none;
}

.bx-viewport {
    height: 1px;
    min-height: 1px;
    transition: height 0.3s;
}

.bx-wrapper a {
    text-decoration: none;
}

.bx-wrapper img {
    display: block;
}

.force100 .bx-wrapper .img {
    width: 100% !important;
}

.bx-wrapper .bx-controls {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.bx-wrapper:hover .bx-controls {
    opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    color: #fff;
    font-size: 34px;
    background: none !important;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-top: -25px;
    opacity: 0.8;
    z-index: 1000;
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.9;
}

/* slider in content */

.slides figure, .slides iframe {
    margin: 0;
    border: none;
}

.slides .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

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

/************* main */

a {
    color: #a7b31f;
    text-decoration: none;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #555;
    font: 18px 'Fira Sans Condensed', Arial, sans-serif;
}

#content {
    padding-top: 30px;
    font-family: Arial, sans-serif;
}

#content p, #content ul {
    line-height: 140%;
}

body > main {
    clear: both;
}

body > main:after {
    content: '';
    max-width: 1200px;
    height: 175px;
    background: url('../../../typo3conf/ext/t3b/Resources/Public/Images/Fuss-Motiv-Schmitt.jpg') no-repeat;
    background-size: 100% auto;
    background-position: 50% 0;
    display: block;
    margin: 20px auto 70px;
}

#header-top-wrap {
    padding: 30px 0 20px;
    max-width: 1400px;
    margin: auto;
    position: relative;
}

#homelink {
    display: block;
    width: 360px;
    height: 172px;
    background: url('../../../typo3conf/ext/t3b/Resources/Public/Images/logo_360.png') no-repeat;
    background-size: 100% auto;
    text-indent: -9999em;
    font-size: 1px;
    text-decoration: none;
}

#header-phone, #header-mail {
    position: absolute;
    bottom: 105px;
    right: 15px;
    color: #a7b31f;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 20px;
}

#header-mail {
    bottom: 75px;
}

.image-caption {
    font-size: 135%;
	padding-top:15px;
	text-align: center;
}

#meta {
    position: absolute;
    right: 80px;
    bottom: 0;
    text-align: right;
    line-height: 0;

}

#meta a, #meta li {
    line-height: 22px;
}


.langnav {
	display:	none; 
}

/* 
.langnav li {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 50px;
    text-align: center;
    margin-left: 5px;
}

.langnav span {
    position: absolute;
    left: 7px;
    right: 5px;
    bottom: 3px;
    overflow: hidden;
    display: block;
    font-weight: bold;
    color: #EEEEEE;
    letter-spacing: 1px;
    font-size: 22px;
    text-align: center;
}

.langnav a {
    display: block;
    text-decoration: none;
    transition: 0.3s ease-in;
    color: #AFC1B2;
}

.sidr .langnav a {
    padding: 0;
    border: none;
}

.sidr .langnav li {
    display: none;
    margin-left: 5px;
    line-height: initial;
}

.sidr .langnav {
    border-bottom: 5px solid #a7b31f;
    line-height: 0;
    padding-top: 10px;
}

.langnav li:hover a, .langnav .active a {
    color: #a7b31f;
}
*/

#header-search {
    color: #a7b31f;
    text-decoration: none;
    position: absolute;
    right: 	-70px;
    bottom: 15px;
}

#contact-btn {
    transition: border-color 0.3s ease-in;
    position: fixed;
    right: 0;
    top: 50%;
    background: #fff;
    padding: 15px;
    border: 1px solid #a7b31f;
    border-right: none;
    text-align: center;
    color: #a7b31f;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 130px;
    font-size: 18px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    z-index: 999;
}

#contact-btn span {
    display: block;
    color: #555;
    font-size: 14px;
    text-transform: none;
    margin-top: 3px;
}

#contact-btn:hover {
    border-color: #555;
}


body > footer {
    position: relative;
    z-index: 100;
}

#footer-top {
    margin-top: -30px;
}

#footer-top:before {
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100%25' viewBox='0 0 692 757' enable-background='new 0 0 692 757' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' opacity='1.000000' stroke='none' d='%0AM245.000000,758.000000 C163.706802,758.000000 82.413612,758.000000 1.000000,758.000000 C1.000000,546.311340 1.000000,334.622650 1.345071,122.685120 C3.247027,142.050446 9.100434,160.127289 20.348835,176.447128 C50.833958,220.676682 112.926323,227.724609 151.289505,191.195740 C189.265717,155.035370 195.163681,97.137161 165.258530,54.066963 C143.031906,22.055584 104.244026,7.974060 67.710938,20.153645 C34.278950,31.299366 14.457597,55.838482 5.172810,89.271927 C3.291810,96.045189 2.366110,103.083748 1.000000,110.000000 C1.000000,73.702873 1.000000,37.405743 1.000000,1.000000 C109.688660,1.000000 218.377350,1.000000 327.334290,1.333088 C319.716980,3.648645 311.470276,4.738508 304.004822,7.759253 C257.534729,26.562498 233.772476,62.716473 228.355515,111.211273 C224.877838,142.345016 232.506729,171.498581 251.067551,197.139908 C270.798370,224.397598 297.389832,240.790634 331.197083,242.672379 C370.734894,244.873077 402.216583,228.155167 425.020416,196.413254 C451.235260,159.923264 456.427063,119.408394 441.657135,77.276283 C428.702667,40.322891 403.288544,15.125525 364.825134,4.421179 C359.944092,3.062782 354.944611,2.129981 350.000000,1.000001 C464.239807,1.000000 578.479614,1.000000 693.000000,1.000000 C693.000000,63.355064 693.000000,125.710556 692.628967,188.323486 C690.801636,154.011353 678.572510,124.208382 653.562500,99.839424 C622.231628,69.311569 572.283325,61.463684 533.653381,81.673592 C496.632294,101.041779 475.427826,132.171295 468.934998,172.975235 C461.962677,216.792725 473.479553,255.497208 505.839233,286.398132 C533.602539,312.909912 567.330872,322.736572 604.527649,312.379669 C653.634338,298.706696 680.207642,263.715607 690.118896,214.878632 C691.253540,209.287796 692.047852,203.627884 693.000000,198.000000 C693.000000,384.584442 693.000000,571.168884 693.000000,758.000000 C551.311401,758.000000 409.622681,758.000000 267.665833,757.658691 C293.405640,753.778442 315.012024,741.957764 332.178833,722.242249 C368.531067,680.492798 371.598907,617.625000 339.000946,572.930115 C319.060364,545.589722 291.827301,530.295837 257.709259,530.420837 C223.674530,530.545532 196.403503,545.836060 176.351685,573.005859 C152.923004,604.751282 146.724869,640.528870 157.333557,678.171143 C168.381973,717.373596 193.336624,744.230957 233.602295,755.198975 C237.375870,756.226929 241.199570,757.070679 245.000000,758.000000 M290.923615,325.663788 C287.033447,307.180206 279.912018,290.061523 268.657074,274.857819 C248.314484,247.378281 221.418457,230.290024 187.116608,227.354340 C149.233292,224.112137 117.436485,238.040573 92.425125,266.316101 C65.687675,296.542969 55.415211,332.373627 59.969227,372.300842 C64.041702,408.006104 79.586685,437.872284 108.320923,459.831726 C136.424530,481.309204 168.147919,488.180298 202.623642,479.219604 C236.109604,470.516144 260.367340,449.661224 276.841644,419.768677 C292.942719,390.553314 297.367615,359.277130 290.923615,325.663788 M493.827209,332.674011 C456.341827,295.081879 399.585510,293.314484 360.998199,328.537750 C315.681641,369.903564 311.275452,442.018829 351.208771,488.759064 C376.649475,518.536316 416.070557,530.313232 452.877258,517.848511 C486.798187,506.361053 508.806458,482.150909 519.241821,448.377716 C532.431213,405.691406 524.444946,366.862183 493.827209,332.674011 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM693.000000,197.550018 C692.047852,203.627884 691.253540,209.287796 690.118896,214.878632 C680.207642,263.715607 653.634338,298.706696 604.527649,312.379669 C567.330872,322.736572 533.602539,312.909912 505.839233,286.398132 C473.479553,255.497208 461.962677,216.792725 468.934998,172.975235 C475.427826,132.171295 496.632294,101.041779 533.653381,81.673592 C572.283325,61.463684 622.231628,69.311569 653.562500,99.839424 C678.572510,124.208382 690.801636,154.011353 692.628967,188.790466 C693.000000,191.700012 693.000000,194.400024 693.000000,197.550018 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM349.531433,1.000001 C354.944611,2.129981 359.944092,3.062782 364.825134,4.421179 C403.288544,15.125525 428.702667,40.322891 441.657135,77.276283 C456.427063,119.408394 451.235260,159.923264 425.020416,196.413254 C402.216583,228.155167 370.734894,244.873077 331.197083,242.672379 C297.389832,240.790634 270.798370,224.397598 251.067551,197.139908 C232.506729,171.498581 224.877838,142.345016 228.355515,111.211273 C233.772476,62.716473 257.534729,26.562498 304.004822,7.759253 C311.470276,4.738508 319.716980,3.648645 327.801270,1.333088 C335.020966,1.000000 342.041901,1.000000 349.531433,1.000001 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM245.468567,758.000000 C241.199570,757.070679 237.375870,756.226929 233.602295,755.198975 C193.336624,744.230957 168.381973,717.373596 157.333557,678.171143 C146.724869,640.528870 152.923004,604.751282 176.351685,573.005859 C196.403503,545.836060 223.674530,530.545532 257.709259,530.420837 C291.827301,530.295837 319.060364,545.589722 339.000946,572.930115 C371.598907,617.625000 368.531067,680.492798 332.178833,722.242249 C315.012024,741.957764 293.405640,753.778442 267.198853,757.658691 C259.979065,758.000000 252.958099,758.000000 245.468567,758.000000 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM1.000000,110.460632 C2.366110,103.083748 3.291810,96.045189 5.172810,89.271927 C14.457597,55.838482 34.278950,31.299366 67.710938,20.153645 C104.244026,7.974060 143.031906,22.055584 165.258530,54.066963 C195.163681,97.137161 189.265717,155.035370 151.289505,191.195740 C112.926323,227.724609 50.833958,220.676682 20.348835,176.447128 C9.100434,160.127289 3.247027,142.050446 1.345071,122.218124 C1.000000,118.307091 1.000000,114.614182 1.000000,110.460632 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM290.974426,326.084564 C297.367615,359.277130 292.942719,390.553314 276.841644,419.768677 C260.367340,449.661224 236.109604,470.516144 202.623642,479.219604 C168.147919,488.180298 136.424530,481.309204 108.320923,459.831726 C79.586685,437.872284 64.041702,408.006104 59.969227,372.300842 C55.415211,332.373627 65.687675,296.542969 92.425125,266.316101 C117.436485,238.040573 149.233292,224.112137 187.116608,227.354340 C221.418457,230.290024 248.314484,247.378281 268.657074,274.857819 C279.912018,290.061523 287.033447,307.180206 290.974426,326.084564 z'/%3E%3Cpath fill='%23#a7b31f' opacity='1.000000' stroke='none' d='%0AM494.078613,332.926880 C524.444946,366.862183 532.431213,405.691406 519.241821,448.377716 C508.806458,482.150909 486.798187,506.361053 452.877258,517.848511 C416.070557,530.313232 376.649475,518.536316 351.208771,488.759064 C311.275452,442.018829 315.681641,369.903564 360.998199,328.537750 C399.585510,293.314484 456.341827,295.081879 494.078613,332.926880 z'/%3E%3C/svg%3E") no-repeat;
    background-size: auto 100%;
    content: '';
    display: block;
    margin: 0 auto 10px;
}

#footer-content {
    background: #a7b31f;
    color: #fff;
    padding: 30px 0;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-weight: 300;
}

#footer-content > div {
    position: relative;
}

#footer-content a {
    color: #fff;
    text-decoration: none;
}

#footer-bottom {
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

#footer-content h4 {
    font-weight: normal;
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
}

#footer-content h4:after {
    display: block;
    content: '';
    height: 2px;
    background: #fff;
    margin-top: 5px;
}

#c86,
#c143 {
    line-height: 140%;
}

#c87,
#c145 {
    position: absolute;
    top: 0;
    right: 0;
}

#c87 ul,
#c145 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#c87 li,
#c145 li {
    display: block;
    margin-bottom: 10px;
}

#c87 a,
#c145 a {
    display: block;
    color: #fff;
    height: 40px;
    line-height: 30px;
    border-bottom: 2px solid #fff;
    padding: 10px 0 0;
    position: relative;
    width: 200px;
}

#c87 a:hover,
#c145 a:hover {
    color: #fff;
    border-color: #fff;
}

#c88,
#c144 {
    font-size: 2.5rem;
    position: absolute;
    right: 220px;
    bottom: 10px;
}

#c88 p,
#c144 p {
    display: inline;
    margin: 0;
}

#footer-bottom p {
    position: absolute;
    right: 0;
    color: #555;
    margin: 0;
}

#fnav {
    margin: 0;
    padding: 0;
}

#fnav li {
    display: inline;
    margin-right: 10px;
}

#fnav li:after {
    content: '|';
    margin-left: 10px;
    color: #999;
}

#fnav li.last:after {
    display: none;
}

#fnav a {
    color: #999;
    text-decoration: none;
}

#fnav a:hover, #fnav a.active {
    color: #555;
}

#fnav a.active {
    font-weight: bold;
}

/* toplink */
#top {
    text-decoration: none;
    display: none;
    overflow: hidden;
    position: fixed;
    z-index:99;
    right: 15px;
    bottom: 15px;
    height: 55px;
    width: 50px;
    text-align: right;
    outline: none;
    color: #666;
    font-size: 30px;
}

/************* text (rte styles) */

h1, h2 {
    font-size: 		1.75rem;
    margin: 		20px 0 10px;
    color: 			#666666;
	font-weight:	500 !important;
    font-family: 	'Fira Sans Condensed', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h1 span + span, h2 span + span {
    font-size: 		1.50rem;
    color: 			#555;
	font-weight:	500;
    margin-left: 	5px;
    text-transform: none;
}

h1.header-110, h2.header-110 {
    margin: 	0 0 30px;
    padding: 	15px 0 15px;
    display: 	block;
    border-bottom: 1px solid #606163;
    color: 		#606163;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 		30px;
    font-weight: 	normal;
}

h3 {
    font-size: 120%;
    margin: 20px 0 5px;
}

p {
    margin: 10px 0 15px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.hidden-text {
    display: none;
}

.text-center, .ce-headline-center {
    text-align: center;
}

.text-left, .ce-headline-left {
    text-align: left;
}

.text-right, .ce-headline-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.txt-xs {
    font-size: 80%;
}

.txt-sm {
    font-size: 90%;
}

.txt-lg {
    font-size: 130%;
}

.txt-xl {
    font-size: 160%;
}

.style-1 {
    color: #ff0000;
}

i.s2x {
    font-size: 200%;
}

i.s3x {
    font-size: 300%;
}

.frame-110 {
    border-bottom: 1px dotted #606163;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/*
.frame-media-110 img {
    filter: grayscale(80%) opacity(65%);
    -webkit-filter: grayscale(80%) opacity(65%);
    -moz-filter: grayscale(80%) opacity(65%);
    transition: all 0.3s ease-in;
}

.frame-media-110 img:hover {
    filter: grayscale(0%) opacity(100%);
    -webkit-filter: grayscale(0%) opacity(100%);
    -moz-filter: grayscale(0%) opacity(100%);
}
*/

.border-1 img {
    border: 1px solid #555;
}

.alert {
    max-width: 400px;
    margin: 10px auto;
    background: #FFDDDD;
    color: #000;
    border: 1px dotted #FF0000;
    padding: 10px;
    text-align: center;
    display: block;
}

.bg-110 {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #ff0000;
}

.has-bg-image {
    min-height: 50px;
    background-size: cover;
}

.fontello {
    font-family: 'fontello';
}

.button-link {
    position: relative;
    text-decoration: none;
    display: inline-block;
    background: #a7b31f;
    color: #fff;
    padding: 5px 20px;
    transition: all 0.3s ease-in;
}

.button-link:hover {
    background: #333;
    color: #fff;
}

.txt-indent {
    margin-left: 50px !important;
}

.indent-left {
    max-width: 80%;
    margin-left: 10%;
}

.frame-layout-115 {
    max-width: 150px;
    margin: auto;
}

.frame-layout-130 {
    max-width: 300px;
    margin: auto;
}

.frame-layout-145 {
    max-width: 450px;
    margin: auto;
}

.frame-layout-160 {
    max-width: 600px;
    margin: auto;
}

.frame-layout-180 {
    max-width: 800px;
    margin: auto;
}

.frame-space-before-extra-small {
    margin-top: 20px;
}

.frame-space-before-small {
    margin-top: 35px;
}

.frame-space-before-medium {
    margin-top: 50px;
}

.frame-space-before-large {
    margin-top: 75px;
}

.frame-space-before-extra-large {
    margin-top: 100px;
}

.frame-space-after-extra-small {
    margin-bottom: 20px;
}

.frame-space-after-small {
    margin-bottom: 35px;
}

.frame-space-after-medium {
    margin-bottom: 50px;
}

.frame-space-after-large {
    margin-bottom: 75px;
}

.frame-space-after-extra-large {
    margin-bottom: 100px;
}

.frame-210 {
    background: #fff;
    padding: 15px;
}

.accordion-container .ce-textpic {
    display: none;
}

.accordion-container > div > header h2, .accordion-container > div > header h3, .accordion-container > div > header h4 {
    font-size: 20px;
    padding: 15px;
    background: #ddd;
    position: relative;
    cursor: pointer;
}

.accordion-container > div > header h2:after, .accordion-container > header div > h3:after, .accordion-container > div > header h4:after {
    content: '\e811';
    font-family: 'fontello';
    position: absolute;
    right: 15px;
    top: 15px;
}

.accordion-container > div.act-acc > header h2:after, .accordion-container > div.act-acc > header h3:after, .accordion-container > div.act-acc > header h4:after {
    content: '\e810';
}

.accordion-container .ce-textppic {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/************* clearfix */
.clearfix:after {
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix {
    *zoom: 1;
}

/* hide from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* end hide from IE-mac */


/* map */
#map {
    position: relative;
    width: 100%;
    margin: auto;
    height: 700px;
}


/* form */

.pid-15 #content {
    background: #EEEEEE;
}

label, input, textarea, select {
    width: 100%;
    padding: 10px;
    border: none;
    background: #fff;
    border-bottom: 1px solid #a7b31f;
    color: #555;
}

form h2, main legend, main label {
    display: none;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
    border-color: #000;
    color: #000;
}

.actions .btn {
    background: #a7b31f;
    color: #fff;
    border: #a7b31f;
    margin: 20px 0;
    padding: 10px;
    cursor: pointer;
}

.actions .btn:hover {
    background: #fff;
    color: #a7b31f;
}

form > .form-group {
    width: 32.333%;
    margin-right: 1.5%;
    float: left;
}

/* form-deutsch */

#form-kontakt-12-telephone-1 {
    margin-right: 0;
}

#form-kontakt-12-message, #form-kontakt-12-checkbox-1 {
    width: 100%;
    float: none;
    margin: 0;
    clear: both;
    padding-top: 20px;
}

#kontakt-12-message {
    height: 120px;
}

#form-kontakt-12-checkbox-1 {
    padding-top: 10px;
}

#form-kontakt-12-checkbox-1 label {
    display: inline;
    background: none;
    border: none;
    padding: 0;
}

#form-kontakt-12-checkbox-1 input {
    background: none;
    border: none;
    width: auto;
    margin-right: 15px;
}

form .clearfix > p {
    font-size: 90%;
    clear: both;
    text-align: right;
}

/* form - nl */

#form-kontakt-140-telephone-1 {
    margin-right: 0;
}

#form-kontakt-140-message, #form-kontakt-140-checkbox-1 {
    width: 100%;
    float: none;
    margin: 0;
    clear: both;
    padding-top: 20px;
}

#kontakt-140-message {
    height: 120px;
}

#form-kontakt-140-checkbox-1 {
    padding-top: 10px;
}

#form-kontakt-140-checkbox-1 label {
    display: inline;
    background: none;
    border: none;
    padding: 0;
}

#form-kontakt-140-checkbox-1 input {
    background: none;
    border: none;
    width: auto;
    margin-right: 15px;
}

/* sf-menu */
.sf-menu {
    float: none;
    text-align: center;
    background: #a7b31f;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 0;
}

.sf-menu li {
    display: inline-block;
    float: none;
}

.sf-menu a {
    background: none;
    letter-spacing: 2px;
    border: none;
    color: #333;
    height: 95px;
    line-height: 95px;
    padding: 0 5px;
    margin: 0 30px 0 0;
    transition: color 0.3s ease-in;
    font-size: 1.2rem;
}

.sf-menu > :last-child > a {
    margin-right: 0;
}

.sf-menu .social-link a {
    padding: 0 2px;
    margin-right: 0;
}

.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover {
    background: none;
}

.sf-menu ul li {
    background: none;
    display: block;
    margin: 10px 0;
}

.sf-menu ul a {
    height: auto;
    padding: 7px 15px;
    line-height: 16px;
    margin-right: 0;
    color: #606163;
    font-weight: normal;
    letter-spacing: 1px;
}

.sf-menu ul {
    background: rgba(255, 255, 255, 0.75);
    padding: 30px 0;
    text-align: left;
}

.sf-menu a.active, .sf-menu a:hover {
    color: #fff;
}

.sf-menu li.first a.active {
    color:#333;
}

.pid-1 .sf-menu > li.first a.active, .sf-menu > .first a.active:hover {
    color: #fff;
}


.sf-menu ul a:hover, .sf-menu ul a.active {
    color: #555;
}

.sf-menu ul a.active {
    font-weight: bold;
}

/* sidr nav */

.page-nav-trigger {
    display: none;
}

.page-nav-trigger i {
    font-size: 34px;
}

#sidrnav {
    display: none;
}

.sidr {
    background: #fff;
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 260px;
    z-index: 999999;
}

.sidr.right {
    left: auto;
    right: -260px;
}

.sidr.left {
    left: -260px;
    right: auto;
    -webkit-box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
}

.sidr ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidr li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.sidr a:hover {
    text-decoration: none;
}

.sidr a {
    display: block;
    float: none;
    padding: 10px 40px 10px 10px;
    border-bottom: 1px #606162 solid;
    color: #606162;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    font-size: 22px;
}

.sidr > div > ul > li:not(.first) > a.active {
    background: #606162;
    color: #fff;
}

.sidr ul ul {
    background: #a7b31f;
    display: none;
}

.sidr ul ul a {
    display: block;
    float: none;
    padding: 10px 10px 10px 20px;
    font-size: 20px;
    border-bottom: 1px #fff solid;
    color: #fff;
    text-transform: none;
}

.sidr ul ul ul {
    background: #606162;
    display: none;
}

.sidr ul ul ul a {
    padding: 5px 5px 7px 35px;
}

.sidr-inner {
    position: relative;
}

.has-sub {
    border-left: 1px solid #606162;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    font-size: 180%;
    width: 40px;
    color: #606162;
}

.sub-inner {
    display: table;
    height: 90%;
    width: 100%;
}

.has-sub i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.has-sub i:before {
    width: 100%;
    margin: 0;
}

.close-nav {
    padding: 10px;
    background: #606162;
    color: #fff;
    text-align: right;
}

.close-nav span {
    text-transform: uppercase;
    float: left;
    display: inline-block;
    padding: 5px 0 0 0;
}

.close-nav i {
    cursor: pointer;
    font-size: 200%;
}

/************* print */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*  show link urls */
    /*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
      */
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media only screen and (min-width: 993px) {
    main {
        position: relative;
        z-index: 99;
    }

    #content {
        max-width: 1170px;
        margin: -70px auto auto;
        background: #fff;
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
        padding: 20px 30px 30px;
    }
}

@media only screen and (max-width: 992px) {
    .ce-notext .ce-row-1 {
        margin: 0 !important;
    }

    .ce-notext .ce-row-1 .ce-column {
        padding: 0 !important;
    }

    #homelink {
        width: 300px;
        height: 143px;
    }

    #header-top-wrap {
        padding-top: 15px;
    }

    #c87, #c88,
    #c145, #c144 {
        position: static;
        margin: 20px 0;
    }

}

@media only screen and (max-width: 767px) {
    div[class^='frame-space-before'], div[class*=' frame-space-before'] {
        margin-top: 20px !important;
    }

    div[class^='frame-space-after'], div[class*=' frame-space-after'] {
        margin-bottom: 20px !important;
    }

    .intext-images {
        max-width: 50%;
        margin-left: 30px
    }

    .intext-images-left {
        max-width: 50%;
    }

    #map {
        height: 350px;
    }

    #footer-bottom p {
        position: static;
        text-align: center;
        margin: 10px 0;
    }

    .page-nav-trigger {
        display: block;
        color: #a7b31f;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 20px;
    }

    #header nav, #nav, #header-phone, #meta, #contact-btn, #header-mail {
        display: none;
    }

    form > .form-group {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    #homelink {
        width: 240px;
        height: 114px;
        margin: 0 0 0 15px;
    }

    body > main:after {
        margin: 15px 15px 30px;
        height: 140px;
    }

}

/* hide for devices based on class */

@media only screen and (max-width: 767px) {
    .mobile-110 {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .tablet-110 {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .desktop-110 {
        display: none;
    }
}

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and (    min--moz-device-pixel-ratio: 1.3 ), only screen and (      -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
only screen and (         min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {

    /*retina including devices that upscale (nexus etc) */
    #homelink {
        background-image: url('../../../typo3conf/ext/t3b/Resources/Public/Images/logo_720.png');
    }
}

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ) and (max-width: 767px), only screen and (    min--moz-device-pixel-ratio: 1.3 ), only screen and (      -o-min-device-pixel-ratio: 2.6/2 )  and (max-width: 767px), /* returns 1.3, see Dev.Opera */
only screen and (         min-device-pixel-ratio: 1.3 )  and (max-width: 767px), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx )  and (max-width: 767px) {

    /*retina including devices that upscale (nexus etc) */
    #homelink {
        background-image: url('../../../typo3conf/ext/t3b/Resources/Public/Images/logo_480.png');
    }
}