@import "https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=latin,cyrillic-ext";
/* @import "https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=latin,cyrillic-ext"; */

/* Bootstrap Grid Anpassung * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.row {
    margin-right: -7px;
    margin-left: -7px;
}

[class*="col-"],
.breadcrumb,
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse
{
    padding-left: 7px;
    padding-right: 7px;
}

/* Global Styles * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html, body { height: 100%; }
body, .tooltip, .popover {
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    color: #565f6b;
}

section p, article p, section li, article li, section td, article td, .no_visible_link, #description { line-height: 180%; }
#description { word-wrap: break-word;}

/*Standard Headlines * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.h1, .h2, .h3, .h4, h1, h2, h3, h4 { font-weight: bold !important; }
.h5, .h6, h5, h6 { font-weight: normal !important; }
.h1, h1, h1 a { font-size: 24px; color: #353e49 !important; letter-spacing: 0.43px; }
.h2, h2, h2 a { font-size: 20px; color: #353e49 !important; letter-spacing: 0.28px;}
.h3, h3, h3 a { font-size: 18px; color: #353e49 !important; letter-spacing: 0.20px; }
.h4, h4, h4 a { font-size: 16px; color: #6a7685 !important; letter-spacing: 0.20px; }
.h5, h5, h5 a { font-size: 16px; color: #6a7685 !important; letter-spacing: 0.20px; }
.h6, h6, h6 a { font-size: 16px; color: #353e49 !important; letter-spacing: 0.20px; }

.h1, h1, h1 a { margin-top: 53px }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.4; }

.panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 {
    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 { background-color: #6a7685; color: #FFF; border:none; }
.dark .btn-primary:hover { background-color: #F0F0F0; color: #6a7685 }
.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; }

.panel-heading-image { padding: 0 !important; overflow:hidden; }
.panel-heading-image img { margin-left: 0; }


/* Formating Links * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a, a:link, a:visited {
    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; }

i.fab {
    font-size: 22px;
    padding-right: 4px;
    padding-left: 5px;
}

#description a {
    /* color: #2b669a; */
    font-weight: normal;
}
.no_visible_link a, .no_visible_link a:link, .no_visible_link a:visited {
    text-decoration: none;
    /* color: #444444 !important; */
}
section p a, article p a {
    font-weight:normal;
}

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 ;
}

/*
section p a:before, article p a:before {
    content: "\f138"; /* \f138 */ /*
    display: inline-block;
    font-family: FontAwesome;
    line-height: 125%;
    margin-left: 7px !important;
    min-height: 2em;
    width: 1em;
}
*/

.absatz h4 {
    color:#353e49 !important;
    font-weight: 500 !important;
}

#content-block .no_visible_link :not(.button) a.list-group-item:before,
.linklist a:before,
.no_visible_link >:not(ul) strong a:before,
.no_visible_link >:not(ul) a strong:before,
.no_visible_link >:not(ul) em a:before,
.no_visible_link >:not(ul) a em:before {
    content: "\f138"; /* \f138 */
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 0 !important;
    position: relative;
    width: 1.3em;
}
#content-block .no_visible_link :not(.button) a.list-group-item,
.linklist a,
.no_visible_link >:not(ul) strong a,
.no_visible_link >:not(ul) a strong,
.no_visible_link >:not(ul) em a,
.no_visible_link >:not(ul) a em
{
    color: #6a7685 !important;
    background-color: #fff;
    border: none;
    display: block;
    margin-bottom: 5px;
    padding: 0;
    font-weight:normal;
}
.no_visible_link >:not(ul) em a,
.no_visible_link >:not(ul) a em
{
    display: inline !important;
    font-style: normal;
}
.linklist a:hover,
.no_visible_link strong a:hover,
.no_visible_link a strong:hover,
.no_visible_link em a:hover,
.no_visible_link a em:hover {
    background: none;
}
.no_visible_link a:hover { cursor:pointer; }

