/* CSS Document */


/* Allgemein
--------------------------------------------------------*/

body {
    color: #222;
    background-color: #4e4e4e;
    font-family: Arial, Helvetica, sans-serif !important;
}

a,
a:hover,
a:focus {
    color: #222;
    text-decoration: none;
}

a.link {
    font-weight: bold;
}

.h1 {
    font-size: 30px;
}

.h3 .small {
    font-size: 14px;
    font-weight: normal;
}

.h3 {
    font-size: 22px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    /*font-family:Verdana, Geneva, sans-serif;*/
    font-weight: bold;
}

.col-100 {
    width: 100%;
}

p,
li,
a {
    line-height: 1.42857;
}

.table > tbody > tr > td {
    line-height: 1em;
}

.bg-grey {
    background-color: #222;
}

@media (max-width: 479px) {
    .h1 {
        font-size: 24px;
    }
    .overview-container,
    .detail-container {
        border-bottom: 1px solid #c2c2c3;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .h3.pull-left {
        width: 100%;
    }
}

@media (min-width:480px) and (max-width: 767px) {
    .h1 {
        font-size: 24px;
    }
    .overview-container,
    .detail-container {
        border-bottom: 1px solid #c2c2c3;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .h3.pull-left {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .container {
        width: 100%;
    }
    .h3.pull-left {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .overview-container,
    .detail-container {
        border-right: 1px solid #c2c2c3;
        padding-right: 15px;
    }
    .h3.pull-left {
        width: 70%;
    }
}


/*.ui-loader {
    display: none;
}*/

.red,
.text-danger {
    color: #F00;
}

.green,
.success {
    color: #093;
    font-weight: bold;
}

.back {
    margin-top: 10px;
}

#ocs .back {
    margin-top: 0px;
}

#ocs .back .fa {
    margin-top: 0px;
    vertical-align: middle;
    margin-right: 3px;
}


/* Padding
--------------------------------------------------------*/

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


/* Buttons
--------------------------------------------------------*/

.btn-primary {
    color: #222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(rgba(255, 221, 0, 1) 0%, rgba(225, 182, 0, 1) 100%);
    border: none;
    font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxYjYwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: linear-gradient(rgba(255, 221, 0, 0.9) 0%, rgba(225, 182, 0, 0.9) 100%);
    border: none;
}

.btn-default {
    color: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(rgba(136, 136, 136, 1) 0%, rgba(85, 85, 85, 1) 100%);
    border: none;
    font-weight: normal;
}

.btn-default:hover,
.btn-default:focus {
    color: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: linear-gradient(rgba(136, 136, 136, 0.8) 0%, rgba(85, 85, 85, 0.8) 100%);
    border: none;
}

.btn-default a {
    color: #fff;
}

@media screen and (max-width:479px) {
    .btn-default,
    .btn-primary {
        margin-bottom: 5px;
    }
}


/* Icons
--------------------------------------------------------*/

.fa {
    margin-top: 6px;
}

.service-navigation .fa {
    margin-top: 4px;
}

.service-navigation .fa-lock {
    margin-top: 1px;
}


/* Header
--------------------------------------------------------*/

header {
    height: auto;
    background-color: #fff;
    margin: 0px -5px;
    position: relative;
    z-index: 1;
}

.page-header {
    margin: 0px;
    border: none;
}

.service-navigation {
    background-color: #f1f1f1;
    margin: 0px 20px;
    padding: 3px;
}

.service-navigation ul {
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

.service-navigation ul:first-child {
    padding-left: 20px;
    border-left: 1px solid #fff;
    min-height: 34px;
}

.service-navigation ul li {
    float: left;
    padding: 0px 8px;
}

.service-navigation ul.language-switch li,
.service-navigation ul li:last-child {
    transform: translateY(50%);
}

.language-switch {
    border-right: 1px solid #e1e1e2;
}

.language-switch a {
    color: #e1e1e2;
}

.language-switch a.active {
    color: #222222;
}


/* Navigation
--------------------------------------------------------*/

.navbar-header .sidebar-offcanvas,
.navbar-default .sidebar-offcanvas {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
}

.navbar {
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0 20px;
    background-color: #fff;
    border-color: transparent;
    position: relative;
    z-index: 2;
}

.navbar-brand {
    height: auto;
    padding: 20px 20px 10px;
}

.navbar-brand .h1 {
    margin-top: 10px;
    float: left;
    margin-left: 30px;
}

#sidebar {
    padding-right: 0;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    height: 44px;
}

#sidebar .nav li {
    float: left;
    border-left: 1px solid #ffea37;
    border-right: 1px solid #e1b600;
    height: 44px;
}

/*#sidebar .nav li:last-child {
    width: 20%;
}*/

#sidebar .nav li input {
    width: 100%;
    border: 1px solid #c2c2c3;
    box-shadow: inset 0px 0px 7px 1px #d2d2d2;
}

#sidebar .nav li:first-child,
#country-select #sidebar .nav li {
    border-left: none;
}

#sidebar .nav li:first-child .fa {
    margin-right: 0px;
}

#sidebar .nav li .fa.pull-right {
    margin-left: .6em;
    /* float: none !important;*/
}

#sidebar .nav li:first-child .fa-home {
    font-size: 1.25em !important;
    margin-top: 3px;
}

#sidebar .nav>li>a {
    display: inline-block;
}

#sidebar .nav>li>a:hover,
#sidebar .nav>li>a:focus,
#sidebar .nav>li>a.active {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(#e5e5e5 0%, #ffffff 100%);
}

#sidebar li a {
    min-height: 44px;
    padding: 12px 15px 12px 15px;
    font-weight: 400;
}

#sidebar .dropdown-menu {
    margin-top: 0px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0px;
    width: 100%;
    min-width: auto;
}

#sidebar .dropdown-menu li {
    float: none;
    border: none;
    height: 100%;
}

#sidebar .dropdown-menu li:last-child {
    width: 100%;
}

#sidebar .dropdown-menu li>:hover {
    background: #e2e2e2;
}

#sidebar li .dropdown-menu a {
    font-weight: normal;
    width: 100%;
    height: 100%;
    white-space: normal;
    display: inline-block;
    padding-left: 30px;
}

#sidebar .dropdown-menu li:first-child .fa {
    font-size: 1em;
    margin-right: 3px;
}

.dropdown-menu>li>a {
    padding: 10px;
}

.dropdown-menu li i {
    margin-right: 5px;
    position: absolute;
    left: 15px;
}

#sidebar .navbar-nav {
    width: 100%;
}

#sidebar form {
    padding: 10px 0px 8px 15px;
}

#sidebar form a {
    padding: 0px 5px;
}

@media screen and (min-width:991px) and (max-width:1199px) {
    #sidebar .nav li#searchtype {
        border: none;
        position: absolute;
        top: -44px;
        right: 0px;
    }
}


/* collapsed sidebar styles */

@media screen and (max-width: 767px) {
    .navbar {
        padding: 0px;
        z-index: 0;
    }
    .navbar .container {
        padding: 0px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: transparent;
        border: none;
        padding: 14px 10px 14px 9px;
        margin-right: 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #222;
    }
    .navbar-brand {
        height: auto;
        padding: 15px 10px 0px;
    }
    .navbar-brand .h1 {
        margin-top: 5px;
        font-size: 20px;
        width: 60%;
    }
    .navbar-brand figure {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .navbar-header {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
    }
    .container>.navbar-header {
        margin: 0px;
    }
    .navbar-header ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .navbar-header ul li {
        float: left;
        padding: 6px;
        display: inline-block;
        min-width: 44px;
        min-height: 44px;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1b600;
        text-align: center;
    }
    .navbar-header ul li a i {
        margin-top: 9px;
        font-size: 1.25em;
    }
    .navbar-header ul li form {
        margin-top: 4px;
        position: relative;
    }
    .navbar-header ul li form .searchField {
        width: 80%;
    }
    .navbar-header ul li form .searchSubmit {
        left: 80%;
        height: 27px;
        width: 30px !important;
    }
    .navbar-header ul li form .fa-search {
        margin: 3px 0px 0px 5px;
        font-size: 16px;
        top: 2px !important;
        right: 6px !important;
        position: absolute;
    }
    .page-header {
        padding-bottom: 0px;
    }
    .row-offcanvas {
        position: relative;
        left: 0%;
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
    .row-offcanvas.active {
        left: 62.5%;
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -62.5%;
        position: absolute;
    }
    .navbar-default .sidebar-offcanvas {
        background: #f1f1f1;
        padding: 0;
        top: 0px;
        box-shadow: inset -2px 0px 8px 0px rgba(0, 0, 0, 0.5);
    }
    #sidebar {
        margin-bottom: 0px;
    }
    #sidebar .navbar-nav {
        margin: 0px;
        display: block !important;
    }
    #sidebar .dropdown-menu {
        padding: 0px 0 0 10px;
        border-bottom: none;
    }
    #sidebar .mob-nav-head {
        padding: 12px 16px;
        color: #fff;
        text-transform: uppercase;
        background-color: #3b3b3b;
        min-height: 44px;
    }
    #sidebar .nav li {
        color: #fff;
        background: #f8d400;
        border: none;
        border-top: 1px solid #ffea37;
        border-bottom: 1px solid #e1b600;
        float: none;
        width: 100%;
        height: 100%;
    }
    #sidebar .nav>li:first-child {
        border-top: 0;
        height: 44px;
    }
    #sidebar .nav>li>a {
        color: #222;
        width: 100%;
        height: 100%;
    }
    #sidebar .nav li:first-child .fa {
        font-size: 1em;
        margin-right: 3px;
    }
    #sidebar .nav>li>a:hover,
    #sidebar .nav>li>a:focus,
    #sidebar .dropdown-menu>li>a:hover {
        text-decoration: none;
        background: #ffea37;
        color: #222;
    }
    #sidebar .nav .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    #sidebar .nav a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar {
        padding: 0px;
    }
    #sidebar {
        min-height: 0px !important;
        height: auto;
        width: 100%;
        margin-bottom: 0px;
    }
    #sidebar form input {
        width: 119px;
    }
    #sidebar .navbar-nav {
        margin: 0px;
        display: none;
    }
    #sidebar .dropdown-menu {
        padding: 0px 0 0 10px;
        border-bottom: none;
    }
    #sidebar .mob-nav-head {
        padding: 12px 16px;
        color: #fff;
        text-transform: uppercase;
        background-color: #3b3b3b;
        min-height: 44px;
    }
    #sidebar .nav li {
        color: #fff;
        background: #f8d400;
        border: none;
        border-top: 1px solid #ffea37;
        border-bottom: 1px solid #e1b600;
        float: none;
        width: 100%;
        height: 100%;
    }
    #sidebar .nav li:last-child {
        width: auto;
    }
    #sidebar .nav>li:first-child {
        border-top: 0;
        height: 44px;
    }
    #sidebar .nav>li>a {
        color: #222;
        width: 100%;
        height: 100%;
    }
    #sidebar .nav li:first-child .fa {
        font-size: 1em;
    }
    #sidebar .nav li:first-child .fa-home {
        margin-right: 3px;
    }
    #sidebar .nav>li>a:hover,
    #sidebar .nav>li>a:focus,
    #sidebar .dropdown-menu>li>a:hover {
        text-decoration: none;
        background: #ffea37;
        color: #222;
    }
    #sidebar .nav .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    #sidebar .nav a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #222;
    }
    .navbar-header .sidebar-offcanvas,
    .navbar-default .sidebar-offcanvas {
        background: none;
    }
    .navbar .container {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .navbar-header {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
        width: 100%;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: transparent;
        border: none;
        padding: 14px;
        margin-right: 0px;
        display: block;
    }
    .navbar-header ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .navbar-header ul li {
        float: left;
        padding: 6px;
        display: inline-block;
        min-width: 44px;
        min-height: 44px;
        border-left: 1px solid #ffea37;
        border-right: 1px solid #e1b600;
        text-align: center;
    }
    .navbar-header ul li a i {
        margin-top: 9px;
        font-size: 1.25em;
    }
    .navbar-header ul li form {
        margin-top: 4px;
        position: relative;
    }
    .navbar-header ul li form .searchField {
        width: 80%;
    }
    .navbar-header ul li form .searchSubmit {
        left: 80%;
        height: 27px;
        width: 30px !important;
    }
    .navbar-header ul li form .fa-search {
        margin: 3px 0px 0px 5px;
        font-size: 16px;
        top: 2px !important;
        right: 6px !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
}

@media screen and (max-width: 320px) {
    .navbar-brand .h1 {
        width: 55%;
    }
}


/* Sub-Navigation
--------------------------------------------------------*/

.sub-navigation {
    margin-top: 1.25em;
    padding-right: 10px;
}

.sub-navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.sub-navigation ul li ul {
    margin-left: 15px;
}

.sub-navigation ul li {
    padding: 5px 0px;
    display: block;
}

.sub-navigation ul li i {
    margin-right: 5px;
    position: absolute;
    left: 5px;
}

.sub-navigation ul ul li i {
    margin-right: 5px;
    position: absolute;
    left: 20px;
}

.sub-navigation ul li a {
    padding: 5px 10px 5px 18px;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
}

.sub-navigation ul li a:hover,
.sub-navigation ul li a.active {
    background: #e2e2e2;
}


/* Footer
--------------------------------------------------------*/

footer {
    position: relative;
    z-index: 0;
}

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

footer div {
    padding: 0px !important;
}

footer ul {
    list-style: none;
    padding: 0px;
    border-top: 1px solid #e1e1e2;
    margin-bottom: 0px
}

footer ul:nth-child(2) {
    border-top: none;
}

footer div ul.service-link {
    padding-left: 10px;
}

footer div ul.service-link li {
    padding: 5px 0 0 5px;
    margin-top: 5px;
    cursor: pointer;
}

footer div ul.service-link li a {
    border-right: 1px solid #c2c2c3;
    padding-right: 5px;
}

footer div ul.service-link li:last-child a {
    border: none;
}

footer ul li,
footer .copy,
footer .copy p {
    padding: 10px;
    float: left;
    margin-bottom: 0px
}

@media screen and (max-width: 767px) {
    footer,
    footer a,
    footer a:hover {
        color: #fff;
        text-decoration: none;
        display: block;
    }
    footer ul {
        margin-bottom: 0px;
        border-top: none;
    }
    footer ul li {
        padding: 10px;
        float: none;
        border: none;
        border-bottom: 1px solid #a2a2a3;
    }
    footer .copy {
        float: none;
        border-bottom: 1px solid #a2a2a3;
    }
    footer .copy p {
        padding: 10px;
        margin-bottom: 0px;
        width: 100%;
    }
    footer .copy p i {
        margin-right: 5px;
    }
    footer .copy a {
        display: inline;
    }
}


/* Country Select
-------------------------------------------------------*/

#country-select .divider:before {
    background-color: #e1e1e2;
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
}

