/* default styles for extension "tx_frontend" */
.ce-align-left {
    text-align: left;
}

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

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

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

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

.ce-left .ce-gallery, .ce-column {
    float: left;
}

.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}

.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}

.ce-right .ce-gallery {
    float: right;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}

.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}

.ce-gallery img {
    display: block;
}

.ce-gallery iframe {
    border-width: 0;
}

.ce-border img,
.ce-border iframe {
    border: 1px solid #000000;
    padding: 0px;
}

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

.ce-image .ce-gallery { /*! margin-bottom: 0; */
}

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

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

.ce-below .ce-gallery {
    margin-top: 30px;
}

.ce-column {
    margin-right: 30px;
}

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

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

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

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

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

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

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

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

/* Uploads */
.ce-uploads {
    margin: 0;
    padding: 0;
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}

.ce-uploads span {
    display: block;
}

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

.ce-table th, .ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.ce-table thead th {
    border-bottom: 2px solid #dadada;
}

.ce-table th, .ce-table td {
    border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.ce-table-bordered th, .ce-table-bordered td {
    border: 1px solid #dadada;
}

table.table.table-striped {
    border-left: 0 none !important;
    border-right: 0 none !important;
}

table.table.table-striped,
table.table.table-striped tr,
table.table.table-striped th,
table.table.table-striped td {
    border-top: 0 none !important;
    border-bottom: 0 none !important;
}

table.table.table-striped tr th:first-child,
table.table.table-striped tr td:first-child {
    border-left: 0 none !important;
}

table.table.table-striped tr th:last-child,
table.table.table-striped tr td:last-child {
    border-right: 0 none !important;
}

/* Space */
.frame-space-before-extra-small {
    margin-top: 1em;
}

.frame-space-before-small {
    margin-top: 2em;
}

.frame-space-before-medium {
    margin-top: 3em;
}

.frame-space-before-large {
    margin-top: 4em;
}

.frame-space-before-extra-large {
    margin-top: 5em;
}

.frame-space-after-extra-small {
    margin-bottom: 1em;
}

.frame-space-after-small {
    margin-bottom: 2em;
}

.frame-space-after-medium {
    margin-bottom: 3em;
}

.frame-space-after-large {
    margin-bottom: 4em;
}

.frame-space-after-extra-large {
    margin-bottom: 5em;
}

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

.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em;
}

.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}

.frame-indent-left {
    margin-left: 33%;
}

.frame-indent-right {
    margin-right: 33%;
}


#content .container {
    overflow: hidden;
}

h4 {
    line-height: 1.2;
}

a:focus, a:active {
    color: #b0b0b0;
}

ul.list-style-logo,
ul.widget_links,
ul.csc-menu,
ul.csc-menu ul,
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    list-style: none;
    padding: 0px;
}

ul.list-style-logo > li,
ul.widget_links > li,
ul.csc-menu li {
    padding-left: 15px;
    position: relative;
    border-color: #FE4400;
    padding-left: 22px;
    margin-bottom: .7em;
    line-height: 1.3em;
    padding-top: 0;
}

ul.csc-menu li ul li {
    margin-bottom: .4em;
}

footer ul.csc-menu > li {
    border-color: #fff;
}

ul.list-style-logo > li:before, ul.list-style-logo > li:after,
ul.widget_links > li:before, ul.widget_links > li:after,
ul.csc-menu li:before, ul.csc-menu li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    border-color: transparent;
    border-style: solid;
    width: 11px;
    border-width: 0px 3px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

footer ul.csc-menu li:before, footer ul.csc-menu li:after {
    top: 8px;
}

ul.list-style-logo > li:before,
ul.widget_links > li:before,
ul.csc-menu li:before {
    margin-left: 5px;
    border-bottom: 5px solid;
    border-bottom-color: inherit;
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
}

ul.list-style-logo > li:after,
ul.widget_links > li:after,
ul.csc-menu li:after {
    margin-top: 0px;
    border-top: 5px solid;
    border-top-color: inherit;
}

ul.csc-menu ul {
    margin-top: 10px;
}

ul.list-style-logo a, ul.widget_links a, ul.csc-menu a {
    display: inline;
}

ul.list-style-logo > li:before, ul.list-style-logo > li:after {
    top: 11px;
}

ul.widget_links > li:before, ul.widget_links > li:after {
    top: 10px;
}

.news .widget {
    margin-top: 50px;
}

.pagination {
    font-size: 14px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}

.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
}

.nav-tabs {
    border: 0;
    margin-bottom: 1.5em;
}

.tab-content {
    text-align: center;
}

.nav-tabs > li > a {
    color: #454545;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 0;
}

.full-width-tabs .nav-tabs > li > a i {
    font-size: 3em;
    line-height: 1.5em;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    color: #FE4400;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 0;
    background: transparent;
}


.full-width-tabs [class^="flaticon-"]::before,
.full-width-tabs [class*=" flaticon-"]::before,
.full-width-tabs [class^="flaticon-"]::after,
.full-width-tabs [class*=" flaticon-"]::after {
    font-size: 2em;
}

.nav-tabs > li.active > a,
.full-width-tabs .nav-tabs > li.active > a,
.full-width-tabs .nav-tabs > li.active > a:focus,
.full-width-tabs .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border: 0;
    color: #FE4400;
}

.full-width-tabs .tab-content h2,
.news-list-2-container h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
}

.full-width-tabs .tab-content h2 span {
    border: 0;

}

/* Carousel */
.tab-content .carousel .carousel-control {
    color: #FE4400;
    width: 50px;
    text-shadow: none;
    background: transparent;
}

.carousel-control:focus,
.carousel-control:hover {
    color: #FE4400;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
}

.carousel-control.left .flaticon-arrows, .carousel-control.right .flaticon-arrows {
    font-size: 30px;
    height: 30px;
    margin-top: -10px;
    width: 30px;
}

.carousel-control.left .flaticon-arrows {
    left: 50%;
    margin-left: -10px;
}

.carousel-control.left .flaticon-arrows, .carousel-control.right .flaticon-arrows {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel [class^="icomoon-"], .carousel [class*=" icomoon-"] {
    font-weigth: 700;
    font-size: 2.5em;
}

.carousel-control.left .flaticon-arrows:before {
    -moz-transform: rotate(180.0deg); /* FF3.5+ */
    -o-transform: rotate(180.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(180.0deg); /* Saf3.1+, Chrome */
    transform: rotate(180.0deg);
}

.multiple .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    padding: 1em;
    text-shadow: none;
    color: inherit;
}

.multiple .carousel-inner > .item {
    text-align: center;
}

.multiple .carousel-inner img {
    margin-bottom: 1em;
}

h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
    color: #181716;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    color: #FE4400;
}

.heading-block h1 {
    font-size: 34px;
}

.heading-block h1.small,
h2.small {
    font-size: 28px;
    text-transform: none;
}

.heading-block h2 {
    font-size: 34px;
}

#page-title.page-title-parallax {
    background-image: none;
    background-size: contain;
}

/*
#page-title.page-title-parallax::before {
  background-color: rgba(0,0,0,0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
*/
.bannerheader {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
}

#logo img,
.sticky-header #logo img {
    width: auto;
    padding: 15px;
}

.heading-block::after,
.subnav-title::after {
    margin: 30px auto 0;
    border-top: 3px solid #FE4400;
    width: 180px;
}

.postcontent .heading-block::after {
    margin-left: 0;
}

.subnav-title::after {
    content: "";
    display: block;
    margin: 30px 0 0 0;
}

#primary-menu ul li li > a {
    margin: 3px 0;
}

