﻿/* Global Styles  */
html, body { height: 100%;  }
html { scroll-behavior: smooth; }
body, .tooltip, .popover, .dark .panel {
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    color: #565f6b;
}
.bold { font-weight: 700 !important; }
.semibold { font-weight: 500; }
main p, main p, article p, main li, article li, main td, article td, .image_caption.standard_text  { line-height: 180%;word-wrap: break-word; }


/* Layout allgemein */
.start-page .panel-heading,
.start-page .panel-footer,
.start-page .list-group-item,
.news_homepage,
.left-blocks-nav .panel-body,
.left-blocks .panel-body,
.left-blocks .panel-heading
{ padding-left: 24px !important; }

.left-blocks-nav .panel-heading .fa { display:none !important; }


.start-page .linkfull a { padding-left:0 !important; }


/*Standard Headlines  */
h1,.h1,  h2,.h2,  h3,.h3,  h4,.h4 { font-weight: 700 !important; }
.h5,h5, .h6,h6 { font-weight: 400 !important; }
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { line-height: 1.4; }
.h1,h1,h1 a,.h1 a, .watchlistStar, .pi-heading  { margin-top: 32px; font-size: 24px; color: #353e49 !important; letter-spacing:0.43px; }
.h2,h2,h2 a,.h2 a { font-size: 20px; color: #353e49 !important; letter-spacing:0.28px;}
.h3,h3,h3 a,.h3 a { font-size: 18px; color: #353e49 !important; letter-spacing:0.20px; }
.h4,h4,h4 a,.h4 a,.h5,h5,h5 a,.h5 a,.h6,h6,h6 a,.h6 a { font-size: 16px; letter-spacing:0.20px; }
.h4,h4,h4 a,.h4 a { color: #6a7685 !important; }
.h5,h5,h5 a,.h5 a { color: #6a7685 !important; }
.h6,h6,h6 a,.h6 a { color: #353e49 !important; }

h1.pull-left { width:93%; } /* Wachtlist-Star */
h2.panel-title { font-size: 18px !important; letter-spacing:0.20px; }

.panel-heading h2, .panel-heading .h2, .panel-heading.h2, .panel-heading h3, .panel-heading .h3, .panel-heading.h3, .panel-heading h4, .panel-heading .h4, .panel-heading.h4 {
    margin-top:0;
    margin-bottom:0;
}


/* Buttons und Panels  */
.btn-primary { background-color: #353e49; border-width: 1px; }
.btn-primary:hover { background-color: #6a7685; }
.dark .btn-primary, .dark .btn-primary:link, .dark .btn-primary:visited {
    border:none;
    font-weight: 700;
    color: #353e49 !important;
    background-image: linear-gradient(#fff 0px, #CDD5DB 100%);
}
.dark .btn-primary:hover {
    color: #a00000 !important;
    background-image: linear-gradient(#FBFBFC 0px, #E4E9EC 100%);
    border-color: #3e658f;
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #2e6da4 0%, #245580 100%);
    background-image: -o-linear-gradient(top, #2e6da4 0%, #245580 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6da4), to(#245580));
    background-image: linear-gradient(to bottom, #2e6da4 0%, #245580 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e6da4', endColorstr='#ff245580', GradientType=0);
}
.btn.btn-me-default {
    background-color: #363e49;
    color: white;
}
.btn.btn-me-default:hover { background-color: #222; }
.btn.btn-me-default:focus { outline:none; }


/* Formating Links  */
a, a:link, a:visited, #footer_bc li {
    color: #565f6b;
}
a.btn-primary {
    color: #FFF;
}

a:hover, a:active, a:focus {
    outline:0;
    text-decoration: none;
}

.hoverlink td, .closehover, .panel-toggle, .scrolltotop { cursor: pointer; }

/* Probleme mit ProductArea, Spalten in Panels ausser Kraft */
/* sollte bei p-in-p Bildanordnung bei fehlender description ifixen */
/* .panel .pull-left { width: 100%; } */


main p a, main li a, main td a {
    color: #2b669a !important;
    text-decoration: underline;
}
main p strong a, main p em a,
main li strong a, main li em a,
main td strong a, main td em a
{
    font-style: normal;
    font-weight: 400;
}

a.showMore_open:before , a.showPerfTable_open:before { content: "\f147" !important; /* \f147 */ }
a.showMore:before , a.showPerfTable:before {
    content: "\f196"; /* \f196 */
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.45em;
    margin-left: -7px !important;
    min-height: 2em;
    position: relative;
    top: 3px;
    width: 1.2em;
}
a.showMore , a.showPerfTable {
    display: block;
    margin-left:0;
    margin-top: 15px;
    padding-left: 7px !important;
    cursor: pointer;
}

a.PDF.list-group-item:before, a.DOC.list-group-item:before {
    content: "\f1c1"; /* \f1c1 fa-file-pdf-o */
    font-family: FontAwesome;
    font-size: 200%;
    left:0;
    line-height: 100%;
    margin-left: -35px;
    margin-right: 7px;
    position: relative;
    top: 2px;
    vertical-align: bottom;
    width: 50px;
}
a.DOC:before {
    content: "\f1c2"; /* \f1c2 fa-file-word-o */
}

a.PDF.list-group-item, a.DOC.list-group-item {
    padding-bottom: 15px;
    padding-left: 50px;
}
a.PDF.list-group-item i.fa , a.DOC.list-group-item i.fa {
    display:none ;
}

.absatz h4, .absatz .h4 {
    color:#353e49 !important;
    font-weight: 500 !important;
}

.linklist a:before,

main p :not(.button) a:not(.PDF).list-group-item:before,
main p strong a:before,
main p a strong:before,
main p em a:before,
main p a em:before,

main li :not(.button) a:not(.PDF).list-group-item:before,
main li strong a:before,
main li a strong:before,
main li em a:before,
main li a em:before,

main td :not(.button) a:not(.PDF).list-group-item:before,
main td strong a:before,
main td a strong:before,
main td em a:before,
main td a em:before

{
    content: "\f138";
    display: inline-block;
    font-family: FontAwesome;
    margin-left:0 !important;
    position: relative;
    width: 1.25em;
    /*    white-space: pre; */
}
/* main .no_visible_link, */

/* main .no_visible_link, */
.linklist a,

main p :not(.button) a:not(.PDF).list-group-item,
main p strong a,
main p a strong,
main p em a,
main p a em,

main li :not(.button) a:not(.PDF).list-group-item,
main li strong a,
main li a strong,
main li em a,
main li a em,

main td :not(.button) a:not(.PDF).list-group-item,
main td strong a,
main td a strong,
main td em a,
main td a em
{
    color: #337ab7 !important; /* #6a7685 */
    background-color: #fff;
    border: none;
    display: block;
    margin-top:7px;
    font-weight: 400;
}
main p em a,
main p a em,

main li em a,
main li a em,

main td em a,
main td a em
{
    display: inline !important;
    font-style: normal;
    margin-left: 8px;
}
.linklist a:hover,
    /* .no_visible_link */
main p strong a:hover,
main p a strong:hover,
main p em a:hover,
main p a em:hover,

main li strong a:hover,
main li a strong:hover,
main li em a:hover,
main li a em:hover,

main td strong a:hover,
main td a strong:hover,
main td em a:hover,
main td a em:hover {
    background: none;
}

/* .no_visible_link, */
main p :not(.button) a.list-group-item:hover,
main li :not(.button) a.list-group-item:hover,
main td :not(.button) a.list-group-item:hover,
.datenschutz a {
    text-decoration: underline !important;
}

/* .no_visible_link, */
main p :not(.button) a.list-group-item i.fa-chevron-circle-right
main li :not(.button) a.list-group-item i.fa-chevron-circle-right,
main td :not(.button) a.list-group-item i.fa-chevron-circle-right
{ display:none; }
main .absatz .list-group:not(.button) {
    background: none;
    border: none;
    box-shadow: none;
}


.shoplink {
    font-weight: 700 !important;
    text-decoration: underline !important;
}
.shoplink:before {
    content: "\f07a"; /* fa-shopping-cart · Unicode: f07a */
    display: inline-block;
    font-family: FontAwesome;
    width: 1.5em;
    font-size: 1.2em;
}



/*  Allgemeines */
main .row, h1, .h1, .watchlistStar, .pi-heading, .title-image, .abstand-bottom, .bottom-margin, .mb-3 { margin-bottom: 15px; }
.abstand-top, .mt-3 { margin-top: 15px; }

.iframe-konfigurator {border: none; width: 100%; margin-top: 32px;}

.text-strong { font-weight: 700; }

.borderless,
.borderless td,
.borderless th,
.table-borderless td {
    border: none !important;
}

.img-portfolio { margin-bottom: 30px; }
.img-hover:hover { opacity:0.8; }

.abstand {
    clear:both;
    height: 20px;
    margin-top: 20px;
}

.absatz {
    margin-top: 40px;
    display:block;
}
.absatz .right { float:right; }
.absatz img { margin-top:6px; }

main > h2, main > .h2, main > h3, main > .h3, main > h4, main > .h4 { margin-top: 25px; }

main > .text-image { margin-top: 7px; }

.text-image.pull-right {
    margin-bottom: 15px;
/*    margin-right: -7px; */
    margin-left: 15px;
}
.text-image.pull-left {
    margin-bottom: 15px;
/*    margin-left: -7px; */
    margin-right: 15px;
}

.teaserblock .text-image {
    margin:0;
}
.image_caption {
    color: #888;
    font-size: 85%;
    font-style: italic;
    margin-top: 15px;
}
.image_caption.standard_text {
    color: #565f6b;
    font-size: 100%;
    font-style: normal;
}
a:hover img.border { border-color:#E00000; }

/* Zoom Lupe */
.imagezoom:after {
    top: 1em;
    content: "\f00e"; /* "\f00e" */
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    left: 1em;
    text-shadow:0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff;
    opacity:0.25;
}
.imagezoom .img-rounded { border: 1px solid #FFF; }
.imagezoom:hover .img-rounded {
    border: 1px solid #CCC;
}
.imagezoom:hover:after{
    opacity:0.75;
}
.right .imagezoom:after { left:auto; }

/* Videothumb Play Symbol Overlay */
.videothumb:before {
    position: absolute;
    top: 40%;
    left: 40%;
    content: "\f144";
    font-family: FontAwesome;
    font-size: 4em;
    text-shadow:0 0 1px #000000cc, 0 0 16px #0000007f;
    opacity:0.25;
    color:#FFF;
}
.videothumb:hover:before{
    opacity:0.75;
}
.videothumb img { border: 1px solid #EEE; }


/* erste Überschriften in Description Text (manuell im Editor) ohne Abstand */
#description h3:first-child, #description .h3:first-child { margin-top:0; }


/* Listen und Aufzählungen */
main ol {
    margin-left:0;
    margin-bottom:0;
    padding-left: 20px;
}
main ul {
    margin-left: 15px;
    list-style: none;
    padding:0;
    display: block;
}
main .image-left ul, main > ul {
    display: inline-block;
}
main li:not(.nobullet) {
    margin-bottom:0.2em;
    padding-left: 7px;
}
main li:not(.nobullet):before {
    content: "\f054"; /* \f054 */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.5em !important;
    width: 1.5em;
    color: #555;
}

.image_caption li {
    font-style: normal;
    color:#555;
    margin-bottom:0.75em !important;
    line-height: 125%;
}
.image_caption li:before {
    margin-left: -1.2em !important;
    width: 1.2em;
    font-size:90%;
}


.toclist li:before { font-size:85%;}
.toc { display:block; }
.toggleHide { display:inline-block; }
.toggleShow { display:none; }


/* Vorteile Produkte */
.prop-list .row { margin-bottom: 8px !important; }
ul.properties { margin-bottom: 3px; }

main .properties li:before {
    content: "\f00c" !important; /* \f00c = fa-check */
    color: #5cb85c !important;
}
/* Nachteil mit rotem X */
main .properties li.negative:before {
    content: "\f00d" !important; /* \f00d = fa-times*/
    color: #c44242 !important;
}
.prop-list .panel-body { padding-bottom: 3px; }
.prop-list-item {
    margin-bottom: 12px !important;
    line-height: 150%;
}

.page-header { border-bottom:none; }

.pagination { margin-left:0 !important; text-align: center; }
.pagination li:before { content: none !important; }
.pagination > li { margin-bottom:0 !important; padding-left:0 !important; }

.mediaelement video {
    border: 1px solid #ddd;
}
.mediaelement {
    width: 100%;
    max-width: 100%;
    display: inline-block;
}
.video-youtube-link { display: none; }

main .panel-body > .row:last-child, div:not(#app_objects) .panel-body .list-group, .panel-body p:last-child {
    padding-bottom:0;
    margin-bottom:0;
}
.navbar-default .navbar-nav > li > a, .btn-default { color:#353e49; }
.navbar {
    margin-bottom:0;
}


/* Startseite Slider (mit 'slick' )  */

header .carousel .dark::before, header .page-breadcrumb::before {
    content: "";
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image: url('https://yunzhisun.com/App/Tpl/Home/Default/Public/images/background-streifen-transparent-100.png');
}
header .carousel .dark { background-image: linear-gradient(to bottom, #174062 0%, #3a5d79 65%, #6b8d9d 100%); }
header .carousel .dark::before { opacity:0.05; }

header .page-breadcrumb { background-image: linear-gradient(to bottom, #1f4f77 0%, #3b729d 65%, #3387ae 100%); }
header .page-breadcrumb::before { opacity:0.15; }

header .carousel .item,
header .carousel .item.active,
header .carousel .carousel-inner {
    height: 100%;
}
.slick-list .item .container.teaser-bg-us {
    background-image: url('https://yunzhisun.com/App/Tpl/Home/Default/Public/images/start-teaser-bg-us2.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: top right;
}
.page-breadcrumb .container.teaser-bg-us {
    background-image: url('https://yunzhisun.com/App/Tpl/Home/Default/Public/images/start-teaser-bg-us2b.png');
    background-size: 30vw;
    background-repeat: no-repeat;
    background-position: top right;
}
header .carousel .dark, header .page-breadcrumb {
    background-color: #3e658f;
}

header .carousel h3, header .carousel .h3 {
    margin-top: 32px;
    background-color: #fff;
    color: #353e49 !important;
    display: inline-block;
    padding:0 25px;
    border-radius: 4px;
    background-image: linear-gradient(#fff 0px, #E4EAEC 100%);
}

header .carousel h2, header .carousel .h2 { margin-top: 12px;}
header .carousel p {
    margin-top:30px;
    width:60%;
    font-size: 100%;
    color: #EEE;
}

header .carousel img { float: right; }

header .carousel .productNew {
    width: 100px; height: 50px;
    position: absolute;
    top:65px; left:12px;
}

header .carousel .btn-primary {
    margin-top: 20px;
    font-size: 90%;
    padding-left:50px;
    padding-right:50px;
    margin-bottom: 25px;
}

.slick-prev { left: 5px !important; z-index: 3 }
.slick-next { right: 5px !important; }
.slick .item { display: none; }
.slick .item:first-child { display: block; }
.slick.slick-initialized .item { display: block; }
.slick-dots { bottom: -7px !important; }

main .date {
    position: relative;
    top: -15px;
    font-size:0.85em;
}

/* Festlegung der Höhe des Startseiten-Teasers */
@media (min-width: 768px) { /* ab SM, iPad hoch */ header .carousel .slick { height: 400px; }  }
@media (min-width: 992px) { /* ab MD, ab iPad quer */ header .carousel .slick { height: 441px; }  }
@media (min-width: 1200px) { /* ab LG, nur Screen */ header .carousel .slick { height: 471px; }  }
@media(max-width: 991px) { /* XS und SM, bis iPad hoch */ }
@media(max-width: 767px) { /* nur XS  */  header .carousel .slick { height: 550px; }  }
@media (min-width:540px) and (max-width:767px) { /* Breakpoint XXS */  header .carousel .slick { height: 340px; }  }


/* Navigation  */
.navbar-header .logo {
    height: 100px;
    width: 190px;
    margin-left: -12px !important;
}
.navbar-header .logo img {
    margin-top: 10px;
    margin-left: -24px;
}
/* .navbar-brand > img { object-fit: contain; max-height: 100%; height: 100%; } */
.navbar-brand { padding: 10px 3px 8px 13px; }

.navbar {
    border-radius:0;
    border-width:0 0 1px 0;
}

#countryselect_dd {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    right:0;
    left: inherit;
}

#countryselect .dropdown-toggle .countryflag {
    vertical-align: top;
    position: relative;
    top: 3px;
}
.navbar-right .countryflag {
    margin-right: 5px;
    border:1px solid #5A5A5A3F;
    width:19px;
    height:15px;
}

.navbar-default {
    background: white;
}
/* Linktext in Nav komplett klickbar */
.dropdown-toggle a,
.dropdown-menu li a {
    display: block;
}

#nav_top a { font-weight: 400; font-size: 95%; }
#nav_top .nav > li > a {
    padding-left: 30px;
    padding-right:0;
}
#nav_top .dropdown-menu > li > a { white-space: normal; }

.navbar-nav { margin-right:0; }

#nav_main .navbar-nav > li > a {
    padding-left:0;
    font-weight: 700;
    font-size: 18px;
}
#nav_main .navbar-nav > li:not(:last-child) > a { padding-right: 25px; }

#nav_main .dropdown > a:hover {
    cursor: default;
}

/* line menu level 1 */
#nav_main, #nav_main ul ul {
    margin:0;
    padding:0;
}

.navlevel1 { background-color: #FFFFFF;}
.navlevel1 > a {
    border-bottom: 1px solid #ccc !important;
    padding: 15px !important;
}
/*.navlevel1 a:last-child { border-bottom:none !important; }*/
.navlevel1 > a .fa { padding-top: 5px; }

a.popover-title {
    border-bottom: 1px solid #ccc !important;
    padding: 12px 15px 12px 5px; !important;
    background-color: #fff;
    margin-left: 15px;
}
.popover a:last-child { border-bottom:none !important; }

.dropdown-menu {
    left: -1px;
}
.navbar .popover {
    width: 400px;
    overflow: hidden;
    height: auto !important;
    min-height: 100.2% !important;
    min-width: 600px;
    -moz-border-radius:0;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-radius:0;
    -webkit-border-bottom-right-radius: 6px;
    border-radius:0;
    border-bottom-right-radius: 6px;
    box-shadow: 7px 8px 10px #00000033;
    left: 222px !important;
}
/* Titles with links */
.popover-title {
    max-width: 300px;
}
/* Content (used for image and shortdescription) */
.navbar .popover-content {
    padding-top: 10px;
    text-align: center;
    float: right;
}
/* content image */
.navbar .popover-content img {
    /*    height: 250px;
        width: auto; */
    margin-bottom: 20px;
}
/* Text under image */
.navbar .popover-content .text {
    clear:both;
    font-size: 90%;
    line-height: 10px;
}
.navbar .popover .text {
    padding: 12px 20px;
}

.navbar .dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar .dropdown-menu > li > a:hover {
    background:none;
}

.navbar .dropdown-menu .navlevel1 > a.maintainHover {
    text-decoration: none;
    background-color: #FFFFFF;
}

.dropdown-menu li:hover {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
#nav_main .dropdown-menu {
    min-width: 225px !important;
}
/* Hintergrund bei Klick auf Sensoren oder Messsysteme */
#nav_main .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
}
#nav_main .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, #nav_main .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #FFF;

}

/* Dropdown in oberer Navi (1) */
#head-nav .dropdown-menu {
    border: none;
    box-shadow:0 8px 8px #0000002C !important;
    left: 10px !important;
}


/* hr line between 2nd level menu */
.popover a, .popover:link {
    color: black;
    font-weight: 400;
    text-decoration: none;
}

#searchform #srch-term.form-control, #searchform .btn {
    border-color: #CCC;
}
#searchform:hover #srch-term.form-control, #searchform:hover .btn, #searchform:hover input {
    background-color: #f9fbfd;
}

.navbar-default .navbar-toggle {
    border-color: #999;
}

#nav_main form.navbar-form {
    border: none;
    box-shadow: none;
}


/* Breadcrumbs */
header .page-breadcrumb {
    height: 100px; /* height: 130px; */
    position: relative;
}

.breadcrumb-inner {
    height: 100px; /* height: 130px; */
    right:0;
    left:0;
    padding:0;
}
.breadcrumb {
    background: none !important;
    margin-bottom: 7px;
    line-height: 125%;
}

.page-breadcrumb .breadcrumb > li {
    color:#FFF;
    font-size:0.8em;
}

.breadcrumb > li:after {
    content:"\f0da"; /* \f0da */
    font-family: FontAwesome;
    color: #EEE;
    padding:0 7px 0 12px;
    position: relative;
    top: 1px;
}
.page-breadcrumb .breadcrumb li a, .page-breadcrumb .breadcrumb li.active {
    color: #FFF;
}
#footer_bc .breadcrumb > li:after {
    color: #666;
    padding:0 5px 0 9px;
}
.breadcrumb > li + li:before, .breadcrumb > li:last-child:after {
    content:none;
}

/* Start page */
.start-page .h1, .start-page h1, .start-page h1 a, .start-page .h1 a,
.start-page .h2, .start-page h2, .start-page h2 a, .start-page .h2 a { margin-bottom: 15px; margin-top:0 !important; }
.start-page .h3, .start-page h3, .start-page h3 a, .start-page .h3 a { margin-bottom: 10px; margin-top: 15px !important; }

div .start-page, article .start-page {
    padding-bottom: 20px;
    padding-top: 20px;
}

.start-page .list-group { padding:0; }
.start-page .panel-heading, .start-page .panel-footer, .start-page .list-group-item {
    background-color: white;
}

.list-group-item.linkfull {
    padding:0;
    border-bottom: 1px !important;
}
.list-group-item.linkfull a {
    padding: 10px 30px 10px 0px;
    display: inline-block;
}
.list-group-item.linkfull a i, .boxlink i { display: none; }
.list-group-item.linkfull a:after, .boxlink:after {
    content: "\f138"; /*  \f138 */
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    right: 15px;
}
a.boxlink { padding-right:30px !important; }
a.boxlink:after { top: 9px !important; }

#individuelle_loesungen .panel-heading,
#fokus_branchen .panel-heading { background: none; }

#individuelle_loesungen .list-group {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.flexboxes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
/*    width: 100%; */
}

.flexboxes > div[class*='col-'] {
    flex: 1 1 auto;
    display: flex;
    flex-grow:0;
}

#mediathek .flexboxes > div[class*='col-'],
#applications .flexboxes > div[class*='col-'] {
    margin:0 0 24px 0;
    line-height: 1.3em;
}

.flexboxes .panel {
    flex: 1 0 100%;
}
#mediathek .flexboxes img,
#applications .flexboxes img {
    margin-bottom: 8px !important;
}

/* behebt Umbruch erstes Element bei iOS Safari */
.flexboxes.row:before,
.flexboxes.row:after {
    content: normal; // IE doesn't support `initial`
}


.news_homepage {
    padding-left: 30px;
}
#individuelle_loesungen .btn {
    padding-left: 15px;
    padding-right: 15px;
}
a.link-icon, .news_homepage a {
    display: block;
    margin-bottom: 8px;
    margin-left: 12px;
    padding-left: 12px;
    text-indent: -12px;
}
a.link-icon:before, .news_homepage a:before {
    content: "\f138"; /*  \f138 */
    display: inline-block;
    font-family: FontAwesome;
    margin-left:0 !important;
    position: relative;
}
a.link-icon:before {
    width: 8px;
}
.news_homepage a:before {
    width: 12px;
}
.messetermine .messe {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.pi-newsletter-widget { padding:0 7px !important; }

.pull-right.list-buttons > a:not(:last-child) {
    margin-right: 10px;
}

#praezise_verlaesslich {
    background-image:url('https://yunzhisun.com/App/Tpl/Home/Default/Public/images/bg_section_praezise_verlaesslich.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#praezise_verlaesslich hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Floating Panels ausrichten bei verschiedenen Höhen */
/* Startseite (News), Scanner Apps Kategorieauswahlen */
.category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.category .panel {
    display: flex;
    flex-direction: column;
}


#_unternehmensgruppe, #fokus_branchen, #individuelle_loesungen, #footer_bc {
    background-color: #f0f0f0;
}
#unternehmensgruppe h3, #individuelle_loesungen .h3 { display:none }
#unternehmensgruppe .container, #individuelle_loesungen .container { padding-top: 40px; }

/* Startseite dunkler Hintergrund */
.dark { background-color: #363e49; }
.dark h1, .dark .h1, .dark h2, .dark .h2, .dark h3, .dark .h3 { color: #FFF !important; border:none; }
.dark h4, .dark .h4, .dark h5, .dark .h5, .dark h6, .dark .h6 { color: #F0F0F0 !important; border:none; }
.dark .panel-heading { border:none; }
.dark h4, .dark .h4 { margin-top:0; }
.dark a, .dark a:link, .dark a:visited, footer .news_items p {
    color: #bcc6d1;
}
.dark { color:#bcc6d1; }
.dark hr { background-color: #6a7685; border-color:#bcc6d1; }

/* Footer Styles */

#footer_bc {
    padding-top: 15px;
    padding-bottom: 12px;
    border-top: 1px solid #ddd;
}
#footer_bc .row, #footer_bc .breadcrumb { padding:0; }
#footer_bc h4, #footer_bc .h4 { display:none; }

footer {
    padding:0;
    margin:0;
    color: #F3F3F3; /*     color: #bcc6d1;*/
}

footer .news_items .date {
    font-size:0.75em;
    padding-top: 10px;
    margin: 12px 0 1px;
}
footer .news_items .newslink a {
    color: #fff !important;
    display: block;
    margin:0 0 20px;
}

footer .socialnetworks {
    padding-top: 20px;
}
footer h4, footer .h4 {
    padding-top: 45px;
    font-weight: 700;
}

/* Seitennavigation und Boxen  */

.left-blocks { margin-top: -55px; }
.left-blocks .panel-heading {
    font-size: 13pt;
    font-weight: 700;
    padding: 16px 15px 12px 30px;
    color: #565f6b;
}
.left-blocks .panel-heading .fa {
    font-size: 1.4em;
    float:right;
    margin-top:-4px;
}
.left-blocks .panel-body {
    padding: 15px 0 15px 30px;
}
.left-blocks .col-xs-12:not(.left-blocks-nav) .panel-body {
    background-color: #fafafb;
    border-radius: 5px;
}
.left-blocks-nav .panel-body {
    padding:0 0 0 30px;
}

.left-blocks .list-group {
    padding:0;
    margin-bottom:0;
}
.left-blocks a.list-group-item {
    padding: 15px;
    padding-left:0;
    background: none;
    border-width:0 0 1px 0;
}
.left-blocks a.list-group-item:last-child { border-width:0;}



.left-blocks-nav .aktiv { font-weight: 700; }
.left-blocks-nav a.hasSubnav { border-bottom:none; }
.left-blocks-nav .subnav-left { padding-left: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.left-blocks-nav .subnav-left a,
#block-left-software a.list-group-item,
#block-left-downloads a.list-group-item {
    border:none; padding-top: 7px; padding-bottom: 7px;
}


/* Accordion chevron icons */
/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for open panels */
    font-family:'FontAwesome';
    content:"\f078"; /* \f078 */
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for closed panels */
    content:"\f054"; /* \f054 */
}
a.panel-toggle {
    display: block;
}
.panel-group { margin-top: 20px; }

/* gapcontrol page accordion panel */
.panel-group.gapcontrol {
    margin-top:0;
}

/* pub_ProductGroup */
#appExamples a {
    display: block;
    margin-bottom: 15px;
}
#appExamples a div.small {
    font-size: 12px;
    margin-top: 7px;
    word-wrap: break-word;
}
.performance_table table {
    margin-bottom:7px;
}
th.attr > img { display:none; }
th.attr a {
    color: #777;
    font-size: 98%;
    font-weight: 500;
}
th.attr > a::after {
    /* color: #999; */
    content: "\f059"; /* f059 = fa-question-circle */
    font-family: FontAwesome;
    font-weight: 400 !important;
    margin-left: 5px;
}
.performance_table .legende {
    font-size:85%;
    margin-bottom: 20px;
    text-align: right;
}


/* pub_SensorOverview */
.table_liste .sensor_detail { background-color: #f8f8f8; margin-top:0 !important; }
.table_liste .sensor_detail .table { background-color: #FFF; }
.table_liste .sensor_table .dummy, .sensor_table .dummy img { opacity:0.7; }


/* LaserScanner Applications and Configurator */
#app_objects {
    margin-top: 30px;
}
#app_objects .panel img {
    margin-right: 15px;
}
.category .panel-default:hover,
#app_objects .application:not(.show) .panel-default,
.result_single,
.close-detail {
    cursor: pointer;
}
#sel_category .btn-primary {
    cursor: default;
}
.application h4, .application .h4 {
    margin-top: 25px;
}
.application .preview {
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 92%;
    margin-top: 5px;
}
.application .preview img{
    margin-top: -10px;
}

#SensorDetail .table-borderless .name {
    font-size: 120%;
    padding-top: 17px;
}
td.doclinks {
    padding-right:0 !important;
}
.btn.contact-request {
    margin: 5px 0 25px;
    width: 100%;
}

#selectorTable th, #selectorTable td.data {
    width: 25%;
    white-space: normal;
    vertical-align: middle;
    word-break: break-word;
    text-align: center;
}



/* Service Sites (label in workshop form) */
#service-site .workshop-label {
    text-align: left !important;
    font-weight: 400 !important;
}

#downloads h4, #downloads .h4 {
    margin-top:18px;
}

.dlgroup .list-group-item i { display:none; }
.dlgroup .list-group-item {
    border:none;
    padding:5px 0;
    margin:0;
    margin-left: 1.3em;
}
.dlgroup a:before {
    content: "\f138"; /* \f138 */
    display: inline-block;
    font-family: FontAwesome;
    position: relative;
    width: 1.3em;
    margin-left: -1.3em !important;
}
.dlgroup a {
    margin-left: 8px;
}


/* Pressebereich */

.panel-body h3, .panel-body .h3 {
    margin-top: 7px;
    margin-bottom: 20px;
}
.border{ border: 1px solid #DDD; }
.legend {
    color: #777;
    font-style: italic;
}
.pull-right.small.datum {
    margin-top: 7px;
}


/* Sitemap */
.sitemap_root > li {
    margin-bottom: 15px !important;
}
.sitemap_root > li li {
    font-size: 95%;
}

.error-404 { font-size: 100px; }


/* Index Messetermine */
#dropdown_messetermine label.dd-selected-text,
#dropdown_messetermine label.dd-option-text {
    font-weight: 400 !important;
}
#dropdown_messetermine .dd-selected-image,
#dropdown_messetermine .dd-option-image {
    margin-top: 5px !important;
    margin-right: 10px !important;
}
#dropdown_messetermine .dd-option {
    padding: 5px 5px 2px 5px !important;
}
a.dd-option.dd-option-selected {
    display:none;
}
a.dd-selected { padding: 9px 12px 4px !important; }
.messetable { min-height: 50px !important; }
.messetable .panel-body { border-bottom: 1px solid #ccc; }
.messetable .panel-body:last-child { border-bottom:none; }
.messetable .panel-body.bg_even, .messetable .panel-body.bg_odd { background-color: #EEE;}

.dd-selected label { max-width: 85%; }
.col-messelaender-dropdown {
    padding:0 !important;
}
.dd-select li::before { content:none; }



/* Titelbild mit Bildtext bei Produkten */
.title-image-single {
    position: relative;
    width: 100%;
    overflow: hidden;
}

img.newproduct {
    z-index: 1;
    position: absolute;
    top:0;
    right:0;
    border-top-right-radius: 6px;
}
.title_image_text {
    position:absolute;
    top:0;
    padding: 10px 20px;
    font-weight: 700;
    z-index: 2;
    width: 70%;
}
.title_image_text.pull-right {
    right:0;
}
.title_image_text.pull-right div {
    text-align: right;
}
.title_image_text.color-black div {
    color:#333 !important;
}
.title_image_text.color-grey div { color:#353e49 !important; }
.title_image_text.text-noshadow div {
    text-shadow: none !important;
}

div.title_image_title {
    font-size: 22pt;
    font-weight: 500;
    color: #FFF;
    text-shadow:0 0 2px #0000007F, 0 0 8px #FFFFFF4C, 0 0 15px #0000004C,
    0 0 30px #00000033,
    0 0 20px #FFFFFF, 0 0 40px #FFFFFF, 0 0 50px #FFFFFF;
}
div.title_image_title .rot {
    text-shadow:0 0 3px #FFFFFFCC, 0 0 8px #FFFFFF7F, 0 0 15px #FFFFFF66, 0 0 40px #FFFFFF !important;
}

div.title_image_subTitle {
    font-size: 16pt;
    font-weight: 400;
    width: 80%;
    color: #FFF;
    text-shadow:0 0 2px #0000007F, 0 0 5px #0000004C,
    0 0 15px #00000033;
}
.title_image_text.pull-right .title_image_subTitle {
    float:right;
}
.title-image .productNew, .title-image-single .productNew {
    width: 80px; height: 40px !important;
    position: absolute; z-index: 3;
    top:0; right:12px;
}
.nopadding .title_image_text { padding:0; }
.nopadding .productNew { right:-3px; }


.carousel-indicators {
    bottom:0;
    left:inherit;
    width: auto;
    margin-bottom:7px;
    margin-left: 16px;
    text-align: left;
    cursor: default;
}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin:0 7px !important;
    border: 1px solid white;
    box-shadow:0 0 1px #00000099;
    background-color: #CCC3;
}
.carousel-indicators li:not(.active):hover { }
.carousel-indicators li.active {
    box-shadow:0 0 2px #000 !important;
    background-color: #b7878790;
    cursor: default;
}

/* Kontaktformular und Box links */
/*Formular allgemein */
.form-error li:before {
    content: "\f071" !important; /* \f071 */
    color: #a94442 !important;
}
form.form-horizontal span.required_field_marker:after {
    content:"\2217"; /* \2217 = Stern */
    font-weight: 400;
    position: relative;
    top: -5px;
}
form.form-horizontal  #fgSubmit button > span {
    display:none;
}

.cbList .form-group {
    margin-bottom:0;
}


#build_form.unsubscribe h3, #build_form.unsubscribe .h3, #build_form.unsubscribe p { display: none }

.form-horizontal .table {
    background-color:#FFF;
    border:1px solid #DDD;
}
.form-horizontal .table thead { font-weight: 700; }

.form-horizontal .form-group{
    margin-right: -7px;
    margin-left: -7px;
}

.form-horizontal .row:first-child{ margin-bottom: 10px; }
.form-horizontal .row{ margin-bottom: 5px; }
.form-horizontal :not(.checkbox) > label { font-weight: 400; }
.form-horizontal label { font-size: 90%; }
.form-horizontal .label-box{ text-align:right; }
.ashpFieldData, .ashpField { display: none; } /* Anti-Schbäm */

/* für zusätzliche Formularbereiche wie Radiobuttons */
label.radio-inline, .radio-inline > input {
    padding-top:0 !important;
    margin-top: 2px;
}


.help-block { display:none; }
.has-error .help-block.with-errors {
    height: auto;
    display: block;
}
.required-section-item-not .required_field_marker { display:none; }

/*Checkboxes styles*/


.checkbox input[type=checkbox] { opacity:0.01;}
.checkbox  label { padding-left:0; }

.checkbox input[type=checkbox]+.labelText{
    display:inline-block;
    position:relative;
    padding-left:36px;
    margin-bottom:3px;
    padding-top: 2px;
    min-height: 24px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    background-image: url('https://yunzhisun.com/App/Tpl/Home/Default/Public/images/background-checkbox.png');
    background-repeat: no-repeat;
}

.checkbox input[type=checkbox]+.labelText:before{
    content:'';
    /*display:block;*/
    width:24px;
    height:24px;
    border-radius:4px;
    border:1px solid transparent;
    /*border-color: transparent;*/
    /*background-color:#fff;*/
    position:absolute;
    left:0;
    top:-12px;
    opacity:0;
    -webkit-transition:0.1s;
    transition:0.1s;
    box-shadow: inset 1px 1px 2px #201E1E19;
}

.checkbox input[type=checkbox]:checked+.labelText{ color:#3e679f; }

.checkbox input[type=checkbox]:checked+.labelText:before{
    width:10px;
    top:-5px;
    left:12px;
    border-radius:0;
    opacity:1;
    border-color:#3E679F; /* #E00000 */
    background:none;
    border-width:2px;
    border-top-color:transparent;
    border-left-color:transparent;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    box-shadow:none;
}

.checkbox input[type="checkbox"]:checked + .labelText { color: #3e679f; }


/* contacts/worldwide */
form#kontakt-ansprechpartner {margin-top: 9px;}
form#kontakt-ansprechpartner ul {margin-left:0; }
form#kontakt-ansprechpartner ul > li:not(.nobullet):before {content: initial;}
form#kontakt-ansprechpartner ul > li:not(.nobullet) {margin-bottom:0;padding-left:0;}
.select2-container .select2-choice,
.select2-result-label {
    min-height: 34px !important;
    padding-top: 2px !important;
    overflow: auto;
}
.select2-arrow,
.select2-chosen {
    padding-top: 2px;
}
.select2-container .select2-choice abbr {top: 9px !important;}
input#plz_input {border: 1px solid #ccc !important;}
#outputcontroller {margin-top: 5px;}

/* Landesflaggen Kontakt->Worldwide */
#kontakt-ansprechpartner .countryflag { margin:0 9px 2px 0; }

@keyframes blink { 50% { border-color: #FF0000; } }
.animate { animation: blink 1s step-end infinite alternate;}

.ap_image { float: right; }
/* für IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ap_image img { height: 100%; } }


/* Worldwide AP einzeln */
.ap_adress,
.ap_products /*,
.ap_products li */ { font-size:90%; }

.ap_products img {
    margin-top: 15px;
    width:60%;
}
.ap_adress span { display: block; }
.ap_adress .name, .ap_products .headline {
    font-size: 15px;
    font-weight: 700;
}
.ap_adress .comment { font-style: italic; }
.ap_adress .adress, .ap_adress .fon, .ap_adress .email { margin-top:12px; }

.ap_adress .fon:before, .ap_adress .mobile:before, .ap_adress .nextel:before, .ap_adress .nextid:before, .ap_adress .fax:before, .ap_adress .email:before, .ap_adress .web:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 7px;
    width:12px !important;
    text-align: center;
}
.ap_adress .fon:before { content: "\f095";} /* fa-phone · Unicode: f095    fa-phone-square · Unicode: f098 */
.ap_adress .mobile:before { content: "\f10b"; font-size:1.35em;} /* fa-mobile  · Unicode: f10b    */
.ap_adress .fax:before { content: "\f1ac"; margin-top:3px;} /* fa-fax · Unicode: f1ac */
.ap_adress .email:before { content: "\f0e0";} /* fa-envelope · Unicode: f0e0    fa-envelope-o · Unicode: f003  */
.ap_adress .nextel:before { content: "\f2a0";} /* fa-volume-control-phone · Unicode: f2a0    */
.ap_adress .web:before { content: "\f0ac";} /* fa-globe · Unicode: f0ac   */
.ap_products ul {
    margin-left: 12px;
    margin-top: 11px;
}


/* Modal Form */
@media screen and (min-width: 768px) { #requestModal .modal-dialog { width:750px;} }
@media screen and (min-width: 992px) { #requestModal .modal-dialog { width:900px;} }
#blockContact #requestModal form { padding: 15px;}
#requestModal .modal-content { background-color: #fafafb !important; }
#requestModal .container_productrequest { padding: 10px; }
#requestModal .modal-header { border-bottom: none; }
#requestModal .modal-title { margin-top:0; }
#requestModal .modal-header .modal-title span.titletext { color: #6a7685 !important; letter-spacing:0 !important; font-size:22px;}
#requestModal .modal-header button.close { font-size: 16px; }
#requestModal .form-horizontal .control-label{ padding-top: 8px; font-size: 14px !important; }
#requestModal textarea#message.form-control { min-height: 200px !important; }

/* Box links */
#blockContact #dataZentrale {
    display: none;
    margin-bottom: 7px;
}
/*#apOutput > div { margin: 22px 0 10px; }*/
#apOutput a.open-requestDialog { cursor: pointer; text-decoration: none; color: #565f6b; }

/* PLZ und US Staaten */
#blockContact form { padding-right: 15px; }
#blockContact form > .form-group label {font-size: small !important; }
#blockContact form input#plz_produkt.form-control {
    border: 1px solid #ccc !important;
    padding: 3px 8px;
}
#blockContact form .clearable.x { background-position: right 12px center; }

#americasales { width:100%; margin:15px 0; }
#americasales ul { width:100%;margin-top:0; }
#americasales button { width:100%;text-align: left; background-color: #fff;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); border-color:#aaa; /*color:#999;*/ }
#americasales a { padding:6px 12px; }
#americasales a:hover { background-image: none; background-color: #3875d7; color:#FFF !important; }


#blockContact .flag {
    width: 16px;
    height: 12px;
    vertical-align: baseline;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

#blockContact .contactItem,
#apOutput .contactItem {
    min-height: 82px;
    padding:0 8px 24px 0;
    clear:both;
}
#apOutput .contactItem { padding-bottom:16px !important; }

#blockContact .contactItem:not(:last-child),
#blockContact #dataSupport .contactItem:last-child,
#apOutput div:not(:last-child) .contactItem {
    border-bottom: 1px solid #ddd;
    margin:0 0 12px 0;
}
#blockContact #dataZentrale .contactItem:last-child,
#blockContact #ng-app .contactItem:last-child,
#apOutput >div >div:last-child .contactItem {
    padding-bottom: 5px;
    margin-bottom:0;
}
#blockContact .contactItem:first-child, #apOutput .contactItem { padding-top: 15px; }
#blockContact #dataSupport { padding-bottom: 5px; }

.ushq { border-bottom: none !important; }
.ushq .apCompany { font-weight: 700; }
.usap .apComment { font-style: italic; }



#blockContact .contactItem h4,
#blockContact .contactItem .h4,
#blockContact .contactItem .apCompany {
    margin-top:0;
    /*font-size: 14px !important;*/
}

#blockContact .contactItem .apTyp { margin-bottom:10px; clear: both; }

#blockContact .contactItem .apBild {
    float: right;
    padding:0 12px !important;
}
#blockContact .contactItem .apBild img {
    width: 60px;
}

