#header_navigation .wrapper {
    display: none !important;
}

.swipebox {
    display: block;

    margin-bottom: 15px;
}

.swipebox img {
    width: 100%;
}

.team-page #content #colNormal .ce-textpic .ce-bodytext h3,
.team-page #content #colNormal .ce-textpic .ce-bodytext p {
    padding-left: 0 !important;
}

.icon {
    margin: 0 auto;

    width: 40px;

    height: 40px;

    cursor: pointer;

    position: relative;

    user-select: none;

    padding-top: 8px;
}

.icon .first,
.icon .last {
    width: 40px;

    animation: scales 0.6s;
}

.icon .first {
    margin-bottom: 4px;
}

.icon .last {
    margin-top: 1px;
}

.icon .first .left,
.icon .last .left {
    width: 50%;

    height: 4px;

    background: #00365f;

    display: inline-block;

    margin-right: -4px;

    border-radius: 5px 0 0 5px;

    position: relative;

    transition: all 0.2s;
}

.icon .first .right,
.icon .last .right {
    width: 50%;

    height: 4px;

    background: #00365f;

    display: inline-block;

    margin-right: -4px;

    border-radius: 0 5px 5px 0;

    position: relative;

    transition: all 0.2s;
}

.icon .second {
    margin-bottom: 3px;
    width: 36px;

    height: 0px;

    display: inline-block;

    border: 2px solid #00365f;

    box-sizing: border-box;

    border-radius: 5px;

    animation: scales 0.5s;
}

.icon.active {
    padding-top: 5px;

    box-sizing: border-box;
}

.icon.active .first {
    margin-bottom: 8px;
    animation: scales 0.5s;
}

.icon.active .first .left {
    transform: rotate(45deg) scale(1.2);

    left: 2px;

    top: 1px;

    border-radius: 5px;
}

.icon.active .first .right {
    transform: rotate(-45deg) scale(1.2);

    right: 2px;

    top: 2px;

    border-radius: 5px;
}

.icon.active .second {
    border: 3px solid rgba(255, 255, 255, 0);

    width: auto;

    height: auto;

    position: absolute;

    top: -14px;

    bottom: -16px;

    left: -15px;

    right: -15px;

    border-radius: 50%;

    animation: circle 0.5s;
}

.icon.active .last {
    animation: scales 0.5s;
}

.icon.active .last .left {
    transform: rotate(-45deg) scale(1.2);

    left: 2px;

    top: 2px;

    border-radius: 5px;
}

.icon.active .last .right {
    transform: rotate(45deg) scale(1.2);

    right: 2px;

    top: 1px;

    border-radius: 5px;
}

@keyframes circle {
    0% {
        opacity: 0;

        transform: scale(0);
    }

    60% {
        opacity: 1;

        transform: scale(1.1);
    }

    70% {
        transform: scale(1);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }
}

@keyframes scales {
    0% {
        transform: scale(0.3);
    }

    30% {
        transform: scale(1.2);
    }

    60% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width: 1600px) {
    #horizontal_navigation .nav_horizontal:nth-of-type(1) > ul {
        left: -225px !important;
    }
}