#primary-menu ul li li:hover > a,
#primary-menu ul li li.current > a {
    border: 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    padding: 8px 15px 8px 5px;
    margin: 16px 0;
}

#primary-menu ul ul li > a {
    line-height: 1.6em;
    padding: 6px 8px;
}

.contact {
    padding: 25px 0 0 20px;
    display: inline-block;
    line-height: 1.2em;
}

div.tx-powermail .powermail_fieldwrap .powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset,
.contact a,
.button,
.tp-bannerlink {
    background: #FE4400;
    border: 1px solid #FE4400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 134px;
    padding: 7px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-family: inherit;
    font-size: 13px;
    -webkit-transition: background-color 1000ms linear !important;
    -moz-transition: background-color 1000ms linear !important;
    transition: background-color 1000ms linear !important;
    text-shadow: none;
}

.button {
    width: auto;
    line-height: 1.8em;
    padding: 7px 22px;
    border: 1px solid #FE4400;
}

.tp-bannerlink:hover,
div.tx-powermail .powermail_fieldwrap .powermail_submit:hover,
div.tx-powermail .powermail_fieldwrap .powermail_submit:focus,
.button:hover,
.button:focus {
    background-color: #fff;
    color: #FE4400;
    text-shadow: none;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.tp-bannerlink {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    padding: 8px 20px;
    font-size: 18px;
}

.powermail_fieldwrap .powermail_submit {
    padding: 10px 8px;
}

.sticky-header .contact {
    padding-top: 7px;
}

.sticky-header .contact a {
    box-shadow: inset 0px 0px 0px 2px #fff;
}

#header::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
}

#header {
    border: 0;
}

.iportfolio a:hover .portfolio-desc span,
a:hover {
    color: #FE4400;
    text-decoration: underline;
}

.contact a:hover,
.powermail_fieldwrap_submit input:hover {
    color: #fff;
    background-color: #FE4400;
}

.nooverflow {
    overflow: hidden;
}

.feature-box {
    margin: 0 0 1.5em;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}

#content .feature-box p {
    line-height: 1.4em;
}

.feature-box.fbox-border .fbox-icon {
    border: 0;
}

.feature-box .fbox-icon {
    display: block;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    width: auto;
}

.iconbox {
    background: #f6f6f6;
    display: block;
    height: 100%;
    padding: 2em;
    position: relative;
}

.overlay {
    background: #FE4400;
    display: none;
    padding: 2em;
}

.iconbox:hover .overlay {
    display: block;
}

.iconbox [class^="flaticon-"]::before,
.iconbox [class*=" flaticon-"]::before,
.iconbox [class^="flaticon-"]::after,
.iconbox [class*=" flaticon-"]::after {
    font-size: 60px;
    color: #454545;
}

.feature-box.fbox-border.fbox-light .fbox-icon i[class^="icomoon"] {
    color: #454545;
}

/* SITEMAP */
.deep0 {
    margin-bottom: 15px;
}

.deep1 {
    margin-left: 15px;
}

.deep2 {
    margin-left: 30px;
}

.frame-type-menu_sitemap_pages ul {
    padding-left: 10px;
    list-style: decimal;
}

.frame-type-menu_sitemap_pages li {
    padding-left: 10px;
}

.frame-type-menu_sitemap_pages ul ul ul {
    font-size: 15px;
}

.frame-type-menu_sitemap_pages ul ul ul ul {
    font-size: 14px;
}

/* PRODUCTS */
.product {
    width: 32%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1.5em;
}

.product a {
    display: block;
    text-align: center;
    color: #454545;
}

.product a:hover {
    color: #454545;
}

.product img {
    margin-bottom: 1em;
    max-width: 100%;
    height: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: .5em;
}

.product p {
    margin-bottom: 0;
}

.img-product {
    text-align: center;
}

.img-format {
    position: absolute;
    right: 4px;
    top: 5px;
    z-index: 51;
}

.product .tooltip {
    display: none;
    font-size: 11px;
    width: 240px;
    z-index: 199;
}

.tooltip h3 {
    background-image: url(../../img/ttip-header-bg.png);
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 19px;
    margin: 0;
    padding: 7px 10px 0 20px;
}

.tooltip-bg {
    background-position: left bottom;
    background-repeat: no-repeat;
    /*padding-bottom: 20px;*/
    background-image: url(../../img/ttip-bg.png);
}

.tooltip-content { /*max-height: 220px;*/
    overflow: hidden;
    padding: 10px;
}

.tooltip ul, .tooltip p {
    padding: 0 10px 0 10px;
}

.tooltip ul {
    list-style-type: none;
    padding: 0 20px 0 10px;
}

#main .tooltip ul li {
    /*background-image: url("../images/listitem.png");
    background-position: left 7px;
    background-repeat: no-repeat;*/
    line-height: 125%;
    margin-left: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 0;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row-padding .col-md-6:first-child {
    padding-right: 0;
}

.row-padding .col-md-6:last-child {
    padding-left: 0;
}

/* Footer */
#footer {
    position: relative;
    border-top: 0;
    background: #FE4400;
    font-size: 18px;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5,
#footer, #footer a {
    color: #fff;
}

#footer h5 {
    text-transform: uppercase;
    font-weight: 400;
}

#footer a:hover {
    color: #FFF;
    text-decoration: underline !important;
}

#footer p {
    margin-bottom: 20px;
}

#footer .footer-widgets-wrap {
    padding: 50px 15px 20px 15px;
}

#copyrights {
    padding: 25px 0;
    background-color: #454545;
}

#copyrights a:after {
    display: inline-block;
    content: '|';
    margin-right: 10px;
    padding-left: 10px;
}

#copyrights a:last-child:after {
    display: none;
}

.footernavigation {
    float: right;
}

.device-lg.sticky-footer #slider.slider-parallax-invisible {
    z-index: 1;
}

/*
.device-lg.sticky-footer #slider.slider-parallax-visible {
  z-index: 3
}
.device-lg.sticky-footer #footer {
  display: none;
}
*/
#slider {
    background: #fff;
}

.tp-bullet {
    background: #fff !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 1px 1px #454545;
    box-shadow: 0 0 1px 1px #454545;
}

.tp-bullet.selected, .tp-bullet:hover {
    background: #454545 !important;
    -webkit-box-shadow: 0 0 1px 1px #ffffff;
    box-shadow: 0 0 1px 1px #ffffff;
}

.portfolio-desc {
    border: 1px solid #D9D9D9;
    margin-top: -60px;
    padding: 80px 20px 20px 30px;
    text-align: left;
}

a .portfolio-desc {
    color: #181716;
}

.portfolio-desc h3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
    height: 3.7em;
    margin-bottom: .5em;
}

.portfolio-desc-content {
    height: auto;
    overflow: hidden;
    position: relative;
    font-size: 15px;
}

.portfolio-desc-content p.teaser-text {
    font-size: 15px;
}

.portfolio-desc-content .teaser-text {
    font-weight: 300;
}

.portfolio-desc span {
    bottom: 0;
    color: #FE4400;
    margin-top: 1.5em;
    width: 100%;
}

.hex:before {
    content: " ";
    width: 0;
    height: 0;
    border-bottom: 30px solid #FE4400;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.hex {
    width: 104px;
    height: 60px;
    background-color: #FE4400;
    position: relative;
    margin: 30px auto;
    color: #fff;
    line-height: 60px;
    font-size: 40px;
}

.hex:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    border-top: 30px solid #FE4400;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    left: 0;
}


.linkbutton .ce-media::before {
    border: 1px solid #fff;
    content: "";
    height: 90%;
    left: 5%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: 1;
}

.linkbutton .ce-media {
    position: relative;
}

.linktextwrapper {
    position: relative;
}

