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

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

@viewport {
    width: device-width;
}

@charset "UTF-8";body {
    background: #fff
}

body,body div#mm-0,body div#page {
    overflow-x: hidden;
    max-width: 100vw
}

img,body {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

.the-main {
    scroll-behavior: smooth
}

a#_mainsearch {
    display: none
}

main#content {
    overflow: hidden
}

.col-main {
    max-width: 100%
}

.anotation,.anotation h2,.anotation p {
    font-size: 14px;
    color: red;
    display: none
}

.d-none-special {
    position: absolute!important;
    z-index: -100!important;
    bottom: -100000000000px!important
}

a.edit-int3 {
    position: absolute;
    z-index: 100000000000000;
    background: red;
    bottom: 0;
    left: 0;
    color: rgba(255,255,255,.68)!important;
    padding: 2px 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700!important;
    opacity: .6
}

a.edit-int3:hover {
    opacity: 1;
    color: #fff!important
}

a.edit-int3:after {
    content: " in Entwicklung"
}

#keyvisual content.lazyload,#keyvisual .lazyloading,#content content.lazyload,#content .lazyloading {
    opacity: 0;
    transition: opacity 500ms
}

#keyvisual .lazyload.lazyloaded,#content .lazyload.lazyloaded {
    opacity: 1;
    transition: opacity 500ms
}

.overflow-unset {
    overflow: unset
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.bg-repeat-x {
    background-repeat-x: repeat!important
}

.bg-no-repeat-x {
    background-repeat-x: no-repeat!important
}

.bg-white85per {
    background: rgba(255,255,255,.9)
}

.bg-stage2 {
    margin-top: -4px;
    margin-bottom: -4px
}

.mt-40p {
    margin-top: 40px
}

.mb-40p {
    margin-bottom: 40px
}

.pt-unset {
    padding: unset
}

.pt-40p {
    padding-top: 40px
}

.pb-40p {
    padding-bottom: 40px
}

.pt-25per {
    padding-top: 25%
}

.pt-50per {
    padding-top: 50%
}

.pt-75per {
    padding-top: 75%
}

.pt-100per {
    padding-top: 100%
}

.minheight-xl-small {
    min-height: 200px
}

.minheight-normal {
    min-height: 400px
}

.minheight-big {
    min-height: 600px
}

.minheight-25vp {
    min-height: 25vh
}

.minheight-50vp {
    min-height: 50vh
}

.minheight-60vp {
    min-height: 60vh
}

.minheight-70vp {
    min-height: 70vh
}

.minheight-75vp {
    min-height: 75vh
}

.minheight-100vp {
    min-height: 100vh
}

.max-width-unset {
    max-width: unset!important
}

.w-5 {
    width: 5%!important
}

.w-10 {
    width: 10%!important
}

.w-15 {
    width: 15%!important
}

.w-20 {
    width: 20%!important
}

.w-25 {
    width: 25%!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.w-45 {
    width: 45%!important
}

.w-50 {
    width: 50%!important
}

.w-55 {
    width: 55%!important
}

.w-60 {
    width: 60%!important
}

.w-65 {
    width: 65%!important
}

.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-80 {
    width: 80%!important
}

.w-85 {
    width: 85%!important
}

.w-90 {
    width: 90%!important
}

.w-95 {
    width: 95%!important
}

.w-100 {
    width: 100%!important
}

.w-102 {
    width: 102%!important
}

.w-125 {
    width: 125%!important
}

.w-150 {
    width: 150%!important
}

.w-175 {
    width: 175%!important
}

.w-200 {
    width: 200%!important
}

.w-300 {
    width: 300%!important
}

.w-400 {
    width: 400%!important
}

.h-5 {
    height: 5%!important
}

.h-10 {
    height: 10%!important
}

.h-15 {
    height: 15%!important
}

.h-20 {
    height: 20%!important
}

.h-25 {
    height: 25%!important
}

.h-30 {
    height: 30%!important
}

.h-35 {
    height: 35%!important
}

.h-40 {
    height: 40%!important
}

.h-45 {
    height: 45%!important
}

.h-50 {
    height: 50%!important
}

.h-55 {
    height: 55%!important
}

.h-60 {
    height: 60%!important
}

.h-65 {
    height: 65%!important
}

.h-70 {
    height: 70%!important
}

.h-75 {
    height: 75%!important
}

.h-80 {
    height: 80%!important
}

.h-85 {
    height: 85%!important
}

.h-90 {
    height: 90%!important
}

.h-95 {
    height: 95%!important
}

.h-100 {
    height: 100%!important
}

.h-101 {
    height: 101%!important
}

.h-102 {
    height: 102%!important
}

.h-125 {
    height: 125%!important
}

.h-150 {
    height: 150%!important
}

.h-175 {
    height: 175%!important
}

.h-200 {
    height: 200%!important
}

.h-300 {
    height: 300%!important
}

.h-400 {
    height: 400%!important
}

@media (min-width: 768px) {
    .w-md-5 {
        width:5%!important
    }

    .w-md-10 {
        width: 10%!important
    }

    .w-md-15 {
        width: 15%!important
    }

    .w-md-20 {
        width: 20%!important
    }

    .w-md-25 {
        width: 25%!important
    }

    .w-md-30 {
        width: 30%!important
    }

    .w-md-35 {
        width: 35%!important
    }

    .w-md-40 {
        width: 40%!important
    }

    .w-md-45 {
        width: 45%!important
    }

    .w-md-50 {
        width: 50%!important
    }

    .w-md-55 {
        width: 55%!important
    }

    .w-md-60 {
        width: 60%!important
    }

    .w-md-65 {
        width: 65%!important
    }

    .w-md-70 {
        width: 70%!important
    }

    .w-md-75 {
        width: 75%!important
    }

    .w-md-80 {
        width: 80%!important
    }

    .w-md-85 {
        width: 85%!important
    }

    .w-md-90 {
        width: 90%!important
    }

    .w-md-95 {
        width: 95%!important
    }

    .w-md-100 {
        width: 100%!important
    }

    .w-md-102 {
        width: 102%!important
    }

    .w-md-125 {
        width: 125%!important
    }

    .w-md-150 {
        width: 150%!important
    }

    .w-md-175 {
        width: 175%!important
    }

    .w-md-200 {
        width: 200%!important
    }

    .w-md-300 {
        width: 300%!important
    }

    .w-md-400 {
        width: 400%!important
    }

    .h-md-5 {
        height: 5%!important
    }

    .h-md-10 {
        height: 10%!important
    }

    .h-md-15 {
        height: 15%!important
    }

    .h-md-20 {
        height: 20%!important
    }

    .h-md-25 {
        height: 25%!important
    }

    .h-md-30 {
        height: 30%!important
    }

    .h-md-35 {
        height: 35%!important
    }

    .h-md-40 {
        height: 40%!important
    }

    .h-md-45 {
        height: 45%!important
    }

    .h-md-50 {
        height: 50%!important
    }

    .h-md-55 {
        height: 55%!important
    }

    .h-md-60 {
        height: 60%!important
    }

    .h-md-65 {
        height: 65%!important
    }

    .h-md-70 {
        height: 70%!important
    }

    .h-md-75 {
        height: 75%!important
    }

    .h-md-80 {
        height: 80%!important
    }

    .h-md-85 {
        height: 85%!important
    }

    .h-md-90 {
        height: 90%!important
    }

    .h-md-95 {
        height: 95%!important
    }

    .h-md-100 {
        height: 100%!important
    }

    .h-md-101 {
        height: 101%!important
    }

    .h-md-102 {
        height: 102%!important
    }

    .h-md-125 {
        height: 125%!important
    }

    .h-md-150 {
        height: 150%!important
    }

    .h-md-175 {
        height: 175%!important
    }

    .h-md-200 {
        height: 200%!important
    }

    .h-md-300 {
        height: 300%!important
    }

    .h-md-400 {
        height: 400%!important
    }

    .position-md-initial {
        position: initial!important
    }

    .pt-md-unset {
        padding: unset
    }

    .minheight-md-100vp {
        min-height: 100vh
    }

    .minheight-md-small {
        min-height: 200px
    }

    .minheight-md-normal {
        min-height: 400px
    }

    .minheight-md-big {
        min-height: 600px
    }

    .minheight-md-25vp {
        min-height: 25vh
    }

    .minheight-md-50vp {
        min-height: 50vh
    }

    .minheight-md-60vp {
        min-height: 60vh
    }

    .minheight-md-70vp {
        min-height: 70vh
    }

    .minheight-md-75vp {
        min-height: 75vh
    }

    .minheight-md-100vp {
        min-height: 100vh
    }
}

@media (min-width: 992px) {
    .w-lg-5 {
        width:5%!important
    }

    .w-lg-10 {
        width: 10%!important
    }

    .w-lg-15 {
        width: 15%!important
    }

    .w-lg-20 {
        width: 20%!important
    }

    .w-lg-25 {
        width: 25%!important
    }

    .w-lg-30 {
        width: 30%!important
    }

    .w-lg-35 {
        width: 35%!important
    }

    .w-lg-40 {
        width: 40%!important
    }

    .w-lg-45 {
        width: 45%!important
    }

    .w-lg-50 {
        width: 50%!important
    }

    .w-lg-55 {
        width: 55%!important
    }

    .w-lg-60 {
        width: 60%!important
    }

    .w-lg-65 {
        width: 65%!important
    }

    .w-lg-70 {
        width: 70%!important
    }

    .w-lg-75 {
        width: 75%!important
    }

    .w-lg-80 {
        width: 80%!important
    }

    .w-lg-85 {
        width: 85%!important
    }

    .w-lg-90 {
        width: 90%!important
    }

    .w-lg-95 {
        width: 95%!important
    }

    .w-lg-100 {
        width: 100%!important
    }

    .w-lg-102 {
        width: 102%!important
    }

    .w-lg-125 {
        width: 125%!important
    }

    .w-lg-150 {
        width: 150%!important
    }

    .w-lg-175 {
        width: 175%!important
    }

    .w-lg-200 {
        width: 200%!important
    }

    .w-lg-300 {
        width: 300%!important
    }

    .w-lg-400 {
        width: 400%!important
    }

    .h-lg-5 {
        height: 5%!important
    }

    .h-lg-10 {
        height: 10%!important
    }

    .h-lg-15 {
        height: 15%!important
    }

    .h-lg-20 {
        height: 20%!important
    }

    .h-lg-25 {
        height: 25%!important
    }

    .h-lg-30 {
        height: 30%!important
    }

    .h-lg-35 {
        height: 35%!important
    }

    .h-lg-40 {
        height: 40%!important
    }

    .h-lg-45 {
        height: 45%!important
    }

    .h-lg-50 {
        height: 50%!important
    }

    .h-lg-55 {
        height: 55%!important
    }

    .h-lg-60 {
        height: 60%!important
    }

    .h-lg-65 {
        height: 65%!important
    }

    .h-lg-70 {
        height: 70%!important
    }

    .h-lg-75 {
        height: 75%!important
    }

    .h-lg-80 {
        height: 80%!important
    }

    .h-lg-85 {
        height: 85%!important
    }

    .h-lg-90 {
        height: 90%!important
    }

    .h-lg-95 {
        height: 95%!important
    }

    .h-lg-100 {
        height: 100%!important
    }

    .h-lg-101 {
        height: 101%!important
    }

    .h-lg-102 {
        height: 102%!important
    }

    .h-lg-125 {
        height: 125%!important
    }

    .h-lg-150 {
        height: 150%!important
    }

    .h-lg-175 {
        height: 175%!important
    }

    .h-lg-200 {
        height: 200%!important
    }

    .h-lg-300 {
        height: 300%!important
    }

    .h-lg-400 {
        height: 400%!important
    }

    .position-lg-initial {
        position: initial!important
    }

    .pt-lg-unset {
        padding: unset
    }

    .minheight-lg-small {
        min-height: 200px
    }

    .minheight-lg-normal {
        min-height: 400px
    }

    .minheight-lg-big {
        min-height: 600px
    }

    .minheight-lg-25vp {
        min-height: 25vh
    }

    .minheight-lg-50vp {
        min-height: 50vh
    }

    .minheight-lg-60vp {
        min-height: 60vh
    }

    .minheight-lg-70vp {
        min-height: 70vh
    }

    .minheight-lg-75vp {
        min-height: 75vh
    }

    .minheight-lg-100vp {
        min-height: 100vh
    }
}

@media (min-width: 1200px) {
    .w-xl-5 {
        width:5%!important
    }

    .w-xl-10 {
        width: 10%!important
    }

    .w-xl-15 {
        width: 15%!important
    }

    .w-xl-20 {
        width: 20%!important
    }

    .w-xl-25 {
        width: 25%!important
    }

    .w-xl-30 {
        width: 30%!important
    }

    .w-xl-35 {
        width: 35%!important
    }

    .w-xl-40 {
        width: 40%!important
    }

    .w-xl-45 {
        width: 45%!important
    }

    .w-xl-50 {
        width: 50%!important
    }

    .w-xl-55 {
        width: 55%!important
    }

    .w-xl-60 {
        width: 60%!important
    }

    .w-xl-65 {
        width: 65%!important
    }

    .w-xl-70 {
        width: 70%!important
    }

    .w-xl-75 {
        width: 75%!important
    }

    .w-xl-80 {
        width: 80%!important
    }

    .w-xl-85 {
        width: 85%!important
    }

    .w-xl-90 {
        width: 90%!important
    }

    .w-xl-95 {
        width: 95%!important
    }

    .w-xl-100 {
        width: 100%!important
    }

    .w-xl-102 {
        width: 102%!important
    }

    .w-xl-125 {
        width: 125%!important
    }

    .w-xl-150 {
        width: 150%!important
    }

    .w-xl-175 {
        width: 175%!important
    }

    .w-xl-200 {
        width: 200%!important
    }

    .w-xl-300 {
        width: 300%!important
    }

    .w-xl-400 {
        width: 400%!important
    }

    .h-xl-5 {
        height: 5%!important
    }

    .h-xl-10 {
        height: 10%!important
    }

    .h-xl-15 {
        height: 15%!important
    }

    .h-xl-20 {
        height: 20%!important
    }

    .h-xl-25 {
        height: 25%!important
    }

    .h-xl-30 {
        height: 30%!important
    }

    .h-xl-35 {
        height: 35%!important
    }

    .h-xl-40 {
        height: 40%!important
    }

    .h-xl-45 {
        height: 45%!important
    }

    .h-xl-50 {
        height: 50%!important
    }

    .h-xl-55 {
        height: 55%!important
    }

    .h-xl-60 {
        height: 60%!important
    }

    .h-xl-65 {
        height: 65%!important
    }

    .h-xl-70 {
        height: 70%!important
    }

    .h-xl-75 {
        height: 75%!important
    }

    .h-xl-80 {
        height: 80%!important
    }

    .h-xl-85 {
        height: 85%!important
    }

    .h-xl-90 {
        height: 90%!important
    }

    .h-xl-95 {
        height: 95%!important
    }

    .h-xl-100 {
        height: 100%!important
    }

    .h-xl-101 {
        height: 101%!important
    }

    .h-xl-102 {
        height: 102%!important
    }

    .h-xl-125 {
        height: 125%!important
    }

    .h-xl-150 {
        height: 150%!important
    }

    .h-xl-175 {
        height: 175%!important
    }

    .h-xl-200 {
        height: 200%!important
    }

    .h-xl-300 {
        height: 300%!important
    }

    .h-xl-400 {
        height: 400%!important
    }

    .position-xl-initial {
        position: initial!important
    }

    .pt-xl-unset {
        padding: unset
    }

    .minheight-xl-small {
        min-height: 200px
    }

    .minheight-xl-normal {
        min-height: 400px
    }

    .minheight-xl-big {
        min-height: 600px
    }

    .minheight-xl-25vp {
        min-height: 25vh
    }

    .minheight-xl-50vp {
        min-height: 50vh
    }

    .minheight-xl-60vp {
        min-height: 60vh
    }

    .minheight-xl-70vp {
        min-height: 70vh
    }

    .minheight-xl-75vp {
        min-height: 75vh
    }

    .minheight-xl-100vp {
        min-height: 100vh
    }
}

.left-0 {
    left: 0
}

.left--1 {
    left: -1%
}

.left-2 {
    left: 2%
}

.left-5 {
    left: 5%
}

.left-10 {
    left: 10%
}

.left-25 {
    left: 25%
}

.left-50 {
    left: 50%
}

.left-75 {
    left: 75%
}

.left-100 {
    left: 100%
}

.right--1 {
    right: -1%
}

.right-0 {
    right: 0
}

.right-2 {
    right: 2%
}

.right-5 {
    right: 5%
}

.right-10 {
    right: 10%
}

.right-25 {
    right: 25%
}

.right-50 {
    right: 50%
}

.right-75 {
    right: 75%
}

.right-100 {
    right: 100%
}

.top-0 {
    top: 0
}

.top-25 {
    top: 25%
}

.top-50 {
    top: 50%
}

.top-75 {
    top: 75%
}

.top-100 {
    top: 100%
}

.top--15px {
    top: -15px
}

.top--25px {
    top: -25px
}

.top-15px {
    top: 15px
}

.top-25px {
    top: 25px
}

.bottom-0 {
    bottom: 0
}

.bottom-25 {
    bottom: 25%
}

.bottom-50 {
    bottom: 50%
}

.bottom-75 {
    bottom: 75%
}

.bottom-100 {
    bottom: 100%
}

.z-index-minus40 {
    z-index: -40!important
}

.z-index-minus30 {
    z-index: -30!important
}

.z-index-minus20 {
    z-index: -20!important
}

.z-index-minus10 {
    z-index: -10!important
}

.z-index-0 {
    z-index: 0!important
}

.z-index-10 {
    z-index: 10!important
}

.z-index-20 {
    z-index: 10!important
}

.z-index-30 {
    z-index: 30!important
}

.z-index-40 {
    z-index: 40!important
}

.z-index-50 {
    z-index: 50!important
}

.z-index-60 {
    z-index: 60!important
}

.z-index-70 {
    z-index: 70!important
}

.z-index-80 {
    z-index: 80!important
}

.z-index-90 {
    z-index: 90!important
}

.z-index-100 {
    z-index: 100!important
}

.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 iframe {
    border-width: 0
}

.ce-border img,.ce-border iframe {
    border: none;
    padding: 0
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 10px
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 10px
}

.ce-below .ce-gallery {
    margin-top: 10px
}

.ce-column {
    margin-right: 10px
}

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

.ce-row {
    margin-bottom: 10px
}

.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
}

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

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

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

@media (max-width: 574px) {
    #content h1.ce-headline-center,#content h2.ce-headline-center,#content .ce-align-center,#content .frame-type-text .align-center {
    }
}

