.flexslider {
    border: none !important;
    box-shadow: none !important;
    max-height: 500px !important;
    overflow: hidden !important;
    margin-bottom: 5px !important;
    border-radius: 0 !important;
}


.flexslider .caption-title { font-weight: bold; }
.flexslider .caption-body p { margin-bottom: 0px; }
.flexslider .caption-text { padding: 17px; }

.flexslider .slides img {
    height: 100%;
}

.flexslider .caption-align-left .caption-text {
    border: 0 none !important;
    height: 100px !important;
    left: 0 !important;
    top: 400px !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;

}

.flexslider .caption-title {
    font-family: "Open Sans",sans-serif !important;
    font-size: 24px !important;
    font-style: italic !important;
    line-height: 24px !important;
    max-width: auto !important;
    color: #fff !important;
    margin-top: 21px !important;
    margin-left: 50px;
    margin-right: 50px;
}

#carousel .flex-direction-nav {
    display: none;
}

#carousel li,
#reference_carousel li {
    cursor: pointer;
    border: 3px solid transparent;
}

#carousel li.flex-active-slide,
#reference_carousel li.flex-active-slide {
    border: 3px solid #005ea8;
}

.slidercontent {
    position: relative;
}

.layout-1 .frame-default {
    background: #fff none repeat scroll 0 0;
    margin-top: 20px;
    padding: 20px;
}

.layout-1 .col-main .row {
    background: #fff none repeat scroll 0 0;
    margin-top: 25px;
    margin-left: 0;
    margin-right: 0;
}

.layout-0 .col-main .padding-s,
.layout-0 .col-right .padding-s,
.layout-0 .col-left .padding-s {
    background: #fff none repeat scroll 0 0;
    float: none;
}

.col-main,
.col-right,
.col-left {
    float: none;
}

#quick-contact img,
.col-right img {
    max-width: 100%;
}

.layout-0 .frame-default:first-child {
    margin-top: 20px;
}

.layout-0 .frame-default {
    padding: 20px;
    padding-bottom: 0px;
}

.layout-0 .frame-default:last-child {
    padding-bottom: 20px;
}

.frame-default .container {
}
.frame-default .border-top {
    border-top: 1px solid #8e8e8e;
    padding: 10px 0;
}
.frame-default .thumbnail {
    padding: 0;
    background: none;
    border: none;

}
.frame-default .lnk {
    font-size: 18px;
    font-weight: 700;
    color: #00bff3;
    text-transform: uppercase;
}
.frame-default .lnk:hover {color: #f84640;}
.frame-default .caption { padding: 10px 0; }
.frame-default .thumbnail img {width: 100%;}
.frame-default .thumbnail p {font-size: 12px;}

.csc-header h1,
.frame-default h1 {
    display: block;
    border-bottom: 3px solid #8e8e8e;
    margin: 0 0 20px;
    padding-bottom: 12px;
    color: #005ea8;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

.frame-default .frame-default {
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.frame-default h2 ,
.frame-default h2 a {
    font-size: 16px;
    color: #005ea8;
    font-weight: 700;
    text-transform: uppercase;
}
.frame-default h2 a {
    color: #333;
}
.frame-default h2 a:hover {
    color: #005ea8;
}

.indent {
    margin-left: 10px;
}

.frame-default h3 ,
.frame-default h3 a {
    color: #005ea8;
    font-size: 14px;
}

#c12 {
    padding: 0;
    background-color: transparent;
}

.frame-default .bodytext img {
    max-width: 100% !important;
}

.frame-default p {
    margin: 0 0 13px;
}

.frame-default table ul li {
    text-indent: -1em;
    padding-left: 1em;
}

.col-left img {
    max-width: 100%;
    max-height: 200px;
}

.frame-default > .frame-default {
    margin: 0 !important;
    padding-top: 20px;
}

.frame-default > .frame-default:first-child {
    padding: 0 !important;
}

.frame-default iframe {
    width: 100%;
    height: 500px;
    border: none;
    margin: 0;
    padding: 0;
}

.btn-cart {
    margin-bottom: 5px;
    display: inline-block;
}

.btn-cart > span, .page-sitemap .links a {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px 5px;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

.btn-cart span span {
    display: block;
    float: left;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}

.block-cart-header::before, .header-button.currency-list > a::after, .header-button.lang-list > a::after, .sf-menu li a::before, .add-to-links li a::before, .row-product .email-friend::before, .btn-remove::before, .btn-remove2::before, .btn-edit::before, .sorter .view-mode .grid::before, .sorter .list::before, .block-layered-nav dd li::before, .product-view .box-tags .form-add .input-box::before, .row-product .no-rating::before, #menu-icon::before, .sf-menu-phone li strong::before, span.toggle::before, .checkout-progress li::before, .about-padd-2 ul li::before, .currency-switch .currency-title::before, .language-list .language-title::before, .swipe ul a::before, .switch-show > div::after, #back-top span::before, .map-popup-close::before, .block-slider-sidebar .slider-sidebar-pager a::before, .home-link::before, button.button span::before, .header .form-search button.button span::before, .camera_wrap .camera_pag .camera_pag_ul li::before, .list-icon li a::before, .product-view .bx-controls-direction > a::before, .ui-state-default::before, .nav .grid-full > li.parent > a > span::after, .ajaxcartmsg #jQuery_ajaxcart_button_close::before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-indent: 0 !important;
}
*::before, *::after {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}



.reference-list {
    margin-top: 15px;
    margin-bottom: 15px;
}

.reference-list-title {
    margin-top: 5px;
    margin-bottom: 5px;
}

.reference-list-img {
    height: 250px;
    overflow: hidden;
}

.reference-list-img img{
    width: 100%;
    height: auto;
}

.reference-list-shortdesc {
    margin-bottom: 5px;
    min-height: 36px;
    max-height: 36px;
    clear: both;
    overflow: hidden;
}

.pagination.bootpag {
    margin: 0;
}

.reference-entry-text h1 {
    display: block;
    border-bottom: 3px solid #8e8e8e;
    margin: 0 0 30px;
    padding-bottom: 12px;
    color: #005ea8;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.reference-entry-text ul {
    list-style: circle;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-left: 40px;
}


.sidebar_view .reference-list-img {
    height: auto;
}

.sidebar_view .reference-list-text {
    padding: 0;
}


.sidebar_view .button {
    display: none;
}

.sidebar_view .reference-list-shortdesc {
    display: none;
}

.container .col-left .csc-header {
    margin-bottom: 0;
}


.flex-direction-nav a {
    color: #fff;
}

.flex-direction-nav .flex-prev {
    top: inherit;
    bottom: 30px;
}

.flex-direction-nav .flex-next {
    top: inherit;
    bottom: 30px;
}

#reference_carousel,
#carousel {
    height: 150px;
    overflow: hidden;
}

#reference_carousel .flex-direction-nav .flex-prev,
#carousel .flex-direction-nav .flex-prev {
    bottom: 50px;
}