.linkbutton img {
    vertical-align: bottom; /* Remove the gap at the bottom of inline image */
    max-width: 100%;
    height: auto;
}

.linktext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

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

.linktext p {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    padding: 1% 0; /* Added a relative padding for the demo */
}

.linktext a {
    background: #FE4400;
    color: #fff;
    padding: 10px 7%;
    text-transform: uppercase;
    font-size: 2em;
    border: 4px solid #fff;
}

.linktext a:hover {
    background-color: #FE4400;
}

.linktext a::after {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-left: 10px;
}

img {
    height: auto;
}

a.more {
    display: inline-block;
    margin-bottom: 1em;
}

a.download:hover,
a.download:focus,
a.more:hover,
a.more:focus {
    text-decoration: underline !important;
}

.arrow-container {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: #fff;
    padding-bottom: 15%;
    background-clip: content-box;
    overflow: hidden;
}

.arrow-container:after {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    z-index: -1;
    background-color: inherit;
    padding-bottom: 50%;
    width: 57.7%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-30deg) skewX(30deg);
    -ms-transform: rotate(-30deg) skewX(30deg);
    transform: rotate(-30deg) skewX(30deg);
}

.arrow-container .ce-bodytext {
    padding-left: 30px;
    padding-right: 30px;
}

.arrow-container *:last-child {
    margin-bottom: 0;
}


.iportfolio {
    padding: 1px;
}

.relative-pos {
    position: relative;
}

.absolute-pos {
    position: absolute;
}

.static-pos {
    position: static;
}

.csc-frame-rulerAfter,
.ruler-after,
.frame-ruler-after {
    margin-bottom: 30px;
}

.csc-frame-rulerAfter::after,
.ruler-after::after,
.frame-ruler-after::after {
    border-top: 3px solid #5c2282;
    margin: 30px auto 0;
    width: 180px;
}

.csc-frame-rulerAfter::after,
.frame-ruler-after::after,
.ruler-after::after {
    border-top: 1px solid #FE4400;
    content: "";
    display: block;
    margin-top: 30px;
    width: 100%;
}

/* ==========================================================================
   Progress bar shortcode start styles
   ========================================================================== */
.progress-bar {
    position: relative;
    margin: 0 0 16px;
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding-right: 24px;
    background: transparent;
    box-shadow: none;
}

.progress-bar .progress-title-holder {
    position: relative;
    margin: 0 0 4px;
    line-height: inherit;
}

.progress-bar .progress-title-holder .progress-title {
    display: inline-block;
    z-index: 100;
    font-size: 15px;
    color: #2e2e2e;
}

.progress-bar .progress-number-wrapper {
    text-align: right;
    position: absolute;
    left: 0;
    z-index: 10;
    opacity: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
}

.progress-bar .progress-number-wrapper .progress-number {
    font-size: 15px;
    font-weight: 700;
    color: #2e2e2e;
    display: inline-block;
    text-align: center;
    float: right;
}

.progress-bar .progress-number-wrapper .progress-number .qodef-percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: 1em;
}

.progress-bar .progress-content-outer {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    height: 7px;
}

.progress-bar .progress-content-outer .progress-content {
    max-width: 100%;
    width: 0;
    overflow: hidden;
    background-color: #FE4400;
    height: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tx-indexedsearch-browsebox li {
    display: inline;
    margin-right: 5px;
}


/* News */
.news-list-view ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-list-view h3 {
    font-size: 20px;
    margin: .5em 0 .5em;
    text-transform: none;
}

.news-list-view h3 a {
    color: #454545;
}

.news-list-view p {
    margin-bottom: .5em;
}

.news-list-img {
    margin-bottom: .5em;
    overflow: hidden;
}

.news-list-date {
    color: #b0b0b0;
    font-size: .8em;
    text-transform: uppercase;
}

.news-list-view .col-md-6 {
    margin-bottom: 1.5em;
}

.news-list-view .col-md-6:nth-child(2n+3),
.news-list-view .col-md-4:nth-child(3n+4) {
    clear: left;
}

.boxcontainer {
    text-align: left;
    font-size: 15px;
}


.news-list-view {
    padding: 0;
}

.news-list-view H3 {
    padding-bottom: 5px;
    line-height: 1.3em;
}

.news-list-view h1 a,
.news-list-view h2 a,
.news-list-view h3 a {
    color: #FE4400;
}

/*.news-list-item img { float:none; }*/
.news-list-item IMG {
    margin-right: 10px;
}

/*..news-list-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #565656; }*/
.news-single-item .news-list-date {
    display: block;
    text-align: right;
    font-size: .8em;
}

.news-list-item h3 a {
    margin-bottom: 4px;
    text-decoration: none;
}

.news-single-item {
    padding: 0;
}

.news-single-backlink {
    clear: both;
    padding: 0;
}

.news-single-img {
    margin-left: 0;
}

.news-list-browse {
    text-align: center;
    font-size: 14px;
}


.news-single-rightbox, .news-single-imgcaption, .news-news-list-date,
.news-list-morelink, .news-latest-morelink, .news-latest-category, .news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-amenu-container,
.news-catmenu {
    font-size: inherit;
}


li.news-list-item {
    margin-bottom: 2.5em;
}

.news .page-navigation ul {
    float: none;
    clear: both;
}

#content .news-list-item p,
#content .portfolio-desc-content p,
#content .boxcontainer p {
    line-height: 1.5;
}

.infos-list-item,
.boxcontainer {
    border: 1px solid #D9D9D9;
    margin-bottom: 3em;
}

.boxcontainer .ce-gallery {
    border-bottom: 1px solid #D9D9D9;
}

.infocontent,
.boxcontainer .ce-bodytext {
    padding: 20px;
}

.boxcontainer h2,
.boxcontainer h3 {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 20px;
}

.extra {
    margin-bottom: 15px;
}

.news-text-wrap {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 4em; /* Chrome, Safari, Opera */
    -moz-column-gap: 4em; /* Firefox */
    column-gap: 4em;
}

.news-text-wrap h2 {
    line-height: 1.8;
    font-size: 20px;
    text-transform: unset;
    font-weight: 700;
}

.tp-banner .button {
    border: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    box-shadow: 0;
    background: #FE4400;
}

.tp-banner .button:hover {
    background: #FE4400;
}

.tp-caption {
    position: relative !important;
    /*text-shadow: 0px 0px 10px #848484;*/
}

.bannertext {
    font-weight: 300;
    font-size: 2em;
}

.bannertext.small {
    font-size: 2em;
    text-transform: none;
    text-shadow: 1px 1px 2px #000000;
}

.bannertextbold {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.2em !important;
    text-transform: uppercase;
}

.bannertextbold.small {
    font-size: 2.5em;
    text-shadow: 1px 1px 2px #000000;
}

#pid664 .tp-revslider-mainul .tp-revslider-slidesli:first-child .tp-caption.bannertextbold,
#pid664 .tp-revslider-mainul .tp-revslider-slidesli:nth-child(2) .tp-caption.bannertextbold {
    background: rgba(246, 80, 47, 0.8);
    padding: 0 20px !important;
    color: #fff !important;
}

#primary-menu-trigger {
    border: 1px solid #FE4400;
    color: #FE4400;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px !important;
}


/* embed container - iframe, video */
.embed-container {
    height: auto;
    overflow: hidden;
    /*padding-bottom: 52.25%;*/
    position: relative;
    width: 100%;
}

.embed-container iframe {
    /*height: 100%;*/
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.embed-container .google-map {
    pointer-events: none;
}

#embedded iframe {
    width: 100%;
    height: 100%;
}

.frame-300 * {
    float: none !important;
    position: static !important;
}