@media only screen and (max-width: 1200px) {
    #content_header {
        margin-top: 75px;
    }

    #logo a img {
        height: auto;
    }

    #header > .container_16 {
        position: fixed;

        z-index: 50;

        background: #fff;

        width: 100%;

        top: 0;

        height: 120px;

        border-bottom: 1px solid #00365f;
    }

    #nav_horizontal_1:before {
        position: fixed;

        content: "MENU";

        top: 142px;

        right: 121px;

        font-size: 14px;

        color: rgba(0, 0, 0, 0.3);

        display: block;

        font-weight: bold;
    }

    div#horizontal_navigation {
        position: absolute;
    }

    #header_navigation {
        background: none;

        background-color: transparent;

        width: 69px;

        position: fixed;

        top: 53px;

        right: 6px;

        z-index: 999;
    }

    #logo > a:nth-of-type(2) {
        display: none;
    }

    #horizontal_navigation .nav_horizontal:nth-of-type(1) > ul {
        left: 0 !important;
    }

    #header_navigation .wrapper {
        display: block !important;
    }

    .sqs_logo {
        padding-left: 0;

        float: right;

        padding-right: 21px;
    }

    .container_12,
    .container_16 {
        width: 100%;

        max-width: 1200px;

        padding: 0 15px;
    }

    .container_16 .grid_7_full_right {
        width: auto;

        position: absolute;

        top: 0;

        padding-top: 0 !important;

        right: 15px;
    }

    .container_16 .grid_9_full_left {
        width: 100%;
    }

    .flex-caption-content {
        margin-left: 15px;
    }

    #header #social_media {
        display: inline-block;

        margin-left: 0;

        float: none;

        position: relative;

        bottom: 6px;
    }

    #header #header_service_navigation {
        display: inline-block;

        float: none;
    }

    #header {
        padding-top: 45px;
    }

    #header #logo a {
        position: relative;

        top: 47px;
    }

    /***/
    /***/
    /*mobile menu start*/
    /***/
    /***/
    ul#nav_horizontal_2.special_submenu,
    ul#nav_horizontal_2,
    ul#nav_horizontal_3 {
        display: none;
    }

    #nav_horizontal_1 li {
        float: none;

        /*background: #B3C7D3;*/

        background: #ffffff;
    }

    #nav_horizontal_2.special_submenu li {
        float: none;
    }

    div#horizontal_navigation {
        padding-left: 0;

        width: 250px;

        margin: 0 auto;

        float: none;

        height: 100vh;

        right: -14px;

        visibility: hidden;

        opacity: 0;

        top: 57px;

        background: white;

        border: 1px solid #d9d9d9;

        transition: all 0.4s;
    }

    .horizontal-active {
        opacity: 1 !important;

        right: 14px !important;

        visibility: visible !important;

        transition: all 0.4s;
    }

    ul#nav_horizontal_1 {
        padding-left: 0;

        width: 248px;

        margin: 0 auto;

        float: none;

        text-align: center;

        max-height: 0;

        transition: all 0.4s;

        right: 20;

        top: 175px;

        position: fixed;

        z-index: 2;

        overflow-y: scroll;
    }

    body {
        position: relative;

        right: 0;

        background: #f3f3f3;

        transition: all 0.4s;
    }

    .body-activate {
        right: 250px;

        transition: all 0.4s;
    }

    #nav_horizontal_1 li a {
        color: #325e7e;

        font-weight: bold;

        font-size: 12px;

        padding: 10px 10px 10px 20px;

        margin: 0;

        position: relative;

        text-align: left !important;
    }

    #nav_horizontal_1.level_1 > li > a:after {
        position: absolute;

        content: "";

        background: #a5b7c3;

        bottom: 0;

        left: 0;

        left: 20px;

        width: 229px;

        height: 1px;
    }

    .nav_horizontal_1-active {
        max-height: 400px !important;

        transition: all 0.4s;
    }

    #nav_horizontal_1 > li > a {
        text-align: center;
    }

    .nav_horizontal_1-active {
        max-height: 100vh !important;

        height: calc(100vh - 160px);

        padding-bottom: 30px !important;
    }

    #nav_horizontal_2.special_submenu li span.nav_horizontal.level_3 {
        border-top: 1px solid transparent !important;
    }

    /***/
    /***/
    /*mobile menu end*/
    /***/
    /***/
}

.home_teaser > .csc-default {
    position: relative;

    display: inline-block;

    width: 189px;

    overflow: hidden;

    margin-right: 10px;
}

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

.flexslider .flex-control-paging {
    z-index: 2;
}

li.tx-tab-bar-item {
    float: left;

    display: inline;

    margin: 0 2px 0 0;

    padding: 0;

    list-style-type: none;

    line-height: 2em;

    border: #66a 1px solid;

    border-bottom: 0px;

    color: #fff;

    font-weight: bold;
}

.video_startseite {
    display: table;

    float: none !important;
}