#country-select hgroup h2 {
    margin-top: 0px
}

#country-select hgroup .h1,
#country-select hgroup .h4 {
    margin-bottom: 0px;
}

#country-select .modul-image-text {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

#country-select .modul-image-text p {
    margin-bottom: 10px;
}

#country-select .panel {
    border: none;
    border-top: 1px solid #e1e1e2;
    padding-top: 2px;
}

#country-select .panel a {
    display: block;
    text-decoration: none;
}

#country-select .panel-group {
    margin-bottom: 10px;
}

#country-select .panel-group .panel {
    border-radius: 0px;
}

#country-select .panel-default>.panel-heading {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(#e5e5e5 0%, #ffffff 64%);
    border-radius: 0px;
}

#country-select .panel-default .fa {
    margin-right: 5px;
}

#country-select .panel-group .panel-heading+.panel-collapse>.panel-body {
    padding: 10px 0px;
    border: none;
}

#country-select .panel-body ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#country-select .panel-body ul li {
    border-top: 1px solid #e2e2e3;
    padding: 5px 0px;
    margin-right: 10px;
    width: 24%;
    float: left;
}

#country-select .panel-body ul li:hover {
    background-color: #f1f1f1;
}

#country-select .panel-body ul li img {
    margin-right: 10px;
}

#country-select .panel-body ul li:nth-child(4n+4) {
    margin-right: 0px;
}

@media screen and (max-width: 767px) {
    #country-select .panel-body ul li {
        width: 100%;
    }
    #country-select .navbar-default .navbar-toggle {
        height: 34px;
    }
    #country-select .navbar-default .navbar-toggle .icon-bar {
        display: none;
    }
    #country-select .modul-image-text:first-child {
        border-bottom: 1px solid #e2e2e3;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    #country-select .modul-image-text:first-child {
        padding-right: 10px;
    }
    #country-select .image-text .text {
        padding-left: 0px;
    }
    #country-select .image-text .h4 {
        margin-top: 10px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #country-select .modul-image-text:first-child {
        padding-right: 10px;
    }
    #country-select .image-text .text {
        padding-left: 10px;
        width: 100%;
    }
    #country-select .modul-image-text figure {
        float: none;
        width: 100%;
    }
    #country-select .image-text .h4 {
        margin-top: 10px;
    }
    #country-select .image-text .text {
        padding-left: 0px;
    }
}


/* Content
-------------------------------------------------------*/

#main-content,
#main-content .container {
    background-color: #fff;
    padding: 0px 20px 10px;
    position: relative;
    z-index: 1;
}

#main-content .row {
    padding: 0px;
    margin: 0px;
}

#startpage #main-content {
    margin-top: 485px;
}

.user-info-bar {
    width: 100%;
    height: 100%;
    padding-top: 13px !important;
    background: #fff;
    margin-bottom: 15px !important;
    position: relative;
    height: 44px;
    display: block;
}

#startpage .user-info-bar:after,
.user-info-bar:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(78, 78, 78, .7) 25%, rgba(78, 78, 78, .7) 75%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    top: 26%;
    width: 100%;
    height: 40px;
    z-index: -2;
    left: 20px;
}

#startpage .user-info-bar:before,
.user-info-bar:before {
    position: absolute;
    top: 26%;
    width: 100%;
    height: 40px;
    z-index: -1;
    left: 20px;
    box-shadow: inset 0 0 .5em .5em rgba(255, 255, 255, 1);
}

.user-info-bar .watchlist,
.user-info-bar .comparelist {
    float: right;
    width: auto;
    padding-left: 10px;
    font-size: 12px;
}

.user-info-bar a {
    display: inline-block;
}

.user-info-bar span {
    margin-top: 2px;
    font-weight: 700;
}

.user-info-bar .fa {
    font-size: 16px;
    margin-top: 2px;
}

.user-info-bar .badge {
    margin-left: 3px;
    background: transparent;
    color: #222;
    width: auto;
    min-width: 5px;
    padding: 2px 0px;
}

.user-info-bar .comparelist .fa-eye {
    font-size: 20px;
    margin-top: -1px;
}

@media screen and (max-width: 479px) {
    #main-content,
    #main-content .container {
        padding: 0 10px;
        z-index: 2;
    }
    #startpage .navbar:after {
        height: 0px;
    }
    #startpage #main-content {
        margin-top: 335px !important;
    }
    .user-info-bar {
        position: absolute;
        left: -61.5%;
        width: 59%;
        background: none;
        height: auto;
        padding: 0px !important;
        border: none;
    }
    .user-info-bar:before,
    .user-info-bar:after,
    #startpage .user-info-bar:before,
    #startpage .user-info-bar:after {
        background: none;
        box-shadow: none;
        position: relative;
        height: 0px;
    }
    #startpage .user-info-bar {
        top: 0px;
        border: none;
    }
    .user-info-bar .watchlist,
    .user-info-bar .comparelist {
        float: left;
        width: 97%;
        margin: 0 10px 10px;
        padding: 10px;
        border: 1px solid #c2c2c3;
        border-radius: 5px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: linear-gradient(to top, #e5e5e5 0%, #f1f1f1 64%);
        box-shadow: inset 1px 1px #fff;
    }
    .user-info-bar a {
        display: block;
    }
    .user-info-bar span {
        display: inline-block !important;
    }
    .user-info-bar .badge {
        margin-left: 5px;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    #main-content {
        padding: 0 10px;
    }
    #startpage #main-content {
        margin-top: 205px !important;
        z-index: inherit;
    }
    .user-info-bar {
        position: absolute;
        left: -61.5%;
        width: 59%;
        background: none;
        height: auto;
        padding: 0px !important;
        border: none;
        top: 0px;
        z-index: 999;
    }
    .user-info-bar:before,
    .user-info-bar:after,
    #startpage .user-info-bar:before,
    #startpage .user-info-bar:after {
        background: none;
        box-shadow: none;
        position: relative;
        height: 0px;
    }
    .user-info-bar .watchlist,
    .user-info-bar .comparelist {
        float: left;
        width: 97% !important;
        margin: 0 10px 10px;
        padding: 10px;
        border: 1px solid #c2c2c3;
        border-radius: 5px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: linear-gradient(to top, #e5e5e5 0%, #f1f1f1 64%);
        box-shadow: inset 1px 1px #fff;
    }
    .user-info-bar a {
        display: block;
    }
    .user-info-bar span {
        display: inline-block !important;
    }
    .user-info-bar .badge {
        margin-left: 5px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .user-info-bar .watchlist,
    .user-info-bar .comparelist {
        float: right;
        width: auto !important;
        padding-left: 10px;
    }
}


/* Module
-------------------------------------------------------*/

.modul-image-text {
    clear: both;
}

.modul-image-text:last-child {
    border: none;
}

.modul-image-text figure {
    padding: 0px;
}

.modul-image-text a {
    font-weight: normal;
    text-decoration: none;
}

.modul-image-text p {
    margin-bottom: 15px
}

.modul-image-text.detail a {
    font-weight: bold;
}

.modul-image-text button {
    margin-top: 10px;
    float: left;
}

.image-text .h4 {
    margin-top: 0px;
    font-weight: bold;
}

.image-text .text {
    padding-left: 10px;
}

.image-text .text p {
    margin-bottom: 0px;
}

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

.modul-image-text.detail .image-text {
    margin-bottom: 20px;
    /*border-bottom: 1px solid #c2c2c3;*/
    padding-bottom: 20px;
}

.modul-image-text.detail .image-text:last-child {
    border: none;
}

.modul-image-text.detail .image-text.line {
    border-bottom: 1px solid #c2c2c3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.modul-image-text.detail .image-text h3.h4 {
    padding-top: 0px;
}

.modul-image-text .modul-image-text {
    width: 100%;
}

.detail-container .modul-image-text.detail h3.h4 {
    padding-top: 0px;
    clear: both;
}

.modul-image-text.detail h3.h4 {
    padding-top: 20px;
    clear: both;
}

.modul-image-text .text ul,
.image-text ul {
    padding: 0px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.modul-image-text ul {
    margin-bottom: 25px;
}

.image-text ul li {
    margin-bottom: 10px;
}

.image-text ul li:last-child {
    margin-bottom: 0px;
}

.image-text select {
    border: 1px solid #c2c2c3;
    padding: 6px 5px;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .image-text {
        margin-top: 10px;
    }
    .image-text .text {
        padding-left: 10px;
        width: 50%;
    }
    .modul-image-text figure {
        float: left;
        width: 50%;
    }
    /*.modul-image-text.detail figure, .modul-image-text.detail .image-text .text {
    width: 100%;
}*/
}

@media screen and (max-width: 479px) {
    .modul-image-text .image-text {
        padding: 0 5px;
    }
    .modul-image-text:last-child .image-text {
        border: none;
    }
    .image-text .text {
        padding-left: 0px;
        padding-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .modul-image-text.detail .image-text h3.h4 {
        font-size: 16px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .image-text .text {
        padding-left: 10px;
    }
}

@media screen and (min-width:1200px) {
    .image-text .text {
        padding-left: 10px !important;
    }
}


/* Carousel allgemein
-------------------------------------------------------*/

.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
    font-family: 'sia-abrasives';
}


/* Carousel Startpage
-------------------------------------------------------*/

#startpage-carousel {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    z-index: 0;
    min-height: 660px;
}

#startpage-carousel .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 500px;
    overflow: hidden;
}

#startpage-carousel .carousel-inner {
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to left, rgba(78, 78, 78, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%, rgba(78, 78, 78, 1) 100%);
}