.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
}

.ce-table {
    width: 100%;
    max-width: 100%
}

.ce-table th,.ce-table td {
    padding: .5em .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
}

.keyvisual h1,.keyvisual h2,.keyvisual h3,.keyvisual h4,.keyvisual h5,.keyvisual h6,.keyvisual .h1,.keyvisual .h2,.keyvisual .h3,.keyvisual .h4,.keyvisual .h5,.keyvisual .h6 {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .main-content h1,.main-content h2,.main-content h3,.main-content .h1,.main-content .h2,.main-content .h3,.main-content p.align-right,.main-content .gcss_herohead p,.main-content .gcss_hero p,.main-content p.align-right {
    }
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-justify {
    text-align: justify
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

@media all {
    .page-break {
        display: none
    }
}

div[class^="col-"] .teaserbox-wrapper[class^="col-"],div[class*=" col-"] .teaserbox-wrapper[class*=" col-"] {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0
}

:focus {
    outline: none!important
}

a:focus,a:hover {
    text-decoration: none
}

a.external-link-new-window:before,a[target="_blank"]:before {
    display: none
}

.container-fluid {
    width: 100%
}

p,ul {
    hyphens: auto
}

ul {
    margin-bottom: 15px
}

.frame>ul:last-child {
    margin-bottom: 0
}

a {
    hyphens: none
}

figure.image img {
    /* -moz-transform: scale(1.01);*/
    /* -webkit-transform:scale(1.01); */
   /*  -o-transform: scale(1.01);*/
   /*  -ms-transform: scale(1.01);*/
    /* transform:scale(1.01) */
}

.ce-gallery figure {
    /* margin:-2px 0 -2px 0; */
    /* overflow:hidden; */
}

.col.force-fw .teaserbox-wrapper.col {
    width: 100%;
    max-width: 100%
}

.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-position-x: center;
    background-position-y: center
}

.background-image.background-image-contain {
    background-size: contain
}

.resimage-outer {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

#g16-news .resimage-outer {
    position: relative
}

.gcss_border_grey-light .teaserbox .resimage-outer {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.25);
    box-shadow: 0 0 0 1px rgba(0,0,0,.25)
}

.teaser-picposition-bottom .resimage-outer {
}

.teaser-design-pic-covers .resimage-outer {
    position: absolute;
    top: 0;
    height: 100%
}

.teaser-design-pic-covers:hover .resimage-outer {
    top: -150%;
    opacity: 0
}

body:not(.mage) .col-main > .frame:last-child {
    margin-bottom: 30px;
    max-width: 100%
}

.teaserbox-wrapper {
    margin-bottom: 30px
}

.teaserbox-wrapper .teaserbox {
    height: auto;
    padding-bottom: 0;
    overflow: hidden;
    display: block
}

.teaserbox-wrapper .resimage-inner {
    background-color: #fff
}

.teaserbox-wrapper.teaser-design-headoverpic .teaserbox {
    overflow: hidden
}

.teaserbox-wrapper.dark-background .resimage-outer {
    border-bottom: none!important
}

@media (max-width: 580px) {
    .teaserbox-wrapper {
        padding:0
    }
}

.teaserbox-wrapper a:hover {
    opacity: 1
}