.video_startseite .video_iframe {
    display: table-cell;

    float: none !important;

    vertical-align: top;
}

.video_startseite .video_text {
    display: table-cell;

    float: none !important;

    vertical-align: top;

    padding-left: 30px;
}

.news-latest-item {
    display: table;

    float: none !important;
}

.news-latest-item > a {
    display: table-cell;

    float: none !important;

    vertical-align: top;

    width: 280px;
}

.news-latest-item > .news-latest-item-text {
    display: table-cell;

    float: none !important;

    vertical-align: top;

    padding-left: 30px;
}

.home-page #colNormal {
    max-width: 100% !important;
}

.mobile-services {
    display: none;
}

.flex-control-nav {
    margin-left: 0 !important;
}

.slider .flex-control-nav {
    max-width: 600px;
}

.flex-control-nav {
    width: 100%;

    position: absolute;

    bottom: 0px;

    z-index: 2;

    text-align: center;
}

.flex-control-nav li {
    margin-right: 5px !important;
}

.indexed-search-autocomplete-sword {
    display: inline-block;

    position: absolute;

    top: 17px;

    right: 22px;

    line-height: 16px;

    width: 158px;
}

.ce-gallery img {
    margin-bottom: 10px;
}

.news-latest-item > a {
    position: relative;
}

.news-latest-item > a:before,
.news-latest-item > a:after {
    content: "";

    position: absolute;

    z-index: -2;

    bottom: 14px;

    left: 5px;

    width: 50%;

    height: 20px;

    max-width: 300px;

    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    transform: rotate(-5deg);

    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=0.12186934340514748, M21=-0.12186934340514748, M22=0.992546151641322, sizingMethod='auto expand');
}

#content #colNormal .ce-textpic {
    display: table;

    width: 100%;
}

#content #colNormal .ce-textpic .ce-gallery {
    display: table-cell;

    vertical-align: top;

    width: 230px;
}

#content #colNormal .ce-textpic .ce-gallery img {
    width: 100% !important;

    max-width: 230px;

    height: auto !important;
    padding-right: 15px;
}

#content #colNormal .ce-textpic .ce-bodytext {
    display: table-cell;

    vertical-align: top;
    font-size: 13px;
    line-height: 1.5em;
}

#content #colNormal .ce-textpic .ce-bodytext h3 {
    /*padding-left: 42px;*/
}

.home-page #content #colNormal .ce-textpic .ce-bodytext p {
    padding-left: 42px;
}

#content #colNormal .ce-textpic .ce-bodytext p {
    /*padding-left: 42px;*/
    padding-left: 0;
}

.news-latest-item > a:after {
    right: 5px;

    left: auto;

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    transform: rotate(5deg);

    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=-0.12186934340514748, M21=0.12186934340514748, M22=0.992546151641322, sizingMethod='auto expand');
}

.ce-intext.ce-left .ce-gallery,
.ce-intext.ce-left .ce-bodytext {
    float: none;
}