#blockContact .contactItem .apName {
    font-size: small !important;
    font-weight: 700;
    margin-bottom: 8px;
}
#blockContact .apName.person { padding-top: 5px;}
#blockContact .apName.agency { padding-bottom: 8px; font-size:1em !important; }
#blockContact #dataSupport .apName.person { font-size:1em !important; }


#blockContact .contactItem .apComment em { font-style: normal !important; font-weight:400; }

#blockContact .contactItem p,
#blockContact .contactItem .apComment,
#blockContact .contactItem .apPhone,
#blockContact .contactItem .apEmail {
    font-size: small;
    margin-bottom: -1px;
}
#blockContact .contactItem .apAdress {
    font-size: small;
    margin-bottom:0.5em;
}

#blockContact .contactItem .apEmail {
    font-size: small;
    margin-bottom: -1px;
}

#blockContact .contactItem .apComment  {
    /*margin-bottom: 8px !important;*/
}

#blockContact .contactItem .fa {
    font-size: x-small;
    height: 12px !important;
    vertical-align: middle !important;
    margin-right: 8px;
}
#blockContact .contactItem .fa-phone::before {
    font-size: 11px !important;
}


/* GLOSSAR */
.alphabet_block a:before, .alphabet_block_list a:before {
    content: "\f054"; /* \f054 */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.5em !important;
    padding-right: 1.5em;
    width: 1em;
    font-size:0.8em;
}
.alphabet_block a {
    display:inline-block;
    margin-left: 1.5em !important;
    margin-right: 2.0em !important;
}
.alphabet_block_list a {
    display:block;
    margin-left: 1.5em !important;
}
#glossar_itemList_index .alphabet_block:not([style*="display: none"]):not(:last-child) {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#glossar ul.nav-pills {
    min-height:0;
    padding-left:0;
    margin-left:0;
}
#glossar .nav-pills li:before { /* Glossar fa icon chevron right entfernen in BS3 Pill Steuerung */
    content: "";
    display: block;
    margin-left:0;
    margin-bottom:0;
}
#glossar .nav-pills li {
    padding-left: 1px;
}
#glossar .nav-pills li a { /* Abstand Nav-Pills in Glossar verkleinern */
    padding:0 7px 0 6px;
    font-size: 1.3em;
    cursor: pointer;
}
#glossar ul.nav-pills li .init .active {
    color: #ffffff;
}
#glossar .nav-pills .disabled_pill {
    cursor: not-allowed;
    pointer-events: none;
    background: none;
    color: #CCC !important;
    text-decoration: none;
}
#glossar #glossar-content h1 { margin-top:25px; }