.teaserbox-wrapper.teaser-design-headoverpic h2,.teaserbox-wrapper.teaser-design-headoverpic strong,.teaserbox-wrapper.teaser-design-headoverpic .headwrapper {
    color: #fff!important;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.teaserbox-wrapper.teaser-design-headoverpic:hover h2,.teaserbox-wrapper.teaser-design-headoverpic:hover .headwrapper {
    -moz-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.teaserbox-wrapper h2,.teaserbox-wrapper strong {
    font-size: 18px;
    font-weight: 400
}

.teaserbox-wrapper .gcss_background_white h2,.teaserbox-wrapper .gcss_background_transparent h2,.teaserbox-wrapper .gcss_background_white strong,.teaserbox-wrapper .gcss_background_transparent strong {
    font-weight: 400
}

.teaserbox-wrapper.teaser-design-hoverbox h2,.teaserbox-wrapper.teaser-design-hoverbox strong {
    font-weight: 600;
    font-size: 22px!important;
    display: block
}

@media (min-width: 992px) {
    .col-lg-onefith.teaserbox-wrapper.teaser-design-hoverbox strong {
        font-size:18px!important
    }
}

@media (min-width: 576px) {
    .teaserbox-wrapper.col-sm-6 h2,.teaserbox-wrapper.col-sm-6 strong {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .teaserbox-wrapper.col-lg-6 h2,.teaserbox-wrapper.col-lg-6 strong {
        font-size:24px;
        margin-bottom: 20px
    }

    .teaserbox-wrapper.col-lg-3 strong .teaserbox-wrapper.col-lg-4 strong {
        font-size: 16px
    }
}

@media (max-width: 991px) {
    .teaserbox-wrapper h2,.teaserbox-wrapper strong {
        font-size:18px
    }
}

@media (max-width: 560px) {
    .teaserbox-wrapper h2,.teaserbox-wrapper strong {
        font-size:18px
    }
}

.teaserbox-wrapper .gcss_background_primary h2,.teaserbox-wrapper .gcss_background_primary p,.teaserbox-wrapper .gcss_background_primary a,.teaserbox-wrapper .gcss_background_primary .a,.teaserbox-wrapper .gcss_background_grey-color_dark h2,.teaserbox-wrapper .gcss_background_grey-color_dark p,.teaserbox-wrapper .gcss_background_grey-color_dark a,.teaserbox-wrapper .gcss_background_grey-color_dark .a,.teaserbox-wrapper .gcss_background_grey-color_dark .secondary-link,.teaserbox-wrapper.teaser-picposition-fullback h2,.teaserbox-wrapper.teaser-picposition-fullback p,.teaserbox-wrapper.teaser-picposition-fullback a,.teaserbox-wrapper.teaser-picposition-fullback .a {
    color: #fff!important;
    font-weight: 600
}

.teaserbox-wrapper.teaser-picposition-fullback h2,.teaserbox-wrapper.teaser-picposition-fullback strong,.teaserbox-wrapper.teaser-picposition-fullback p,.teaserbox-wrapper.teaser-picposition-fullback a,.teaserbox-wrapper.teaser-picposition-fullback .a {
    text-shadow: 0 0 5px rgba(0,0,0,.5)
}

.teaserbox-wrapper.teaser-picposition-fullback .btn {
    text-shadow: none
}

.teaserbox-wrapper .gcss_background_primary .btn,.teaserbox-wrapper .gcss_background_grey-color_dark .btn {
    border-color: #fff!important
}

.teaserbox-wrapper .gcss_background_primary .btn:hover,.teaserbox-wrapper .gcss_background_primary .btn:focus,.teaserbox-wrapper .gcss_background_grey-color_dark .btn:hover,.teaserbox-wrapper .gcss_background_grey-color_dark .btn:focus {
    background: #e2e2e2!important;
    color: #444!important;
    border-color: #e2e2e2!important
}

.teaserbox-wrapper .gcss_background_secondary-color h2,.teaserbox-wrapper .gcss_background_secondary h2,.teaserbox-wrapper .gcss_background_secondary-color strong,.teaserbox-wrapper .gcss_background_secondary strong {
    color: #008d58
}

.teaserbox-wrapper .gcss_background_prime-color_light p,.teaserbox-wrapper .gcss_background_primary-color_light p,.teaserbox-wrapper .gcss_background_primary_light p,.teaserbox-wrapper .gcss_background_secondary-color p,.teaserbox-wrapper .gcss_background_secondary p,.teaserbox-wrapper .gcss_background_secondary-color_light p,.teaserbox-wrapper .gcss_background_secondary p_light {
    font-weight: 400;
    color: #525252
}

@media (max-width: 960px) {
    .teaserbox-wrapper h2,.teaserbox-wrapper strong {
        font-size:18px
    }
}

.teaserbox-wrapper .headwrapper {
    margin-bottom: 6px
}

.gcss_headline-orientation_center .headwrapper p {
    text-align: center
}

.teaserbox-wrapper .headwrapper p {
    margin: 0
}

@media (min-width: 996px) {
    .teaserbox-wrapper.col-lg-6 .headwrapper {
        margin-bottom:8px
    }
}

.teaserbox-wrapper .headwrapper h2,.teaserbox-wrapper .headwrapper strong {
    margin: 0
}

.teaserbox-wrapper:not(.teaser-design-hoverbox) .teasertext {
    top: 0;
    text-align: center;
    width: 100%;
    padding: 10px 15px 10px 15px;
    overflow: hidden;
    position: relative
}

.teaserbox-wrapper.teaser-design-hoverbox.teaser-design-headoverpic .headwrapper:after {
    content: "";
    background: #000;
    opacity: .3;
    width: 1400px;
    height: 1400px;
    display: block;
    position: absolute;
    left: -100px;
    top: -200px;
    bottom: -20%;
    right: -20%;
    z-index: 1
}

.teaserbox-wrapper.teaser-design-hoverbox.teaser-design-headoverpic .headwrapper h2,.teaserbox-wrapper.teaser-design-hoverbox.teaser-design-headoverpic .headwrapper strong {
    z-index: 20;
    position: relative
}

.teaserbox-wrapper .teasertext.dark-colored-text-area {
    top: -1px
}

.teaserbox-wrapper.teaser-design-hoverbox .teasertext {
    padding: 0
}

.teaserbox-wrapper .textwrapper p,.teaserbox-wrapper .headwrapper {
    color: #46423c
}

.teaserbox-wrapper .textwrapper p {
    margin-bottom: 0;
    margin-top: 0;
    opacity: .8
}

.teasertext .textwrapper {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 6px
}

.teaserbox-wrapper .preheadline {
    font-size: 14px;
    opacity: .8
}

.resimage-outer:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.resimage-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.resimage-inner h2,.resimage-inner strong {
    padding: 15px
}

.resimage-outer.picborder:not(.teaser-has-border) .resimage {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2)
}

.resimage-outer.picborder:not(.teaser-has-border) .resimage {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2)
}

.video {
    margin-bottom: 30px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

.videoWrapper .coverimage .playbutton {
    position: absolute;
    left: 40%;
    right: 40%;
    bottom: 40%;
    top: 40%;
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/YouTube_play_buttom_icon.svg)
}

.videoWrapper .videoFrame,.videoWrapper>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.videoWrapper.video16to9 {
    padding-bottom: 56.25%
}

.videoWrapper.video4to3 {
    padding-bottom: 75%
}

.videoWrapper.video2to1 {
    padding-bottom: 50%
}

.videoWrapper.videowider {
    padding-bottom: 40%
}

.video-caption h3 {
    margin-top: 15px
}

.magic-container .videoWrapper.videobackground {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%,-50%)
}

.videobackground .codegena_iframe {
    width: 100%!important;
    height: 100%!important;
    overflow: visible!important;
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important
}

.codegena_iframe .thumb:hover {
    transform: scale(1)!important
}

.videobackground iframe {
    position: absolute;
    width: 100%!important;
    height: 100%!important
}

.content-upper.activ-video {
    position: absolute
}

a#play-video {
    z-index: 1;
    bottom: 0;
    position: absolute;
    background: rgba(0,0,0,.41);
    padding: 10px;
    margin-bottom: 20px
}

.videobackground .play.show {
    background: rgba(255,194,0,.54)!important;
    display: block!important;
    z-index: 1;
    top: auto!important;
    bottom: 30px;
    position: absolute;
    padding: 10px 30px;
    text-transform: uppercase;
    left: 50%;
    border-radius: 10px;
    font-weight: 600;
    color: #ffff;
    border: 2px solid #ffff;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto!important;
    height: auto
}

.gcss_video .play {
    background: none!important;
    margin-top: 170px;
    z-index: 1111111111111;
    opacity: 1!important;
    top: 50%!important;
    margin-left: 0!important
}

.gcss_video .play:after {
    background: rgba(255,194,0,.54)!important;
    z-index: 1;
    top: auto!important;
    bottom: 30px;
    position: absolute;
    padding: 10px 30px;
    text-transform: uppercase;
    left: 50%;
    border-radius: 10px;
    font-weight: 600;
    color: #ffff;
    border: 2px solid #ffff;
    width: auto!important;
    height: auto;
    white-space: nowrap;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .8!important
}

.gcss_video .play:after:hover {
    opacity: 1!important
}

.videobackground .youtube_codegena {
    background-color: #fff!important;
    position: static;
    height: 100%!important
}

.videobackground .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.youtube.gcss_video {
    width: 100%!important;
    height: 100%!important;
    overflow: visible;
    position: absolute
}

.teaser-design-nopic .resimage-outer {
    display: none
}

.gcss_resimage-border-thin {
    border: 1px solid rgba(68,68,68,.13)
}

.gcss_resimage-border-fat {
    border: 4px solid rgba(68,68,68,.13)
}

.gcss_resimage-border-gallery {
    border: 0 solid rgba(68,68,68,.13);
    padding: 10px;
    background: #f7f7f7
}

.gcss_resimage-border-gallery .resimage-outer {
    border: 1px solid rgba(68,68,68,.13)
}

.gcss_fullscreen-width .responsive-image {
    padding: 0;
    margin-bottom: -2px
}

.responsive-image-wrapper .overlay {
    display: table;
    height: 100%;
    width: 100%
}

.responsive-image-wrapper .overlay .overlay-inner {
    display: table-cell;
    position: relative
}

.teaserbox-wrapper.teaser-design-hoverbox .textwrapper {
    overflow: hidden;
    position: absolute;
    display: block;
    background: rgba(255,255,255,0);
    padding: 15px;
    color: rgba(255,255,255,0);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    width: 100%;
    top: 100%;
    left: 0;
    font-weight: 400;
    z-index: 999;
    opacity: 0
}

.teaserbox-wrapper.teaser-design-hoverbox:hover .textwrapper {
    top: 0;
    background: rgba(0,0,0,.77);
    min-height: 100%;
    height: auto;
    opacity: 1
}

.teaserbox-wrapper.teaser-design-hoverbox:hover .textwrapper p {
    font-weight: 400;
    color: #fff!important
}

.teaserbox-wrapper.teaser-design-hoverbox .teasertext h2::after {
    width: 25%!important
}