@media only screen and (max-width: 1200px) {
    #nav_horizontal_2.special_submenu li span.nav_horizontal.level_3.last {
        margin-bottom: 0;
    }

    #nav_horizontal_2 > li > a {
        position: relative;
    }

    #nav_horizontal_2 > li > a:before {
        content: "";

        position: absolute;

        height: 1px;

        width: 12px;

        background: #90a8ba;

        display: block;

        top: 14px;

        left: 0;
    }

    #nav_horizontal_3 span a {
        position: relative;
    }

    #nav_horizontal_3 span a:before {
        content: "";

        position: absolute;

        height: 1px;

        width: 6px;

        background: #90a8ba;

        display: block;

        top: 14px;

        left: 12px;
    }

    #nav_horizontal_2 li {
        border-bottom: 1px solid transparent !important;
    }

    #nav_horizontal_2 {
        margin-left: 22px !important;
    }

    .img_box {
        position: relative;

        left: 16px;
    }

    .mobile-services {
        /*display: block !important;*/

        position: fixed;

        top: 309px;

        width: 240px;

        margin: 0 auto;

        text-align: center;
    }

    #nav_horizontal_1 li.active > a {
        background-color: transparent;

        color: #b2b2b2 !important;
    }

    .mobile-services #nav_header_service {
        float: none;
    }

    .mobile-services #nav_header_service li {
        float: none;

        position: relative;

        height: auto;

        padding: 0px;

        margin: 0px;

        border-left: 1px solid transparent;

        line-height: 30px;
    }

    .mobile-services #nav_header_service li a {
        color: #325e7e;

        font-weight: bold;

        font-size: 12px;

        /*padding: 10px 10px 10px 20px;*/

        margin: 0;

        position: relative;

        text-align: left !important;

        text-transform: uppercase;

        display: block;

        line-height: 30px !important;

        height: 30px;

        padding-left: 20px;
    }

    .mobile-services #nav_header_service li a:before {
        position: absolute;

        content: "";

        background: #a5b7c3;

        bottom: 0;

        left: 20px;

        width: 229px;

        height: 1px;
    }

    #colNormal {
        max-width: 100% !important;
    }


    #colLeft {
        max-width: 100% !important;
    }

    .slider .flex-control-nav {
        max-width: 100% !important;
    }

    #colRight iframe {
        max-width: 100%;

        height: auto;
    }

    #colRight {
        margin-top: 29px;

        margin-left: 0;

        max-width: 100%;
    }

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

    #footer {
        padding: 0;
    }

    .home_teaser {
        margin: 0 auto;

        max-width: 600px;
    }

    .home_teaser .csc-default {
        margin-bottom: 9px;
    }

    ul#nav_horizontal_2.special_submenu,
    ul#nav_horizontal_2,
    ul#nav_horizontal_3 {
        display: none;

        position: relative;

        z-index: 2;

        float: none;

        left: 0 !important;

        width: 100% !important;
    }

    #nav_horizontal_2.special_submenu li {
        position: relative;
    }

    #nav_horizontal_2.special_submenu li span.nav_horizontal.level_3 {
        border-top: 1px solid #607d96;

        float: none;

        clear: unset;

        display: block;

        width: 100%;
    }

    #nav_horizontal_1 li.cur > a {
        background-color: transparent;

        color: #1a496f !important;
    }

    ul#nav_horizontal_2 {
        top: 0 !important;
    }

    ul#nav_horizontal_2,
    ul#nav_horizontal_3 {
        background-image: none !important;
    }

    #nav_horizontal_2.special_submenu li {
        width: 100% !important;

        margin: 0;
    }

    #quicksearch {
        position: absolute;
        float: none;
        right: 190px;
        top: 47px;
    }

    #quicksearch #inputButton {
        margin-top: 17px;
    }
}

@media only screen and (max-width: 630px) {
    #content #colNormal .ce-textpic .ce-gallery img {
        width: 100% !important;
        max-width: 230px;
        height: auto !important;
        padding-right: 0;
    }

    .swipebox-image-wrapper {
        text-align: center;
    }

    .video_startseite .video_iframe {
        display: block !important;
    }

    .video_startseite .video_text {
        display: block !important;

        padding-left: 0 !important;

        margin-left: 0 !important;
    }

    .news-latest-item > a {
        display: block !important;
    }

    .news-latest-item-text {
        display: block !important;

        padding-left: 0 !important;
    }

    .home-page .home_teaser .csc-default {
        display: table !important;

        width: 100%;
    }

    .home-page .home_teaser .csc-default .csc-header {
        /*display: table-cell;*/

        position: relative;
    }

    .home_teaser h2 a,
    #content .home_teaser h2 a:hover {
        line-height: 60px;

        display: block;

        text-align: left;

        padding-left: 20px;
    }

    .home-page .home_teaser .csc-default .csc-textpic {
        display: table-cell;

        width: 50%;

        vertical-align: middle;

        text-align: left;
    }

    .home-page .home_teaser .csc-default .csc-textpic a {
        height: 60px;

        display: block;

        overflow: hidden;
    }

    .home_teaser h2 {
        padding: 0;
    }

    .home_teaser .csc-default {
        margin-bottom: 1px;
    }

    .home_teaser .csc-default::before,
    .home_teaser .csc-default::after {
        display: none !important;
    }

    #quicksearch {
        right: 5px;
        top: 75px;
    }
}