.frame-300 .ce-gallery figure,
.frame-300 .ce-gallery figure video {
    display: inline-block !important;
    width: 100%;
    height: auto;
}


.sidebar-widgets-wrap .widget {
    padding: 0;
    border: 0;
}

/* powermail */
.tx-powermail {
    width: 640px;
    color: #444
}

.tx-powermail .clear {
    clear: both
}

.tx-powermail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tx-powermail *.hide {
    display: none
}

.tx-powermail .powermail_fieldset {
    clear: left;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee
}

.tx-powermail .powermail_fieldset .powermail_legend {
    color: #bbb;
    float: right;
    margin: 3px 0 10px 0;
    font-size: 200%;
    white-space: normal
}

.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 0 0 0.5em 0;
    clear: both;
    overflow: hidden
}

.tx-powermail .powermail_fieldset .powermail_field {
    float: right;
}

.tx-powermail .powermail_fieldset .powermail_field .powermail_input,
.tx-powermail .powermail_fieldset .powermail_field .powermail_textarea {
    width: 100%;
    padding: 5px;
    margin: 0;
    border: 1px solid #bbb;
    color: #444;
    float: right;
    font-size: inherit
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
    width: 100%;
    margin-top: 10px
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer,
.tx-powermail .powermail_fieldset .powermail_captcha_outer,
.tx-powermail .powermail_fieldset .powermail_check_outer,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
    background-color: white;
    border: 1px solid #bbb;
    float: right;
    padding: 3px;
    width: 100%;
    list-style: none;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_text {
    border: 0;
    float: none;
    width: auto;
    background: transparent;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li, .tx-powermail .powermail_fieldset .powermail_check_outer > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li {
    margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles:hover {
    text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
    float: right;
    clear: left
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #A94442;
    padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    color: #A94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
    padding-left: 5px
}

.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation {
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: hidden
}

.tx-powermail .powermail_create .powermail_confirmation_submit, .tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_submit, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    margin: 20px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    background-color: #1E5799;
    border: 1px solid #eee
}

.tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    float: left;
    clear: left;
    background-color: #bbb
}

.tx-powermail .powermail_progressbar {
    width: 400px;
    height: 5px;
    float: right;
    border: 1px solid #EEEEEE;
    clear: both
}

.tx-powermail .powermail_progressbar.disable {
    display: none
}

.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1E5799;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards
}

.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    background: url("/typo3/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25)
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.tx-powermail .powermail_all > dt {
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_all > dd {
    width: 400px;
    float: left;
    margin: 0
}

.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle
}

.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
    background-image: url("/typo3/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #CDEACA;
    border: 1px solid #3B7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3B7826
}

.tx-powermail .powermail_message.powermail_message_error {
    background-image: url("/typo3/ext/powermail/Resources/Public/Image/icon_error.png")
}

.tx-powermail .powermail_message.powermail_message_error li {
    color: #A94442
}

.tx-powermail .powermail_message.powermail_message_note {
    background-image: url("/typo3/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #FCF8E3;
    border: 1px solid #FFCA4B
}

.tx-powermail .powermail_message.powermail_message_note li {
    color: #FFCA4B
}

.tx-powermail .powermail_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu > li {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background: #eee;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #aaa
}

.tx-powermail .powermail_tabmenu > li.act {
    color: #444
}

.tx-powermail .powermail_tabmenu > li.parsley-error {
    background-color: #EBCCD1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1E5799;
    float: right
}

.tx-powermail .powermail_form.nolabel > h3 {
    display: none
}

.tx-powermail .powermail_fieldset.nolabel > legend {
    display: none
}

.tx-powermail .powermail_fieldwrap.nolabel > label {
    display: none
}

@-webkit-keyframes progress {
    from {
    }
    to {
        width: 100%
    }
}

@-moz-keyframes progress {
    from {
    }
    to {
        width: 100%
    }
}

@-ms-keyframes progress {
    to {
        width: 100%
    }
}

@keyframes progress {
    from {
    }
    to {
        width: 100%
    }
}

.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: white;
    border-top: 1px solid #eee;
    color: #444;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0px
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #A94442
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1E5799
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #A94442 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

div.tx-powermail .container-fluid {
    padding: 0;
}

div.tx-powermail {
    color: #4f4f4f;
    width: 100%;
    font-family: "Roboto";
}

div.tx-powermail > form > h3,
div.tx-powermail > form > fieldset > .powermail_legend,
.nolabel .powermail_label {
    display: none !important;
}

div.tx-powermail .powermail_fieldset {
    background: transparent;
    border: 0 none;
    padding: 0;
}

div.tx-powermail .powermail_fieldset .powermail_label,
div.tx-powermail .powermail_fieldset .powermail_field {
    float: none;
    width: 100%;
}

div.tx-powermail .powermail_fieldset .powermail_fieldwrap.left,
div.tx-powermail .powermail_fieldset .powermail_fieldwrap.right {
    clear: none;
    float: left;
    width: 48%;
}

div.tx-powermail .powermail_fieldset .powermail_fieldwrap.left {
    margin-right: 4%;
}

div.tx-powermail .powermail_fieldset .parsley-errors-list {
    width: 100%;
}

div.tx-powermail .powermail_create,
div.tx-powermail .powermail_confirmation {
    background-color: #2c64b2;
    color: #fff;
    font-weight: 700;
    padding: 30px 30px 10px;
}

div.tx-powermail .powermail_fieldset .button {
    margin-left: 0;
}

div.tx-powermail .powermail_fieldset .button input {
    background: transparent;
    border: 0 none;
}

button, input, select, textarea {
    font-family: "Roboto Slab", Arial, serif;
}

div.tx-powermail .powermail_create,
div.tx-powermail .powermail_confirmation {
    background: transparent;
    border-color: #FE4400;
    color: #FE4400;
}


.tx-powermail .powermail_fieldset .powermail_field .powermail_input,
.tx-powermail .powermail_fieldset .powermail_field .powermail_textarea {
    border: 1px solid #bbb;
    color: #444;
    font-size: inherit;
    margin: 0;
    padding: 5px;
    float: none;
    width: 100%;
}

div.tx-powermail form > h3,
div.tx-powermail form > fieldset > .powermail_legend,
.nolabel .powermail_label {
    display: none !important;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 0 0 0.5em;
    overflow: hidden;
}


.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #ebccd1;
    border: 1px solid #a94442;
    color: #a94442;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    clear: left;
    display: none;
    float: right;
    list-style-type: none;
    margin: 5px 0 20px;
    padding: 0;
    width: 100%;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #a94442;
    padding: 5px 10px;
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

#footer a.icon-facebook {
    width: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 60px;
}

#footer a.icon-facebook:before {
    text-indent: 0;
    float: left;
    color: #FE4400;
    background: #fff;
    margin-left: 6px;
    padding: 5px 3px 0px 8px;
    font-size: 20px;
    line-height: 0.9;
}

figcaption {
    font-size: .9em;
}

/* Navigation */
#navmaincontainer {
    position: static;
    float: right;
    border: 0 none;
    border-radius: 0;
    margin: 0;
}

#navmaincontainer ul,
#navmaincontainer ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navmaincontainer ul li a[title='Drucksysteme']:hover {
    color: #e20110;
}
#navmaincontainer ul li a[title='IT-Services']:hover {
    color: #072b8f;
}

#navmaincontainer .navbar-nav > li > a {
    padding: 48px 20px 48px 5px;
    text-decoration: none;
    color: #b0b0b0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

#navmaincontainer .navbar-nav > li:last-child > a {
    padding-right: 0;
}