#content-block .no_visible_link :not(.button) a.list-group-item:hover, .datenschutz a {
    text-decoration: underline !important;
}

#content-block .no_visible_link :not(.button) a.list-group-item i.fa-chevron-circle-right {
    display:none;
}
#content-block .absatz .list-group:not(.button) {
    background: none;
    border: none;
    box-shadow: none;
}


.shoplink {
    font-weight:bold !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 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content-block .row,
.title-image,
.abstand-bottom,
.bottom-margin { margin-bottom: 15px; }
.abstand-top { margin-top: 15px; }

.small, small { font-size: 0.9em; }
.supersmall { font-size: 0.8em; }
.text-strong { font-weight:bold; }

.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: 25px; }
.absatz img, .absatz h3 { margin-top: 6px; }

/* Rechtsbündige Bilder in Absätzen sollen Abstand zum Text nach links erhalten */
/* .absatz .pull-right { margin-left: 15px; } */

.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: 35px;
}
.teaserblock .text-image {
    margin:0;
}
.image_caption {
    color: #888;
    font-size: 85%;
    font-style: italic;
    margin-top: 15px;
}
/* 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 rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255);
    opacity:0.25;
}
.imagezoom .img-rounded { border: 1px solid #FFF; }
.imagezoom:hover .img-rounded {
    border: 1px solid #CCC;
    /* box-shadow: 3px 3px 8px rgba(0,0,0,0.3); */
}
.imagezoom:hover:after{
    opacity:0.75;
}

/* erste Überschriften in Description Text (manuell im Editor) ohne Abstand */ 
#description h3:first-child { margin-top:0px; }


/* Listen und Aufzählungen */
#content-block ul,
#content-block ol { margin-left: 15px; }
#content-block ul {
    list-style: none;
    padding: 0;
}
#content-block li:not(.nobullet) {
    margin-bottom: 0.2em;
    padding-left: 7px;
}
#content-block li:not(.nobullet):before {
    /* fa-check = f00c */
    /* fa-arrow-right = f061 */
    /* fa-chevron-right = f054 */
    content: "\f00c"; /* \f054 */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.5em !important;
    width: 1.5em;
    color: #5cb85c;
}
/* Vorteile Produkte */
.prop-list .row { margin-bottom: 8px !important; }
ul.properties { margin-bottom: 3px; }
#content-block .properties li:before {
    content: "\f00c"; /* \f00c */
    color: #5cb85c;
}
.prop-list .panel-body { padding-bottom: 3px; }
.prop-list-item { margin-bottom:12px; }

.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%;
}
.video-youtube-link { display: none; }

#content-block .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 { overflow:hidden !important; } */

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}
.slick-list .item .container.teaser-bg-us {
    background-image: url('../images/design/start-teaser-bg-us2.png');
    background-size: 40vw;
    background-repeat: no-repeat;
    background-position: top right;
}
.page-breadcrumb .container.teaser-bg-us {
    background-image: url('../images/design/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;
    background-image:url('../images/design/background-streifen5b.gif');
}
header.carousel h3 {
    margin-top: 32px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.3), 0 0 25px rgba(0, 0, 0, 0.2);
}
header.carousel h2 {
    margin-top: 12px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2);
}
header.carousel h3 .rot, header.carousel h2 .rot {
    text-shadow: 0 0 1px rgba(255,255,255, 0.5), 0 0 2px rgba(255,255,255, 0.7), 0 0 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(200, 200, 200, 0.4);
}
header.carousel p {
    margin-top:30px;
    width:60%;
    font-size: 100%;
    color: #EEE;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2);
}
header.carousel img {
    float: right;
}
header.carousel .btn-primary {
    margin-top: 20px;
    font-size: 90%;
    color: #FFF;
    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; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Responsive Styles  Part 1 */

@media (min-width: 768px) {  /* ab SM, iPad hoch */ }
@media (min-width: 992px) {  /* ab MD , ab iPad quer */ }
@media (min-width: 1200px) {  /* ab LG, nur Screen */ }
@media(max-width: 991px) { /* XS und SM ,  bis iPad quer */ }
@media(max-width: 767px) { /* nur XS  */ }


/* Navigation * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.navbar-header .logo {
    height: 100px;
    width: 121px;
    margin-left: -12px !important;
}
.navbar-header .logo img {
    width: 105px;
    height: 79px;
}
/* .navbar-brand > img { object-fit: contain; max-height: 100%; height: 100%; } */
.navbar-brand { padding: 10px 3px 8px 13px; }

#head-watchlist .badge {
    font-size: 10px;
    padding: 1px 4px 2px 3px;
    position: relative;
    top: -7px;
    left: -5px;
}
#countryselect_dd {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    right: 15px !important;
    left: inherit;
}
.navbar-right .countryFlagge {
    margin-right: 5px;
}