.team-page #colNormal .frame-type-textpic {
    display: inline-block;
}

.team-page #colNormal .frame-type-textpic {
    width: 150px;

    min-height: 275px;

    vertical-align: top;
}

.team-page #colNormal {
    max-width: 100%;
}

.tx-solr-searchbox .tx-indexedsearch-searchbox-sword {
    position: relative;

    top: -6px;

    line-height: 16px;
}

.contact-formular .tx-powermail input,
.contact-formular .tx-powermail select,
.contact-formular .tx-powermail textarea {
    width: 100%;
}

.contact-formular .tx-powermail .powermail_submit {
    line-height: 16px;

    margin-left: 240px;

    width: 237px;
}

.tx-powermail .powermail_fieldset .powermail_field {
    padding: 2px;

    width: 100%;

    float: none;
}

.tx-powermail .powermail_fieldset {
    display: table;

    width: 100%;

    position: relative;
}

.tx-powermail .powermail_fieldset .powermail_field_name,
.tx-powermail .powermail_fieldset .powermail_field {
    display: table-cell;

    width: 240px;

    position: relative;
}

.contact-formular .powermail_captchaimage {
    padding: 0 !important;

    margin-top: 5px;
}

@media only screen and (max-width: 530px) {
    #footer_dienstleistungen,
    #footer_produkte,
    #footer_branchen,
    #footer_verfahren {
        margin-right: 0;
    }

    #colNormal iframe {
        width: 100% !important;
        /*height: auto !important;*/
    }

    .news-latest-container h2 {
        padding: 0px;

        margin: 11px 0 5px 0;
    }

    #header > .container_16 {
        height: 67px;
    }

    #social_media,
    #header_service_navigation {
        display: none !important;
    }

    #header {
        padding-top: 12px;
    }

    #header_navigation {
        background: none;

        background-color: transparent;

        width: 69px;

        position: fixed;

        top: 0px;

        right: 6px;
    }

    #content_header {
        margin-top: 55px;
    }

    #nav_horizontal_1:before {
        position: fixed;

        content: "MENU";

        top: 85px;

        right: 121px;

        font-size: 14px;

        color: rgba(0, 0, 0, 0.3);

        display: block;

        font-weight: bold;
    }

    div#horizontal_navigation {
        top: 48px;
    }

    .mobile-services {
        top: 250px;
    }

    ul#nav_horizontal_1 {
        top: 115px;
    }

    #logo a img {
        height: auto !important;

        width: 180px;
    }

    #header #logo a {
        position: relative;

        top: 13px;
    }

    .contact-formular .tx-powermail .powermail_submit {
        line-height: 16px;

        margin-left: 0;

        width: 100%;
    }

    .tx-powermail .powermail_fieldset .powermail_field {
        padding: 2px;

        width: 100%;

        float: none;
    }

    .tx-powermail .powermail_fieldset {
        display: block !important;

        width: 100%;

        position: relative;
    }

    .tx-powermail .powermail_fieldset .powermail_field_name,
    .tx-powermail .powermail_fieldset .powermail_field {
        display: block !important;

        width: 100%;

        position: relative;
    }

    #content #colNormal .ce-textpic {
        display: table;

        width: 100%;
    }

    #content #colNormal .ce-textpic .ce-gallery {
        display: inline-block;

        vertical-align: top;

        width: 100%;
    }

    #content #colNormal .ce-textpic .ce-gallery img {
        width: 100% !important;

        max-width: 100%;

        height: auto !important;
    }

    #content #colNormal .ce-textpic .ce-bodytext {
        display: inline-block;

        vertical-align: top;
    }

    #content #colNormal .ce-textpic .ce-bodytext p,
    #content #colNormal .ce-textpic .ce-bodytext h3 {
        padding-left: 0;
    }

    #content #colNormal .ce-textpic .ce-bodytext {
        margin-left: 0 !important;
    }

    #quicksearch {
        right: 5px;
        top: 20px;
    }
}