.sticky-header #navmaincontainer .navbar-nav > li > a {
    padding: 24px 20px;
}

#navmaincontainer .navbar-nav > li > a:hover {
    color: #FE4400;
    background: transparent;
}

#header-bottom #navmaincontainer .navbar-nav > li.nav-button > a {
    margin-left: 6px;
    color: #fff;
    font-weight: 400;
}

/* Cookies */
#cookieNotice {
    background: rgba(40, 40, 40, 0.85) none repeat scroll 0 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    padding: 15px;
    text-align: center;
    color: #fff;
}

#cookieNotice p {
    margin-bottom: 0;
}

#cookieNotice a {
    color: #fff;
    padding: 2px 6px;
    text-decoration: underline;
}

#cookieNotice a:hover {
    text-decoration: none;
}

#cookieNotice #cookieNoticeCloser {
    margin-top: 6px;
    margin-bottom: 0;
}

.cookieNotice-show {
    padding-bottom: 66px;
}

/* Cookie */
#cookie_directive_container {
    background: rgba(0, 0, 0, .8);
    padding: 15px 5%;
    text-align: center;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    font-size: .8em;
    line-height: 1em;
    border-top: 1px solid #FE4400;
    color: #fff;
}

#cookie_directive_container p {
    margin: 0;
}

#cookie_directive_container .navbar-fixed-bottom {
    position: relative;
}

#cookie_directive_container a {
    color: #FE4400;
    margin: 0 10px;

}

a#cookie_accept {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 20px;
    width: auto;
    font-weight: 200;
    font-family: inherit;
    font-size: 14px;
    text-transform: none;
    vertical-align: middle;
    margin-top: -2px;
    color: #fff;
    background-color: #FE4400;
}

a#cookie_accept:hover {
    background-color: #fff;
    color: #FE4400;
}

body:not(.cookieNoticeHide) #copyrights {
    padding-bottom: 4em;
}

/* margin */
.margin-t-5 {
    margin-top: 5px;
}

.margin-t-10 {
    margin-top: 10px;
}

.margin-t-15 {
    margin-top: 15px;
}

.margin-t-20 {
    margin-top: 20px;
}

.margin-t-30 {
    margin-top: 30px;
}

.margin-t-40,
.frame-margin-t-40 {
    margin-top: 40px;
}

.margin-t-50,
.margin-t-b,
.frame-margin-t-b {
    margin-top: 50px;
}

.margin-t-60 {
    margin-top: 60px;
}

.margin-t-70 {
    margin-top: 70px;
}

.margin-t-80 {
    margin-top: 80px;
}

.margin-t-90 {
    margin-top: 90px;
}

.margin-t-100 {
    margin-top: 100px;
}

.margin-t-110 {
    margin-top: 110px;
}

.margin-t-120 {
    margin-top: 120px;
}

.margin-t-130 {
    margin-top: 130px;
}

.margin-t-140 {
    margin-top: 140px;
}

.margin-t-150 {
    margin-top: 150px;
}

.margin-t-200 {
    margin-top: 200px;
}