.container.width-100vw,.width-100vw.magic-container,.main-content .width-100vw.magic-container,.keyvisual .width-100vw.magic-container {
    position: relative;
    width: 100vw!important;
    left: 50%;
    max-width: 100vw!important;
    overflow: hidden;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-left: 15px!important;
    padding-right: 15px!important
}

.container.width-100vw.px-0,.width-100vw.magic-container.px-0,.main-content .width-100vw.magic-container.px-0,.keyvisual .width-100vw.magic-container.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.overflow-visible {
    overflow: visible!important
}

.magic-container .content-upper,.magic-container .content-lower {
    display: block;
    overflow: visible;
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.keyvisual .magic-container {
    width: 100%;
    z-index: 5;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -ms-overflow-style: none
}

.width-100vw .inner-wrap.content-boxed {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.key-box.key-boxed {
    margin: 0 auto;
    width: 100%;
    padding-left: 15px!important;
    padding-right: 15px!important
}

.key-box-mobile,.key-box-mobile.key-box.key-boxed {
    background: #ececec;
    padding-left: 15px!important;
    padding-right: 15px!important;
    max-width: 100vw;
    overflow: hidden;
    padding-top: 15px
}

@media (min-width: 1200px) {
    .keyvisual>div:first-child .magic-container {
        margin-top:76px
    }

    .keyvisual div:first-child .magic-container.width-100vw {
        margin-top: 0
    }

    .magic-container .ausklinker {
        width: 50%;
        position: absolute;
        left: 50%;
        top: 0;
        height: calc(100% + 100px);
        background-size: contain;
        background-repeat: no-repeat
    }

    .magic-container .ausklinkerimage-size-big01 {
        height: calc(100% + 200px)
    }

    .magic-container .ausklinkerimage-size-big02 {
        height: calc(100% + 300px)
    }

    .magic-container .ausklinkerimage-size-small01 {
        height: 100%
    }

    .magic-container .ausklinkerimage-size-small02 {
        height: calc(100% - 100px)
    }
}

.row.buttonrow {
}

.inner-colwrap .row.buttonrow {
}

.btn_down_round {
    height: 56px!important;
    width: 56px!important;
    border-radius: 50%!important;
    margin: 0 auto!important;
    background-color: rgba(255,255,255,.51)!important;
    position: fixed!important;
    top: calc(100vh - 100px);
    left: calc(50vw - 28px);
    opacity: 1
}

.sc100 .btn_down_round {
    opacity: 0
}

.sc200 .btn_down_round {
    display: none
}

.btn_down_round span.btn_text {
    display: none
}

.button-wrap {
    float: none
}

.button-wrap.btn_text {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.button-as-headline .row.buttonrow {
    display: block
}

div#g16-news.detail-layout-wrapper ul:not(.event-dates), .frame-type-textpic ul:not(.list-unstyled), .frame-type-text > ul:not(.list-unstyled) {
    list-style: none;
    padding: 0;
    margin-left: 0;
    border-spacing: 6px
}

div#g16-news.detail-layout-wrapper ul:not(.event-dates):not(.list-unstyled) li:not(.shariff-button), .frame-type-textpic ul:not(.list-unstyled) li, .frame-type-text > ul:not(.list-unstyled) li {
    margin-bottom: 4px;
    overflow: hidden;
    padding-left: 20px;
    position: relative
}

div#g16-news.detail-layout-wrapper ul:not(.event-dates) li:not(.shariff-button)::before, .frame-type-textpic ul:not(.list-unstyled) li:not(.shariff-button)::before, .frame-type-text > ul:not(.list-unstyled) li:not(.shariff-button)::before {
    content: "";
    position: absolute;
    background: #9e9e9e;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px
}

.link-lg {
    font-size: 21px
}

.owl-item.height-100vh>div>div {
    min-height: 100vh
}

.owl-item.height-75vh>div>div {
    min-height: 75vh
}

.owl-item.height-50vh>div>div {
    min-height: 50vh
}

.owl-item.height-25vh>div>div {
    min-height: 25vh
}

.owl-next:after {
    content: ">"
}

.owl-prev:before {
    content: "<"
}

.owl-next:after,.owl-prev:before {
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #bfbfbf73;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.36);
    color: #444;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    left: 0;
    top: 0;
    position: absolute
}

.owl-prev,.owl-next {
    color: rgba(255,255,255,0);
    top: 50%;
    margin-top: -30px;
    z-index: 1
}

.owl-prev.disabled,.owl-next.disabled {
    display: none
}

div[class^="col-"] .float-elements .teaserbox-wrapper[class^="col-"],div[class*=" col-"] .float-elements .teaserbox-wrapper[class*=" col-"],[class*=" col-"].float-elements .teaserbox-wrapper[class*=" col-"] {
    padding-left: 15px;
    padding-right: 15px
}

.float-elements .inner-wrap>.frame,.float-elements .inner-wrap .frame-type-shortcut>.frame,.float-elements>.frame,.float-elements .inner-colwrap>.frame {
    display: inline;
    overflow: visible;
    font-size: 0
}

.float-elements .inner-wrap .teaserbox-wrapper,.float-elements .inner-colwrap .teaserbox-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: auto;
    flex-direction: column
}

.float-elements .icon {
    display: inline-block;
    overflow: visible
}

@media (min-width: 768px) {
    .navbar-nav {
        flex-direction:row
    }

    .areanav .navbar-right {
        margin-right: -5px
    }
}

.ce-center picture {
    text-align: center;
    display: block
}

.frame {
    text-align: left;
    display: block;
    width: 100%;
    position: relative
}

.content-max1000 {
    max-width: 1000px
}

.content-max800 {
    max-width: 800px
}

.content-max700 {
    max-width: 700px
}

.content-max500 {
    max-width: 500px
}

div#pageheader.lightbox,#footer.lightbox,#adds-and-teasers.lightbox {
    display: none
}

a.linkwrapper {
    display: block
}

.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery {
    margin-bottom: 0;
    width: 100%
}

.ce-above .ce-gallery {
    width: 100%
}

.ce-gallery .img-fluid {
    /* width:100% */
}

.ce-gallery figure.image {
    width: 100%;
}

.ce-center div[class^="col-"],.ce-center div[class*=" col-"],.ce-center .image {
    margin-right: auto!important;
    margin-left: auto!important
}

.ce-right div[class^="col-"],.ce-right div[class*=" col-"] {
    margin-left: auto!important;
    max-width: 100%
}

nav.context-menue {
    display: none
}

@media (min-width: 1600px) {
    nav.context-menue {
        display:block;
        width: 240px;
        position: fixed;
        right: 30px;
        bottom: -500px;
        z-index: 99999999;
        opacity: 0;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5 ease-out;
        -ms-transition: all .5 ease-out;
        -o-transition: all .5 ease-out;
        transition: all .5 ease-out
    }

    .endofpage nav.context-menue,.sc100.scrollingup nav.context-menue,.sc800 nav.context-menue {
        opacity: 1;
        bottom: 100px
    }
}

nav.context-menue ul.nav {
    display: block
}

nav.context-menue .nav>li>a,nav.context-menue .context-menue-label {
    position: relative;
    display: block;
    padding: 10px 15px
}

nav.context-menue .nav>li>a {
    border-top: 1px solid #efefef;
    text-overflow: ellipsis;
    font-weight: 400
}

nav.context-menue .context-menue-label {
    font-weight: 400
}

nav.context-menue .picture {
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top
}

.design-picture01.picture {
}

.design-picture02.picture {
}

.design-picture03.picture {
}

.design-picture04.picture {
}

.design-picture05.picture {
}

.context-menue .menu-wrapper {
    background: rgba(249,249,249,.9);
    border: 1px solid rgba(239,239,239,.77)
}

.sticky-on-top.affix {
    top: 0;
    z-index: 80000;
    background: rgba(255,255,255,1);
    width: 100%;
    left: 0;
    border-bottom: 1px solid rgba(68,68,68,.1)
}

.sticky-on-top.affix .areanav .container-fluid {
    border-bottom: 0 solid rgba(68,68,68,0)
}

.landing .hide-on-landing {
    display: none!important
}

.navbar.area-navbar,.area-navline {
    padding: 0;
    background: #f1efed;
    border-radius: 0;
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.area-navline {
    background: none;
    border-bottom: 1px solid rgba(68,68,68,.2)
}

.area-navline.line-above {
    border-top: 1px solid rgba(68,68,68,.2)
}

.area-navbar a {
    border-right: 1px solid rgba(255,255,255,.3)
}

.navbar2.vers3.area-navbar .linkgroup ul li {
    margin-left: 0;
    margin-right: 0
}

.area-navbar a,.area-navline a {
    text-transform: uppercase!important
}

.area-navbar a {
    padding: 2px 10px!important;
    margin: 0!important
}

.area-navbar a:hover {
    background: #e4e2e1!important
}

.area-navline a:hover {
    background: none!important
}

.area-navbar li:first-child a {
    border-left: 1px solid rgba(255,255,255,.3)
}

.area-navbar .container-fluid,.area-navbar .navbar-collapse,.area-navline .container-fluid,.area-navline .navbar-collapse {
    padding: 0;
    text-align: center
}

.area-navbar.orientation-left .container-fluid,.area-navbar.orientation-left .navbar-collapse,.area-navline.orientation-left .container-fluid,.area-navline.orientation-left .navbar-collapse {
    text-align: left
}

.area-navbar ul,.area-navline ul {
    float: none;
    display: inline-block
}

.navbar.area-navline {
    min-height: unset
}

.area-navline .navbar-nav>li>a {
    padding: 15px 8px 0 8px
}

.area-navline li:after {
    content: "";
    height: 2px;
    width: 0%;
    background: rgba(68,68,68,0);
    position: relative;
    display: block;
    margin-top: 12px
}

.area-navline li.active:after,.area-navline li:hover:after {
    width: 100%;
    background: rgba(68,68,68,.2)
}

.inner-colwrap.container {
    margin-left: -15px!important;
    margin-right: -15px!important
}

.row:before {
    display: block
}

.row .backimage {
    padding: 0
}

@media (max-width: 767px) {
    .row.row-reverse-phone {
        flex-direction:column-reverse
    }
}

@media (min-width: 501px) and (max-width:991px) {
    .row.row-reverse-tablet {
        flex-direction:column-reverse
    }
}

.magic-container.darkendtop:before {
    position: absolute;
    width: 100%;
    height: 180px;
    content: "";
    display: block;
    z-index: 1;
    -webkit-box-shadow: inset 0 210px 160px -120px rgba(0,0,0,.8);
    box-shadow: inset 0 180px 160px -120px rgba(0,0,0,.8)
}

[class^="visittime-"] .hide-after-visittime-30,[class*=" visittime-"] .hide-after-visittime-30 {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 0;
    -moz-transform: translateX(-3000px);
    -webkit-transform: translateX(-3000px);
    -o-transform: translateX(-3000px);
    -ms-transform: translateX(-3000px);
    transform: translateX(-3000px)
}

#persons_list .image {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(237,237,236,1);
    background: rgba(255,255,255,.3);
    max-height: 200px;
    overflow: hidden
}

#persons_list .image .personenfoto {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