@media only screen and (max-width: 400px) {
    #logo a img {
        width: 130px
    }
}

@media only screen and (max-width: 345px) {
    #logo a img {
        width: 106px
    }
}

.slider-small {
    position: relative;
}

#swipebox-title {
    padding-top: 15px;
}

#colRight .csc-textpic-caption {
    font-size: 11px;

    margin-top: 7px;

    line-height: 15px;

    margin-bottom: 20px;

    text-align: left;

    caption-side: bottom;

    background-color: #ececee;

    padding: 5px;
}

#colNormal .ce-uploads .ce-uploads-description,
.download-page #colNormal .ce-uploads .ce-uploads-fileName {
    line-height: 1.5em;
}

#colNormal .ce-uploads .ce-uploads-fileName {
    position: relative;
}

#colNormal .ce-uploads .ce-uploads-fileName:before {
    content: "";

    display: block;

    position: absolute;

    left: -25px;

    top: 0;

    width: 16px;

    height: 16px;

    background: url("/fileadmin/templates/wkk-stanzteil/plugins/swipebox/img/pdf.gif");
}

#colNormal ul.ce-uploads {
    margin-left: 25px;
}

#colNormal ul.ce-uploads li {
    margin-bottom: 10px;
}

#swipebox-top-bar {
    transform: translate3d(0, 50px, 0) !important;
}

.tooltip {
    color: #00345f;

    border-bottom: 1px solid #00345f;

    cursor: default;
}

.team-page #content #colNormal .ce-textpic .ce-bodytext {
    display: block;
}

.team-page #content #colNormal .ce-textpic .ce-gallery {
    width: 130px;
}

.slider {
    position: relative;
}

.flex-prev,
.flex-next {
    z-index: 2;
}

@media only screen and (max-width: 1200px) {
    ul#nav_horizontal_1 {
        padding-left: 0;

        width: 248px;

        margin: 0 auto;

        float: none;

        text-align: center;

        max-height: 0;

        transition: all 0.4s;

        right: 20;

        top: 0;

        position: relative;

        margin-top: 60px;

        z-index: 2;

        overflow-y: scroll;
    }

    #nav_horizontal_1 > li > a:after {
        content: "";

        position: absolute;

        right: 10px;

        top: 11px;

        width: 0;

        height: 0;

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

        border-top: 7px solid #00365f;
    }

    #nav_horizontal_1 > li > a:before {
        content: "";

        position: absolute;

        left: 20px;

        bottom: 0;

        height: 1px;

        width: 100%;

        background: #dfe5e8;
    }

    #nav_horizontal_2 {
        display: none;
    }

    #nav_horizontal_1 li a:active,
    #nav_horizontal_1 li a:focus {
        color: #325e7e !important;
    }

    #nav_horizontal_1 li a:link {
        color: #325e7e !important;
    }

    /* visited link */
    #nav_horizontal_1 li a:visited {
        color: #325e7e !important;
    }

    /* mouse over link */
    #nav_horizontal_1 li a:hover {
        color: #325e7e !important;
    }

    /* selected link */
    #nav_horizontal_1 li a:active {
        color: #325e7e !important;
    }

    .mobile-services {
        display: block !important;

        position: relative;

        top: 0;

        width: 100%;

        margin: 0 auto;

        text-align: center;
    }

    /*ul#nav_horizontal_1{*/
    /*margin-top: 0 !important;*/
    /*}*/
    /*ul#nav_header_service {*/
    /*float: right;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*margin-top: 54px !important;*/
    /*}*/
    .mobile-services ul {
        position: relative !important;

        top: 0 !important;

        width: 100% !important;

        padding: 0 !important;
    }

    .mobile-services #nav_header_service li a:before {
        background: #dfe5e8;
    }

    #nav_horizontal_1 {
        overflow: hidden;
    }
}