#startpage-carousel .carousel-inner>.item>.stage-image>img {
    margin: 0 auto;
    display: block;
}

#startpage-carousel .gradient-h {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to left, rgba(78, 78, 78, 1) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(78, 78, 78, 1) 100%);
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
}

#startpage-carousel .gradient-v {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to top, rgba(78, 78, 78, 1) 0%, rgba(78, 78, 78, 0) 50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
}

#startpage-carousel .carousel-indicators {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 140px;
}

#startpage-carousel .carousel-indicators li {
    text-indent: inherit;
    height: 100%;
    max-height: 140px;
    border-radius: 0;
    opacity: .5;
    padding: 0px 5px;
    margin: 0px;
    border: none;
    overflow: hidden;
}

#startpage-carousel .carousel-indicators li:first-child {
    padding-left: 0px;
}

#startpage-carousel .carousel-indicators li:last-child {
    padding-right: 0px;
}

#startpage-carousel .carousel-indicators li.active {
    opacity: 1;
    background: transparent;
}

#startpage-carousel .carousel-indicators li .image-caption {
    position: absolute;
    bottom: 0px;
    height: auto;
    background: #292627;
    color: #fff;
    padding: 10px;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

#startpage-carousel .carousel-indicators li .image-caption p {
    margin: 0px;
    padding: 0px;
}

#startpage-carousel .carousel-indicators li img {
    width: 100%;
    height: auto;
}

#startpage-carousel .carousel-control {
    background: none;
    z-index: 100;
    height: 485px;
    top: 172px;
    width: 10%;
}

#startpage-carousel .carousel-control .glyphicon-chevron-right,
#startpage-carousel .carousel-control .glyphicon-chevron-left {
    font-family: 'sia-abrasives';
    font-size: 3em;
    height: auto;
    width: auto;
}

#startpage-carousel .item .container {
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 100%;
}

#startpage-carousel .carousel-caption {
    position: absolute;
    right: 0;
    left: auto;
    top: 180px;
    z-index: 10;
    padding: 20px;
    color: #fff;
    text-align: left;
    background: #292627;
    height: 202px;
    width: 37.5%;
    margin-top: 20px;
    overflow: hidden;
}

#startpage-carousel .carousel-caption h3 {
    margin: 0;
}

#startpage-carousel .carousel-caption p {
    margin: 10px 0 15px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    line-height: 18px;
    /* fallback */
    max-height: 56px;
    /* fallback */
    word-wrap: break-word;
}

@media all and (max-width: 479px) {
    #startpage-carousel {
        position: absolute;
        width: 100%;
        top: 44px !important;
        z-index: 0;
        min-height: 335px;
    }
    #startpage-carousel.active {
        padding: 0px;
        margin: 0px;
    }
    #startpage-carousel .container {
        height: 335px !important;
        overflow: inherit;
        top: 0;
    }
    #startpage-carousel .carousel-inner {
        height: 335px;
        background: #fff;
    }
    #startpage-carousel .carousel-inner .stage-image {
        max-height: 200px;
        min-height: 200px;
        overflow: hidden;
        margin: 0 auto;
        height: auto;
    }
    #startpage-carousel .carousel-inner .stage-image img {
        height: auto;
        max-height: 330px;
        min-height: 330px;
        margin-left: -27% !important;
    }
    #startpage-carousel .carousel-indicators {
        top: 170px;
        width: 100% !important;
        left: 0 !important;
        height: auto;
    }
    #startpage-carousel .carousel-indicators li {
        display: inline-block;
        width: 15px !important;
        height: 15px !important;
        margin: 1px;
        text-indent: -999px;
        border: 2px solid #fff;
        border-radius: 15px;
        cursor: pointer;
        background: rgba(255, 255, 255, 1);
        opacity: 1;
        box-shadow: 0px 0px 1px #c2c2c3;
    }
    #startpage-carousel .carousel-indicators li.active {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
    }
    #startpage-carousel .carousel-control {
        background: none;
        z-index: 7;
        height: 100%;
        top: 0;
    }
    #startpage-carousel .item .container {
        position: relative;
    }
    #startpage-carousel .carousel-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        top: 0px;
        z-index: 10;
        padding: 10px;
        color: #fff;
        text-align: left;
        width: 100%;
        background: #4e4e4e;
        height: 146px;
        margin: 0px;
    }
    #startpage-carousel .carousel-caption h3 {
        font-size: 18px;
    }
    #startpage-carousel .carousel-caption p {
        margin: 10px 0 15px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        -webkit-box-orient: vertical;
        line-height: 18px;
        /* fallback */
        max-height: 18px;
        /* fallback */
        word-wrap: break-word;
    }
    #startpage-carousel .carousel-control .icon-prev,
    #startpage-carousel .carousel-control .icon-next,
    #startpage-carousel .carousel-control .glyphicon-chevron-left,
    #startpage-carousel .carousel-control .glyphicon-chevron-right {
        top: 22%;
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    #startpage-carousel {
        position: absolute;
        width: 100%;
        top: 44px !important;
        z-index: 0;
        min-height: 205px;
    }
    #startpage-carousel.active {
        padding: 0px;
        margin: 0px;
    }
    #startpage-carousel .container {
        height: 205px !important;
        overflow: inherit;
        top: 0;
    }
    #startpage-carousel .carousel-inner {
        height: 205px;
    }
    #startpage-carousel .carousel-inner>.item>img,
    #startpage-carousel .carousel-inner>.item>a>img {
        width: 50%;
        float: left;
    }
    #startpage-carousel .carousel-inner .container {
        width: 50%;
        position: relative;
        margin: 0;
        float: left;
        top: inherit;
        right: inherit;
        left: inherit;
        padding: 0;
    }
    #startpage-carousel .carousel-caption {
        position: relative;
        top: inherit;
        right: inherit;
        left: inherit;
        width: 100%;
        padding: 10px;
        margin: 0;
        height: 100%;
        bottom: 0;
    }
    #startpage-carousel .carousel-indicators {
        top: 170px;
        width: 100% !important;
        left: 0 !important;
        height: auto;
    }
    #startpage-carousel .carousel-indicators li {
        display: inline-block;
        width: 15px !important;
        height: 15px !important;
        margin: 1px;
        text-indent: -999px;
        border: 2px solid #fff;
        border-radius: 15px;
        cursor: pointer;
        background: rgba(255, 255, 255, 1);
        opacity: 1;
        box-shadow: 0px 0px 1px #c2c2c3;
    }
    #startpage-carousel .carousel-indicators li.active {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
    }
    #startpage-carousel .carousel-control {
        top: 0px;
        height: auto;
        z-index: 20;
        width: 44px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #startpage-carousel .carousel-inner {
        top: 163px;
    }
    #startpage-carousel .carousel-caption {
        margin-right: 20px;
        top: 20px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #startpage-carousel .carousel-inner {
        top: 0px;
        overflow: hidden;
        height: auto;
    }
    #startpage-carousel .carousel-inner>.item {
        padding-top: 140px;
    }
    /*#startpage-carousel .carousel-caption {
    top: 0px;
}*/
}

@media screen and (min-width:1200px) {
    #startpage-carousel .carousel-inner>.item {
        padding-top: 100px;
    }
}


/* Carousel Productlines / Application
-------------------------------------------------------*/

.tab-accordion .carousel-inner>.next {
    left: 100%;
}

.tab-accordion .carousel-inner>.prev {
    left: -100%;
}

.tab-accordion .carousel-inner>.next.left,
.tab-accordion .carousel-inner>.prev.right {
    left: 0;
}

.tab-accordion .carousel-inner>.active.left {
    left: -100%;
}

.tab-accordion .carousel-inner>.active.right {
    left: 100%;
}

.tab-accordion .carousel-control {
    width: 4%;
}

.tab-accordion .carousel-control.left,
.tab-accordion .carousel-control.right {
    margin-left: 5px;
    background-image: none;
}

.tab-accordion .carousel-control .glyphicon-chevron-right,
.tab-accordion .carousel-control .glyphicon-chevron-left {
    color: #e1b600;
}