.navbar-default {
    background: white;
}
/* Linktext in Nav komplett klickbar */
.dropdown-toggle a,
.dropdown-menu li a {
    display: block;
}


#navmenu-1 { z-index: 1010; } /* für Länderdropdown */
#navmenu-1 a { font-weight: normal; font-size: 95%; }
#navmenu-1 .nav > li > a {
    padding-left: 30px;
    padding-right: 0;
}
#navmenu-1 .dropdown-menu > li > a { white-space: normal; }

.navbar-nav { margin-right: 0; }

#navmenu-1 #countryMarker { opacity: 0.15; }
#navmenu-1 #countryMarker:hover { opacity: 1; }



#navmenu-2 .navbar-nav > li > a {
    padding-left: 0;
    font-weight: bold;
}
#navmenu-2 .navbar-nav > li:not(:last-child) > a { padding-right: 25px; }

#navmenu-2 .dropdown > a:hover {
    cursor: default;
}

/* line menu level 1 */
#navmenu-2, #navmenu-2 ul ul {
    margin: 0;
    padding: 0;
}

.navlevel1 { background-color: #f0f5f7;}
.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 rgba(0, 0, 0, 0.2)
}
/* 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;
}
#navmenu-2 .dropdown-menu {
    min-width: 225px !important;
}
/* Hintergrund bei Klick auf Sensoren oder Messsysteme */
#navmenu-2 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
}
#navmenu-2 .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, #navmenu-2 .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 rgba(0, 0, 0, 0.176) !important;
    left: 10px !important;
}


/* hr line between 2nd level menu */
.popover a, .popover:link {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

#searchform #srch-term.form-control, #searchform .btn {
    border-color: #DDD;
}
#searchform:hover #srch-term.form-control, #searchform:hover .btn, #searchform:hover input {
    background-color: #F0F0F0;
}

.navbar-default .navbar-toggle {
    border-color: #999;
}

#navmenu-2 form.navbar-form {
    border: none;
    box-shadow: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Breadcrumbs */
header.page-breadcrumb {
    height: 100px;
    position: relative;
}

.breadcrumb-inner {
    height: 100px;
    right: 0;
    left: 0;
    padding: 0;
}
.breadcrumb {
    background: none !important;
    margin-bottom: 7px;
    line-height: 125%;
}
.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;
    font-size: 0.9em;
}
#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 .h3, .start-page h3, .start-page h3 a { margin-top: 15px; margin-bottom: 10px; }
.start-page .h1, .start-page h1, .start-page h1 a, .start-page .h2, .start-page h2, .start-page h2 a { margin-bottom: 15px; margin-top: 0 !important; }

section .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;
    padding-left: 30px;
}

.list-group-item.linkfull { padding: 0; }
.list-group-item.linkfull a {
    padding: 10px 30px 10px 30px;
    display: 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: 12px !important; }

#individuelle_loesungen .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;
}
.flexboxes .panel {
    flex: 1 0 100%;
}