.margin-b-5 {
    margin-bottom: 5px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-15 {
    margin-bottom: 15px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-30,
.margin-t-b,
.frame-margin-t-b {
    margin-bottom: 30px;
}

.margin-b-40,
.frame-margin-b-40 {
    margin-bottom: 40px;
}

.margin-b-50 {
    margin-bottom: 50px;
}

.margin-b-60 {
    margin-bottom: 60px;
}

.margin-b-70 {
    margin-bottom: 70px;
}

.margin-b-80 {
    margin-bottom: 80px;
}

.margin-b-90 {
    margin-bottom: 90px;
}

.margin-b-100 {
    margin-bottom: 100px;
}

.margin-b-110 {
    margin-bottom: 110px;
}

.margin-b-120 {
    margin-bottom: 120px;
}

.margin-b-130 {
    margin-bottom: 130px;
}

.margin-b-140 {
    margin-bottom: 140px;
}

.margin-b-150 {
    margin-bottom: 150px;
}

.margin-b-200 {
    margin-bottom: 200px;
}

.margin-l-5 {
    margin-left: 5px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-l-15 {
    margin-left: 15px;
}

.margin-l-20 {
    margin-left: 20px;
}

.margin-l-30 {
    margin-left: 30px;
}

.margin-l-40 {
    margin-left: 40px;
}

.margin-l-50,
.margin-l-r,
.frame-margin-l-r,
.frame-margin-l-50 {
    margin-left: 50px;
}

.margin-l-60 {
    margin-left: 60px;
}

.margin-l-70 {
    margin-left: 70px;
}

.margin-l-80 {
    margin-left: 80px;
}

.margin-l-90 {
    margin-left: 90px;
}

.margin-l-100 {
    margin-left: 100px;
}

.margin-l-110 {
    margin-left: 110px;
}

.margin-l-120 {
    margin-left: 120px;
}

.margin-l-130 {
    margin-left: 130px;
}

.margin-l-140 {
    margin-left: 140px;
}

.margin-l-150 {
    margin-left: 150px;
}

.margin-l-200 {
    margin-left: 200px;
}

.margin-r-5 {
    margin-right: 5px;
}

.margin-r-10 {
    margin-right: 10px;
}

.margin-r-15 {
    margin-right: 15px;
}

.margin-r-20 {
    margin-right: 20px;
}

.margin-r-30 {
    margin-right: 30px;
}

.margin-r-40 {
    margin-right: 40px;
}

.margin-r-50,
.margin-l-r,
.frame-margin-r-50 {
    margin-right: 50px;
}

.margin-r-60 {
    margin-right: 60px;
}

.margin-r-70 {
    margin-right: 70px;
}

.margin-r-80 {
    margin-right: 80px;
}

.margin-r-90 {
    margin-right: 90px;
}

.margin-r-100 {
    margin-right: 100px;
}

.margin-r-110 {
    margin-right: 110px;
}

.margin-r-120 {
    margin-right: 120px;
}

.margin-r-130 {
    margin-right: 130px;
}

.margin-r-140 {
    margin-right: 140px;
}

.margin-r-150 {
    margin-right: 150px;
}

.margin-r-200 {
    margin-right: 200px;
}

.margin-0 {
    margin: 0 !important;
}

.frame-margin-0,
.frame-margin-0 .ce-gallery {
    margin: 0 !important;
}


/* padding */
.padding-t-5 {
    padding-top: 5px;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-t-20 {
    padding-top: 20px;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-t-40 {
    padding-top: 40px;
}

.padding-t-50,
.padding-t-b,
.frame-padding-t-b,
.frame-padding-t-50 {
    padding-top: 50px;
}

.padding-t-60 {
    padding-top: 60px;
}

.padding-t-70 {
    padding-top: 70px;
}

.padding-t-80 {
    padding-top: 80px;
}

.padding-t-90 {
    padding-top: 90px;
}

.padding-t-100 {
    padding-top: 100px;
}

.padding-t-110 {
    padding-top: 110px;
}

.padding-t-120 {
    padding-top: 120px;
}

.padding-t-130 {
    padding-top: 130px;
}

.padding-t-140 {
    padding-top: 140px;
}

.padding-t-150 {
    padding-top: 150px;
}

.padding-t-200 {
    padding-top: 200px;
}

.padding-r-5 {
    padding-right: 5px;
}

.padding-r-10 {
    padding-right: 10px;
}

.padding-r-15 {
    padding-right: 15px;
}

.padding-r-20 {
    padding-right: 20px;
}

.padding-r-30 {
    padding-right: 30px;
}

.padding-r-40 {
    padding-right: 40px;
}

.padding-r-50 {
    padding-right: 50px;
}

.padding-r-60 {
    padding-right: 60px;
}

.padding-r-70 {
    padding-right: 70px;
}

.padding-r-80 {
    padding-right: 80px;
}

.padding-r-90 {
    padding-right: 90px;
}

.padding-r-100 {
    padding-right: 100px;
}

.padding-r-110 {
    padding-right: 110px;
}

.padding-r-120 {
    padding-right: 120px;
}

.padding-r-130 {
    padding-right: 130px;
}

.padding-r-140 {
    padding-right: 140px;
}

.padding-r-150 {
    padding-right: 150px;
}

.padding-r-200 {
    padding-right: 200px;
}

.padding-b-5 {
    padding-bottom: 5px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.padding-b-15 {
    padding-bottom: 15px;
}

.padding-b-20 {
    padding-bottom: 20px;
}

.padding-b-30 {
    padding-bottom: 30px;
}

.padding-b-40 {
    padding-bottom: 40px;
}

.padding-b-50,
.padding-t-b,
.frame-padding-b-50 {
    padding-bottom: 50px;
}

.padding-b-60 {
    padding-bottom: 60px;
}

.padding-b-70 {
    padding-bottom: 70px;
}

.padding-b-80 {
    padding-bottom: 80px;
}

.padding-b-90 {
    padding-bottom: 90px;
}

.padding-b-100 {
    padding-bottom: 100px;
}

.padding-b-110 {
    padding-bottom: 110px;
}

.padding-b-120 {
    padding-bottom: 120px;
}

.padding-b-130 {
    padding-bottom: 130px;
}

.padding-b-140 {
    padding-bottom: 140px;
}

.padding-b-150 {
    padding-bottom: 150px;
}

.padding-b-200 {
    padding-bottom: 200px;
}

.padding-l-5 {
    padding-left: 5px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-15 {
    padding-left: 15px;
}

.padding-l-20 {
    padding-left: 20px;
}

.padding-l-30 {
    padding-left: 30px;
}

.padding-l-40 {
    padding-left: 40px;
}

.padding-l-50 {
    padding-left: 50px;
}

.padding-l-60 {
    padding-left: 60px;
}

.padding-l-70 {
    padding-left: 70px;
}

.padding-l-80 {
    padding-left: 80px;
}

.padding-l-90 {
    padding-left: 90px;
}

.padding-l-100 {
    padding-left: 100px;
}

.padding-l-110 {
    padding-left: 110px;
}

.padding-l-120 {
    padding-left: 120px;
}

.padding-l-130 {
    padding-left: 130px;
}

.padding-l-140 {
    padding-left: 140px;
}

.padding-l-150 {
    padding-left: 150px;
}

.padding-l-200 {
    padding-left: 200px;
}

.padding-0 {
    padding: 0 !important;
}

@media (min-width: 768px) {
    .portfolio-desc p {
        min-height: 160px;
    }

    .product:nth-of-type(2n+2) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .infos:nth-child(3n+4) {
        clear: left;
    }

    .portfolio-desc p {
        min-height: 180px;
    }

    .product:nth-child(2n+2) {
        clear: none;
    }

    .product:nth-of-type(3n+2) {
        clear: both;
    }

}

@media (min-width: 1200px) {
    .portfolio-desc p {
        min-height: 160px;
    }
}


@media (max-width: 1199px) {


    #navmaincontainer .navbar-nav > li > a {
        padding-right: 10px;
    }

    #header .sitelink {
        top: auto;
        bottom: 50%;
    }

    div.csc-textpic-right .csc-textpic-imagewrap {
        float: left;
    }

}


@media (max-width: 991px) {

    .contact {
        display: none;
        opacity: 0;
        padding: 0;
        margin: .5em 0 1em;
    }

    .primary-menu-open .contact {
        display: inline-block;
        opacity: 1;
    }

    .infos:nth-child(2n+3) {
        clear: left;
    }

    .infos .infos-list-item {
        max-width: 370px;
    }

    .bg-hide-responsive {
        background-image: none !important;
        background-color: #d9d9d9;
    }

    .full-width-tabs > ul.nav.nav-tabs > li {
        display: block;
    }

    #navmaincontainer {
        width: 100%;
    }

    .navbar {
        min-height: auto;
    }


    #content .news-list-view .news-list-item {
        margin-bottom: 30px;
    }

    #content .news-list-view h2 {
        margin: 0.2em 0 0 0;
    }

    #footer .footer-widgets-wrap.container .row > div {
        margin-bottom: 15px;
    }

    #footer .footer-widgets-wrap.container p {
        text-align: left !important;
    }


    .product {
        width: 49%;
    }

    .row-eq-height {
        display: block;
    }

    .feature-box .overlay {
        display: block;
        position: static;
        padding: 0;
        background: transparent;
        color: #999;
    }

    .feature-box .overlay * {
        color: #999;
    }

    .feature-box .overlay h3 {
        display: none;
    }

    #page-title.page-title-parallax {
        background-size: cover;
        background-attachment: unset;
        background-position: 50% 0;
        padding: 70px 0;
    }

    #copyrights .footernavigation {
        float: none;
    }

    .responsiv-block {
        display: block !important;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    #primary-menu ul li > a {
        font-size: 12px;
        padding: 5px;
    }

    .portfolio-desc h3 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    #logo {
        display: -ms-flexbox !important;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 10px;

    }

    #logo img {
        width: auto;
        height: 80px;
    }

    #footer img {
        max-width: 170px;
    }

    #footer {
        font-size: 16px;
    }

    .news-text-wrap {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .news-single .button.back {
        margin-bottom: 2em;
    }

    .news-single .button {
        margin: 5px 0;
    }

    #content .news-list-view .news-latest-item {
        padding-bottom: 30px;
        border-bottom: 1px solid #FE4400;
    }

    #content .news-list-view .news-list-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0 none;
    }

    .linktext a {
        font-size: 1em;
    }

    #page-title.page-title-parallax {
        padding: 50px 0;
    }

    .infos .infos-list-item {
        margin-left: auto;
        margin-right: auto;
    }


    #copyrights .footernavigation a:last-child {
        display: block;
    }

    #copyrights .footernavigation a:nth-last-child(2):after {
        display: none;
    }

    .product {
        width: 99%;
    }

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

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

    .margin-t-40 {
        margin-top: 10px;
    }

    .margin-b-40 {
        margin-bottom: 10px;
    }

    .margin-t-60 {
        margin-top: 20px;
    }

    .margin-b-60 {
        margin-bottom: 20px;
    }

    .margin-t-80 {
        margin-top: 20px;
    }

    .margin-b-80 {
        margin-bottom: 20px;
    }

    .padding-b-100 {
        padding-bottom: 20px;
    }

    .padding-t-100 {
        padding-top: 20px;
    }

    .padding-b-80 {
        padding-bottom: 20px;
    }

    .padding-t-80 {
        padding-top: 30px;
    }

    .padding-b-60 {
        padding-bottom: 20px;
    }

    .padding-t-60 {
        padding-top: 30px;
    }

    .padding-b-40 {
        padding-bottom: 10px;
    }

    .padding-t-40 {
        padding-top: 10px;
    }

    .parallax > div {
        padding: 30px 0 15px 0 !important;
    }

    p.lead, p.teaser-text {
        font-size: 19px;
    }

    #content .news-list-item p, #content .portfolio-desc-content p, #content .boxcontainer p {
        line-height: 1.4;
    }

    ul.nav-tabs {
        margin-left: 0;
    }


}