.tab-accordion .carousel-inner {
    border: 1px solid #dadada;
    border-top: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(bottom, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 0px;
    border-right: none;
}

.tab-accordion .carousel-inner .item .four-div,
.tab-accordion .carousel-inner .item .four-div img {
    width: 100%;
    padding-bottom: 0px;
}

.tab-accordion .carousel-inner .item div {
    border-right: 1px solid #dadada;
    width: 25%;
    float: left;
    padding-bottom: 5px;
}

.tab-accordion .carousel-inner .item .caption {
    display: block;
    margin-top: 8px;
    padding-right: 5px;
}

.tab-accordion .carousel-inner .item .caption i {
    padding-left: 10px;
}

@media screen and (max-width:479px) {
    .tab-accordion .carousel-inner {
        background: rgba(241, 241, 241, 1);
        padding: 0px;
    }
    .tab-accordion .carousel-inner .item {
        display: block;
    }
    .tab-accordion .carousel-inner .item div {
        float: none;
        width: 100%;
        border-right: none;
        padding: 10px;
        position: relative;
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #fff;
    }
    .tab-accordion .carousel-inner .item:first-child div {
        border-top: none;
    }
    .tab-accordion .carousel-inner .item:last-child div {
        border-bottom: none;
    }
    .tab-accordion .carousel-inner .item div img {
        width: 50% !important;
    }
    .tab-accordion .carousel-inner .item div .caption {
        position: absolute;
        left: 55%;
        top: 50%;
    }
    .tab-accordion .carousel-control {
        display: none;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    .tab-accordion .carousel-inner {
        background: rgba(241, 241, 241, 1);
        padding: 0px;
    }
    .tab-accordion .carousel-inner .item {
        display: block;
    }
    .tab-accordion .carousel-inner .item div {
        float: none;
        width: 100%;
        border-right: none;
        padding: 10px;
        position: relative;
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #fff;
    }
    .tab-accordion .carousel-inner .item .four-div {
        border-bottom: none;
    }
    .tab-accordion .carousel-inner .item:first-child div {
        border-top: none;
    }
    .tab-accordion .carousel-inner .item:last-child div {
        border-bottom: none;
    }
    .tab-accordion .carousel-inner .item div img {
        width: 20% !important;
    }
    .tab-accordion .carousel-inner .item div .caption {
        position: absolute;
        left: 22.5%;
        top: 42.5%;
    }
    .tab-accordion .carousel-control {
        display: none;
    }
}


/* Collapse
-------------------------------------------------------*/

.tab-accordion.panel-group {
    margin-top: 10px;
    position: relative;
    margin-right: 10px;
}

.tab-accordion .panel {
    border: 0;
    box-shadow: none;
    float: left;
    position: relative;
}

.tab-accordion.panel-group .panel {
    overflow: visible;
    margin-right: 2px;
}

.tab-accordion.panel-group .panel + .panel {
    margin-top: 0px;
}

.tab-accordion .panel-body {
    padding: 0px;
}

.tab-accordion .panel-body p {
    margin-top: 20px;
    margin-bottom: 65px;
}

.tab-accordion .panel-default > .panel-heading {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    color: #222;
    text-align: center;
    border-radius: 5px 5px 0 0;
    border: 1px solid #dadada;
    border-bottom: none;
    bottom: 0px;
    position: relative;
    cursor: pointer;
}

.tab-accordion .panel-default.active > .panel-heading {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient( rgba(136, 136, 136, 1) 0%, rgba(85, 85, 85, 1) 100%);
    color: #fff;
    bottom: 0px;
}

.tab-accordion .panel-title {
    font-size: 13px;
}

.tab-accordion .panel-title > a {
    color: inherit;
    display: block;
}

.tab-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dadada;
    color: #222;
    padding: 0px;
}

.tab-accordion .panel-default > .panel-heading + .panel-collapse .panel-body .headline {
    color: #fff;
    font-size: 20px;
}

.tab-accordion .panel-default > .panel-collapse.in,
.tab-accordion .panel-collapse {
    position: absolute;
    height: auto;
    left: 0;
    margin-top: 0px;
    background-size: 100%;
}

@media screen and (max-width: 767px) {
    .tab-accordion.panel-group {
        margin-top: 10px;
        height: 100% !important;
        margin-right: 0px;
    }
    .tab-accordion .panel {
        border: 0;
        box-shadow: none;
        float: none;
        margin-right: 0px !important;
    }
    .tab-accordion.panel-group .panel + .panel {
        margin-top: 0px;
        padding-top: 0px;
    }
    .tab-accordion .panel-default > .panel-heading {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#fafafa, #b1b1b1);
        color: #000;
        text-align: left;
        margin-top: 0px;
        border: 1px solid #dadada;
        border-top: none;
    }
    .tab-accordion .panel-default:first-child > .panel-heading {
        border-top: 1px solid #dadada;
    }
    .tab-accordion .panel-default.active > .panel-heading {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(#fafafa, #b1b1b1);
        border-radius: 5px 5px 0 0;
        color: #222;
    }
    .tab-accordion .panel-title {
        font-size: 13px;
    }
    .tab-accordion .panel-title > a {
        color: inherit;
        display: block;
    }
    .tab-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
        border: 0;
        color: #333;
        padding-bottom: 0px;
    }
    .tab-accordion .panel-default > .panel-heading + .panel-collapse .panel-body .headline {
        color: #1064a5;
        font-size: 1.25em;
    }
    .tab-accordion .panel-default > .panel-collapse.in,
    .tab-accordion .panel-collapse {
        min-width: inherit;
        position: relative;
        height: auto;
        left: 0 !important;
        margin-top: 2px;
        background-size: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .tab-accordion.panel-group {
        margin-right: 0px;
    }
}


/* Modal Box
-------------------------------------------------------*/

#modal .container,
#modal .modal-body {
    width: auto;
    color: #222;
}

#modal .row {
    margin: 0px;
    padding: 10px !important;
}

#modal .modal-header,
#modalCalendar .modal-header {
    background: #222;
    color: #fff;
}

#modal .modal-header .close,
#modalCalendar .modal-header .close {
    margin: 0px;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    line-height: 1.25;
}

.modal-open {
    overflow: inherit !important;
}

#modalCalendar img {
    margin-bottom: 10px;
}

#modalCalendar .title {
    border-bottom: 1px solid #c2c2c3;
    padding-bottom: 10px;
}


/* Productfinder
-------------------------------------------------------*/

.teaser-productfinder {
    background: #e1e1e2;
    padding: 15px;
    margin-top: 35px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    min-height: 150px;
}

#startpage .teaser-productfinder {
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to left, rgba(78, 78, 78, .4) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, rgba(78, 78, 78, .4) 100%);
    /*background: #e1e1e2;*/
    padding: 15px;
    margin-top: 51px;
    margin-bottom: 20px;
    margin-right: 0px;
    position: relative;
}

.teaser-productfinder .h4 {
    margin-top: 0px;
}

.teaser-productfinder .teaser-text {
    position: absolute;
    bottom: 15px;
}

#startpage .teaser-productfinder .teaser-text {
    bottom: 15px;
}

.teaser-productfinder img {
    position: absolute;
    right: 15px;
    top: -45px;
}

#startpage .teaser-productfinder img {
    top: 15px;
}

@media screen and (max-width: 479px) {
    #startpage .teaser-productfinder img {
        width: 30%;
    }
}

@media screen and (max-width: 767px) {
    .teaser-productfinder {
        height: 100% !important;
        margin-top: 0px;
        margin-right: 0px;
    }
    #startpage .teaser-productfinder {
        margin-top: 15px;
    }
    .teaser-productfinder .teaser-text {
        position: relative;
        bottom: inherit;
    }
    #startpage .teaser-productfinder .teaser-text {
        position: relative;
        bottom: 0px;
    }
    .teaser-productfinder img {
        top: 15px;
        right: 10px;
    }
    #startpage .teaser-productfinder img {
        top: 15px;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .teaser-productfinder {
        height: 100% !important;
        margin-top: 15px;
    }
    #startpage .teaser-productfinder {
        margin-top: 15px;
        min-height: 228px;
    }
    .teaser-productfinder .teaser-text {
        position: relative;
        bottom: inherit;
    }
    #startpage .teaser-productfinder .teaser-text {
        position: relative;
        bottom: 0px;
    }
    .teaser-productfinder img {
        top: 0px;
    }
    #startpage .teaser-productfinder img {
        top: 15px;
    }
}

@media screen and (min-width: 993px) {
    .teaser-productfinder img {
        top: -37px;
    }
    #startpage .teaser-productfinder {
        height: 244px;
    }
    #startpage .teaser-productfinder img {
        top: 10px;
        right: 8px;
    }
    .teaser-productfinder .teaser-text {
        bottom: 15px;
    }
}


/* Teaser
-------------------------------------------------------*/

.teaser-image-text {
    margin: 0px 10px 20px 0;
    padding: 0px;
}

.teaser-image-text a p {
    font-weight: normal
}

.teaser-image-text:nth-child(4n) {
    margin-right: 0px;
}

.teaser-image-text:nth-child(4n+1) {
    clear: left;
}

.teaser-small-image-text {
    margin: 0 0 10px 15px;
    background: #fff;
}

.teaser-small-image-text .h5 {
    font-weight: bold;
    margin-top: 0px;
    /*word-break: break-all;*/
}

.teaser-small-image-text .text {
    padding: 0 10px 10px;
    line-height: 1.25em;
    margin-bottom: 0px;
}

.teaser-small-image-text .fa {
    margin-top: 1px;
}

.teaser-small-image {
    margin: 0 0 10px 10px;
}

.teaser-small-image .item {
    margin-bottom: 10px;
}

#media-gallery-carousel .carousel-inner .item {
    display: block;
}

#media-gallery-carousel .carousel-indicators {
    left: 0% !important;
    right: 0% !important;
    margin: 0 auto;
}

.sub-navigation .teaser-small-image-text {
    margin: 0 10px 10px 0;
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .teaser-image-text img {
        float: left;
        margin-right: 10px !important;
    }
    .teaser-image-text .h4 {
        margin-top: 0px !important;
    }
    .teaser-small-image-text {
        margin-left: 0px;
        width: 48%;
        float: left;
    }
    .teaser-small-image-text .image-text {
        margin-top: 0px;
    }
    #media-gallery-carousel .carousel-inner .item {
        display: none;
    }
    #media-gallery-carousel .carousel-inner .item.active {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .teaser-image-text {
        border-bottom: 1px solid #dadada;
        margin: 10px 0px 0px;
        padding: 0 0 10px 0;
    }
    .teaser-image-text:last-child {
        border: none;
        margin-top: 10px;
    }
    .teaser-image-text img {
        width: 50%;
        margin: auto 0;
    }
    .teaser-small-image {
        margin-left: 0px;
        float: none;
    }
    #media-gallery-carousel {
        height: 240px;
        overflow: hidden;
    }
    #media-gallery-carousel .carousel-inner .item img {
        margin: 0 auto;
    }
}

@media screen and (max-width:479px) {
    .teaser-small-image-text,
    .teaser-small-image {
        margin-left: 0px;
    }
    #media-gallery-carousel .carousel-inner {
        height: 300px;
    }
    #media-gallery-carousel .carousel-inner .item {
        display: none;
        margin-bottom: 0px;
    }
    #media-gallery-carousel .carousel-inner .item.active {
        display: block;
    }
    .teaser-image-text img {
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .teaser-image-text {
        width: 32.3%;
    }
    .teaser-image-text:nth-child(4n) {
        margin-right: 10px;
    }
    .teaser-image-text:nth-child(4n+1) {
        clear: none;
    }
    .teaser-image-text:nth-child(3n) {
        margin-right: 0px;
    }
    .teaser-image-text:nth-child(3n+1) {
        clear: left;
    }
    .teaser-small-image-text {
        margin-left: 0px;
        width: 49%;
        float: left;
    }
    .teaser-small-image {
        float: left;
        width: 100%;
        margin-left: 0px;
    }
    .teaser-small-image img {
        width: 49%;
        float: left;
        margin-bottom: 10px;
    }
    .teaser-small-image-text:nth-child(2n),
    .teaser-small-image .item:nth-child(2n) {
        margin-left: 10px;
    }
    .teaser-small-image-text:nth-child(2n+1),
    .teaser-small-image .item:nth-child(2n+1) {
        clear: both;
    }
    .sub-navigation .teaser-small-image-text {
        width: auto;
        margin: 0 10px 10px 0;
    }
    .sub-navigation .teaser-small-image-text figure,
    .sub-navigation .teaser-small-image-text .text {
        width: 100%;
    }
    .teaser-small-image .item {
        margin-bottom: 10px;
        width: 49%;
        float: left;
        margin-right: 0px;
    }
    .sub-navigation .teaser-small-image .item {
        width: 100%;
        padding-right: 10px;
        margin-bottom: 0px;
    }
    .sub-navigation .teaser-small-image-text:nth-child(2n),
    .sub-navigation .teaser-small-image .item:nth-child(2n) {
        margin-left: 0px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 992px) {
    .teaser-image-text {
        width: 24.1%;
    }
    .teaser-image-text:nth-child(3) {
        /*margin-right: 10px;*/
    }
    .teaser-image-text:last-child {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1199px) {
    .teaser-image-text {
        width: 24.3%
    }
    .teaser-image-text:last-child {
        margin-top: 0px;
    }
}


/* Teaser OCS */

#teaser-ocs-left .col-sm-16.col-md-5.col-lg-5.col-xs-16 {
    width: 100%;
}

@media screen and (min-width: 992px) {
    #teaser-ocs-right .col-sm-16.col-md-5.col-lg-5.col-xs-16 {
        width: 25%;
    }
}


/* Keyvisual
-----------------------------------------------------------------*/

#keyvisual-carousel {
    background: #222;
    padding: 0px;
}


/*#keyvisual-carousel .carousel-inner {
    border-color: #c2c2c3;
    border-style: solid;
    border-width: 1px 0 1px 1px;
}*/

#keyvisual-carousel img {
    padding: 0px;
}

#keyvisual-carousel .carousel-caption {
    position: relative;
    left: inherit;
    text-align: left;
    padding: 20px;
    top: 0px;
    right: inherit;
    text-shadow: none;
}

#keyvisual-carousel .carousel-caption .anchor button {
    margin-top: 15px;
}

#keyvisual-carousel .carousel-indicators {
    margin-left: 0px;
    bottom: 0px;
    left: 0% !important;
    right: 0% !important;
}