.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;
}


.pull-right.list-buttons > a:not(:last-child) {
    margin-right: 10px;
}

section#praezise_verlaesslich {
    background-image:url('../images/design/bg_section_praezise_verlaesslich.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
newssection#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;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* TODO: auf HELL zusammenfassen */
section#_unternehmensgruppe, section#individuelle_loesungen, section#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 h2, .dark h3 { color: #FFF !important; border:none; }
.dark h4, .dark h5, .dark h6 { color: #F0F0F0 !important; border:none; }
.dark .panel-heading { border:none; }
.dark h4 { margin-top: 0; }
.dark a, .dark a:link, .dark a:visited, footer #news_items p, footer #news_items .date {
    color: #bcc6d1;
}
footer .news_items .date {
    font-size: 0.75em;
    padding-top: 10px;
    margin: 26px 0 1px;
}
footer .news_items .newslink a {
    color: #fff !important;
}

.dark a:hover, .dark a:active, .dark a:focus {
    outline: 0;
    text-decoration: none;
}
.dark hr { background-color: #6a7685; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Footer Styles */

section#footer_bc {
    padding-top: 15px;
    padding-bottom: 12px;
    border-top: 1px solid #ddd;
}
section#footer_bc .row, section#footer_bc .breadcrumb { padding: 0; }
#footer_bc h4 { display:none; }

footer {
    padding: 30px 0;
    margin: 0;
    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 {
    padding-top: 45px;
    font-weight:bold;
}

/* Seitennavigation und Boxen  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.left-blocks { margin-top: -55px; }
.left-blocks .panel-heading {
    font-size: 13pt;
    font-weight: bold;
    padding: 16px 15px 12px 30px;
}
.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: 14px 15px 14px 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:bold; }
.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: 5px; padding-bottom: 5px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 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;
}
.panel-group.gapcontrol > .panel.panel-default {
    /*margin: 0 !important;
    padding: 0 !important;
     border-radius: 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: normal !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 {
    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%;
}


/* Service Sites (label in workshop form) */
#service-site .workshop-label {
    text-align: left !important;
    font-weight: normal !important;
}

#downloads h4{
    margin-top:18px;
}



/* Pressebereich */

.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: normal !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 */

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:bold;
    z-index: 2;
    width: 70%;
}
.title_image_text.pull-right {
    right: 0;
}
.title_image_text.pull-right div {
    text-align: right;
}
div.title_image_title {
    font-size: 26pt;
    font-weight: 500;
    color: #FFF;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 8px rgba(255, 255, 255, 0.3), 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 255, 255, 1), 0 0 40px rgba(255, 255, 255, 1), 0 0 50px rgba(255, 255, 255, 1);
}
div.title_image_title .rot {
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.4), 0 0 40px rgba(255, 255, 255, 1) !important;
}

div.title_image_subTitle {
    font-size: 20pt;
    font-weight: 400;
    width: 80%;
    color: #FFF;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2);
}
.title_image_text.pull-right .title_image_subTitle {
    float:right;
}

.carousel-indicators {
    bottom:0;
    left:inherit;
    width: auto;
    margin-bottom:7px;
    text-align: left;
    cursor: default;
}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border: none;
    background-color: #FFF;
    opacity: 0.3;
}
.carousel-indicators li:not(.active):hover {
    opacity: 0.9;
}
.carousel-indicators li.active {
    opacity: 0.8 !important;
    cursor: default;
}
.carousel-indicators li, .carousel-indicators li.active {
    margin: 0 7px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Kontaktformular */
.form-error li:before {
    content: "\f071" !important; /* \f071 */
    color: #a94442 !important;
}
form#build_form span.required_field_marker:after {
    content:"\2217"; /* \2217 = Stern */
    font-weight: normal;
    position: relative;
    top: -5px;
}
form#build_form #fgSubmit button > span {
    display:none;
}
input[type=checkbox]:checked + label {
    border-bottom: 1px solid green;
    color: green;
}
#build_form {
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 0%, #f6f7f7 100%);
    background-image: -o-linear-gradient(bottom, #FCFCFC 0%, #f6f7f7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#f6f7f7));
    background-image: linear-gradient(to top, #FCFCFC 0%, #f6f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFCFCFC', endColorstr='#fff6f7f7', GradientType=0);
}
#build_form.unsubscribe h3, #build_form.unsubscribe p { display: none }

#build_form .table {
    background-color:#FFF;
    border:1px solid #DDD;
}
#build_form .table thead {
    font-weight: bold;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Kontakte weltweit */