@media (max-height: 500px) {
    .tp-bullet {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .tp-banner-container {
        height: 300px !important;
    }
}

@media (max-width: 767px) {
    .tp-bannerlink,
    .tp-bannerlink span {
        box-shadow: 0 0 0 1px #fff inset;
        font-size: 6px !important;
        line-height: 6px !important;
    }

    .tp-bannerlink span {
        box-shadow: 0 0 0 0px #fff inset;
    }

    .tp-banner-container .tp-bullets.horizontal {
        left: 20px !important;
        top: auto !important;
        bottom: 20px;
        transform: none !important;
    }


    /* Navigation */
    .navbar-collapse {
        padding: 0;
    }

    .navmainbox li.mega > ul {
        width: 100%;
        border: 0 none;
        background: transparent;
    }

    .navmainbox li.mega > ul > div:first-child {
        background: transparent;
        padding: 0;
    }

    .navmainbox .mega ul > div li.lv02 img,
    .navmainbox li.mega > ul > div:first-child li span.description,
    .navmainbox li.lv02 span.description {
        display: none;
    }

    .navmainbox li.mega > ul > div:first-child li span.title:after,
    .navmainbox li.mega > ul > div:nth-child(2) li.lv02:first-child a:before {
        display: none;
    }

    #primary-menu ul.nav ul li a {
        overflow: hidden;
    }

    #primary-menu ul.nav li a:hover,
    #primary-menu ul.nav li a:focus {
        background: transparent !important;
    }

    #navmaincontainer .navmainbox li.mega > ul > div {
        width: 100%;
        float: none;
        padding: 0;
    }


    #primary-menu ul.nav li a {
        display: block;
        padding: 0 5px;
        border: 0 none;
    }

    #primary-menu ul.nav li a:hover,
    #primary-menu ul.nav li a:focus,
    #primary-menu ul.nav li.current > a {
        background-color: #f5f7f8;
        color: #dc002e;
        border: 0 none;
        text-decoration: none;
    }

    #primary-menu .navmainbox li.mega > ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #primary-menu ul.nav ul li a {
        padding: 3px 4px 3px 15px;
    }

    #primary-menu ul.nav ul li.lv03 a {
        padding-left: 25px;
    }

    .full-width-tabs.full-width-text-tabs > ul.nav.nav-tabs > li {
        display: block;
        float: none;
    }

}

@media (max-width: 479px) {
    .tp-banner-container {
        height: 180px !important;
    }

    .portfolio-desc h3 {
        font-size: 15px;
    }

    #copyrights a {
        display: block;
        padding: 5px 0;
    }

    #copyrights a::after {
        content: '';
        margin-right: 0;
        padding-left: 0;
    }

    .news-list-item h3, .boxcontainer h2, .boxcontainer h3 {
        font-size: 18px;
    }

    ul.list-style-logo {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    #header-wrap .container {
        width: 100% !important;
    }

    .content-wrap .container {
        min-width: 310px;
        width: auto !important;
    }

    .bannerheader {
        font-size: 18px;
    }
}

/* Sitelink */
.sitelink {
    margin-right: 2rem;
    position: fixed;
    right: 38px;
    top: 60%;
    z-index: 300;
    -moz-transform: rotate(-90.0deg); /* FF3.5+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
    transform: rotate(-90deg);
    transform-origin: 100% 0;
}

.sitelink i.fa.fa-search {
    padding-right: 3px;
    padding-left: 8px;
}

.sitelink .quicksupport-icon img {
    transform: rotate(130deg);
}

.sitelink a {
    background: #FE4400;
    color: #fff;
    font-size: 20px;
    padding-top: 7px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 9px;
}

.sitelink a .fa,
.sitelink #gotoTop {
    -moz-transform: rotate(90.0deg); /* FF3.5+ */
    -o-transform: rotate(90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(90.0deg); /* Saf3.1+, Chrome */
    transform: rotate(90deg);
}

.sitelink .kundenportal-icon {
    margin-left: 0.75rem;

    img {
        transform: rotate(90deg);
    }
}

#gotoTop {
    /*padding: 8px 3px 9px;*/
    position: absolute;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    left: -52px;
    padding: 0;
    top: -6px;
    width: 45px;
}

#gotoTop.icomoon-up-arrow::before {
    left: 14px;
    position: relative;
    top: 10px;
}

#gotoTop[class^="flaticon-"]::before, #gotoTop[class*=" flaticon-"]::before, #gotoTop[class^="flaticon-"]::after, #gotoTop[class*=" flaticon-"]::after {
    margin-left: 0;
}

#gotoTop span {
    text-indent: -9999px;
    display: inline-block;
}

.full-width-tabs .nav-tabs > li > a i {
    font-size: 2em;
    line-height: 1.0em;
}


.video-js {
    max-width: 100% !important;
}