#glossar #glossar-synonym {
    border-top: 1px solid #ddd;
    padding-top: 15px
}
#glossar .alphabet_block_list{
    margin-top: 15px;
}


/* Sonstiges  ---------------------------- */
button#delAllWatchlistItems , .empty_watchlist, form#requestInfosAboutItems > button#submitForm {
    display: none;
}
.error404 .header {
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin: 30px 0 12px;
    padding-top: 12px;
}
.product_is_new .title_image_text.pull-right {
    margin-right:4px;
    margin-top:40px;

}


/* * * * * * * * * * * * * */
/* Responsive Anpassungen  */
/* * * * * * * * * * * * * */

@media (min-width: 768px) { /* ab SM, iPad hoch */
    .container { width: 720px; }
    .page-breadcrumb .breadcrumb {
        position: absolute;
        bottom:0;
    }
    main, #footer_content { padding-left: 25px; }
    .page-breadcrumb .breadcrumb { padding-left: 32px; }

    .iframe-konfigurator {height: 2500px; /*margin-left: -15px;*/ }
    /*#iframe-konfigurator-colorsensor {height: 1800px!important; }*/

}
@media (min-width: 992px) { /* ab MD , ab iPad quer */
    .container { width: 946px; }
}
@media (min-width: 1200px) { /* ab LG, nur Screen */
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }

    .container { width: 1152px; }
    body { font-size:15px; }
    header .carousel h3, header .carousel .h3 { font-size: 20pt; }
    header .carousel h2, header .carousel .h2 { font-size: 24pt; }
    header .carousel p { font-size: 14pt; }
}

