@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: /* #353e49  #474f59 */ #565f6b; /* 6a7685 */ ;
    /* font-size: 14px; */
}

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; /* #353e49  #474f59 6a7685 */ ;
}
a.btn-primary {
    color: #FFF;
}

a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
    /*    color: #D82919 !important; */
}

.hoverlink td, .closehover, .panel-toggle, .scrolltotop { cursor: pointer; }


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

.linklist a:hover, .no_visible_link strong a:hover {
    background: none;
    /*    color: #D82919 !important; */
}
#content-block .absatz a.list-group-item:hover {
    color: #D82919 !important;
    text-decoration: underline !important;
}

#content-block .absatz a.list-group-item i.fa-chevron-circle-right {
    display:none;
}
#content-block .absatz .list-group {
    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; }
/* .rot, .red, .product_new, .nav .active, #nav_menu .active span, #nav_menu .active, .alphabet_block_list a.aktiv { color: #d82919 !important; } */

.borderless,
.borderless td,
.borderless th,
.table-borderless td  {
    border: none !important;
}

.img-portfolio {     margin-bottom: 30px; }
.img-hover:hover {     opacity: 0.8; }

.abstand {
    height: 20px;
    margin-top: 20px;
}

/* Rechtsbündige Bilder in Absätzen sollen Abstand zum Text nach links erhalten */
.absatz img {     margin-top: 18px; }
.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;
}
.image_caption {
    color: #888;
    font-size: 85%;
    font-style: italic;
}

/* 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: "\f054"; /* \f054 */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.5em !important;
    width: 1.5em;
    /*font-size: 1em;*/
    color: #555;
}
/* 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 {
    /*    max-height: 200px; */
    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 {
    /*    background-color: #d82919; */
    font-size: 10px;
    padding: 1px 4px 2px 3px;
    position: relative;
    top: -7px;
    left: -5px;
}
#countryselect_dd {
    /*   min-width: 225px; */
    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 /* f5f9fa f0f5fa dce8f6 /*F5F5F5*/;}
.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;
    /* border-left: transparent;
    border-bottom:transparent; */
}
.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 {
    /*     color: #d82919; */
    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;
    /*    color: #D82919 !important; */
}

/* 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;
}
/* .popover a:hover {
    color: #d82919;
} */

#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: 130px;
    position: relative;
}

.breadcrumb-inner {
    height: 130px;
    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;  }

/* .start-page h1 {    border: none; } */

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: 15px !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;
    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;
}
section#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;
    /*    color: #e5675c !important; */ /* alternativ statt #D82919; */
}
.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 a.list-group-item:hover {
    color: #D82919;
} */


.left-blocks-nav .aktiv { font-weight:bold; /* color:#d82919; */ }
.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 */
}
.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 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 1), 0 0 35px rgba(255, 255, 255, 1); */
    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);
    /* 0 0 2px rgba(0,0,0,0.8), 1px 1px 1px rgba(0,0,0, 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 8px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 1); */
    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);
    /* 0 0 2px rgba(0,0,0,0.8), 1px 1px 1px rgba(0,0,0, 1); */
}
.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 {
    /*    background-color: #D82919; */
    opacity: 0.9;
}
.carousel-indicators li.active {
    /* background-color: #FFF !important; */
    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;
    /*    color: #d82919; */
    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;
}
/* #build_form.unsubscribe, #build_form.well {     background-image: none !important;     background-color: #FFF !important;     border:none !important;     box-shadow: none !important; } */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 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 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;
}
.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; }
    header.carousel { /* height: auto; */ }
    .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; }
    header.carousel { /* height: 35%; */ }
    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 { /* height: 35%; */ }
    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;
    }
}
@media(max-width: 767px) {     /* nur XS  */
    body, .tooltip, .popover {
        font-size: 16px !important;
    }
    body, .tooltip, .popover, a, a:link, a:visited {
        color: #474f59 /* #353e49 #474f59 #565f6b; 6a7685 */ ;
    }
    #navmenu-1 ul { margin-bottom: 0; }
    #head-watchlist {
        position: relative;
        /* top: -17px; */
    }
    #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;
    }
    /*  #countryselect_dd { top: 0; margin-right: -15px; } */
    #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 {
        /* width:70%; */
        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; }
}



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



/* ------------- default_HIN ----------- */
/* Update HIN, 14.07.2016: AP Select: ul li Zeilenabstand entfernen */
form#kontakt-ansprechpartner ul > li { line-height: 0 !important; }

/* *** ANSPRECHPARNTER  *** */
/* Kontaktseite mit Ansprechpartnerselektion */
.plzBlock, .selProductBlock, .selUSStateBlock { display: none; }

/* Ansprechpartner für Produktseiten */
#outputContainer { display: none; }
#blockProductContact #dataZentrale { display: none; margin-bottom: 14px; }
form#produkt-ansprechpartner { font-size: small; }

form#produkt-ansprechpartner .produktAp {
    margin: 0 15px 3px 0;
    background-color:  rgba(245,245,245, .9);
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 84px;
}
form#produkt-ansprechpartner p.apName { font-size: medium; }
form#produkt-ansprechpartner .fa { font-size: x-small; }
form#produkt-ansprechpartner p { margin-bottom: 0 !important; }
form#produkt-ansprechpartner p.apBild { float: left; padding-right: 3px; }
form#produkt-ansprechpartner .imageap  {
    background-color:  rgba(245,245,245, .9);
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}
.content_block-list-ap { padding-top: 10px; border-top: 1px solid #ddd; }
#approduktseite { padding-right: 15px }

/* --- Kontakt/Weltweit Filter für Ansprechpartner, Formatierung Panel Heading und Body --- */
div#dataKontaktZentrale > .panel > .panel-heading, div#dataKontaktseite > .panel > .panel-heading {     font-size: medium; }
div#dataKontaktZentrale > .panel > .panel-body, div#dataKontaktSeite > .panel > .panel-body {     font-size: inherit; }


/* ------------- default_WPf -------------  */

/* 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, .print_page, .scrolltotop, .further_links, .further_addons, .linkfull, .fa, ul.pagination, a.list-group-item
    { display: none !important; }

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

    /* Print Header */
    #printhead {
        position:absolute;
        top:8px;
        left:11px;
        right:11px;
        width:768px;
        height:130px
    }
    #printLogo {
        position:absolute;
        top:0;
        left:0;
    }
    #printAdresse{
        position:absolute;
        top:13px;right:0;
        font-family:Georgia, ‘Times New Roman’,
        serif;font-size:11px;width:280px;text-align:right;
    }
    body {
        margin: 0;
        padding: 0 !important;
        min-width: 768px;
        background: white;
        font-family: Georgia, ‘Times New Roman’, serif;
        color: #000 !important;
    }
    #page-wrapper {
        background: transparent;
        padding-top: 100px !important;
    }
    .container {
        width: auto;
        min-width: 750px;
    }
    a[href]:after { content: none; }
    a:link {
        font-weight: bold;
        text-decoration: underline;
        color: #06c;
    }
    p { font-size: 12pt; }
    ul { list-style-type: none !important; }
    ul li { font-size: 12pt; }
    .no_visible_link {  font-size: 12pt; }
    section#unternehmensgruppe { page-break-before: always; }
    #messeblock-startseite .list-group-item { float: left !important; }
    .panel { border: none !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; }
}