@media (min-width: 992px) {
    #content .sidebar .row #main {
        float: right;
    }

    #socialnavigation {
        text-align: right;
    }


    /* MegaDropDown */
    .navmainbox li.mega {
        position: static;
    }

    .navmainbox li.mega > ul {
        width: 100%;
        left: 0;
        background: rgba(255, 255, 255, .99);
        overflow: hidden;
    }

    .navmainbox li.mega:hover > ul {
        left: 0;
    }

    .navmainbox li.mega.col2 > ul {
        width: 75%;
        left: 25%;
    }

    .navmainbox li.mega.col2:hover > ul {
        left: 25%;
    }

    .navmainbox li.mega > ul > div {
        width: 25%;
        float: left;
        padding: 20px 20px 0 20px;
    }

    .navmainbox li.mega.col2 > ul > div {
        width: 50%;
    }

    .navmainbox li.mega.col3 > ul > div {
        width: 33.3%;
    }

    .navmainbox li.mega.col5 > ul > div {
        width: 20%;
    }

    .navmainbox li.mega ul ul {
        position: static;
    }

    .navmainbox ul {
        position: absolute;
        top: -999em;
        min-width: 150px;
        opacity: 0;
    }

    .navmainbox ul li {
        width: 100%;
    }

    .navmainbox li:hover {
        visibility: inherit;
    }

    .navmainbox li {
        float: left;
        position: relative;
    }

    .navmainbox a {
        display: block;
        position: relative;
        color: #b0b0b0;
        font-size: 16px;
        -webkit-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

    .navmainbox li:hover ul,
    .navmainbox li.sfHover ul {
        left: 0px;
        /*top: 56px;*/
        top: 116px;
        z-index: 99999;
        opacity: 1;
        -webkit-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
    }

    .sticky-header .navmainbox li:hover ul,
    .sticky-header .navmainbox li.sfHover ul {
        top: 68px;
    }

    body.sticky #header-bottom .navmainbox li.mega:hover ul {
        top: 60px;
    }

    ul.navmainbox li:hover li ul,
    ul.navmainbox li.sfHover li ul {
        top: -999em;
    }

    ul.navmainbox li li:hover ul,
    ul.navmainbox li li.sfHover ul {
        left: 10em; /* match ul width */
        top: 0;
    }

    ul.navmainbox li li:hover li ul,
    ul.navmainbox li li.sfHover li ul {
        top: -999em;
    }

    ul.navmainbox li li li:hover ul,
    ul.navmainbox li li li.sfHover ul {
        left: 10em; /* match ul width */
        top: 0;
    }

    #navmaincontainer .navbar-nav .lv01.sub-menu ul li:hover {
        > a {
            color: #dc002e;
        }
    }

    /*#navmaincontainer .navbar-nav > li > a:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 40px;*/
    /*    height: 36px;*/
    /*    border-left: 1px solid #454545;*/
    /*}*/

    .sticky-header #navmaincontainer .navbar-nav > li > a:before {
        top: 0;
    }

    #navmaincontainer .navmainbox .mega li.lv02 > ul {
        margin-top: 8px;
        display: block !important;
    }

    #primary-menu .navmainbox li:not(.mega) > ul a {
        display: inline-block;
        padding: 0 10px;
        border-left: 1px solid #FE4400;
    }

    #primary-menu .navmainbox li:not(.mega) > ul {
        padding: 20px;
        background: rgba(255, 255, 255, .99);
    }

    #primary-menu .navmainbox li.mega > ul li.lv02 > ul {
        background: none;
    }

    #navmaincontainer .navmainbox .mega li.lv02 {
        background: transparent;
        margin-bottom: 10px;
        padding-bottom: 16px;
    }

    #navmaincontainer .navmainbox .mega > ul > div:nth-child(2) li.lv02:first-child {
        padding-bottom: 0;
    }

    .lv02:hover > a {
        color: #FE4400;
    }

    .lv02.sub-menu.sfHover > a {
        color: #FE4400;
    }

    .lv03 a {
        color: #b0b0b0;
    }

    .lv03 a:hover {
        color: #FE4400;
    }

    .lv03.sub-menu > ul {
        display: none !important;
        overflow: hidden;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    #page-841 .lv03.sub-menu > ul {
        display: block !important;
    }

    /*
    #navmaincontainer .navmainbox li.mega > ul > div:first-child {
      float: none;
      width: 100%;
      margin: 0;
      padding-top: 13px;
      padding-bottom: 13px;
      overflow: hidden;
      background: rgb(215,0,44);
      background: -moz-linear-gradient(top,  rgb(215,0,44) 0%, rgb(189,0,39) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(215,0,44)), color-stop(100%,rgb(189,0,39)));
      background: -webkit-linear-gradient(top,  rgb(215,0,44) 0%,rgb(189,0,39) 100%);
      background: -o-linear-gradient(top,  rgb(215,0,44) 0%,rgb(189,0,39) 100%);
      background: -ms-linear-gradient(top,  rgb(215,0,44) 0%,rgb(189,0,39) 100%);
      background: linear-gradient(to bottom,  rgb(215,0,44) 0%,rgb(189,0,39) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7002c', endColorstr='#bd0027',GradientType=0 );
    }

    #navmaincontainer .navmainbox li.mega > ul > div:first-child li.lv02 {
      margin: 0;
      padding: 0;
    }

    .navmainbox li.mega > ul > div:first-child li a {
      color: #fff;
      font-size: 20px;
    }
    .navmainbox li.mega > ul > div:first-child li span.title {
      float: left;
      margin-right: 100px;
      padding-left: 35px;
      text-transform: uppercase;
      position: relative;
    }
    .navmainbox li.mega > ul > div:first-child li span.title {
      background-image: url(../images/search_white.png);
      background-repeat: no-repeat;
      background-position: 0 center;
    }
    .navmainbox li.mega > ul > div:first-child li span.title:after {
      display: block;
      content:'>';
      position: absolute;
      right: -32px;
      top: 1px;
    }
    .navmainbox li.mega > ul > div:first-child li img {
      float: right;
      margin-right: 20px;
    }
    .navmainbox li.mega > ul > div:first-child li span.description {
      font-size: 15px;
    }
    .navmainbox .mega li.lv02,
    .navmainbox li.mega > ul > div:first-child li span.description {
      line-height: 38px;
    }

    .navmainbox li.mega > ul > div:nth-child(2) li.lv02:first-child a {
      color: #dc002e;
      font-size: 13px;
      font-weight: bold;
      position: relative;
      display: inline-block;
      padding-right: 12px;
    }
    .navmainbox li.mega > ul > div:nth-child(2) li.lv02:first-child a:hover {
      text-decoration: underline;
    }
    .navmainbox li.mega > ul > div:nth-child(2) li.lv02:first-child a:before {
      position: absolute;
      right: 0;
      top: 1px;
      content: '>';
      display: block;
    }
    */
    .navmainbox div li.lv02:last-child {
        border-bottom: 0 none;
    }

    .navmainbox li.lv02 a {
        padding: 8px 22px;
    }

    .navmainbox .mega li.lv02 > a {
        padding: 0px;
        color: #FE4400;
        font-weight: bold;
    }

    .navmainbox .mega li.lv02 > a {
        position: relative;
    }

    .navmainbox .mega li.lv02 span.icon-title {
        display: none;
    }

    .navmainbox .mega ul > div li.lv02 img {
        width: auto;
        height: 14px;
    }

    .navmainbox li.mega ul > div:first-child li.lv02 img {
        width: auto;
        height: auto;
    }

    .navmainbox li.mega > ul > div:first-child li.lv02 span.icon-title {
        display: block;
    }

    .navmainbox li.lv02 span.description {
        display: none;
        font-style: italic;
        font-size: 12px;
        text-transform: none;
        font-weight: bold;
        line-height: 32px;
    }

    .navmainbox .mega li.lv02 span.description {
        display: block;
    }

    #navmaincontainer .navmainbox li.lv03 a {
        padding: 0 10px;
        border-left: 1px solid #FE4400;
    }

    #navmaincontainer .navmainbox li.lv03 {
        margin-bottom: 5px;
    }

    #navmaincontainer .navmainbox .mega li.lv03 {
        line-height: 16px;
    }

    #navmaincontainer .navmainbox li.lv03 a {
        display: inline-block;
    }


}


/* Medium Devices, Desktops */
@media only screen and (max-width: 767px) {
    .carousel .item .col-xs-12:nth-last-child(-n+2) {
        display: none;
    }

    .video-js {
        max-height: 300px !important;
    }
}

@media only screen and (max-width: 991px) {
    .carousel .item .col-xs-12:nth-last-child(-n+1) {
        display: none;
    }
}

@media all and (min-width: 768px) {
    .carousel .carousel-inner > .active.left,
    .carousel .carousel-inner > .prev {
        left: -50%;
    }

    .carousel .carousel-inner > .active.right,
    .carousel .carousel-inner > .next {
        left: 50%;
    }

    .carousel .carousel-inner > .left,
    .carousel .carousel-inner > .prev.right,
    .carousel .carousel-inner > .active {
        left: 0;
    }

    .carousel .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel .carousel-inner > .item.active.right,
    .carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel .carousel-inner > .item.active.left,
    .carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

    .carousel .carousel-inner > .item.left,
    .carousel .carousel-inner > .item.prev.right,
    .carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel .carousel-inner > .item.active.right,
    .carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.3%, 0, 0);
        transform: translate3d(33.3%, 0, 0);
        left: 0;
    }

    .carousel .carousel-inner > .item.active.left,
    .carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.6%, 0, 0);
        transform: translate3d(-33.3%, 0, 0);
        left: 0;
    }

    .carousel .carousel-inner > .item.left,
    .carousel .carousel-inner > .item.prev.right,
    .carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

/*
 * Cookie Stuff
 */

.db--overlay-submit {
    background-color: var(--orange-color);
}
.cc-btn {
    &.cc-allow:hover {
        color: var(--orange-color);
    }
    &.cc-deny:hover {
        color: var(--orange-color);
    }
    &.cc-allow-all {
        background-color: var(--orange-color);
    }
}
.cc-message .cc-link {
	color: var(--orange-color);
}

/*
 * End Cookie Stuff
 */

.lv01_navmainboxa {
    text-decoration: underline;
    text-decoration-color: #b0b0b0;
}

.lv01.sub-menu .sf-with-ul::after {
    content: '⌄'; /* Unicode für einen nach rechts zeigenden Pfeil */
    margin-left: 10px; /* Abstand zwischen dem Text und dem Pfeil */
    font-size: 12px; /* Größe des Pfeils anpassen */
    color: #000; /* Farbe des Pfeils */
}