#keyvisual-carousel .carousel-indicators li,
#media-gallery-carousel .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    border: 2px solid #fff;
    border-radius: 15px;
    cursor: pointer;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    box-shadow: 0px 0px 1px #c2c2c3;
}

#keyvisual-carousel .carousel-indicators li.active,
#media-gallery-carousel .carousel-indicators li.active {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(#ffdd00 0%, #ffdd00 50%, #e1b600 100%);
}

#keyvisual-carousel .carousel-control {
    width: 7%;
    z-index: 100;
    display: none;
}

#ocs #keyvisual-carousel .carousel-control {
    display: block;
}

.row.bg-grey {
    margin-bottom: 25px !important;
    border: 1px solid #c2c2c2;
}

.visual-text {
    background: #222;
    color: #fff;
    padding: 10px;
    height: auto;
}

@media (max-width: 480px) {
    #keyvisual-carousel .carousel-caption {
        height: auto;
    }
    #keyvisual-carousel {
        margin: 0px;
        float: none;
    }
}

@media (min-width:481px) and (max-width: 767px) {
    #keyvisual-carousel {
        margin: 0px;
    }
    #keyvisual-carousel .carousel-indicators {
        left: 0;
        right: 0;
        top: 60%;
    }
    #keyvisual-carousel .carousel-caption {
        height: 150px;
    }
    #ocs #keyvisual-carousel {
        margin: 0px;
    }
    #ocs #keyvisual-carousel .carousel-inner {
        border: none;
    }
}


/* Pagination
-----------------------------------------------------------*/

.pagination {
    margin-top: 0px;
}

.panel-body ul.pagination li {
    margin: 0px;
    width: auto;
    padding: 0px;
    border-top: 0px;
}

.pagination>li>a,
.pagination>li>span {
    color: #222;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    color: #222;
}

.pagination li:first-child span,
.pagination li:last-child span {
    background: #fff;
    border: 1px solid #e2e2e3;
    color: #222;
    border-left: 1px solid #ccc;
}

.pagination li:first-child span:hover,
.pagination li:last-child span:hover {
    background: #fff;
    border: 1px solid #e2e2e3;
    color: #222;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #e2e2e3;
    color: #222;
    border: 1px solid #c2c2c3;
}

.pagination .fa {
    margin: 0px;
}

@media screen and (max-width: 767px) {
    #paging-bottom {
        text-align: center;
        width: 100%;
        height: 54px;
        display: block;
    }
    #paging-bottom .pagination {
        width: 100%;
    }
    #paging-bottom .pagination li {
        display: none;
    }
    #paging-bottom .pagination-sm>li:last-child {
        display: inline-block;
        width: 100%;
        height: 44px;
    }
    #paging-bottom .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-radius: 5px;
        display: inline-block;
        width: 100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
        font-weight: bold;
        height: 100%;
        line-height: 2.5;
    }
    #paging-bottom .pagination-sm>li:last-child>a:hover,
    .pagination-sm>li:last-child>span:hover {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    }
}


/* Landingpage Module / Auswahlseite Module
------------------------------------------------------------------------*/

.overview-container {
    margin-bottom: 15px;
}

.sub-navigation .image-image,
.sub-navigation .teaser-small-image {
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 0px;
}

.image-image {
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
}

.image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
    margin-right: 15px;
}


/*.image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1),
.image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(5n) {
    margin-right:0px;
}*/

.image-image.overview:nth-child(2n) {
    margin-right: 0px !important;
}

.image-image.overview:nth-child(2n+1) {
    margin-right: 15px !important;
}

.image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
    width: 48.5%;
}

.image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16 {
    width: 31.5%;
}

#ocs .image-image.highlighted .text {
    background-color: #ffdd00;
}

#ocs .image-image.highlighted .ribbon {
    position: absolute;
    z-index: 3;
    width: 82px;
    height: 82px;
    border-style: solid;
    border-width: 0 84px 84px 0;
    font-size: 1.5em;
    border-color: transparent #ffdd00 transparent transparent;
    right: 0px;
    top: 0px;
    text-align: center;
}

#ocs .image-image.highlighted .ribbon span {
    display: block;
    height: 20px;
    margin-left: 13px;
    margin-top: 8px;
    text-align: center;
    width: 85px;
}

#ocs .image-image.highlighted .ribbon .fa-icon-topseller::before {
    font-size: 1.5em;
}

.image-image a:hover figure {
    border: 1px solid #222;
    border-bottom: 0px;
    box-shadow: 0px 0px 5px rgba(34, 34, 34, .7)
}

.image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:hover figure {
    box-shadow: none;
    border: 1px solid transparent;
    border-bottom: 15px;
}

.image-image figure {
    background: #e2e2e2;
    border: 1px solid transparent;
    border-bottom: 0px;
}

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

.image-image figure span,
.image-image figure figurecaption {
    background: #e2e2e2;
    padding: 10px;
    display: inline-block;
}

.image-image figure figurecaption {
    font-weight: bold;
}

.image-image .extra {
    position: absolute;
    z-index: 5;
    width: 100%;
}

.image-image .extra p {
    background: #222;
    color: #fff;
    padding: 10px;
    width: 100%;
    border: 1px solid #222;
    border-top: 0px;
    box-shadow: 0px 0px 5px rgba(34, 34, 34, .7);
    margin: 0px;
}

.image-image .extra p span {
    display: block;
    padding-top: 10px;
    font-weight: bold;
}

.modul-text-text {
    margin-right: 10px;
}

.modul-text-text:last-child {
    margin-right: 0px;
}

.text-text {
    padding: 10px;
    background: #e2e2e2;
}

.text-text .divider {
    height: 1px;
    background: #c2c2c3;
    margin-bottom: 10px;
}

.text-text .tagcloud {
    background: #fff;
    padding: 0px;
    border-bottom: 1px solid #c2c2c3;
    text-align: center;
    margin: -10px;
}

.text-text .tagcloud .h5 {
    background: #e2e2e2;
    margin: 0px;
    padding: 10px;
    text-align: left;
}

.text-text .tagcloud a {
    display: inline-block;
    margin: 0px;
    padding: 0px 5px;
    line-height: 1.5em;
}

@media (max-width:479px) {
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16 {
        width: 100% !important;
        /*margin-bottom:0px !important;*/
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
        width: 100%;
    }
    .image-image:hover figure {
        border: 0px !important;
        border-top: 0px;
        box-shadow: none;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16,
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
        margin-right: 15px;
        width: 48%;
        margin-bottom: 15px;
    }
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(3n),
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(2n),
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(5) {
        margin-right: 15px;
    }
}

@media (max-width:767px) {
    .image-image {
        margin-bottom: 0px;
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
        margin-bottom: 15px;
        /*width:100%;*/
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16 {
        width: 48%;
        margin-right: 15px;
        margin-left: 0px;
        margin-bottom: 15px;
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
    /*.image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(5) {
    margin-right:15px;
}
.image-image img {
    width: 100%;
}*/
    .image-image figure {
        border: 1px solid #e2e2e2;
        display: table;
        width: 100%;
    }
    #ocs .image-image figure {
        border: 1px solid #e2e2e2;
        display: block;
        width: auto;
    }
    .image-image:hover figure {
        border: 1px solid #e2e2e2;
        border-top: 0px;
        box-shadow: none;
    }
    .image-image:first-child figure {
        border-top: 1px solid #e2e2e2;
    }
    .image-image figurecaption {
        padding: 10px;
        display: table-cell !important;
        vertical-align: middle;
        width: 50%;
        text-align: left;
        font-size: 16px;
    }
    .modul-text-text {
        display: none;
    }
    .modul-text-text:nth-child(2) {
        display: block;
        margin: 0px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .image-image {
        /*padding-right: 7.5px;*/
        margin: 0px 0 15px 0;
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1) {
        margin-right: 15px;
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16 {
        margin-left: 15px;
        width: 48%;
    }
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(2n+1) {
        margin-left: 0px;
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16 {
        width: 30%;
        margin-right: 15px;
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(3n) {
        margin-right: 0px;
    }
    /*.image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(5) {
    margin-right:15px;
}*/
    .image-image figure {
        box-shadow: none;
    }
    .image-image:hover figure {
        box-shadow: none;
    }
    .image-image figure figurecaption {
        font-size: 13px;
    }
    .image-image .extra {
        visibility: visible !important;
        display: block !important;
        position: relative;
    }
    .image-image .extra p {
        box-shadow: none;
        margin-bottom: 0px;
    }
    .col-sm-16 .modul-text-text.col-sm-8:nth-child(4) {
        display: none;
    }
    .col-sm-16 .modul-text-text.col-sm-8:nth-child(3) {
        margin-right: 0px;
    }
    .modul-text-text {
        width: 49%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16 {
        margin-right: 15px;
    }
    .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(3),
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
        width: 48%;
    }
    .modul-text-text.col-md-8.col-lg-8 {
        width: 48.9%;
    }
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16 {
        width: 30%;
        margin-right: 15px;
    }
}

@media (min-width:1200px) {
    .modul-text-text.col-md-5.col-lg-5 {
        width: 32.1%;
    }
    .modul-text-text.col-md-8.col-lg-8 {
        width: 49%;
    }
    .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1),
    .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(3n),
    .detail-container .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
        margin-right: 0px;
    }
    .detail-container .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1),
    .detail-container .image-image.col-sm-8.col-md-4.col-lg-3.col-xs-16:nth-child(3n) {
        margin-right: 15px;
    }
}


/* Sitemap
------------------------------------------------------------------------*/

#sitemap ul li {
    float: none;
    border-top: 0px;
    line-height: 30px;
    margin-left: 10px;
}

#sitemap ul li:hover {
    background: none;
}

#sitemap .panel {
    border: 0px;
}

#sitemap .panel ul li {
    width: 100%;
}

#sitemap .panel-default {
    margin-top: 0px;
    margin-bottom: 15px;
    border: 0px;
    box-shadow: none;
}

#sitemap .panel-default .fa {
    margin-top: 11px;
}

#sitemap .panel-default>.panel-heading {
    background: #e2e2e3;
}

@media (min-width:768px) and (max-width:991px) {
    #sitemap ul li {
        line-height: inherit;
    }
    #sitemap .panel-default .fa {
        line-height: normal;
        margin-top: 5px;
    }
    #sitemap .panel-default {
        padding-right: 10px;
        width: 33.3%;
    }
    #sitemap .panel-default:nth-child(3n) {
        padding-right: 0px;
    }
    #sitemap .panel-title a {
        cursor: default;
    }
}

@media (min-width:992px) {
    #sitemap ul li {
        line-height: inherit;
        margin-left: 0px;
    }
    #sitemap .panel-default .fa {
        line-height: normal;
        margin-top: 5px;
    }
    #sitemap .panel-default {
        padding-right: 5px;
        padding-left: 5px;
        width: 25%;
    }
    #sitemap .panel-default:nth-child(4n) {
        padding-right: 0px;
    }
    #sitemap .panel-default:nth-child(4n + 1) {
        padding-left: 0px;
    }
    #sitemap .panel a {
        display: flex;
    }
    #sitemap .panel-title a {
        cursor: default;
    }
}


/* Search
------------------------------------------------------------------------*/

.search-box {
    background-color: #e2e2e3;
    padding: 15px;
    margin-bottom: 20px;
}

.searchField {
    font-size: 14px;
    padding: 3px 3px 3px 5px;
    float: left;
}

.searchVal {
    width: 100%;
    border: 1px solid #c2c2c3;
    box-shadow: inset 0px -2px 6px #c2c2c3;
    padding: 5px;
}

.hiddenValue {
    display: none;
}

.searchSubmit {
    height: 24px;
    width: 27px !important;
    border: 0;
    background: transparent;
    float: left;
    position: absolute;
    border: none !important;
    box-shadow: none !important;
    top: 10px;
    right: 2px;
}