.simpletoggle p {
    padding-left: 0 !important;
}

.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    padding-left: 17px;
}

.impressum p {
    margin-bottom: 0 !important;
}

#carousel-360 {
    position: relative;
    padding: 21px 21px;
    margin-top: 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00365f+0,587d99+52,587d99+52,ffffff+100 */
    background: #00365f; /* Old browsers */
    background: -moz-linear-gradient(
            top,
            #00365f 0%,
            #587d99 52%,
            #587d99 52%,
            #ffffff 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
            top,
            #00365f 0%,
            #587d99 52%,
            #587d99 52%,
            #ffffff 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
            to bottom,
            #00365f 0%,
            #587d99 52%,
            #587d99 52%,
            #ffffff 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00365f', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

#carousel-360 .flex-control-nav {
    width: auto;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    text-align: center;
    right: 0;
}

#carousel-360 p {
    color: #fff;
}

#carousel-360 ul li {
    position: relative;
}

#carousel-360 ul li .img-wrapper {
    position: relative;
    cursor: pointer;
}

#carousel-360 ul li .img-wrapper:before {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #adadad;
    top: 2px;
    left: 2px;
    opacity: 0;
    transition: all 0.4s;
}

#carousel-360 ul li.flex-active-slide .img-wrapper:before {
    opacity: 1 !important;
    transition: all 0.4s;
}

#slider-360 .description table {
    width: 100% !important;
}

#google_translate_element .skiptranslate {
    font-size: 0;
}

#google_translate_element .skiptranslate .goog-logo-link {
    display: none;
}

#google_translate_element {
    position: absolute;
    left: 54px;
    top: 14px;
}

/*Support 20.09.2019. Seminar Info*/

.seminar-info {
    font-family: "Open Sans", sans-serif;
    padding: 8px 0;
    text-align: center;
    background: #00365e;
}

.seminar-info > div {
    display: inline-block;
    color: #fff;
    font-size: 18px;
}

.yellow {
    color: #faf325;
}

.blue {
    color: rgb(0, 54, 95);
}

.seminar-info div:first-of-type {
    margin-right: 40px;
}

.seminar-info .button a {
    display: inline-block;
    padding: 8px 14px;
    background: #fff;
    text-decoration: none;
    border-radius: 4px;
}


.video-mp-4-wrapper {
    position: relative;
    margin: 20px 0;
}

.video-mp-4-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    max-height: 157px;
    cursor: pointer;

}

.video-mp-4-wrapper .video-mp4 {
    z-index: 0;
    position: relative;
}

.onq-youtube-player, .video-mp-4-wrapper {
    position: relative;
}

.onq-youtube-player ::before, .video-mp-4-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: url('/fileadmin/templates/seminar/Public/images/play-button-svgrepo-com 1.svg') no-repeat center/cover;
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
}

.onq-youtube-player.clicked ::before, .video-mp-4-wrapper.clicked::before {
    display: none;
}


@media only screen and (max-width: 1200px) {
    #header {
        padding-top: 10px;
    }

    #header .seminar-info {
        border-top: 1px solid #335e7f;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin-bottom: 0;
        z-index: 9999;
        text-align: center;
    }

    #header .seminar-info div:first-of-type {
        font-size: 14px;
        margin-bottom: 10px;
        margin-right: 20px;
    }

    #footer {
        padding-bottom: 55px;
    }

    #google_translate_element {
        position: absolute;
        left: -156px;
        top: 10px;
    }
}

@media only screen and (max-width: 678px) {
    #header .seminar-info div:first-of-type {
        margin-right: 0;
    }

    #google_translate_element {
        position: absolute;
        left: auto;
        right: 0px;
        top: 33px;
    }
}

@media only screen and (max-width: 530px) {
    #google_translate_element {
        position: absolute;
        left: auto;
        right: 61px;
        top: 21px;
    }
}

@media only screen and (max-width: 430px) {
    #google_translate_element {
        display: none;
    }
}