@media (max-width: 1199px) { /* bis MD, nur Screen */
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }

    header .carousel h3, header .carousel .h3 { font-size: 18pt; }
    header .carousel h2, header .carousel .h2 {font-size: 21pt; }
    header .carousel p { font-size: 13pt; width:70%; }
    .navbar-header .logo {
        height: 90px;
        width: 105px;
    }
    .navbar-header .logo img {
        width: 89px;
        height: 67px;
    }
    #glossar  .nav-pills li a {
        padding:0 5px;
        font-size: 1.1em;
    }
    #nav_main .navbar-nav > li:not(:last-child) > a {
        padding-right: 17px;
    }
    img.newproduct { max-width: 90px !important; }
}
@media(max-width: 991px) { /* XS bis SM , bis iPad hoch */
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }

    .customer-img, .img-related { margin-bottom: 30px; }
    .navbar-header .logo {
        width: 95px;
        height: 82px;
    }
    .navbar-header .logo img {
        width: 79px;
        height: 60px;
    }
    #nav_top .navbar-header.pull-right { margin-right:0; }
    #nav_top .nav > li > a { padding-left: 15px; }
    #searchform .btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
    #nav_main .navbar-nav > li > a {
        padding-left:0;
        font-weight: 700;
        font-size: 95%;
    }
    header .carousel h3, header .carousel .h3, header .carousel h2, header .carousel .h2 { font-size: 18pt; }
    header .carousel h3, header .carousel .h3 { padding: 4px 12px; }
    header .carousel p { font-size: 12pt; width:100%; }

    img.newproduct { max-width: 75px !important; }
    .product_is_new .title_image_text.pull-right { margin-top:20px; }

    div.title_image_title { font-size: 14pt; }
    div.title_image_subTitle { font-size: 10pt; }

    #glossar .nav-pills li a {
        padding:0 7px;
        font-size: 1.1em;
    }
    #glossar #glossar-content {
        border-left: none;
        padding-left: 10px;
    }
    #glossar .alphabet_block_list{
        padding-top: 15px;
        border-top: 1px solid #ddd;
    }
    .ap_products { margin-top:2em; }

    .form-horizontal .label-box{text-align:left;}

    .absatz .right {
        width:50%;
    }


}
@media(max-width: 767px) { /* nur XS  */
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }

    body, .tooltip, .popover {
        font-size: 16px !important;
    }
    body, .tooltip, .popover, a, a:link, a:visited {
        color: #474f59;
    }
    #nav_top ul { margin-bottom:0; }
    #head-watchlist {
        position: relative;
    }
    #head-watchlist, #countryselect { float:right; padding:0 15px; }
    #countryselect { padding-right:0; }
    .navbar-header .logo {
        height: 70px;
        width: 75px;
    }
    .navbar-header .logo img {
        width: 59px;
        height: 45px;
    }
    #nav_main form.navbar-form {
        padding-top:0;
        padding-bottom:0;
        margin-right:0;
        margin-left:0;
    }
    #searchform .btn { border-bottom-left-radius:0; border-top-left-radius:0; }
    div.title_image_title { font-size: 3.5vw; }
    div.title_image_subTitle { font-size: 2.8vw !important; }

    header .carousel h3, header .carousel .h3 {
        font-size: 15pt;
        display: block;
        margin-top: 20px;
        margin-bottom: 8px;
        padding: 4px 12px;
    }
    header .carousel h2, header .carousel .h2 {
        font-size: 18pt;
        margin-top: 3px;
    }
    header .carousel p {
        margin-top: 12px;
        font-size: 125%;
    }
    header .carousel img {
        float: none;
        max-width: 330px;
        margin:0 auto;
    }
    header .carousel .btn-primary { width: 100%; }
    .slick-list .item .container.teaser-bg-us {
        background-size: 95%;
        background-position: 400% 0%;
    }

    .img-portfolio { margin-bottom: 15px; }
    .form-horizontal .control-label { text-align: right; }

    .left-blocks .panel-heading { padding: 7px 15px; }
    .left-blocks .panel-heading .fa { margin-top:0; }

    .left-blocks-nav .panel-heading .fa-bars { color:#565f6b; display: none; }
    .left-blocks-nav .panel-body .fa { position:relative; top:3px; }

    .left-blocks .panel-body { padding: 15px 0 15px 15px; }
    .left-blocks a.list-group-item {
        margin-right: 15px;
        border-bottom:none;
        padding: 7px 15px 10px 7px;
    }
    .left-blocks a.list-group-item:before {
        padding-left: 7px;
        position: relative;
        top:-1px;
        left:-5px;
    }
    .left-blocks-nav .subnav-left a:before {
        content: "\f105"; /* \f105 */
        font-family: FontAwesome;
        display: inline-block;
        font-size:0.7em;
        margin-left: -0.5em;
        width: 1.5em;
    }
    .left-blocks-nav .subnav-left {
        padding-bottom: 15px;
        border-bottom:none;
    }

    .breadcrumb > li {
        font-size:0.75em;
    }
    header .page-breadcrumb {
        height: auto;
        position: relative;
        top:0;
    }
    .page-breadcrumb .breadcrumb {
        position: inherit;
    }
    .breadcrumb-inner {
        height: auto;
        top:0;
    }
    .left-blocks {
        margin-top: 15px;
    }
    .h1, h1, .watchlistStar, .pi-heading  {
        margin-top: 15px !important;
    }

    img.newproduct {
        max-width: 15vw !important;
        max-height: 15vw !important;
    }

    #legal_links li { margin: 5px 0; }

    .image_caption {
        font-size: 2.5vw;
        margin-top: 5px;
    }
    .image_caption.standard_text {
        color: #565f6b;
        font-size: 100%;
        font-style: normal;
    }
    .absatz .bottom-margin {
        margin-bottom: 5px;
    }

    .absatz .right {
        width:auto;
        float:none;
        display:block;
        padding-left:0 !important;
    }


    .performance_table { font-size:70%;}

    .form-horizontal .label-box{text-align:left;}

    .toc { display:none; }
    .toggleHide { display:none; }
    .toggleShow { display:inline-block; }


    .iframe-konfigurator {height: 2500px;}
    #iframe-konfigurator-colorsensor {height: 1800px!important; }

}
@media (min-width:540px) and (max-width:767px) { /* XS bis XXS*/
    header .carousel img { margin-bottom: 150px;    }
    .slick-list .item .container.teaser-bg-us {
        background-size: 60%;
        background-position: top right !important;
    }

}