#persons_list.wrapper-chip .image .personenfoto {
    background-size: cover;
    background-position: center center;
    border-radius: 0;
    background-repeat: no-repeat;
    border: none
}

#persons_list.wrapper-chip .personchip .inner {
}

#persons_list.wrapper-chip .resimage-outer {
    width: 100%;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2
}

#persons_list .personchip .text.information {
    margin-top: 20px
}

#persons_list.wrapper-chip .personchip .text.information {
    padding: 10px;
    margin-top: 0
}

#persons_list .personchip p {
    margin-bottom: 4px;
    margin-top: 0
}

#persons_list .personchip {
    margin-bottom: 20px
}

#persons_list .about-wrapper {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px
}

#persons_list .image.resimage-outer.gcss_image-dimensions_1to1.width_50percent.gcss_centerit {
    margin: 0 auto
}

.nomail #persons_list .person-contact-opener {
    display: none
}

.g16persons.kontaktlightbox {
    width: 100%;
    max-width: 600px
}

.g16persons.kontaktlightbox input,.g16persons.kontaktlightbox textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid rgba(68,68,68,.27)
}

.mail-sent-message {
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 1000;
    width: 100%
}

.mail-sent-message .alert {
    box-shadow: 0px 10px 17px 0px #0000007a;
    width: 90%;
    margin: 0 auto;
    max-width: 500px
}

.width_50percent {
    width: 50%
}

.col-menu>.frame:last-child {
    margin-bottom: 30px
}

.col-menu .nav>li>a {
    padding: 10px 0;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #f1f1f1
}

.col-menu .nav>li:first-child>a:not(.active) {
    padding: 0 0 10px 0
}

.col-menu .nav>li>a:focus,.col-menu .nav>li>a:hover {
    background-color: rgba(255,255,255,0);
    opacity: .8
}

.col-menu .nav>li>a.active,.col-menu .nav>li>a.active:hover {
    color: #444!important;
    font-weight: bolder;
    border-left: 4px solid #ffc200;
    padding-left: 6px;
    overflow: hidden;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
    -ms-transition: all 0ms ease;
    -o-transition: all 0ms ease;
    transition: all 0ms ease;
    opacity: 1
}

body.fancybox-maxwidth400.fancybox-active .fancybox-content {
    width: 400px!important;
    min-width: 300px!important
}

body.fancybox-maxwidth600.fancybox-active .fancybox-content {
    width: 600px!important;
    min-width: 300px!important
}

body.fancybox-maxwidth800.fancybox-active .fancybox-content {
    width: 800px!important;
    min-width: 300px!important
}

button.fancybox-close-small {
    display: none!important
}

.fancybox-stage button.fancybox-close-small {
    display: block!important
}

.fancybox-slide--iframe .fancybox-content button.fancybox-close-small {
    right: 0
}

.fancybox-slide--iframe .fancybox-close-small:after {
    color: unset
}

.fancybox-iframe #footer,.fancybox-iframe #adds-and-teasers,.fancybox-iframe header,.fancybox-iframe nav#sidemenu {
    display: display: none !important
}

.fancybox-stage {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll
}

.fancybox-container {
    z-index: 1999999999!important
}

.tablehead .inner-colwrap {
    font-weight: 600
}

.tablehead {
    padding-top: 10px;
    background: #ffc200;
    border: none
}

@media (max-width: 800px) {
    button.fancybox-close-small {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        z-index: 99999999999999999
    }

    .fancybox-button--close:after,.fancybox-close-small:after {
        left: unset;
        right: 7px
    }

    xxx.fancybox-slide>div {
        border-radius: 0!important;
        padding-top: 50px!important;
        top: 0;
        width: 100%;
        height: 100vh;
        padding: 0;
        position: fixed;
        left: 0;
        margin: 0!important;
        vertical-align: top!important;
        overflow-y: scroll
    }

    .fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
        overflow: scroll!important;
        -webkit-overflow-scrolling: touch
    }

    xx.fancybox-outer,.fancybox-inner,.fancybox-bg {
        overflow: visible!important
    }

    xx.fancybox-stage {
        top: 0;
        right: 0;
        bottom: unset!important;
        left: 0;
        height: auto;
        overflow: visible!important
    }

    xx.fancybox-inner {
        position: relative
    }

    xx.fancybox-slide.fancybox-slide--ajax.fancybox-slide--current.fancybox-slide--complete {
        height: auto!important
    }

    .fancybox-slide>div {
        background-color: #fff;
        overflow: auto;
        overscroll-behavior: none;
        -webkit-user-drag: none;
        border-radius: 0!important;
        top: 0;
        width: 100%;
        height: unset;
        min-height: 100vh;
        padding: 0;
        position: relative!important;
        left: 0;
        margin: 0!important;
        vertical-align: top!important
    }
}

.navbar-nav>li {
    float: none;
    text-align: center
}

@media (min-width: 768px) {
    .navbar-nav>li {
        display:inline-block
    }
}

@media (max-width: 768px) {
    .navbar-nav>li a,.navbar-nav>li a.btn-primary,.navbar-nav>li a.btn-secondary {
        font-size:18px;
        padding: 13px 0!important;
        border-radius: 40px!important
    }

    .navbar-nav>li a.btn-primary,.navbar-nav>li a.btn-secondary {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 992px) {
    .navbar-toggleable-md .navbar-collapse {
        width:100%;
        padding: 0
    }
}

.g-element.pullpic-toframe_left {
    min-width: 100%;
    width: 50vw;
    left: 100%;
    position: relative;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.g-element.pullpic-toframe_left .resimage-inner .resimage.gcss_backimage_xright {
    background-position-x: left!important
}

@media (max-width: 576px) {
    .col-xs-12 .g-element.pullpic-toframe_left .resimage-outer {
        width:100vw!important
    }

    .col-xs-12 .g-element.pullpic-toframe_left {
        width: 100vw
    }
}

@media (max-width: 768px) {
    .col-sm-12 .g-element.pullpic-toframe_left .resimage-outer {
        width:100vw!important
    }

    .col-sm-12 .g-element.pullpic-toframe_left {
        width: 100vw
    }
}

@media (max-width: 992px) {
    .col-md-12 .g-element.pullpic-toframe_left .resimage-outer {
        width:100vw!important
    }

    .col-md-12 .g-element.pullpic-toframe_left {
        width: 100vw
    }
}

@media (max-width: 1200px) {
    .col-lg-12 .g-element.pullpic-toframe_left .resimage-outer {
        width:100vw!important
    }

    .col-lg-12 .g-element.pullpic-toframe_left {
        width: 100vw
    }
}

@media (max-width: 5200px) {
    .col-xl-12 .g-element.pullpic-toframe_left .resimage-outer {
        width:100vw!important
    }

    .col-xl-12 .g-element.pullpic-toframe_left {
        width: 100vw
    }
}

.navbar2 ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0
}

.navbar2 ul li,.navbar2 .linkgroup {
    display: inline-block
}

@media (max-width: 1199px) {
    #keyvisual .areanav {
        border-bottom:1px solid rgba(167,167,167,.4)
    }
}

@media (min-width: 1200px) {
    #keyvisual .areanav-spacer-bottom:after {
        border-bottom:1px solid rgba(167,167,167,.4);
        display: block;
        content: "";
        width: 100%;
        z-index: 0;
        margin: 0 auto;
        max-width: 1110px;
        position: fixed;
        left: 50vw;
        -moz-transform: translateX(-50p%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear
    }
}

#keyvisual .areanav-spacer-bottom:after,.scrollingup #keyvisual .areanav-spacer-bottom:after {
}

.sc100 #keyvisual .areanav-spacer-bottom:after,.scrollingup #keyvisual .areanav-spacer-bottom:after {
    width: 100vw;
    max-width: 100vw;
    z-index: 200!important;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    display: none
}

.sc600:not(.scrollingup) #keyvisual .areanav-spacer-bottom:after {
    top: -100px
}

.subopen nav.navbar2.areanav:after {
    border-bottom: none;
    display: block;
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    background: rgba(0,0,0,.43);
    bottom: unset
}

.sc100 nav.navbar2.areanav:after {
    max-width: 100vw
}

@media (min-width: 1200px) {
    #keyvisual .magic-container .areanav {
        background:none
    }
}

body.sc100 #keyvisual .magic-container .areanav {
    background: #fff
}

#keyvisual .magic-container .areanav-spacer-bottom {
    height: 100px!important
}

#keyvisual .magic-container.width-100vw .areanav-spacer-bottom {
    height: 90px!important
}

@media (max-width: 1199px) {
    #keyvisual .magic-container.width-100vw .areanav-spacer-bottom:after {
        top:54px
    }
}

nav.navbar2 {
    left: 0;
    width: 100%
}

.main-content nav.navbar2 {
    padding-left: 0;
    padding-right: 0
}

.scrollingup #keyvisual .areanav,.nsc800.scrollingup #keyvisual .areanav,.keyvisual .areanav {
    position: fixed;
    top: 0;
    z-index: 200;
    padding-bottom: 0;
    margin-top: 0;
    left: 50%;
    -moz-transform: translateX(-50p%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    width: 100vw;
    max-width: 100vw;
    overflow: visible
}

@media (min-width: 1200px) {
    .keyvisual .areanav {
        padding-top:48px
    }
}

@media (max-width: 1199px) {
    #keyvisual .areanav {
        top:46px
    }

    #keyvisual .magic-container .areanav {
        top: 0
    }
}

.subopen nav.navbar2 {
    background: rgba(255,255,255,1)!important
}

nav.navbar2.subopen:after {
}

.navbar2:after {
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear
}

.navbar2.subopen:after {
}

x #keyvisual .keyvisual nav.navbar2.area-navbar,.sc100 #keyvisual .keyvisual nav.navbar2.area-navbar,body.scrollingup #keyvisual .keyvisual nav.navbar2.area-navbar {
    position: relative;
    padding-top: 0!important
}

.sc100 nav.navbar2 {
    border-bottom: 1px solid rgba(167,167,167,.4)
}

nav.navbar2.areanav .inner-wrapper {
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: justify
}

@media (min-width: 991px) {
    .magic-container nav.navbar2.areanav .inner-wrapper {
        padding-left:15px;
        padding-right: 15px
    }
}

.areanav-spacer-bottom {
    height: 70px
}

#keyvisual .areanav-spacer-bottom,#keyvisual .magic-container .areanav-spacer-bottom {
    height: 55px;
    position: relative
}

@media screen and (min-width: 1200px) {
    #keyvisual .areanav-spacer-bottom,#keyvisual .magic-container .areanav-spacer-bottom {
        height:107px;
        position: relative
    }

    #keyvisual .areanav-spacer-bottom:after,.scrollingup #keyvisual .areanav-spacer-bottom:after {
        top: 107px
    }
}

.navbar2 .linkgroup ul li a,.navbar2 .linkgroup ul li .more-toggle {
    margin-left: 12px
}

.navbar2 .linkgroup .normallinks a,.navbar2 .linkgroup ul li .more-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    margin-top: 5px;
    top: 1px;
    position: relative;
    display: block;
    line-height: 30px
}

.navbar2.area-navbar .linkgroup .normallinks a,.navbar2.area-navbar .linkgroup ul li .more-toggle {
    top: 0
}

