/*
Theme Name: BIQ Medical
Theme URI: http://www.biq-medical.com
Author: 2 mal mit Profis
Author URI: http://www.2malmitprofis.de/
Description: Das neue Theme für die Homepage.
Version: 1.0
*/

.hellgruen { color: #f4f6ed; }
.dunkleresgruen { color: #97a855; }
.hellgrau { color: #8f8f8f; }
.dunkleresgrau { color: #5d5d5c; }
.hellblau { color: #718dba; }

.shadow { -webkit-filter: drop-shadow( 1px 1px 2px #333 ); filter: drop-shadow( 1px 1px 2px #333 ); }

.clearfloat { clear: both; float: none; }

html, body { font-family: 'Lato', sans-serif !important; font-size: 14px; font-weight: 400; line-height: 26px; color: #5d5d5c; }

h1 { color: #718dba !important; font-size: 30px !important; margin-top: 10px !important; }
h2 { color: #718dba !important; font-size: 25px !important; margin-top: 28px !important; }
h3 { color: #5d5d5c !important; font-size: 20px !important; margin-top: 0px !important; font-weight: bold; }
h4 { color: #718dba !important; font-size: 18px !important; margin-top: 28px !important; }
h5 { color: #718dba !important; font-size: 16px !important; font-weight: bold !important; margin-top: 20px !important; }
h6 { color: #718dba !important; font-size: 14px !important; font-weight: bold !important; margin-top: 20px !important; }

h1:first-child, h2:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0px !important; }

hr { border-top: 2px solid #718dba !important; }

table { width: 100%; border: 0px; margin: 20px 0px 20px 0px; }
table td { padding: 5px; margin: 5px; border: 0px; }

table thead tr { color: #718dba; background-color: #fff; border-bottom: 1px solid #718dba; }
table thead th { padding: 5px; margin: 5px; }
table tbody tr:nth-child(even) { background-color: #fff; }
table tbody tr:nth-child(odd) { background-color: #f8f8f8; }

a { color: #97a855; }
a:hover { text-decoration: none; color: #718dba; }

img[class*="align"], img[class*="wp-image-"] { height: auto; }
img.size-full { max-width: 100%; width: auto; }

.vcenter { display: inline-block; vertical-align: middle; float: none; }

/****************/

.biq-content ul { list-style: none; padding:0; }
.biq-content ul li { list-style: none; margin: 2px 0px 2px 25px; }
.biq-content ul li:before { content: "///"; color: #718dba; margin-right: 10px; margin-left: -25px; }

.biq-content a { color: #97a855 !important; }
.biq-content a:hover { color: #718dba !important; }

/* NAVIGATION */
body { padding-top: 405px; }

nav { z-index: 50000; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; }

.biq-nav { background-color: #FFF !important; border: 0px !important; }
.biq-nav .container { padding: 0px; }
.biq-nav .navbar-collapse { border: 0px !important; text-align: center; }
.biq-nav .navigation-wrapper { width: 100%; height: 330px; border-bottom: 10px solid #FFF; margin-top: 30px; }
.biq-nav .navbar-brand { float: none; height: 320px; padding: 0px !important; margin: 0px !important; position: absolute; top: 30px; left: 0px; width: 100% !important; font: 0px/0 a !important; text-shadow: none !important; color: transparent !important; display: block !important; }

.biq-nav .navbar-collapse { position: relative; background-color: rgb(255, 255, 255) !important; width: 100%; height: 42px !important; top: -100px; padding: 0px 0px 15px 0px; margin: 0px; }
.biq-nav .navbar-collapse ul { position: relative; width: -moz-fit-content; margin: 0px auto; float: none !important; clear: both !important; display: inline-block; margin: 0; padding: 0; zoom:1; *display: inline; text-transform: uppercase; }
.biq-nav .navbar-collapse ul li a { font-size: 20px; font-weight: 900;  letter-spacing: 0.015em; color: #718dba; padding: 9px 25px 10px; }

.navbar-toggle { background-color: transparent !important; margin-right: auto !important; float: left !important; margin-top: 0px !important; margin-left: 34px !important; z-index: 5000; }
.navbar-toggle:focus, .navbar-toggle:hover {  }
.navbar-toggle { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border: 0px !important; }
.navbar-toggle .icon-bar { background-color: #5d5d5c; width: 45px !important; height: 8px !important; border-radius: 0px !important; border: 1px solid #FFF; }

.navigation-headline-logo-wrapper { position: fixed; left: 0px; top: 60px; width: 100%; text-align: center; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; }
.navigation-headline-wrapper,
.navigation-logo-wrapper { position: relative; display: block; width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; }

h1.header-headline { position: relative; color: #FFFFFF !important; font-weight: 900; font-size: 36px !important; padding-top: 40px !important; margin: 0px 20px 20px 20px !important; }
img.header-logo { position: relative; width: 200px; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; }

.fixed { top: -160px !important; height: 70px !important; }

.fixed .navigation-logo-wrapper { margin-top: -130px; }
.fixed img.header-logo { width: 200px; }
.fixed h1.header-headline { opacity: 0; }

.header-logo-resp { display: none; }

.biq-nav .navbar-collapse ul li ul.dropdown-menu { position: absolute !important; border: 0px !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; display: none !important; text-transform: none; }
.biq-nav .navbar-collapse ul li ul.dropdown-menu li a { font-weight: 400; letter-spacing: normal; }
.biq-nav .navbar-collapse ul li ul.dropdown-menu li a:before { content: "///"; margin-right: 10px; }
.biq-nav .navbar-collapse ul li.dropdown:hover ul.dropdown-menu { display: inline !important; }

.breadcrumb-wrapper { margin-bottom: 50px; font-size: 12px; color: #718dba; text-transform: uppercase; }
.breadcrumb-wrapper a { color: #718dba; }

.widget-header { position: relative; height: 30px; max-height: 30px; font-size: 12px; line-height: 28px; color: #8f8f8f; background-color: #FFF; overflow: hidden; z-index: 1000000; }
.widget-header ul.language-chooser { list-style: none; float: right; }
.widget-header ul.language-chooser li { float: left; margin-right: 8px; }
.widget-header ul.language-chooser li:last-child { float: left; margin-right: 0px; }

.nav-footer { margin-top: 32px; }
.nav-footer .navbar-nav-footer { list-style: none; font-size: 12px; padding: 0px; margin: 0px; }

navbar-default .navbar-collapse ul > li.active { color:#fff !important; background-color:#97a855 !important; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color:#fff !important; background-color:#97a855 !important; }

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-collapse ul > li.active { color: #97a855 !important; background-color: transparent !important; }

.navbar-default .navbar-collapse ul > li.current-menu-ancestor a { color: #97a855 !important; }

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #5d5d5c !important; background-color: #EDEDED !important; }
.navbar-default .navbar-collapse ul li.current-menu-parent ul li a { color: #718dba !important; }
.navbar-default .navbar-collapse ul li.current-page-parent ul li.current_page_item a { color: #FFF !important; } /* Aktueller Subnavi-Punkt */
.navbar-default .navbar-collapse ul li.current-page-parent ul li a:hover { color: #718dba !important; text-decoration: none !important; background-color: #f5f5f5 !important; }
.navbar-default .navbar-collapse ul li.current-page-parent ul li a:focus { color: #718dba !important; text-decoration: none !important; background-color: #f5f5f5 !important; }

/* */

.topcontainer						{ border-top: 3px solid #718dba; }

/* TEASER-BOX */
.teaserbox-wrapper					{ position: relative; margin-bottom: 50px; }
.teaserbox 							{ z-index: 100 !important; position: static; display: block; width: 100%; height: 400px; overflow: hidden; text-align: center; }

.teaserbox .background-img			{ z-index: 200 !important; position: absolute; background-position: 50% 85%; background-size: 100%; width: 100%; height: 400px; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; }

.teaserbox .overlay 				{ z-index: 300 !important; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #718dba; opacity: 0; transition:opacity 0.35s; -webkit-transition:opacity 0.35s; -o-transition:opacity 0.35s; -moz-transition:opacity 0.35s; }
.teaserbox a						{ z-index: 400 !important; position: absolute; top: 0px; left: 0px; width: 100%; height: 250px; border: 0px; }
.teaserbox h1						{ z-index: 500 !important; position: absolute; margin: auto; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: normal; margin-top: 0px !important; font-size: 40px; letter-spacing: 0.025em; font-weight: 900 !important; color: #FFF !important; text-transform: uppercase; opacity: 0; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; -moz-transition:opacity 0.5s; }

.teaserbox:hover .background-img	{ background-size: 115%; cursor: pointer; }
.teaserbox:hover h1					{ opacity: 1; }
.teaserbox:hover .overlay			{ opacity: 0.8; }

/* CONTENT */
.introtext { font-size: 25px; line-height: 37px; color: #5d5d5c; text-align: center; font-weight: 300; margin-bottom: 45px; }
.firsttext { color: #5d5d5c; font-weight: 400; margin-bottom: 45px; }

.biq-content row { margin-bottom: 10px; }

/* Info-Container auf der Start- und der Produktseite */
.info-container-wrapper { display: table; width: 100%; height: 100%; padding: 10px 15px 15px 15px; }
.info-container { display: table-cell; vertical-align: top; height: 100%; width: 50%; }
.info-container.left { padding-right: 15px; }
.info-container table { border-collapse: collapse; border-spacing: 0; border: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; }

.info-container table tr td { margin: 0px; padding: 0px; }
.info-container table tr td.biqicon-col { background-color: #97a855; text-align: center; vertical-align: middle; width: 80px; }
.info-container table tr td.biqicon-col img { width: 80px; padding: 10px; height: auto; }
.info-container table tr td.content-col { background-color: #fff; text-align: left; vertical-align: text-top; padding-left: 10px; }

.info-container a { color: #5d5d5c; }
.info-container a:hover { text-decoration: none; color: #718dba; }

.info-container h1,
.info-container h2,
.info-container h3,
.info-container h4,
.info-container h5,
.info-container h6 { color: #97a855 !important; }
.info-container h1 { font-size: 20px !important; margin-top: 0px !important; }

.biq-news { height: 160px; overflow: auto; }
.biq-news h1,
.biq-news h2,
.biq-news h3,
.biq-news h4,
.biq-news h5,
.biq-news h6 { color: #97a855 !important; }

/* FOOTER */
footer { background-color: #97a855; color: #FFF; font-weight: 400; font-size: 1em; padding-top: 45px; padding-bottom: 30px; }
footer h1, footer h2, footer h3, footer h4, footer h5 { color: #FFF; }
footer a { color: #FFF !important; font-weight: 900; }
footer a:hover { color: #5d5d5c !important; text-decoration: none !important; }

.footer-col-1, .footer-col-2, .footer-col-3 { margin-bottom: 20px; }

h1.footer-letter { color: #FFF !important; }
h1.footer-letter img { width: auto; height: 28px; margin-top: -7px; padding: 0px; }
h1.footer-letter img.biq-b { margin-right: 1px; }
h1.footer-letter img.biq-i { margin-right: 1px; }
h1.footer-letter img.biq-q { margin-right: 4px; }
img.concision-footer-logo { height: 28px; width: auto; display: block; border: 0px; }
img.germany-footer-logo { width: 100px; height: auto; display: inline-block; border: 0px; float: left; margin-right: 10px; }

a.social-icon { margin-right: 10px; }
footer small { font-size: 12px; line-height: 12px; font-weight: 300; }

/* ACCORDEON - FOOTER */
#accordions-398 { background-color: transparent !important; }
#accordions-398 .accordions-head:focus { outline-style: none !important; outline-width: 0 !important; outline-color: transparent !important; }
#accordions-398 .ui-corner-bottom { -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border: 0px !important; }

#accordions-398 .ui-state-hover,
#accordions-398 .ui-state-focus,
#accordions-398 .ui-accordion-header-active,
#accordions-398 .ui-state-active,
#accordions-398 .accordions-head { background: transparent !important; background-color: transparent !important; border: 0px !important; }

#accordions-398 .accordion-content { background-color: transparent !important; }
#accordions-398 .accordion-icons { font-size: 16px; line-height: 32px; float: right; color: #FFF !important; }

.accordions-head-title img { width: auto; height: 28px; margin-top: -7px; padding: 0px; }
.accordions-head-title img.biq-b { margin-right: 1px; }
.accordions-head-title img.biq-i { margin-right: 1px; }
.accordions-head-title img.biq-q { margin-right: 4px; }

.footer-resp-social { text-align: center; margin-top: 50px; }
.footer-resp-social .social-link { display: inline-block; }

/* FORMULAR */
.form-control:focus { border-color:#718dba; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(113,141,186,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(113,141,186,.6); }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; width: 100%; background-color: #EAEAEA !important; }
select::-ms-expand { display:none; }
.lt-ie10 select { background-image: none; }

.form-control, select { border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
.btn-primary { width: 100% !important; background-color: #97a855 !important; color: #FFF !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border: 1px solid #97a855; }
.btn-primary:hover { background-color: #718dba !important; border: 1px solid #718dba !important; }

.alert { padding:15px !important; margin-bottom:20px !important; border:1px solid transparent !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
.alert-warning { color:#718dba !important; background-color:#f4f6ed !important; border-color:#718dba !important; }

/* SCROLL-TOP-ICON */
#scrollUp { padding: 10px 10px !important; }
#scrollUp .scroll-top i.icon-up-open { width: auto; }
[class^="icon-"], [class*=" icon-"] { margin-top: 5px !important; }

/* SITEMAP */
#sitemap_pages h3 { display: none; }
#sitemap_pages ul li ul.children { margin-left: 24px; }