@media(max-width: 420px) {
    .iframe-konfigurator {height: 2800px;  margin-left:0;}
    #iframe-konfigurator-colorsensor {height: 2500px!important; }
}

/* Carousel Fading effect für Produktseiten */
.carousel-fade .carousel-inner > .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity:0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left:0;
    -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    display:none;
}

/* ------------- Farbe ME-Rot definieren ------------- */
a:hover, a:active, a:focus,	.linklist a:hover,
main p a:hover,
.rot, .red, .product_new, .nav .active, .alphabet_block_list a.aktiv,
#nav_main .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, #nav_main .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.dark a:hover, .dark a:active, .dark a:focus,
    /* .no_visible_link, */ main  a.list-group-item:hover
{ color: #F59D23 !important;}

.navbar .dropdown-menu .navlevel1 > a.maintainHover,
.popover a:hover,
.left-blocks a.list-group-item:hover, .left-blocks-nav .aktiv,

form.form-horizontal span.required_field_marker:after { color: #F59D23; }
.carousel-indicators li:not(.active):hover, #head-watchlist .badge, .left-blocks-nav .aktiv .badge { background-color: #E00000; }


/* ------------- Watchlist Sternfarbe------------- */
.watchlistStar:not(.checked) .fa, .watchlistStar.checked:active .fa {
    color:#666 !important;
    text-shadow: 1px 2px 4px #666666CC;
}
.watchlistStar:not(.checked):hover .fa {
    position: relative;
    top: -1px;
    left: -1px;
    text-shadow: 2px 3px 4px #00000066;
}
.watchlistStar.checked .fa, watchlistStar:not(.checked):active .fa {
    color: #E00000!important;
    position: relative;
    top: -1px;
    left: -1px;
    text-shadow:0px 0px 1px #FFFFFFAA, 0px 0px 2px #FFFFFFAA, 2px 3px 4px #00000066;
}



/* ------------- MMenu ------------- */

#hamburger { background-color: #FFF; display: block; }
#hamburger span { background: #666; display: block; height: 3px; margin: 5px 0; }
html.mm-opened #hamburger span { background: #283855; }
html.mm-opened #hamburger span.top-bar { transform: rotate( 45deg ); top: 8px; }
html.mm-opened #hamburger span.middle-bar { opacity:0; }
html.mm-opened #hamburger span.bottom-bar { transform: rotate( -45deg ); top: -8px; }
#hamburger { overflow: hidden; }
#hamburger span { position: relative; transform: rotate( 0 ); top:0; left:0; opacity: 1; transition: none 0.5s ease; transition-property: transform, top, left, opacity; }
html.mm-opened #hamburger span.middle-bar { left: -40px; }
#nav_mobile { display: none; }
#nav_mobile.mm-menu_opened { display: block !important; }
.mm-menu.mm-theme-dark .mm-listview > li,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next::before,
.mm-menu.mm-theme-dark .mm-listview > li::after { border-color:#FFFFFF26; }
.mm-menu.mm-theme-dark { background-color: #283855; border-right: 1px solid #FFFFFF33;}
.mm-next::before { border-left-style: none !important; }

#nav_mobile .active {
    background-color: #8200008a;
    /* color: #fff !important; */
}

#hamburger {
    border: none;
    border-radius: 4px;
    width: 30px;
    margin-left:: 15px;
    margin-top: 5px;
    padding:0 !important;
}
html.mm-opened #hamburger { width: 35px; }


/* ------------- DEV ------------- */
/* Button Hintergrund verschiebt sich nach oben, aufgrund von Theme */
.btn:focus,.btn:hover{ background-position:0 0 }

/* Grid Debug Styles */
.admin-hint{display:none;}
.debug #nav_top { border: 1px solid #00B0FF; }
.debug #nav_main { border: 1px solid #006633 !important; }
.debug .container { border: 1px solid green; }
.debug .row { border: 1px solid grey; }
.debug [class*="col-"] { border: 1px solid red; }


/* ------------- Druckelemente ausblenden ------------- */
#printhead, .onlyPrint
{ display:none !important; }
#printhead #printAdresse div { white-space: nowrap; }

@media print {
    /* nicht benötigte Layout-Elemente für Druckversion ausblenden und Druck-Kopf einblenden  */
    .noPrint, nav, header, aside, footer, button, .btn , #carousel, .linkfull, .fa, ul.pagination, .mediaelement
    { display: none !important; } /* a.list-group-item, */
    .page-breadcrumb { background: none !important; background-image: none !important; height: auto !important; }
    .page-breadcrumb a { color:#000 !important; }
    p, ul li, ol li  { font-size: 12pt; }

    /* Print Header */
    #printhead, #printLogo, .onlyPrint, .forcePrint, .collapse { display:block !important; }
    #printhead, #printLogo, #printAdresse { position:absolute; }
    #printhead {
        top:10px;
        left:10px;
        width:98%;
        height:130px;
    }
    #printLogo, #printAdresse {
        top:0;
    }
    #printAdresse {
        width:50%;
        text-align:right;
        font-size: 10pt;
        left:50%;
    }
    body {
        margin:0;
        padding:0 !important;
        background: white;
        color: #000 !important;
    }
    #page-wrapper {
        background: transparent;
        padding-top: 160px !important;
    }
    .container {
        width: auto;
    }
    main, .breadcrumb-inner {
        width:100% !important;
        padding:0 7px !important;
        margin-left:0;
    }
    .breadcrumb-inner { height: auto;}
    .page-breadcrumb .breadcrumb { padding:0; }
    ol.breadcrumb li:first-child { display: none; }
    h1, .h1, .watchlistStar, .pi-heading  { margin-top: 10px; }
    a[href]:after { content: none; }
    a:link {
        font-weight: 700;
        text-decoration: underline;
        color: #06c;
    }
    ul { list-style-type: none !important; }
    #unternehmensgruppe { page-break-before: always; }
    #messeblock-startseite .list-group-item { float: left !important; }
    .panel, .panel-body { border: none !important; box-shadow: none; }
    .panel-heading  { background: none !important; padding-left:0 !important; margin-top:30px;}
    .panel-title a { font-size: 18px !important }
    .panel-body { padding-left:0 !important; }
    .start-page .panel-heading, .start-page .panel-footer, .start-page .list-group-item { padding-left:0 !important; }
    #footer_bc .col-xs-8 { width: 100% !important; }

    .performance_table { page-break-before: always ; }
    /*.absatz, .h2, .h3, .h4 { page-break-before: auto; }*/
    p, ul, ol { page-break-inside: avoid; }
}