body.subopen {
    overflow: hidden
}

.navbar2.subopen .linkgroup .normallinks a,.navbar2.subopen .linkgroup ul li .more-toggle {
    text-align: center
}

.navbar2 .links-actions {
    margin-left: 10px;
    margin-top: 2px;
    right: -4px;
    position: relative
}

.navbar2 .links-actions ul li a {
    margin-left: 4px
}

.navbar2 .thelinks {
    overflow: visible
}

.navbar2 .navbar-header {
    display: inline;
    float: left
}

.navbar2 .navbar-brand {
    font-size: 24px;
    padding: 11px 0 11px 0
}

.navbar2 ul.morelinks {
    position: absolute;
    display: none;
    margin-top: -20px;
    padding-top: 26px
}

.sc100 .navbar2 ul.morelinks {
    padding-top: 24px
}

.navbar2 .morelist.more-open ul.morelinks {
    display: block
}

.navbar2 ul.morelinks li {
    display: block;
    background: #f1efed;
    border-bottom: 1px solid rgba(255,255,255,.52);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.navbar2 ul.morelinks li a {
    padding: 15px;
    display: block;
    margin: 0
}

.navbar2 span.more-toggle:hover {
    cursor: context-menu
}

.navbar2 .btn {
}

.navbar2 a.btn-primary,.navbar2 .btn-secondary {
    background: #fff;
    border-color: #b7b6ae;
    color: #8e8d85!important;
    box-shadow: none
}

.navbar2 .btn:hover {
    background: rgba(183,182,174,.16)!important;
    border-color: rgba(183,182,174,.7)!important
}

.navbar2.area-navbar .inner-wrapper {
    min-height: 1px
}

.navbar2.area-navbar.primary-color .inner-wrapper {
    background: gray;
    color: #fff
}

.navbar2.area-navbar.grey-color .inner-wrapper {
    background: #f3f3f3;
    border-bottom: none
}

.navbar2.area-navbar.grey-color .inner-wrapper:after {
    display: none
}

.navbar2.area-navbar.primary-color .inner-wrapper a,.navbar2.area-navbar.grey-color .inner-wrapper a {
    margin: 0;
    padding: 6px 10px;
    top: 0
}

.navbar2.area-navbar.primary-color .inner-wrapper a {
    color: #fff!important
}

.navbar2.area-navbar .thelinks {
    float: none;
    text-align: center;
    align-self: normal;
    margin: 0 auto
}

.clearfix {
    clear: both
}

.navbar2 .thetoogler {
    height: 30px;
    width: 30px;
    z-index: 9999;
    background: none;
    border: none;
    position: absolute;
    right: 15px;
    margin-top: 15px;
    padding: 0
}

.navbar2 navbar-header {
    float: right
}

.areanav .inner-wrapper {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    width: 100%;
    top: 0;
    min-height: 40px;
    margin-bottom: 0;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 991px) {
    .navbar2 .thetoogler {
    }

    nav.navbar2.areanav .inner-wrapper {
        padding: 0
    }

    .navbar2 .thelinks {
        display: block;
        float: none;
        padding-top: 60px;
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 0;
        margin-top: 0
    }

    .navbar2.subopen .thelinks {
        height: auto
    }

    .navbar2 .linkgroup a,.navbar2 .linkgroup .more-toggle,.navbar2 .linkgroup a.btn {
        position: relative;
        display: block;
        font-size: 18px
    }

    .navbar2 .linkgroup a.btn {
        position: relative;
        display: block;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px
    }

    .navbar2 ul li,.navbar2 .linkgroup {
        display: block
    }

    .navbar2 .morelist.more-open ul.morelinks {
        position: relative;
        display: block;
        background: none;
        border-bottom: 1px solid #efefef;
        border-top: -1px solid #efefef;
        margin-top: 0
    }

    .navbar2 ul.morelinks li {
        display: block;
        background: none;
        border: none
    }

    .navbar2 .morelist.more-open ul.morelinks li {
        display: block;
        background: none
    }

    .navbar2 .linkgroup ul li a,.navbar2 .linkgroup ul li .more-toggle {
        margin: 0
    }

    .navbar2 .linkgroup ul li .more-toggle {
        text-transform: uppercase
    }

    .navbar2 .links-actions {
        margin-left: 0
    }

    .navbar2 .linkgroup ul.more-open li .more-toggle {
        background: #efefef
    }

    .navbar2 ul.morelinks {
        margin-top: 0;
        padding-top: 0
    }

    .navbar2 ul.morelinks li a {
        padding: 10px
    }

    .navbar2.subopen .thelinks .linkgroup:last-child {
        margin-bottom: 20px
    }

    nav.navbar2 {
        padding-left: 0;
        padding-right: 0;
        z-index: 99999999999
    }

    #keyvisual nav.navbar2 {
        padding-left: 0;
        padding-right: 0;
        z-index: 1000
    }

    nav.navbar2 .navbar-brand {
        padding: 15px 15px!important
    }
}

.magic-container {
    width: 100%;
    max-width: 2400px
}

.footersection .magic-container,.main-content .magic-container {
    padding-left: 0!important;
    padding-right: 0!important
}

iframe {
    max-width: 100%
}

iframe.videoFrame {
    border: none;
    background: #b9b9b9
}

.video.design-01 {
    margin-top: 35px;
    margin-bottom: 80px
}

.video .theframe .theframes {
    height: 40px;
    width: 40px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0
}

.video .theframe.top,.video .theframe.bottom {
    display: block;
    position: absolute;
    width: calc(100% + 50px)
}

.video .theframe.top {
    top: -40px;
    left: -25px
}

.video .theframe.bottom {
    bottom: -40px;
    left: -25px
}

.video .theframe.top .theframes.middle,.video .theframe.bottom .theframes.middle {
    width: calc(100% - 80px)
}

.video .theframes.themiddles {
    width: 40px;
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.video .theframes.themiddles.left {
    left: -25px
}

.video .theframes.themiddles.right {
    right: -25px
}

.video.design-01 .row {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 40px
}

.theframes,.theframe {
    z-index: 2
}

#keyvisual .keyvisual>.frame-type-text:first-child {
    margin-top: 40px!important
}

@media (max-width: 1199px) {
    div#keyvisual {
        min-height:0;
        margin-top: 46px
    }
}

.video.shadow-01 .col:after {
    content: "";
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/schatten/shadow_object-on-desk.png);
    width: calc(100% + 30px);
    height: 40px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    z-index: -1;
    left: -15px;
    opacity: .7;
    bottom: -20px
}

.video.design-01 .videoWrapper {
    padding-top: 25px;
    margin: 0 auto
}

.video.design-01 .theframe.top .theframes.corner.left {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_ol.png);
    background-size: contain
}

.video.design-01 .theframe.top .theframes.middle {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_om.png)
}

.video.design-01 .theframe.top .theframes.corner.right {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_or.png);
    background-size: contain
}

.video.design-01 .theframes.themiddles.left {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_ml.png)
}

.video.design-01 .theframes.themiddles.right {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_mr.png)
}

.video.design-01 .theframe.bottom .theframes.corner.left {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_ul.png);
    background-size: contain
}

.video.design-01 .theframe.bottom .theframes.middle {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_um.png)
}

.video.design-01 .theframe.bottom .theframes.corner.right {
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/frame_tablet-20px/tablet_ur.png);
    background-size: contain
}

.video .theframe.the-feature02 {
    position: absolute;
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/specials/watching-man-right.png);
    background-repeat: no-repeat
}

.video.design-feature-01 .theframe.the-feature02 {
    width: 120px;
    height: 300px;
    background-image: url(https://assetserve.imgix.net/global-assets/ressources/videoframes/specials/watching-man-right.png);
    background-size: contain;
    background-position: right bottom;
    bottom: -70px;
    z-index: 3;
    right: 0
}

@media (max-width: 991px) {
    .video .theframe .theframes {
        height:20px;
        width: 20px
    }

    .video .theframes.themiddles {
        width: 20px
    }

    .video .theframe .theframes {
        height: 20px
    }

    .video .theframe.bottom {
        bottom: -20px
    }

    .video .theframe.top {
        top: -20px
    }

    .video .theframe.bottom,.video .theframe.top,.video .theframes.themiddles.left {
        left: -5px
    }

    .video .theframes.themiddles.right {
        right: -5px
    }

    .video .theframe.top .theframes.middle,.video .theframe.bottom .theframes.middle {
        width: calc(100% - 80px);
        background-size: 100% 100%
    }

    .video.shadow-01 .col:after {
    }

    .video.design-feature-01 .theframe.the-feature02 {
        width: 60px;
        height: 150px;
        bottom: -40px;
        right: -5px
    }

    .video.design-01 {
        margin-top: 40px;
        margin-bottom: 60px
    }
}

.video.design-02 {
    background: red;
    padding: 90px
}

.video.shadow-01.design-01 {
    margin-bottom: 80px
}

.video.shadow-01.design-01 .col:after {
    margin-top: 5px;
    width: calc(100% + 120px);
    left: -60px
}

div#nav-primary ul.smartmenus {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
    margin-bottom: 0
}

.col.align-items-center {
    display: flex!important
}