/* Landesflaggen Kontakt->Worldwide */
img.countryflag {
    width: 16px;
    height: 11px;
    border: none;
    margin: 0 7px 3px 0;
}

@keyframes blink {
    50% { border-color: #FF0000; }
}
.animate {
    animation: blink 1s step-end infinite alternate;
}


#dataZentrale .contact_item {
    padding: 10px 7px 0 0;
}
#dataZentrale .contact_item:not(:first-child) {
    border-top: 1px solid #ddd;
    margin-top: 18px;
    padding-top: 20px;
}
#dataZentrale .contact_item h4 {
    margin-top: 0px;
}
#dataZentrale .contact_item .apComment {
    margin-top: -7px;
}


#dataZentrale p {
    margin-bottom: 3px !important;
}
#dataZentrale p i {
    margin-right: 5px !important;
}


/* #dataKontaktseite */
.ap_image {
    float: right;
}
/* für IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ap_image img {
        height: 100%;
    }
}

.ap_adress, .ap_products /*, .ap_products li */ {
    font-size:90%;
}
.ap_products img {
    margin-top: 15px;
    width:40%;
}
.ap_adress span { display: block; line-height: 140% }
.ap_adress .name, .ap_products .headline {
    font-size: 15px;
    font-weight: bold;
}
.ap_adress .comment {
    font-style: italic;
}
.ap_adress .adress {}
.ap_adress .adress, .ap_adress .fon, .ap_adress .email { margin-top:12px; }

.ap_adress .fon, .ap_adress .fax, .ap_adress .email, .ap_adress .web {}
.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";} /* 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;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* **** 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
}
#glossar #glossar-content {
    border-left: 1px solid #DDD;
    padding-left: 20px;
}
#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: bold;
    line-height: normal;
    margin: 30px 0 12px;
    padding-top: 12px;
}

.product_is_new .title_image_text.pull-right {
    margin-right: 25px;
    margin-top: 8px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*     Responsive Anpassungen       * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 768px) {  /* ab SM, iPad hoch */
    .container { width: 720px; }
    .page-breadcrumb .breadcrumb {
        position: absolute;
        bottom: 0;
    }
    #content-block, .page-breadcrumb .breadcrumb { padding-left: 32px; }
    .product_is_new .title_image_text.pull-right {
        margin-right: 20px;
        margin-top: 4px;
    }
}

@media (min-width: 992px) {  /* ab MD , ab iPad quer */
    .container { width: 946px; }
    div.title_image_title {
        font-size: 22pt;
    }
    div.title_image_subTitle {
        font-size: 16pt;
    }
    .product_is_new .title_image_text.pull-right {
        margin-right: 20px;
        margin-top: 10px;
    }

}
@media (min-width: 1200px) {  /* ab LG, nur Screen */
    .container { width: 1152px; }
    body { font-size:15px; }
    header.carousel h3 {    font-size: 20pt; }
    header.carousel h2 {    font-size: 24pt; }
    header.carousel p {     font-size: 14pt; }
}