.searchSubmitContent {
    margin-left: 10px;
    vertical-align: bottom;
}

#searchForm .fa-search {
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 0;
    margin-top: 3px;
}

#searchForm .twitter-typeahead {
    width: 80%;
}

#accordion-search .panel-body {
    border: 1px solid #ccc;
    padding: 10px 15px 15px 15px;
}

#accordion-search #paging-top {
    margin-bottom: 10px;
}

#accordion-search .panel-heading {
    padding: 0px;
}

#accordion-search .panel-title a {
    padding: 10px 15px;
}

.number-results {
    margin: 10px 0px;
}

.bootstrap-dialog {
    overflow-x: hidden;
    overflow-y: auto;
}

.bootstrap-dialog .modal-header {
    background-color: #ffdc00;
    color: #000;
    border-radius: 5px 5px 0 0;
}

.bootstrap-dialog-title {
    font-size: 16px;
}

.bootstrap-dialog .close {
    color: #000;
    opacity: 1;
    text-shadow: none;
}

.tt-dropdown-menu {
    background-color: #fff;
    box-shadow: 0px 3px 6px #222;
    min-width: 220px;
    font-size: 12px;
}

.tt-dataset-productslist .tt-suggestions {
    line-height: 1em;
}

.tt-dataset-productslist .tt-suggestion {
    border-bottom: 1px solid #e2e2e3;
    padding: 8px 8px 0 8px;
}

.tt-dataset-productslist .tt-suggestion:hover,
.tt-dataset-productslist .tt-suggestion:focus,
.tt-suggestion.tt-cursor {
    cursor: pointer;
    background: #e2e2e3;
}

.tt-dataset-productslist .tt-suggestion .fa {
    margin-top: 3px;
    display: table-cell;
}

#search-content {
    min-height: 850px;
}

#search-content .pagination li:first-child,
#search-content .pagination li:last-child {
    cursor: pointer;
}

#search-content .pagination li.active:first-child span,
#search-content .pagination li.active:last-child span {
    border: 1px solid #e2e2e2;
}

#search-content .pagination li:first-child span,
#search-content .pagination li:last-child span {
    border: none;
}

#search-content .modul-image-text-self {
    margin-bottom: 15px;
    border-bottom: 1px solid #c2c2c3;
    padding-bottom: 15px;
}

#search-content .image-text img {
    width: auto;
    max-width: 100%;
}

#search-content .image-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    white-space: nowrap;
}

#search-content .col-sm-16.col-md-11.col-lg-11.col-xs-16 {
    width: 75%;
}

#search-content .col-sm-16.col-md-5.col-lg-5.col-xs-16 {
    width: 25%;
}

@media screen and (max-width:479px) {
    .searchVal,
    .twitter-typeahead,
    .searchSubmitContent {
        width: 100%;
    }
    .searchSubmitContent {
        margin: 5px 0 0;
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    #search-content .modul-image-text-self {
        width: 48%;
        float: left;
        margin-right: 15px;
    }
    #search-content .modul-image-text-self figure {
        height: 140px;
        overflow: hidden;
        text-align: center;
    }
    #search-content .modul-image-text-self:nth-child(2n+1) {
        margin-right: 0px;
    }
    #search-content .modul-image-text-self .image-text .text {
        width: 100%;
        padding-left: 0px;
    }
    #search-content .modul-image-text-self .image-text p {
        margin: 0px;
    }
    #search-content .modul-image-text-self .image-text .h4 {
        margin-top: 5px;
    }
}


/* Eventcalender
--------------------------------------------------------------------------*/

.cl-head,
.cl-fname,
.cl-partner,
.cl-application {
    margin-bottom: 10px;
}

.cl-head p,
.cl-fname p,
.cl-partner p,
.cl-application p {
    margin-bottom: 0px;
}

.cl-fname h5 {
    margin-bottom: 0px;
}


/* ----------------------------------------------------------------------------------*/


/* CSS Style Extended für den OCS Bereich */


/* Landingpage Module / Auswahlseite Module
------------------------------------------------------------------------*/

#ocs .image-image .image {
    height: 150px;
    overflow: hidden;
}

#ocs .image-image .img-responsive {
    max-width: 100%;
    margin: auto;
}

#ocs .image-image .text {
    background: #e2e2e2;
    padding: 10px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

#ocs .image-image a:hover .text {
    border-left: 1px solid #222;
    border-right: 1px solid #222;
}

#ocs .overview-container {
    border-right: none;
    padding-right: 0px;
}

@media screen and (max-width:479px) {
    #ocs .image-image {
        margin-bottom: 15px;
    }
    #ocs .image-image .image {
        height: inherit !important;
    }
}

@media screen and (max-width:768px) {
    #ocs .image-image .image span {
        position: inherit;
    }
    #ocs .overview-container .more {
        margin-top: 10px;
    }
    #ocs .row .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
    #ocs .row .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16 {
        margin-right: 15px;
    }
    #ocs .image-image a:hover .text {
        border: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #ocs .image-image {
        margin-right: 15px;
        margin-left: 0px;
        /*width:48.5%;*/
    }
    #ocs .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #ocs .image-image.col-sm-8.col-md-5.col-lg-5.col-xs-16:nth-child(3n) {
        margin-right: 0px;
    }
    #ocs .image-image {
        margin-right: 15px;
    }
}


/* Sub-Navigation
-----------------------------------------------------------------------*/

.sub-navigation .more {
    margin-top: 5px;
    padding-bottom: 15px;
    margin-left: 25px;
    cursor: pointer;
}


/* Remember/compare List
------------------------------------------------------------------------*/

.remcom {
    padding: 10px;
    position: absolute;
    z-index: 1;
}

.remcom .fa {
    margin: 0px;
    font-size: 16px;
}

.remcom .btn {
    padding: 5px;
    font-weight: normal;
    border: 1px solid #222;
}

.remcom .tooltip {
    width: 250px;
    line-height: 24px;
}

.remcom-top {
    margin-top: 20px;
    margin-bottom: 10px;
}

.remcom-top .fa {
    margin-top: 3px;
}

@media (max-width:479px) {
    .remcom-top {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media (max-width:768px) and (min-width:480px) {
    .remcom-top {
        margin-top: 20px;
        margin-bottom: 10px;
        width: 40%;
        text-align: right;
    }
    .remcom-top button:first-child {
        margin-bottom: 8px;
    }
}


/* Select Confection form
--------------------------------------------------------------------*/

.confection-box {
    background: #e2e2e2;
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
}

.confection-text p {
    margin: 0px 10px 0px 0px;
}

.confection-text span {
    font-size: 18px;
}

.confection-box .visible {
    width: 100%;
    height: 44px;
    z-index: 2;
    position: absolute;
}

.under-confection.opacity {
    opacity: .5;
}

.ddcommon {
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(rgba(136,136,136,1) 0%, rgba(85,85,85,1) 100%);*/
    background: rgba(136, 136, 136, 1);
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;
    position: relative;
    width: auto !important;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px;
    min-height: 44px;
    margin-top: 10px;
}

.top-confection .ddcommon {
    border-radius: 5px 0 0 5px;
}

#top-confection_msdd,
.confection-box .active .ddcommon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(rgba(255, 221, 0, 1) 0%, rgba(225, 182, 0, 1) 100%);
}

#top-confection_msdd:after {
    right: -17px;
    content: " ";
    height: 32px;
    width: 32px;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(310deg, rgba(255, 221, 0, 1) 0%, rgba(225, 182, 0, 1) 100%);
    background: linear-gradient(140deg, rgba(255, 221, 0, 1) 0%, rgba(225, 182, 0, 1) 100%);
    border-radius: 0 2px 0 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 6px;
}

.ddTitle {
    line-height: 32px;
    padding: 6px 0px;
    text-align: center;
}

.ddArrow:before {
    content: "\e605";
    font-family: 'sia-abrasives';
    font-size: 10px;
    position: relative;
    z-index: 1;
}

.ddArrow {
    float: right;
    margin-left: 5px;
}

.ddChild {
    width: 100%;
    left: 0px;
    background: #fff;
    height: auto !important;
    top: 0px !important;
}

.ddChild .clear {
    clear: both;
}

.ddChild ul {
    padding: 10px;
    list-style: none;
    margin: 0px;
    box-shadow: 0px 0px 14px rgba(12, 12, 12, .7);
    border-radius: 5px;
}

.ddChild ul li {
    padding: 10px;
    background: #e2e2e2;
    margin-top: 2px;
    position: relative;
}

.ddChild ul li:hover {
    background: #c2c2c3;
    cursor: pointer;
}

.ddChild ul li:first-child {
    background: #fff;
    margin-bottom: 10px;
    font-weight: bold;
    cursor: default;
}

.ddChild ul figure {
    width: 50px;
    text-align: center;
    padding: 5px;
    height: 50px;
    margin-right: 10px;
    float: left;
}

.ddChild ul img {
    margin: 0 auto;
    width: auto;
    height: 100%;
}

.top-confection .ddChild ul .ddlabel {
    position: absolute;
    top: 37%;
    left: 25%;
}

.ddTitleText img {
    max-width: 30px;
    max-height: 30px;
    margin-right: 10px;
    padding: 2px;
}

@media (min-width:768px) and (max-width:991px) {
    .ddcommon {
        margin-right: 10px;
    }
    .top-confection {
        margin-right: 25px;
    }
    .top-confection .ddChild ul .ddlabel {
        left: 50%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .top-confection .ddChild ul .ddlabel {
        left: 50%;
    }
}

@media (min-width:992px) {
    .ddcommon {
        margin: 0 40px 0 0;
    }
    under-confection .ddcommon {
        margin: 0 10px 0 0;
    }
}


/* Panel Accordion
----------------------------------------------------------------------*/

.default {
    margin: 0 0 5px 3px;
}

#accordion-ocs .panel {
    border: none !important;
    border-top: none !important;
    box-shadow: none;
    padding-top: 0px;
}

#accordion-ocs .panel-collapse {
    right: -10px;
}

#accordion-ocs .panel-group {
    position: relative;
    margin-bottom: 40px;
    border: none;
}

#accordion-ocs .panel-group .panel {
    border-radius: 0px;
}

#accordion-ocs .panel-body p.h4 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}

#accordion-ocs .panel-heading {
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(#e2e2e2, #d3d3d3);
    border-bottom: 2px solid #fff;
}

#accordion-ocs .panel-heading .fa {
    margin-top: 4px;
    vertical-align: text-top;
}

#accordion-ocs .panel-body {
    margin-left: 0px;
    padding: 0px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 1);
    border-top: none;
}

#accordion-ocs .panel-body ul {
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 10px
}

#accordion-ocs .panel-body ul li {
    border-top: none;
    padding: 5px 0 0 0px;
    margin-right: 10px;
    width: 100%;
    float: none;
    list-style: disc;
}

#accordion-ocs .panel-body img {
    max-width: 100%;
}

#accordion-ocs .panel-heading a {
    color: #000;
}

#accordion-ocs .panel-group .panel+.panel {
    margin-top: 0px;
}

#accordion-ocs .panel-title {
    color: #555;
    font-size: 14px;
}

#accordion-ocs a.active .panel-heading .panel-title,
#accordion-ocs a .panel-heading:hover .panel-title {
    color: #FFF;
}

#accordion-ocs #benefits .panel-body img {
    max-width: 50%;
}