#reference_carousel .flex-direction-nav .flex-next,
#carousel .flex-direction-nav .flex-next{
    bottom: 50px;
}

#reference_carousel .slides li,
#carousel .slides li {
    height: 150px;
}

#carousel .slides {
    padding-left: 10px;
}

img.logoImage {
    max-height: 60px;
    width: auto;
}

.sf-menu-phone li a {
    font-size: 20px;
    padding: 5px;
}

#quick-contact {
    background: #fff;
    padding: 10px 5px;
}

#toggle-content {
    background-position: right 3px;
    background-color: #fff;
}

#toggle-content .page-title {
    position: relative;
}

#toggle-content .page-title:after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    bottom: 1px;
    right: 3px;
    height: 22px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#toggle-content.opened .page-title:after {
    content: "\f077";
    right: 8px;
}

.toggle-plus {
    /*background:url(http://www.transparent-lagertechnik.de/typo3conf/ext/sc_tl/Resources/Public/images/slider_btn_zoom_in.gif) no-repeat;*/
}

.toggle-minus {
    /*background:url(http://www.transparent-lagertechnik.de/typo3conf/ext/sc_tl/Resources/Public/images/slider_btn_zoom_out.gif) no-repeat;*/
}

#toggle h1 {
    font-size: 16px;
    padding-bottom: 4px;
    color: #444;
}

#toggle-content .page-title h1 {
    margin-left: 10px;
}

.category-list .products-grid .product-image img {
    width: 170px;
}

#c54 a {
    color: #005ea8;
}

#c54 a:hover {
    text-decoration: underline;
}

.breadcrumbs {
    margin-top: 15px;
    margin-bottom: 0;
}

.content-uid-24 .breadcrumbs {
    display: none;
}

.csc-sitemap ul {
    margin-left: 20px;
    list-style: square;
}

.csc-uploads-element {
    float: left;
    width: 30%;
    border: 1px solid #cccccc;
    margin-right: 3% !important;
}

.csc-uploads-element > a,
.csc-uploads-element > span{
    display: block;
    width: 100%;
    clear: both;
    padding: 5px;
}


.csc-uploads-element > a img {
    width: auto;
    height: 360px;
}


.csc-uploads:after, .csc-uploads-element:last-child:after {
    content: "";
    clear: both;
    display: block;
}

.planing-gray-box {
    background-color: #4C4F56;
    color: #FFF;
    padding: 10px;
    vertical-align: top;;
    font-size: 14px;
}

.planing-2col + table {
    border-collapse: separate;
    border-spacing: 5px;
}

.planing-2col +  table th:first-child {
    background-color: #C2272D;
    color: #FFF;
    font-size: 14px;
    padding: 10px;
}

.planing-2col +  table th:last-child {
    background-color: #005EA8;
    color: #FFF;
    font-size: 14px;
    padding: 10px;
}

.planing-2col +  table td {
    background-color: #4C4F56;
    color: #FFF;
    padding: 10px;
    vertical-align: top;;
    font-size: 14px;
}

.planing-gray-box ul,
.planing-2col + table ul {
    display: inline-block !important;
    list-style: inside none disc !important;
}


.planing-gray-box ul li,
.planing-2col + table ul li {
    text-indent: -1em !important;
    padding-left: 1em !important;
}

@media screen and (min-width: 861px) {

    .slides li div.captionwrapper { position: absolute; width: 350px; top:auto; bottom: 10px; }
    .slides li div.caption span { color: #fff; display: block; }
    .slides li div.caption .captiontitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
    .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; }


    .flexslider .caption-align-left .caption-text { left: 20px; }
    .flexslider .caption-align-left .caption-link { left: 20px; }
    .flexslider .caption-align-right .caption-text { right: 20px; }
    .flexslider .caption-align-right .caption-link { right: 20px; }
    .flexslider .caption-link { position: absolute; bottom: 20px; }
    .flexslider .caption-text { position: absolute; width: 350px; top: 20px; background: rgba(255,255,255,0.9); }

}

@media only screen and (max-width: 1412px) {
    #quick-contact {
        display: none!important;
    }
}

@media (max-width: 992px) {
    #carousel{
        display: none;
    }
    #slider .caption-text {
        display: none;
    }
}