.col-onefith {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

@media (min-width: 576px) {
    .col-sm-onefith {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 992px) {
    .col-lg-onefith {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.person-vcard .address,.person-vcard .person-image {
    margin-bottom: 20px
}

.person-vcard img.person-image,.person-vcard img.qr-webcard {
    height: auto;
    border: 1px solid rgba(222,222,222,.43)
}

.person-vcard img.person-image {
    padding: 4px;
    background: rgba(222,222,222,.2);
    border-radius: 20px 0 20px 20px
}

.person-vcard .bicon:before {
    opacity: .7;
    margin-right: 8px;
    margin-left: -4px
}

.person-vcard h2,.person-vcard h3 {
    text-align: left!important
}

nav.navbar2.area-navbar.grey-color:after,nav.navbar2.area-navbar.grey-color .navbar-header {
    display: none
}

nav.navbar2.area-navbar.grey-color {
    margin-bottom: 40px
}

nav.navbar2.area-navbar.grey-color .thelinks {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block
}

div.no-transiion {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: all 0s ease-in!important;
    -moz-transition: all 0s ease-in!important;
    -ms-transition: all 0s ease-in!important;
    -o-transition: all 0s ease-in!important;
    transition: all 0s ease-in!important
}

.fade-element {
    animation: fade-out-3s-animation linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: fade-out-3s-animation linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fade-out-3s-animation linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: fade-out-3s-animation linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: fade-out-3s-animation linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes fade-out-3s-animation {
    0% {
        opacity: 1;
        transform: translate(0px,0px) ;
    }

    96% {
        opacity: 0;
        transform: translate(0px,0px) ;
    }

    100% {
        opacity: 0;
        transform: translate(0px,-1000px) ;
    }
}

@-moz-keyframes fade-out-3s-animation {
    0% {
        opacity: 1;
        -moz-transform: translate(0px,0px) ;
    }

    96% {
        opacity: 0;
        -moz-transform: translate(0px,0px) ;
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0px,-1000px) ;
    }
}

@-webkit-keyframes fade-out-3s-animation {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px,0px) ;
    }

    96% {
        opacity: 0;
        -webkit-transform: translate(0px,0px) ;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0px,-1000px) ;
    }
}

@-o-keyframes fade-out-3s-animation {
    0% {
        opacity: 1;
        -o-transform: translate(0px,0px) ;
    }

    96% {
        opacity: 0;
        -o-transform: translate(0px,0px) ;
    }

    100% {
        opacity: 0;
        -o-transform: translate(0px,-1000px) ;
    }
}

@-ms-keyframes fade-out-3s-animation {
    0% {
        opacity: 1;
        -ms-transform: translate(0px,0px) ;
    }

    96% {
        opacity: 0;
        -ms-transform: translate(0px,0px) ;
    }

    100% {
        opacity: 0;
        -ms-transform: translate(0px,-1000px) ;
    }
}

.icon-content .the-icon {
    transform-origin: top left
}

.icon-content .the-icon:before {
    vertical-align: top
}

.icon-content .wrapper-icon {
    padding: 0
}

.frame-type-text {
    margin-bottom: 30px
}

.frame-type-text:last-child {
    margin-bottom: 0
}

.gcss_content_flex-column ul.nav {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.col-menu a.nav-link,.col-menu .nav>li>a,.force-textcolor a,.navbar2 .force-textcolor a {
    color: #75746f!important;
    display: block
}

.submenu-toogler {
    border-bottom: 1px solid #c5c5c5;
    padding: 6px 0;
    text-transform: uppercase
}

.submenu-toogler:after {
    float: right;
    content: "\f11e";
    font-family: buchner_icons!important;
    font-style: normal!important;
    font-weight: normal!important;
    vertical-align: middle
}

.submenu-toogler[aria-expanded="true"]:after {
    content: "\f121"
}

@media (max-width: 575px) {
    .collapsed-phone {
        display:none
    }
}

@media (max-width: 767px) {
    .collapsed-tablet {
        display:none
    }
}

@media (min-width: 768px) {
    .collapse.collapsed-phone {
        display:block
    }
}

@media (min-width: 992px) {
    .collapsed-tablet {
        display:block
    }

    .collapsed-desktop {
        display: none
    }
}

#footerbav .frame:not(.frame-type-shortcut):not(.frame-type-fluidcontent_content) {
    display: none
}

#footerbav nav.sub-menu a.active {
    display: none
}

#footerbav nav.sub-menu li {
    display: inline
}

#footerbav nav.sub-menu li a {
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    padding: 4px 12px;
    border-radius: 40px
}

#footerbav nav.sub-menu li a:hover {
    background: #f1efed
}

ul:not(.md):not(.lg).vmenu_as_pills01 li {
    margin-right: 6px;
    border: 1px solid #d6d6d6;
    padding: 4px 20px;
    border-radius: 40px;
    margin-bottom: 10px
}

ul:not(.md):not(.lg).vmenu_as_pills01 li.active {
}

ul:not(.md):not(.lg).vmenu_as_pills01 li a {
    border-bottom: none!important;
    padding: 0!important
}

ul:not(.md):not(.lg).vmenu_as_pills01 li.active a:after {
    height: 1px;
    margin: 0 auto;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    color: #ffc200;
    background-color: #ffc200;
    left: 0;
    display: block
}

ul:not(.md):not(.lg).vmenu_as_pills01 li:not(.active):hover {
    background-color: #ffc200;
    border: 1px solid #ffc200
}

ul:not(.md):not(.lg).vmenu_as_pills01 li a.active {
    border-left: none!important;
    padding-left: 0!important
}

@media (max-width: 767px) {
    ul.md.vmenu_as_pills01 li {
        margin-right:6px;
        border: 1px solid #d6d6d6;
        padding: 4px 20px;
        border-radius: 40px;
        margin-bottom: 10px
    }

    ul.md.vmenu_as_pills01 li.active {
    }

    ul.md.vmenu_as_pills01 li a {
        border-bottom: none!important;
        padding: 0!important
    }

    ul.md.vmenu_as_pills01 li.active a:after {
        height: 1px;
        margin: 0 auto;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        color: #ffc200;
        background-color: #ffc200;
        left: 0;
        display: block
    }

    ul.md.vmenu_as_pills01 li:not(.active):hover {
        background-color: #ffc200;
        border: 1px solid #ffc200
    }

    ul.md.vmenu_as_pills01 li a.active {
        border-left: none!important;
        padding-left: 0!important
    }
}

@media (max-width: 991px) {
    ul.lg.vmenu_as_pills01 li {
        margin-right:6px;
        border: 1px solid #d6d6d6;
        padding: 4px 20px;
        border-radius: 40px;
        margin-bottom: 10px
    }

    ul.lg.vmenu_as_pills01 li.active {
    }

    ul.lg.vmenu_as_pills01 li a {
        border-bottom: none!important;
        padding: 0!important;
        position: relative;
        font-size: 14px;
        line-height: 18px;
        color: #75746f!important
    }

    ul.lg.vmenu_as_pills01 li.active a:after {
        height: 1px;
        margin: 0 auto;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        color: #ffc200;
        background-color: #ffc200;
        left: 0;
        display: block
    }

    ul.lg.vmenu_as_pills01 li:not(.active):hover {
        background-color: #ffc200;
        border: 1px solid #ffc200
    }

    ul.lg.vmenu_as_pills01 li a.active {
        border-left: none!important;
        padding-left: 0!important;
        color: #ffc200!important
    }
}

@media (min-width: 992px) {
    nav.vmenu_as_menubar01-lg {
        background:#ececec
    }

    nav.vmenu_as_menubar01-lg ul.flex-lg-row {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }

    nav.vmenu_as_menubar01-lg li a {
        padding-top: 10px;
        hyphens: none;
        display: inline-block;
        padding-left: 15px!important;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    nav.vmenu_as_menubar01-lg li:first-child:not(.active) {
        margin-left: -15px
    }

    nav.vmenu_as_menubar01-lg li a:hover,nav.vmenu_as_menubar01-lg li a:focus {
        background: rgba(255,255,255,.39)
    }

    nav.vmenu_as_menubar01-lg li.active a,nav.vmenu_as_menubar01-lg li.active a:hover {
        background: #fff
    }
}

.pricing-table .inner-colwrap {
    height: 100%;
    margin-top: 15px!important;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    background: #f9f8f7;
    border-top: 2px solid rgba(255,255,255,1);
    border-left: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1)
}

.noback .inner-colwrap {
    background: none;
    border: none
}

.pricing-table.tickets .inner-colwrap {
    background: none
}

.pricing-table .inner-colwrap .header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 0;
    background: #008d58!important;
    overflow: hidden;
    position: relative;
    margin-top: 0!important
}

.pricing-table img {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
}

.pricing-table .inner-colwrap .header.red {
    background: #d00000!important
}

.pricing-table .inner-colwrap .header.frame-type-fluidcontent_content {
    background-color: #f5f5f5
}

.pricing-table .inner-colwrap {
    padding-top: 0;
    max-width: 360px
}

.pricing-table .g-element.responsive-image {
    padding: 0
}

.pricing-table .header.ticket .resimage {
    background-position: center top!important;
    background-size: cover!important
}

.pricing-table .footer.ticket .resimage {
    background-position: center top!important
}

.pricing-table .header.ticket .resimage-outer:after {
    padding-top: 56.5%!important
}

.pricing-table .footer.ticket .resimage-outer:after {
    padding-top: 62.7%!important
}

.pricing-table .header.ticket {
    padding: 0;
    margin: 0
}

.pricing-table .footer.ticket {
    padding: 0;
    margin: 0
}

.pricing-table .inner-colwrap .header a {
    border: 2px solid #fff;
    padding: 4px 10px;
    border-radius: 20px
}

.pricing-table .inner-colwrap .header p {
    margin-bottom: 18px
}

.frame.pricing-table .header,.frame.pricing-table .header a,.frame.pricing-table .header a:visited,.frame.pricing-table .frame.header p {
    color: #fff!important
}

.pricing-table .col.featured {
    margin-top: -20px
}

.pricing-table .col.featured .header {
    padding-top: 30px
}

.frame.pricing-table .frame.header h2 {
    font-weight: 700;
    margin-bottom: 0;
    color: #fff!important
}

.frame.pricing-table .header p {
    font-weight: 400
}

.frame.pricing-table .header p strong {
    font-weight: 700
}

.pricing-table .header p {
    margin-top: 6px!important
}

.pricing-table .list {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    overflow: hidden;
    padding-bottom: 15px
}

.pricing-table .list {
}

pricing-table .list .row.buttonrow {
    margin-top: 4px;
    margin-bottom: 4px
}

.pricing-table .button-wrap {
    max-width: 100%;
    width: 100%
}

.pricing-table .options.list .button-wrap a,.pricing-table .bonus.list .button-wrap a {
    padding-left: 40px
}

.pricing-table .options.list .button-wrap a:before,.pricing-table .bonus.list .button-wrap a:before {
    font-size: 30px;
    position: absolute;
    margin-left: -40px;
    content: "\f11d";
    font-family: buchner_icons!important;
    font-style: normal!important;
    font-weight: normal!important;
    vertical-align: middle;
    margin-top: -11px;
    color: rgba(68,68,68,.48)!important
}

.pricing-table .features.list .button-wrap a {
    display: block;
    width: 100%
}

.pricing-table .features.list .button-wrap a:after {
    font-size: 30px;
    position: absolute;
    right: 5px;
    content: "\f120";
    font-family: buchner_icons!important;
    font-style: normal!important;
    font-weight: normal!important;
    vertical-align: middle;
    margin-top: -11px;
    color: rgba(68,68,68,.48)!important
}

.pricing-table .options.list .button-wrap a:before,.pricing-table .bonus.list .button-wrap a:before {
    content: "\f175";
    font-size: 24px;
    margin-top: -4px;
    margin-left: -36px
}

.pricing-table .list .featured .button-wrap a span {
    font-weight: 700!important
}

.pricing-table .features.list .gcss_border-bottom,.pricing-table .options.list .gcss_border-bottom {
    border-bottom: none!important;
    padding-top: 4px;
    padding-bottom: 4px
}

.pricing-table .options,.pricing-table .col.featured .options {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: rgba(243,240,230,.47);
    border-top: 2px solid rgba(255,255,255,.2)
}

.pricing-table .options p {
    color: rgba(83,83,83,.7)
}

.pricing-table .price {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-bottom: 0;
    padding-bottom: 15px
}

.pricing-table .price h2 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 50px;
    overflow: hidden;
    line-height: 100%;
    text-align: center;
    color: #008d58
}

.pricing-table .price p:nth-child(2) {
    margin-top: 0!important
}

.pricing-table .price p {
    text-align: center
}

.pricing-table .frame.overlay {
    margin: 0;
    padding: 6px 10px;
    background: #ffc200;
    width: auto;
    display: inline-block;
    position: absolute;
    top: -22px;
    right: 0;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    margin-top: -30px;
    font-weight: 700;
    border-radius: 0 0 10px 0;
    vertical-align: bottom;
    border: 4px solid #fff;
    z-index: 200
}