@media (max-width: 1199px) {  /* bis MD, nur Screen */
    header.carousel h3 { font-size: 18pt; }
    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;
    }
    #navmenu-2 .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 */
    .customer-img, .img-related { margin-bottom: 30px; }
    .navbar-header .logo {
        width: 95px;
        height: 82px;
    }
    .navbar-header .logo img {
        width: 79px;
        height: 60px;
    }
    #navmenu-1 .navbar-header.pull-right { margin-right: 0; }
    #navmenu-1 .nav > li > a { padding-left: 15px; }
    #searchform .btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
    #navmenu-2 .navbar-nav > li > a {
        padding-left: 0;
        font-weight: bold;
        font-size: 95%;
    }
    header.carousel h3 { font-size: 16pt; }
    header.carousel h2 { font-size: 18pt; }
    header.carousel p { font-size: 12pt; width:100%; }

    img.newproduct { max-width: 75px !important; }
    div.title_image_title { font-size: 16pt; }
    div.title_image_subTitle {
        font-size: 12pt;
        font-weight: 400;
    }
    #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; }
}
@media(max-width: 767px) {     /* nur XS  */
    body, .tooltip, .popover {
        font-size: 16px !important;
    }
    body, .tooltip, .popover, a, a:link, a:visited {
        color: #474f59;
    }
    #navmenu-1 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;
    }
    #navmenu-2 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: 4vw;
    }
    div.title_image_subTitle {
        font-size: 2.8vw;
    }

    header.carousel h3 {
        font-size: 16pt;
        margin-top: 20px;
        margin-bottom: 0px;
        text-shadow: 0 0 3px rgba(0, 0, 0, 1);
    }
    header.carousel h2 {
        font-size: 18pt;
        margin-top: 3px;
        text-shadow: 0 0 4px rgba(0, 0, 0, 1);
    }
    header.carousel h3 .rot, header.carousel h2 .rot {
        text-shadow: 0 0 2px rgba(255,255,255, 1);
    }
    header.carousel p {
        margin-top: 12px;
        font-size: 125%;
        color: #FFF;
        text-shadow: 0 0 3px rgba(0, 0, 0, 1);
    }
    header.carousel img {
        float: none;
        max-height: 180px;
        margin: 0 auto;
        margin-bottom: 0 !important;
    }
    header.carousel .btn-primary { width: 100%; }

    .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-body, .left-blocks .panel-body { padding: 15px 0 15px 15px; }
    .left-blocks-nav a.list-group-item, .left-blocks a.list-group-item {
        margin-right: 15px;
        border-bottom:none;
        padding: 0 15px 10px 0;
    }
    .left-blocks-nav a.list-group-item:before, .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;
    }

    .page-breadcrumb .breadcrumb li a, .page-breadcrumb .breadcrumb li.active {
        font-size: 0.85em;
    }
    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, h1 a {
        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;
    }
    .absatz .bottom-margin {
        margin-bottom: 5px;
    }
}



/* 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,
.no_visible_link strong a:hover,
.no_visible_link em a:hover,
.no_visible_link a strong:hover,
.no_visible_link a em:hover,
.rot, .red, .product_new, .nav .active, #nav_menu .active span, #nav_menu .active, .alphabet_block_list a.aktiv,
#navmenu-2 .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, #navmenu-2 .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,
#content-block .no_visible_link :not(.button) a.list-group-item:hover
{ color: #E00000!important; }


.navbar .dropdown-menu .navlevel1 > a.maintainHover,
.popover a:hover,
.left-blocks a.list-group-item:hover, .left-blocks-nav .aktiv,

form#build_form span.required_field_marker:after { color: #E00000; }
.carousel-indicators li:not(.active):hover, #head-watchlist .badge { background-color: #E00000; }



/* ------------- CONTACTS ----------- */

/* 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;}

/* x-block-productcontacts */
#blockProductContact #dataZentrale { display: none; margin-bottom: 14px; } /* Zentrale WPF, Anzeige auf Nicht - Produktseiten */
#blockProductContact form { padding-right: 15px;}
#blockProductContact form > .form-group label {font-size: small !important;}
#blockProductContact form input#plz_produkt.form-control {border: 1px solid #ccc !important;}
#blockProductContact #produkt-ansprechpartner { font-size: small; }