/* SVG Flaggen */
.flag {
    width:20px;
    height:16px;
}
.flag.pre {
    opacity:0.6;
    border-radius: 20px;
    border:2px solid #5A5A5A7F;
}
.flag.off {
    opacity:0.3;
    filter: grayscale(0.6);
    border:1px solid #5A5A5A3F;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* jquery mmenu */
.mm-menu_theme-dark{--mm-color-border:#0000004C;--mm-color-button:#FFFFFF66;--mm-color-text:#FFFFFFD8;--mm-color-text-dimmed:#FFFFFF66;--mm-color-background:#333;--mm-color-background-highlight:#FFFFFF14;--mm-color-background-emphasis:#00000019;--mm-shadow:0 0 20px #0000007F}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:#00000019;--mm-color-button:#0000004C;--mm-color-text:000000BF;--mm-color-text-dimmed:#0000004C;--mm-color-background:#f3f3f3;--mm-color-background-highlight:#0000000C;--mm-color-background-emphasis:#FFFFFF66;--mm-shadow:0 0 10px #0000004C}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:#00000019;color:#000000BF;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:#00000019;color:#000000BF;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:#00000019;color:#000000BF;position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid #0000004C;border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid #00000019;background:#f3f3f3;color:#0000004C;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:#000000BF;border-color:#00000019;color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:#03020100;border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:#0000000C;background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:#03020100;overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:#0000004C;display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:#0000000C}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px #0000004C;box-shadow:0 2px 10px #0000004C;height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px #0000004C;box-shadow:0 2px 10px #0000004C;display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-iconbar{width:50px;border-color:#00000019;background:#f3f3f3;color:#0000004C;display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu_iconbar-left .mm-iconbar,.mm-menu_iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab_selected{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:#FFFFFF66;background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid #00000019;border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:#000000BF;background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:#00000019}.mm-navbar__tab_selected:not(:last-child){border-right-color:#00000019}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:#00000019;border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:#00000019;border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:#00000019;border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:#00000019;border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:#0000000C;color:#000000BF}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:#0000004C;padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:#0000004C;color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:#FFFFFF66;background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:#03020100;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:#00000019;display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px #0000004C;box-shadow:0 2px 10px #0000004C;height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px #0000004C;box-shadow:0 0 10px #0000004C;content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px #0000004C;box-shadow:0 0 10px #0000004C;-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px #0000004C;box-shadow:0 0 10px #0000004C;-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_theme-dark{--mm-color-border:#0000004C;--mm-color-button:#FFFFFF66;--mm-color-text:#FFFFFFD8;--mm-color-text-dimmed:#FFFFFF66;--mm-color-background:#333;--mm-color-background-highlight:#FFFFFF14;--mm-color-background-emphasis:#00000019;--mm-shadow:0 0 20px #0000007F}body.modal-open .mm-slideout{z-index:unset}

/* IE Bug Bilder Breite */
@media screen\0, @media screen\9 {
    /* will only be applied in Internet Explorer, other browsers will ignore them. */
    .img-responsive {
        width: 100%;
    }
}


/* JSM: wegen Tabelle Titel Hochkant bei Service-Softwware&Softwareintegration-sensorTOOL/MEDAQLib  */
th.hoch {
  height: 115px;
  white-space: nowrap;
}
th.hoch > div {
  transform: translate(-5px, 70px) rotate(290deg);
  width: 21px;
}