.pricing-table .frame.overlay p {
    margin: 0
}

.pricing-table .featured .frame.overlay {
    top: -2px
}

.pricing-table .frame.teaser {
    margin: 0;
    padding: 6px 15px;
    background: #008d58;
    width: auto;
    display: inline-block;
    font-weight: 700;
    border-radius: 0 0 10px 0;
    margin-left: 15px;
    margin-top: 10px;
    color: #fff
}

.pricing-table .col.featured .bonus.list,.pricing-table .bonus.list {
    background: rgba(243,240,230,.47);
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
}

.pricing-table.tickets .options.list,.pricing-table.tickets .bonus.list {
    background: rgba(255,255,255,.47)
}

.pricing-table .list .featured .button-wrap a:before,.pricing-table .bonus.list .button-wrap a:before {
    color: #008d58!important;
    opacity: 1!important
}

.pricing-table .back-secondary-color {
    background: rgba(243,240,230,.47)
}

.pricing-table .package-plus {
    padding: 40px 15px
}

.pricing-table .package-plus p {
    font-size: 120%;
    font-weight: 700;
    text-align: center
}

.pricing-table .package-plus:before {
    display: block;
    content: "\f175";
    background: green;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    margin-top: -56px;
    left: 50%;
    margin-left: -20px;
    font-family: buchner_icons!important;
    font-style: normal!important;
    font-weight: normal!important;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 0;
    font-size: 40px;
    line-height: 1
}

body#page_3992 .preheadline {
    text-transform: uppercase
}

@media (min-width: 996px) {
    body#page_3992 .teasertext {
        min-height:220px!important
    }
}

.modal-backdrop {
    display: none
}

.modal-open .modal:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgba(0,0,0,.52)
}

.modal-content {
    border-radius: 20px 0 20px 20px
}

body.full-head #keyvisual .areanav {
    background: rgba(255,255,255,0)
}

body.full-head #keyvisual .areanav,body.full-head.nsc800.scrollingup #keyvisual .areanav,body.full-head #keyvisual .areanav {
}

body.full-head #keyvisual .areanav-spacer-bottom,body.full-head #keyvisual .magic-container .areanav-spacer-bottom {
    display: none!important
}

body.full-head #keyvisual .keyvisual>.frame>.magic-container,body.full-head #keyvisual .keyvisual>.frame>.owl-carousel:first-child {
    padding-top: 150px;
    margin-top: 0
}

body.full-head #keyvisual .magic-container div,body.full-head #keyvisual .slider-content div {
    margin-top: 0
}

body.full-head #keyvisual .areanav {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

body.full-head.full-head-blue:not(.sc300.scrollingup) #keyvisual .areanav {
    background: #64aef4
}

body.full-head.sc100 #keyvisual .areanav,body.full-head.sc400 #keyvisual .areanav,body.full-head.nsc800.scrollingup #keyvisual .areanav {
    background: rgba(255,255,255,1)
}

body.full-head-dark:not(.sc100):not(.scrollingup) #keyvisual .navbar2 .force-textcolor a {
    color: #fff!important;
    border-color: rgba(255,255,255,.4)!important
}

body.full-head-dark:not(.sc300):not(.scrollingup) #keyvisual .navbar2 .force-textcolor a:hover, body.full-head-dark:not(.sc300):not(.scrollingup) #keyvisual .navbar2 .btn:hover {
    border-color: rgba(255,255,255,.6)!important
}

body.full-head-dark:not(.sc300):not(.scrollingup) #keyvisual .navbar2 a.btn-primary, body.full-head-dark:not(.sc300):not(.scrollingup) #keyvisual .navbar2 .btn-secondary {
    background: none!important
}

.night #keyvisual .owl-carousel:before {
    background-color: rgba(0,61,114,.74)
}

.night #keyvisual .owl-stage-outer:before {
    background-image: url(https://www.buchner.de/fileadmin/content/content-buchner/therapie.cloud/illustrationen/clouds/stars2.svg);
    background-size: contain;
    background-position: center top;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: .9;
    background-repeat: no-repeat
}

.owl-carousel .height-50vh {
    min-height: 50vh
}

.owl-carousel .height-75vh {
    min-height: 75vh
}

xbody#page_4163 nav.navbar2 {
    background: rgba(255,255,255,0)!important
}

xbody#page_4163.sc100 nav.navbar2 {
    background: rgba(255,255,255,1)!important
}

.clouds-white-bottom>.magic-container,x.clouds-white-bottom .owl-carousel.owl-loaded {
    padding-bottom: 200px
}

.clouds-white-bottom>.magic-container:before,.clouds-white-bottom .owl-carousel.owl-loaded:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    background-image: url(https://www.buchner.de/fileadmin/content/content-buchner/therapie.cloud/illustrationen/clouds/clouds-unten02.svg);
    background-size: contain;
    background-position: center 102%;
    top: 0;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 12px;
    border-bottom: 4px solid #fff;
    background-repeat: no-repeat
}

.clouds-white-bottom .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -15vh
}

.clouds-white-bottom .owl-stage-outer {
    margin-bottom: 6vh
}

div#c20339 .responsive-image {
    padding: 0;
    margin: 0;
    margin-top: -10px
}

div#c20339 .resimage-outer:after {
    padding-top: 14%
}

div#c20491:before,div#c20368 .content-lower:after {
    content: "";
    display: block;
    width: 100vw;
    background-image: url(https://www.buchner.de/fileadmin/content/content-buchner/therapie.cloud/illustrationen/clouds/cloudsfullbluetop1.svg);
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left 102%;
    max-width: 100vw;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.clouds-blue-top:before,div#c20487:before,div#c20442:before {
    content: "";
    display: block;
    width: 100vw;
    background-image: url(https://www.buchner.de/fileadmin/content/content-buchner/therapie.cloud/illustrationen/clouds/cloudsfullbluetop1.svg);
    left: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 102%;
    max-width: 100vw;
    height: 10vh;
    background-position: top;
    position: relative;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: -1px
}

div#c20280 .owl-carousel {
}

.flight-animation_from-bottom {
    max-width: 20vw;
    position: fixed;
    z-index: 999999999000;
    right: -30px;
    bottom: -20vh;
    animation: flightbottomtop linear 15s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: flightbottomtop linear 15s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: flightbottomtop linear 15s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: flightbottomtop linear 15s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: flightbottomtop linear 15s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes flightbottomtop {
    0% {
        transform: translate(0px,0px) ;
    }

    43% {
        transform: translate(0px,0px) ;
    }

    100% {
        transform: translate(0px,-130vh) ;
    }
}

@-moz-keyframes flightbottomtop {
    0% {
        -moz-transform: translate(0px,0px) ;
    }

    43% {
        -moz-transform: translate(0px,0px) ;
    }

    100% {
        -moz-transform: translate(0px,-130vh) ;
    }
}

@-webkit-keyframes flightbottomtop {
    0% {
        -webkit-transform: translate(0px,0px) ;
    }

    43% {
        -webkit-transform: translate(0px,0px) ;
    }

    100% {
        -webkit-transform: translate(0px,-130vh) ;
    }
}

@-o-keyframes flightbottomtop {
    0% {
        -o-transform: translate(0px,0px) ;
    }

    43% {
        -o-transform: translate(0px,0px) ;
    }

    100% {
        -o-transform: translate(0px,-130vh) ;
    }
}

@-ms-keyframes flightbottomtop {
    0% {
        -ms-transform: translate(0px,0px) ;
    }

    43% {
        -ms-transform: translate(0px,0px) ;
    }

    100% {
        -ms-transform: translate(0px,-130vh) ;
    }
}

.tabs-slight .nav-tabs .nav-link {
    border: none;
    border-radius: 0
}

.tabs-slight .nav-tabs .nav-item {
    margin: 0
}

.tabs-slight .nav-tabs .nav-link:after {
    content: "";
    width: 0%;
    height: 2px;
    background: #dee2e6;
    display: block;
    margin-top: 10px
}

.tabs-slight .nav-tabs:hover.nav-link:after,.tabs-slight .nav-tabs .nav-link.active:after {
    width: 100%
}

.tabs-slight .nav-tabs .nav-link {
    padding-bottom: 0
}

.tabs-center .nav {
    justify-content: center
}

.tabs-slight .nav-tabs .nav-link:not(.active) {
    color: #757575!important
}

.tabs-hero .nav-tabs .nav-link {
    font-size: 20px
}

.tabs-center .accordion.design_tabs {
    border-bottom: none
}

.accordion.design_tabs .nav {
    margin-bottom: 30px
}

.gcss_centercontent .shariff ul.orientation-horizontal {
    align-items: center;
    justify-content: center
}

.bigbox .white-popup-block {
    max-width: 1110px;
    margin: 20px auto
}

.breadcrumb .shortcut,.breadcrumb a {
    color: #444!important;
    opacity: .6;
    font-size: 12px
}

.breadcrumb a:hover {
    opacity: 1
}

.breadcrumb a.active {
    font-weight: 700!important
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #444;
    content: ">";
    opacity: .6
}

@media screen and (min-width: 992px),screen and (min-height:600px) {
    .d-lg-h600-block {
        display:block!important
    }
}

@media screen and (min-width: 992px),screen and (min-height:700px) {
    .d-lg-h700-block {
        display:block!important
    }
}

@media screen and (min-width: 992px),screen and (min-height:800px) {
    .d-lg-h800-block {
        display:block!important
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3045;
    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;
    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: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.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;
    box-shadow: none;
    touch-action: manipulation
}

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: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #000;
    right: 0;
    text-align: center;
    padding-right: 6px;
    width: 100%;
    transform-origin: 50% 50%;
    top: 0;
    border: none;
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,.3);
    border-radius: 50%;
    font-size: 40px;
    height: 40px;
    width: 40px
}

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

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,.mfp-arrow:after {
    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 {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    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%;
    position: relative
}

.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,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.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,.6);
    background: #444
}

.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
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .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,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        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,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.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-content {
    max-width: 760px;
    background: #fff
}

.mfp-container {
    opacity: 0;
    overflow: auto
}

.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-content {
    padding: 40px 20px 20px 20px
}

.mfp-content main#content.lay101 {
    padding-top: 0
}

@media (max-width: 900px) {
    .mfp-container {
        padding-left:0;
        padding-right: 0
    }

    .mfp-ajax-holder .mfp-content {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        overflow: auto;
        padding: 80px 20px 20px 20px
    }

    .mfp-close-btn-in .mfp-close {
        background: #e1e1e1;
        position: fixed;
        z-index: 9999999;
        display: block;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-top: 16px;
        margin-right: 16px
    }
}

article.teaser2>.row {
    margin: 0!important
}

.magic-columns.mc2>.col>.inner-colwrap>.frame-type-fluidcontent_content>article.teaser2>.row {
    margin-left: -15px!important;
    margin-right: -15px!important
}

article.teaser2 .column {
    width: 100%
}

article.teaser2.teaser-design-nopic .teasertext {
    padding: 20px 15px 20px 15px;
    overflow: hidden
}