#produkt-ansprechpartner > div { margin: 22px 0 10px; }

#blockProductContact #produkt-ansprechpartner .produktAp {margin: 7px 15px 0 0;min-height: 82px;}
#blockProductContact #produkt-ansprechpartner p.apName { font-size: medium; }
#blockProductContact #produkt-ansprechpartner p.apName.Person { padding-top: 5px;}
#blockProductContact #produkt-ansprechpartner p.apName.Agency { padding-bottom: 8px;color: #6a7685;}
#blockProductContact #produkt-ansprechpartner .fa { font-size: x-small; height: 12px !important; vertical-align: middle !important;}
#blockProductContact #produkt-ansprechpartner .fa-phone::before {font-size: 11px !important;}
#blockProductContact #produkt-ansprechpartner p { margin-bottom: 0 !important; }
#blockProductContact #produkt-ansprechpartner p.apBild { float: left; padding-right: 12px;}
#blockProductContact #produkt-ansprechpartner p.apBild img { width: 60px; }
#blockProductContact #produkt-ansprechpartner .salesforce { margin-top: 12px;}
#blockProductContact #produkt-ansprechpartner .others > h4, #blockProductContact #produkt-ansprechpartner .salesforce > h4 {font-size: 14px !important;}

#produkt-ansprechpartner a.open-requestDialog { cursor: pointer; text-decoration: none; color: #565f6b; }
@media screen and (min-width: 768px) { #requestModal .modal-dialog { width:750px;} }
@media screen and (min-width: 992px) { #requestModal .modal-dialog { width:900px;} }
#blockProductContact #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; }



/* ------------- 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_menu { display: none; }
#nav_menu.mm-opened { display: block; }
.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: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-theme-dark { background-color: #283855; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.mm-next::before { border-left-style: none !important; }

#hamburger {
    border: none;
    border-radius: 4px;
    width: 30px;
    margin-right: 15px;
    margin-top: 11px;
    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 #navmenu-1 { border: 1px solid #00B0FF; }
.debug #navmenu-2 { 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.carousel, button, .btn , #carousel, .left-blocks, footer, #footer_bc, .print_page, .scrolltotop, .further_links, .further_addons, .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;}

    #printhead, #printLogo, .onlyPrint, .collapse
    { display:block !important; }

    /* Print Header */

    p { font-size: 12pt; }
    ul li { font-size: 12pt; }
    .no_visible_link { font-size: 12pt; }

    #printhead {
        position:absolute;
        top:10px;
        left:10px;
        width:98%;
        height:130px
    }
    #printLogo {
        position:absolute;
        top:0;
        left:0;
    }
    #printAdresse {
        position:absolute;
        top:0;
        right:0;
        width:50%;
        text-align:right;
        font-size: 10pt;
    }
    body {
        margin: 0;
        padding: 0 !important;
        background: white;
        color: #000 !important;
    }
    #page-wrapper {
        background: transparent;
        padding-top: 150px !important;
    }
    .container {
        width: auto;
    }
    #content-block,  .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 { margin-top: 10px; }
    a[href]:after { content: none; }
    a:link {
        font-weight: bold;
        text-decoration: underline;
        color: #06c;
    }
    ul { list-style-type: none !important; }
    section#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; }
 }


 /* CAREER BOXES */
.job-offering-box {
    position: relative;
    margin: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px -1px rgb(0 0 0 / 40%);
    color: #505050;
    font-weight: 400;
}

.job-offering-box .more-info {
    font-weight: 700;
    color: #0091d0;
}

.job-offering-box .inner-text {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

@media(max-width: 767px) {
    .job-offering-box .inner-text {
        font-size: 12px;
    }
}

.job-offering-box .inner-text .inner-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}