@media (min-width:768px) {
    #accordion-ocs .panel {
        clear: left;
    }
    #accordion-ocs {
        top: 27px;
        position: relative;
    }
    #accordion-ocs .panel-default:first-child .panel-collapse {
        margin-top: -70px !important;
    }
    #accordion-ocs .panel-collapse {
        position: relative;
        display: block !important;
        left: 185px;
        border-bottom: 1px solid #c2c2c3;
    }
    #accordion-ocs .panel-heading {
        background: none;
        padding: 0 !important;
        position: absolute;
        width: 170px;
    }
    #accordion-ocs .panel-heading a {
        color: #000;
        padding: 5px 10px 5px 18px;
        width: 100%;
        display: inline-block;
        border-radius: 5px;
    }
    #accordion-ocs .panel-heading:hover a,
    #accordion-ocs .panel-heading:focus a,
    #accordion-ocs .panel-heading a.active {
        background: #e2e2e2;
    }
    #accordion-ocs .panel-heading i {
        margin-right: 4px;
    }
    #accordion-ocs .panel-body {
        margin-right: 25px;
        border-top: none;
    }
}

@media (min-width:1024px) {
    #accordion-ocs .panel-collapse {
        left: 215px;
    }
    #accordion-ocs .panel-heading {
        width: 200px;
    }
}


/* Accordion content
------------------------------------------------------------*/

.listing {
    width: 50%;
    margin-bottom: 20px;
}

.listing p {
    font-weight: bold;
    margin: 10px 0 0px 0;
}

.listing ul {
    margin-top: 0px !important;
}

#accordion-ocs ul li:hover {
    background: none;
}

#accordion-ocs ul a {
    text-decoration: underline;
    margin-left: 25px;
    display: block;
}

.no-list-style {
    list-style: none !important;
}

#accordion-ocs .scale {
    margin-bottom: 15px;
    padding: 0 10px 0 0;
}

#accordion-ocs .scale div p {
    width: 50%;
}

#accordion-ocs .scale div p.pull-right {
    text-align: right;
}

#accordion-ocs .scale ul {
    margin: 0px;
    position: relative;
}

#accordion-ocs .scale ul li {
    float: left;
    width: 9.5%;
    padding: 0px;
    margin: 0px;
    border-top: 2px solid #000;
    list-style: none;
    text-align: center;
}

#accordion-ocs .scale ul li.minimum,
#accordion-ocs .scale ul li.maximum {
    width: 2%;
}

#accordion-ocs .scale ul li .no-status {
    width: 2px;
    background: #000;
    padding: 2px 1px;
    font-size: 9px;
    vertical-align: super;
}

#accordion-ocs .scale ul li .active {
    width: 2px;
    background: #000;
    padding: 2px 1px;
    font-size: 9px;
    vertical-align: super;
}

#accordion-ocs .scale ul li .active .fa-status {
    position: absolute;
    top: -20px;
    margin-left: -7px;
    color: #6c6c6c;
    font-size: 16px;
}

#accordion-ocs .scale ul li .fa-caret-right {
    margin-right: -6px;
    margin-top: -4px;
}

#accordion-ocs .scale ul li .fa-caret-left {
    margin-left: -6px;
    margin-top: -4px;
}

@media (min-width:768px) {
    #accordion-ocs .scale p {
        line-height: 60px;
        margin-bottom: 0px;
    }
    #accordion-ocs .scale div p {
        line-height: normal;
        margin-bottom: 14px;
    }
}


/* Article page
---------------------------------------------------------*/

h1 img {
    margin: 8px 10px 0 0;
    width: 35px;
}


/* Keyvisual article page
---------------------------------------------------------*/

#ocs #keyvisual-carousel {
    background: #222;
    height: 100%;
    margin-bottom: 15px;
}

#ocs #keyvisual-carousel.products .carousel-inner {
    height: 260px;
}

#ocs #keyvisual-carousel.products {
    background: -ms-linear-gradient(top, #616161 2%, #d6d6d6 50%, #f7f7f7 70%, #eaeceb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #616161 2%, #d6d6d6 50%, #f7f7f7 70%, #eaeceb 100%);
    /* W3C */
    background: -webkit-linear-gradient(top, #616161 2%, #d6d6d6 50%, #f7f7f7 70%, #eaeceb 100%);
    /* Safari */
}

#ocs #keyvisual-carousel .item {
    height: 100%;
}

#ocs #keyvisual-carousel .item img {
    /*  position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;*/
    margin: auto;
    max-height: 100%;
}

#ocs #keyvisual-carousel .carousel-control.right,
#ocs #keyvisual-carousel .carousel-control.left {
    background: none;
}

#ocs #keyvisual-carousel .carousel-control .glyphicon-chevron-right {
    margin-right: -10px;
}

#ocs #keyvisual-carousel .carousel-control .glyphicon-chevron-left {
    margin-left: -10px;
}

.article-image {
    position: relative;
    background: #f1f1f1;
    max-height: 260px;
    overflow: hidden;
    border: 1px solid #c2c2c3;
    border-left: none;
}

.article-image img {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}


/* Table article page
-----------------------------------------------------------------------------*/

#ocs #productTable_wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
}


/* Slider/carousel article page
-----------------------------------------------------------------------------*/

#article-slider.wrapper {
    position: relative;
    overflow: hidden;
    border: 1px solid #dadada;
}

#article-slider .item {
    border-right: 1px solid #dadada;
    width: 188px;
    float: left;
    padding-bottom: 10px;
}

#article-slider .inner-wrap {
    border-top: none;
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 0px 0px 0px 30px;
    position: relative;
    width: 100%;
}

#article-slider .control {
    width: 33px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to top, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

#article-slider .control .glyphicon-chevron-left,
#article-slider .control .glyphicon-chevron-right {
    font-family: 'sia-abrasives';
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
}

#article-slider .control.right {
    left: auto;
    right: 0;
}

#article-slider .item div {
    position: relative;
}

#article-slider .item input {
    position: absolute;
    top: 5px;
    left: 10px;
    box-shadow: 0 0 25px rgba(255, 255, 255, 1);
}

#article-slider .caption {
    display: flex;
    margin-left: 10px;
    margin-top: 5px;
}

@media (max-width:767px) {
    #article-slider .item {
        width: 153px;
    }
}


/* Article filter
---------------------------------------------------------*/

.filter {
    margin-top: 60px;
    margin-right: 20px;
}

.filter .filter-box {
    background: #e2e2e2;
    padding: 0 10px;
    margin-bottom: 15px;
}

.filter .h5 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c3c3c4;
}

.filter fieldset {
    border-bottom: 1px solid #c3c3c4;
}

.filter fieldset i {
    margin-right: 5px
}

.filter fieldset legend {
    font-size: 14px;
    margin: 0;
    border-bottom: none;
    padding: 10px 0px 10px;
}

.filter fieldset:last-child {
    border-bottom: none;
}

.filter p {
    font-weight: bold;
    margin: 0px;
}

.filter .legend-box {
    display: none;
}

.filter .legend-box select {
    margin-bottom: 10px;
}

.filter .checkbox {
    margin-top: 0px;
    margin-bottom: 5px;
}

.filter div p {
    border: none;
}

@media screen and (max-width:768px) {
    .filter {
        margin-top: 15px;
        margin-right: 0px;
    }
}


/* cni
---------------------------------------------------------*/

.dataTable,
#inquiryForm #productTableInquiry {
    font-size: 1.2rem;
    line-height: 1.667;
}

.dataTable tbody,
#inquiryForm #productTableInquiry tbody {
    color: #555;
}

.dataTable th,
.dataTable td,
#inquiryForm #productTableInquiry th,
#inquiryForm #productTableInquiry td {
    padding: .4rem 7px;
}

.dataTable th {
    background: url('dataTables-sorting.png') repeat-y right center;
    color: #222;
    padding-right: 21px;
    height: 30px;
    background-size: 21px 100%;
}

#productTable_wrapper .dataTable th:last-child {
    width: 10px !important;
}

.dataTable th.sorting_asc {
    background-position: right 14px;
    background-repeat: no-repeat;
}

.dataTable th.sorting_desc {
    background-position: right -14px;
    background-repeat: no-repeat;
}

.dataTable th.sorting_disabled {
    background-image: none;
}

.dataTable th:nth-child(odd),
#inquiryForm #productTableInquiry th:nth-child(odd) {
    background-color: #e1e1e1;
}

.dataTable th:nth-child(even),
#inquiryForm #productTableInquiry th:nth-child(even) {
    background-color: #c2c2c3;
}

.dataTable td,
#inquiryForm #productTableInquiry td {
    border-top: 1px solid #c3c3c4;
}

.dataTable td:nth-child(even),
#inquiryForm #productTableInquiry td:nth-child(even) {
    background-color: #e2e2e2;
}

.dataTable td input[type='checkbox'] {
    margin-top: 0;
    vertical-align: middle;
}

.emptyTable {
    margin: 20px 0px;
}


/* Productfinder
-----------------------------------------------------------------*/

#productFinderForm .form-group {
    background-color: #e2e2e2;
    padding: 10px 20px;
    margin: 0px;
    width: 100%;
}

#productFinderForm .form-group:first-child {
    padding-top: 20px;
}

#productFinderForm .control-label {
    text-align: left;
}

#productFinderForm .detail-search {
    border-bottom: 1px solid #e2e2e2;
    border-top: 10px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#productFinderForm .img-responsive,
#productFinderForm .thumbnail > img,
#productFinderForm .thumbnail a > img,
#productFinderForm .carousel-inner > .item > img,
#productFinderForm .carousel-inner > .item > a > img {
    width: 100%;
}

#detailSearchCriteria {
    margin-bottom: 15px;
}

.result-pages {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    border: 1px solid #c2c2c3;
}

.result-pages li {
    float: left;
    border-left: 1px solid #c2c2c3;
    line-height: 18px;
    cursor: pointer;
}

.result-pages li:first-child {
    border-left: none;
}

.result-pages li a {
    padding: 5px 10px;
    font-size: 12px;
}

.result-pages .paging-page.active {
    background: #e2e2e3;
    color: #222;
}

#resultContainer table .fa {
    margin-top: 3px !important;
    vertical-align: top;
}

#productFinderForm .form-group div {
    width: 62.5%;
}

#detailSearchCriteria .form-group:first-child select {
    width: 49%;
    float: left;
}

#detailSearchCriteria .form-group:first-child select:first-child {
    margin-right: 7px;
}

@media screen and (max-width:767px) {
    #productFinderForm .form-group div {
        width: 100%;
    }
}


/* Inquiry form
-----------------------------------------------------------------*/

#inquiryForm #productTableInquiry_wrapper,
#inquiryForm #productTableInquiry {
    margin-bottom: 15px;
    width: 100%;
}

#inquiryForm dl dd {
    margin-left: 15px;
}

#inquiryForm fieldset {
    background: #e2e2e2;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#inquiryForm fieldset p {
    float: right;
    margin-right: 15px;
    padding-top: 15px;
}

#inquiryForm legend {
    border-bottom: none;
    background: #e2e2e2;
    padding-top: 15px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
}

#inquiryForm fieldset .form-group {
    margin: 0px;
}

#inquiryForm fieldset .form-group div {
    margin-right: 15px;
    margin-bottom: 5px;
}

#inquiryForm fieldset .form-group label {
    text-align: right;
    margin-left: 15px;
    padding-top: 3px;
    padding-right: 6px;
    font-weight: normal;
}

#inquiryForm fieldset .form-group input,
#inquiryForm fieldset .form-group select {
    width: 100%;
    height: 26px;
    border-radius: 5px;
    border: 1px solid #a2a2a3;
    box-shadow: inset 2px 2px 6px #b2b2b3;
    padding: 4px 6px;
}

#inquiryForm .divider {
    border-top: 1px solid #d2d2d3;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

.add-inquiry {
    margin-bottom: 10px;
}


/* Watchlist
-----------------------------------------------------------------*/

#watchListForm .h4 {
    margin-top: 2px;
}

#watchListForm td {
    background: #e2e2e2;
    border-bottom: 10px solid #fff;
}

#watchListForm td:first-child {
    width: 30%;
}

#watchListForm td a {
    display: block;
}

#watchListForm .remove,
#inquiryForm .remove {
    font-family: Verdana, Geneva, sans-serif;
    border: none;
    background: none;
    font-size: 20px;
    line-height: 18px;
}

#inquiryForm .watchlist-inquiry tr {
    border-bottom: 10px solid #fff;
}

#inquiryForm .watchlist-inquiry td {
    background: #e2e2e3;
    border-top: none;
    padding: 10px 15px;
}

#inquiryForm .watchlist-inquiry td:first-child {
    width: 30%;
}

#inquiryForm .watchlist-inquiry td:first-child img {
    max-width: 100%;
    width: 100%;
}

#inquiryForm .watchlist-inquiry .inquiry-length {
    margin-bottom: 10px;
}

#inquiryForm .watchlist-inquiry .inquiry-length th {
    background-color: #c2c2c3;
    border-bottom: none;
}

#inquiryForm .watchlist-inquiry .inquiry-length tr {
    border-bottom: none;
}

#inquiryForm .watchlist-inquiry .inquiry-length td,
#inquiryForm .watchlist-inquiry .inquiry-length th {
    border-right: 1px solid #a2a2a3;
    padding: 8px;
    border-bottom: 1px solid #a2a2a3;
}

#inquiryForm .watchlist-inquiry .inquiry-length td:last-child,
#inquiryForm .watchlist-inquiry .inquiry-length th:last-child {
    border-right: none;
}

#inquiryForm .watchlist-inquiry .inquiry-length th .control-label {
    padding: 0px;
}

#inquiryForm .watchlist-inquiry .inquiry-length td select,
#inquiryForm .watchlist-inquiry .inquiry-length td input {
    height: 2em;
    border-radius: 5px;
    border: 1px solid #a2a2a3;
    box-shadow: inset 2px 2px 6px #b2b2b3;
    padding: 4px 6px;
}

#inquiryForm .watchlist-inquiry .add-inquiry {
    padding: 0px;
    color: #000;
    font-weight: bold;
}

#inquiryForm .watchlist-inquiry .add-inquiry:hover {
    text-decoration: none;
}


/* Comparelist
-----------------------------------------------------------------*/

#comparelist-table thead {
    cursor: move;
}

#comparelist-table h4 {
    margin-bottom: 0px;
}

#comparelist-table td,
#comparelist-table th {
    border-right: 1px solid #d2d2d3;
    border-top: 1px solid #d2d2d3;
    width: 250px;
}

#comparelist-table th {
    border-bottom: none;
}

#comparelist-table td:last-child,
#comparelist-table th:last-child {
    border-right: none;
}

#comparelist-table td .img-responsive {
    max-width: 100%;
}

#comparelist-table tbody tr:first-child td {
    border-top: none;
}

#comparelist-table .header td {
    background: #e2e2e3;
    cursor: pointer;
    border-right: none;
}

#comparelist-table .header button {
    color: #e2e2e3;
}

#comparelist-table .header td:first-child button {
    color: #222;
    padding-left: 3px;
}

#comparelist-table .header button:hover {
    text-decoration: none;
}

#comprelist-table .header td:first-child button .fa {
    margin-top: 3px;
    margin-right: 3px;
}

#comparelist-table .content {
    display: none;
}

#comparelist-table tbody tr:nth-child(4),
#comparelist-table tr:nth-child(5) {
    display: table-row;
}

#comparelist-table .content ul {
    padding-left: 20px;
}

#comparelist-table ul li {
    margin-bottom: 10px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    width: 270px;
}

#comparelist-table ul li img {
    margin-left: -22px;
    margin-right: 10px;
}

button.remove-all {
    position: absolute;
    top: -42px;
    right: 45px;
}

@media screen and (min-width:768px) {
    #comparelist-table td .img-responsive {
        max-width: 150px;
    }
}


/* BootstrapDialog Modal
-----------------------------------------------------------------*/

.bootstrap-dialog-body {
    overflow: auto;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .bootstrap-dialog.size-large .modal-dialog {
        width: 750px;
    }
}

@media screen and (min-width:992px) {
    .bootstrap-dialog.size-large .modal-dialog {
        width: 982px;
    }
}


/* Mobile Style CSS
---------------------------------------------------------------*/


/* loading screen */

.ui-loading .ui-loader {
    display: block;
}

.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
}

.ui-loader-default {
    background: none;
    filter: Alpha(Opacity=18);
    opacity: .18;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
}

.ui-loader-verbose {
    width: 200px;
    filter: Alpha(Opacity=88);
    opacity: .88;
    box-shadow: 0 1px 1px -1px #fff;
    height: auto;
    margin-left: -110px;
    margin-top: -43px;
    padding: 10px;
}

.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.ui-loader-verbose h1 {
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.ui-loader .ui-icon {
    background-color: #000;
    display: block;
    margin: 0;
    width: 44px;
    height: 44px;
    padding: 1px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}

.ui-loader-verbose .ui-icon {
    margin: 0 auto 10px;
    filter: Alpha(Opacity=75);
    opacity: .75;
}

.ui-loader-textonly {
    padding: 15px;
    margin-left: -115px;
}

.ui-loader-textonly .ui-icon {
    display: none;
}

.ui-loader-fakefix {
    position: absolute;
}


/*Image Anpassung*/

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    max-width: 100%;
}

#watchListForm .img-responsive,
#watchListForm .thumbnail > img,
#watchListForm .thumbnail a > img,
#watchListForm .carousel-inner > .item > img,
#watchListForm .carousel-inner > .item > a > img {
    width: 100%;
}

.resultPageForm {
    float: left;
    width: auto;
    margin: 20px 20px 20px 0px;
    padding: 4px 12px;
    height: 30px;
}

p.h4.yellow {
    font-weight: 700;
    background-color: #FFDD00;
    padding: 20px;
}

.line-top {
    border-bottom: none;
    border-top: 1px solid #cccccc;
    padding-bottom: 20px;
}

.betterHint {
    font-weight: 700;
    font-size: 1.25em;
    padding: 20px;
}


/* Service Map */

.map-box {
    position: relative;
    margin-top: 20px;
    border-bottom: 1px dashed #c2c2c3;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
}

.map-box img {
    cursor: pointer;
}

.map-box p {
    position: absolute;
    z-index: 2;
    font-weight: 700;
    text-shadow: 1px -1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px rgba(255, 255, 255, 1);
    font-size: 18px;
}

.map-box p[data-area="ds"] {
    font-size: 22px;
}

.content-box {
    display: none;
}

.content-box h4 {
    padding-bottom: 20px;
}

.content-box .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16 {
    margin-right: 15px;
}

.content-box .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1) {
    margin-right: 0px;
}

p[data-area="ds"] {
    left: 39%;
    top: 30%;
}

p[data-area="ml"] {
    left: 30.5%;
    top: 39%;
}

p[data-area="zs"] {
    left: 48%;
    top: 45%;
}

p[data-area="os"] {
    left: 74%;
    top: 50%;
}

p[data-area="z"] {
    left: 55%;
    top: 17%;
}

p[data-area="is"] {
    left: 58%;
    top: 65%;
}

p[data-area="ws"] {
    left: 10%;
    top: 55%;
}

p[data-area="wes"] {
    left: 16%;
    top: 60%;
}

p[data-area="misue"] {
    left: 60%;
    top: 55%;
}

p[data-area="nost"] {
    left: 67%;
    top: 25%;
}

p[data-area="vl"] {
    left: 15%;
    top: 16%;
}

p[data-area="br"] {
    left: 60.5%;
    top: 48%;
}

p[data-area="lux"] {
    left: 82%;
    top: 71%;
}


/* Service Map End */

#inquiryForm fieldset .form-group label {
    margin-right: 10px;
}

.watchlist-inquiry .add-inquiry .fa {
    margin-right: 15px;
}

#inquiryForm .watchlist-inquiry .inquiry-length td select {
    width: 90%;
}

#inquiryForm fieldset .form-group #note {
    width: 100%;
}

#inquiryForm fieldset .form-group .radio input {
    box-shadow: none;
}

#inquiryForm fieldset .form-group input,
#inquiryForm fieldset .form-group select {
    top: 4px;
    left: 65px;
}

@media screen and (max-width:767px) {
    .map-box p {
        font-size: .9em;
    }
    .map-box p[data-area="ds"] {
        font-size: 1.1em;
    }
}

@media (min-width:1200px) {
    .content-box .image-image.col-sm-8.col-md-8.col-lg-8.col-xs-16:nth-child(2n+1) {
        margin-right: 0px;
    }
}

#inquiryForm fieldset .form-group label {
    margin-right: 10px;
}

.watchlist-inquiry .add-inquiry .fa {
    margin-right: 15px;
}

#inquiryForm .watchlist-inquiry .inquiry-length td select {
    width: 90%;
}

#inquiryForm fieldset .form-group #note {
    width: 100%;
}

#inquiryForm fieldset .form-group input[name="contactBy"],
#inquiryForm fieldset .form-group input[name="sendOffer"] {
    top: 9px;
    left: 0px;
    box-shadow: none;
    height: inherit;
    margin-left: 15px;
    width: inherit;
}


/*ODSUPPORT-2329*/


/*ODSUPPORT-2359*/

.flt {
    float: left;
}

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

.comparelist-add .tooltip-inner,
.watchlist-add .tooltip-inner {
    background-color: #e2e2e2 !important;
    color: #000 !important;
    opacity: 1!important;
}

.comparelist-add .tooltip.in,
.watchlist-add .tooltip.in {
    opacity: 1!important;
}

.comparelist-add .tooltip.bottom .tooltip-arrow,
.watchlist-add .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e2e2e2 !important;
    color: #000 !important;
    opacity: 1!important;
}


/*START ODSUPPORT-2381*/

#accordion-ocs .panel-body .pull.listing {
    width: 50%;
    float: left;
}

#accordion-ocs .panel-body ul:before,
#accordion-ocs .panel-body ul:after,
#accordion-ocs .panel-body p.h4 {
    content: "";
    clear: both;
    display: table;
}

#accordion-ocs .panel-body ul li {
    float: left;
    max-width: 270px;
    padding-right: 10px;
}

#accordion-ocs .panel-body ul li.no-list-style {
    word-wrap: break-word;
    width: 270px;
	margin-bottom: 10px;
}

#accordion-ocs .panel-body ul li.no-list-style img {
    float: left;
    margin-right: 5px;
}

#accordion-ocs #usage ul {
    float: left;
}

#accordion-ocs ul li.no-list-style a {
    margin-left: 15px;
}

#accordion-ocs #benefits .panel-body > img {
    display: none;
}

/*END ODSUPPORT-2381*/

/*START ODSUPPORT-2345*/

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

/*END ODSUPPORT-2381*/

/* START ODSUPPORT-2556 20161012 mpa */

.table-2-col {
	display: table;
	width: 100%;
}

.pull.listing {
	display: table-cell;
}

.table-row {
	display: table-row;
}

/*  START 20170306 jpo */

#accordion-ocs .panel-body .column-wrap {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -moz-column-gap: 30px;
}

#accordion-ocs .panel-body .column-wrap ul.table-column.wrap {
    padding-top: 0;
    margin-top: 0;
}

#accordion-ocs .panel-body .column-wrap ul.table-column.wrap li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	float:none !important;
}

/*  END 20170306 jpo */

#accordion-ocs .panel-body ul li {
	padding: 0; /* IE */
	margin-top: 2px; /* IE */
	-webkit-margin-before: 0; /* Chrome */
	-webkit-padding-before: 0px; /* Chrome */
}

/* END ODSUPPORT-2556 20161012 mpa */