/*
Theme Name: Becker Sicherheit
Description: WordPress-Theme für becker-sicherheit.de
Author: Jing Zhou | www.rundum.digital
Author URI: http://www.rundum.digital
Version: 1.2// August 2020
*/

/* -------------------------------------------------------------------------------------- */
/* CSS STYLE TABLE OF CONTENT */
/* -------------------------------------------------------------------------------------- */
/* 
- 1.0 Basic Styles/General Structure
- 2.0 Headings
- 3.0 Links
- 4.0 Lists
- 5.0 Header
- 6.0 Navigation
--- 6.1 Parent Navigation Elements
--- 6.2 Child Navigation Elements
- 7.0 Main Content
--- 7.1.0 Pages
----- 7.1.1 Front-Page
----- 7.1.2 404 Error Page
----- 7.1.3 Search Result Page
----- 7.1.4 Contact Page
--- 7.2.0 Posts
----- 7.2.1 Categories/Archives
----- 7.2.2 Single Posts
----- 7.2.3 Comments
--- 7.3.0 Custom Post Types (CPT)
----- 7.3.1 CPT/Taxonomy Archive
----- 7.3.2 Single Custom Post Type
- 8.0 Sidebar
- 9.0 Footer
- 10.0 Misc
*/


/* -------------------------------------------------------------------------------------- */
/* 1.0 Basic Styles/General Structure
/* -------------------------------------------------------------------------------------- */

body {
font-family: 'Titillium Web', sans-serif;
font-size: 10px;
font-size: 1rem;
background: #fff;
margin: 0;
padding: 0;
position: relative;
color: #010101;
}


body p {
line-height: 1.52857143;	
}

/* ===== Wrapper ===== */

#pagewrapper {

}

#headerwrapper {
background: url('images/gitter.png') left center repeat #242e49;
}

#header-image-wrapper {

}

#containerwrapper {
border-top: 15px solid #fff;
}

#containerwrapper {
font-size: 15px;
font-size: 1.5rem;
background: #fff;
}

/* ===== Image Alignment ===== */


img.width_auto {
width: auto!important;
}

/* -------------------------------------------------------------------------------------- */
/* 2.0
/* -------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
font-weight: 700;
color: #00455E;
}

h1#title {
	margin-top: 0;
}

h2 {
			letter-spacing: 1px;
}

h2.section-h {
	margin-top: 0;	
	font-size: 24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	border-bottom: 2px solid #00455E;
	margin-bottom: 60px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 3px;

}

#mobile-title {
	margin-top:0;
	margin-bottom: 0;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 1px;
}

/* -------------------------------------------------------------------------------------- */
/* 3.0 Links
/* -------------------------------------------------------------------------------------- */


a, a:visited {
	-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
color: #00455E;
  /* color: rgba(255,178,184,1); */
}

a:hover, a:focus, a:active {
	text-decoration: none;
color: #00455E;
}

a.btn-rd-default {
	background: #00455E;
	color: #000;
	border: 2px solid #000;
	border-radius: 0;
}

a.btn-rd-default:hover, a.btn-rd-default:focus {
	background: #000;
	color: #fff;
	border: 2px solid #000;
}

a.btn-black:hover, a.btn-black:focus {
	background: #fff;
	color: #000;
	border: 2px solid #00455E;
	border-radius: 0;
}

a.btn-black {
	background: #00455E;
	color: #fff;
	border: 2px solid #00455E;
}

h2 a {
	color: #000!important;
}

/* -------------------------------------------------------------------------------------- */
/* 4.0 Lists
/* -------------------------------------------------------------------------------------- */


ul, ol {
}

ul li, ol li {
	margin: 0;
	padding: 0;	
	list-style-type: square;
		list-style-position: outside;
}






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

 /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
  }

  .affix + .container-fluid {
      padding-top: 180px;
  }
  
  
#bild {
	background: #ededed;
}

@media (min-width: 1200px) {
#topbar-left {
	position: absolute;
	left: 30px;
	top: 110px;
}

#topbar-left .widget-title {
	color: #fff!important;
	/* transform: rotate(-10deg); */
	font-size: 2.9rem;
}
}

@media (max-width: 1199px) {
#topbar-left {
	display: none;
}

}
#topbar {
	position: relative;
	top: -80px;
	left: 1080px;
	color: #fff;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold;
}

#topbar p {
	margin-bottom: 0;
}

#topbar strong {
	font-size: 24px;
	font-size: 2.4rem;
}

#topbar a {
	color: #fff;
}

#header-title {
	background: #fff;
	color: #000;	
}

#title {
	margin-bottom: 0;
}

#header-title h1 {
	margin: 0;
}


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


/* -------------------------------------------------------------------------------------- */
/* 6.1 Parent Navigation Elements
/* -------------------------------------------------------------------------------------- */

  
#desktop-nav {
background: transparent;
z-index: 999;
margin-top: -30px;
}

div#main-menu {
 text-align: center;
}

div#main-menu ul {
font-size: 16px;
font-size: 1.6rem;
	display: inline-block;
  float: none;
font-weight: bold;
}

div#main-menu ul li {
letter-spacing: 1px;
}

div#main-menu ul li:last-child {

}

div#main-menu ul li a {
	font-size: 16px;
	font-size: 1.6rem;
}

div#main-menu ul li a, div#main-menu ul li.active a {
border-radius: 0;
background: transparent;
color: #fff;
-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#main-menu ul li.current-menu-item, div#main-menu ul li.current_page_item, div#main-menu ul li.current-page-ancestor, div#main-menu ul li.current-menu-ancestor, div#main-menu ul li.current-menu-parent, div#main-menu ul li.current-page-parent, div#main-menu ul li.current_page_parent, div#main-menu ul li.current_page_ancestor {
border: none;
color: #fff;
} 

div#main-menu ul li.current-menu-item a, div#main-menu ul li.current_page_item a, div#main-menu ul li.current-page-ancestor a, div#main-menu ul li.current-menu-ancestor a, div#main-menu ul li.current-menu-parent a, div#main-menu ul li.current-page-parent a, div#main-menu ul li.current_page_parent a, div#main-menu ul li.current_page_ancestor a{ 
color: #fff;
}

div#main-menu ul.sub-menu {
	display: none;
	left: 0;
    right: auto;
	margin: 0;
	border-radius: 10px;
	padding: 10px 15px 15px;
	/* width: 100%; */
	box-shadow: none;
	border: 0;	
	background: transparent;
}

div#main-menu ul.sub-menu::before {
	display: block;
	content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 18px 9px;
border-color: transparent transparent #00455E transparent;
position: absolute;
    top: -8px;
    left: 50px;
}

div#main-menu li.menu-item-has-children:hover ul.sub-menu {
	display: block;
	
}

div#main-menu ul.sub-menu li {
	border-bottom: 0px solid rgba(0,0,0,.15);
	list-style: none;


}

div#main-menu ul.sub-menu li:first-child a {
		border-radius: 10px 10px 0 0;
}

div#main-menu ul.sub-menu li:last-child a {
	border-radius: 0 0 10px 10px;

}

div#main-menu ul.sub-menu li:last-child {
	border: 0;

}

div#main-menu ul.sub-menu li a {
	background: #00455E;
		padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
}

div#main-menu ul.sub-menu li a, div#main-menu ul.sub-menu li a:hover  {
	border-bottom: 0;

  color: #fff;
}

div#main-menu ul.sub-menu li.active a, div#main-menu ul.sub-menu li a:hover {
background: #2b2b2b;	
color: #fff;
}


/* ===== Mobile Navigation ===== */


#mobile-nav nav {
	background: #fff;
	border: 0;
	margin-bottom: 0;
}

#mobile-nav nav button.navbar-toggle {
	border: 0;
	margin-right: 0;
	float: left;
	position: absolute;
	top: 20px;
	left: 0;
}

#mobile-nav nav button.navbar-toggle:hover, #mobile-nav nav button.navbar-toggle:active, #mobile-nav nav button.navbar-toggle:focus {
	border: 0;
	background: transparent;
	margin-right: 0;
}

#mobile-nav nav button.navbar-toggle .icon-bar {
	background: #000;
}

#mobile-nav-box {
margin-top: 0px;
}

#mobile-menu {
	border: 0;
	box-shadow: none;
	padding-left:0;
	padding-right: 0;
	font-size: 1.5rem;
	font-size: 15px;
}

#mobile-nav-box #mobile-menu ul.parent li {
	margin: 0;
}


#mobile-nav-box #mobile-menu ul.parent > li > a {
	color: #000;
	border-radius: 0;
	text-align: left;
	margin: 0;
}

#mobile-nav-box #mobile-menu ul.parent > li > a:hover, #mobile-nav-box #mobile-menu ul.parent > li.current_page_paren > a, #mobile-nav-box #mobile-menu ul.parent > li.current_page_item > a, #mobile-nav-box #mobile-menu ul.parent > li.active > a, #mobile-nav-box #mobile-menu ul.parent > li > a:active, #mobile-nav-box #mobile-menu ul.parent > li > a:focus {
	border-radius: 0;
	background: #fff;
	color: #00455E;
}

 #mobile-menu .dropdown-menu {
position: relative;
width: 100%;
border: 0;
border-radius: 0;
margin: 0;
bottom:0;
float: none;
padding: 0;
}
#mobile-menu .dropdown-menu li {
	padding: 0;
}

#mobile-menu .dropdown-menu li a {	
	font-size: 1.5rem;
	font-size: 15px;
	padding: 10px 30px;
}

#mobile-menu .dropdown-menu li.active a, #mobile-menu .dropdown-menu li a:hover, #mobile-menu .dropdown-menu li a:active, #mobile-menu .dropdown-menu li a:focus {
	background: #fff!important;
	color: #00455E;
}

/* -------------------------------------------------------------------------------------- */
/* 6.2 Child Navigation Elements
/* -------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------- */
/* 7.0 Main Content
/* -------------------------------------------------------------------------------------- */

.row.single {
		background: url('images/blueblue-bg.png') left 50% top repeat transparent;
		color: #7e7d7d;
		padding-top: 60px;
}


.row.single section.content {
	color: #fff;

}

#content ul li:before {
	font-family: FontAwesome;
    content: "\f0da";
	margin-right: 10px;
} 

#content ul li {
	list-style-type: none;
}

.row.single .single-page-h {
	color: #fff;
	margin-top: 0;
	font-size: 22px;
	font-size: 2.2rem;
}

.single-page-col a {
	color: #fff;
	background: #00455E;
	padding: 1px 5px;
}

/* -------------------------------------------------------------------------------------- */
/* 7.1.0 Pages
/* -------------------------------------------------------------------------------------- */
.row.page {
	padding-top: 60px;
	color: #7e7d7d;
	background: #ededed;
}

.page-title {
	
	
}



/* ===== Firma-Übersicht ===== */

#firma-childrens {
	text-align: center;
}

#firma-childrens article {
	display: inline-block;
	text-align: left;
	/* float: none; */
	width: 33%;
	margin-bottom: 30px;
}

#firma-childrens article a {
	color: #010101;
}


#service-childrens article a {
	color: #010101;
	
}


#firma-childrens div.child-title {
	padding-top: 15px;
}

#service-childrens div.child-title, #firma-childrens div.child-title {
	padding-left: 0;
	
}

#service-childrens div.child-img, #firma-childrens div.child-img {
	padding-right: 10px;
}

/* -------------------------------------------------------------------------------------- */
/* 7.1.1 Front-Page
/* -------------------------------------------------------------------------------------- */


.section.row {
padding-top: 0px;
border-top: 15px solid #fff;	
padding-bottom: 0px;
}

.first-section.row {
	border: 0;

}

/*===== CHILDPAGES PRODUKTE =====*/

#produkte {
	background: #ededed;
	padding-bottom: 20px;
	padding-top: 60px;
}

#produkte article, #produkte2 article {
	min-height: 124px;
}

h3.media-heading  {
	color: #252525;
	font-size: 14px;
}

.grid-produkte a {
	color: #010101;
}

.media-left img {
	width: 70px;
	height: auto;
}

.media-body {
	position: relative;
}

.media-body p {
	margin-bottom: 0;
	position:absolute; left:0;
	font-size: 13px;
	font-size: 1.3rem;
}


/*===== CHILDPAGES WILLKOMMEN =====*/

#willkommen {
		background: url('images/blueblue-bg.png') left 45% top repeat transparent;
		color: #7e7d7d;
		padding-top: 54px;
		padding-bottom: 50px;
}

#willkommen .h3-green {
	font-size: 22px;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: #fff;
} 

.h3-green a {
	color: #fff;
}
#willkommen h2 {
	color: #fff;
	margin-top: 0;
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing: 4px!important;
		margin-bottom: 40px;
}

#willkommen .p-white {
	color: #fff;
	margin-top: 0;
	font-size: 16px;
	font-size: 1.6rem;

}

.sec-h3 h3 {
	border-bottom: 2px solid #fff;
	display: inline-block;
}
strong.white {
	color: #fff;
}

/*===== CHILDPAGES NEWS =====*/


#news {
	background: #fff;
	color: #7e7d7d;
	padding-top: 50px;
	padding-bottom: 50px;
		}

.news-h {
	margin-bottom: 20px!important;
}		
		
#news h3 {
	display: inline-block;
	border-bottom: 1px solid #00455E;
}

#blogposts-carousel .carousel-control {
	background: transparent;
}

.carousel-control {
	opacity: 1.0;
}

.glyphicon-triangle-left-img {
	    margin-left: 0px;
			width: 11px;
    height: 14px;
    margin-top: -10px;
    font-size: 30px;
	left: 0%;
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
	color: #00455E;
}

.glyphicon-triangle-right-img {
	    margin-right: 0px;
		width: 11px;
    height: 14px;
    margin-top: -10px;
    right: 0%;
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
	color: #00455E;
}

/*===== CHILDPAGES REFERENZEN =====*/

#referenzen {
background: #ededed;
padding-top: 50px;	
}

.grid-referenzen {

}

.grid-referenzen:first-of-type {
	padding-left: 15px;
	padding-right: 0;
} 

.grid-referenzen:nth-child(odd) {
	padding: 0 8px;
} 

.grid-referenzen:nth-child(odd) img {
	max-height: 216.98px;
}

.grid-referenzen:last-of-type {
	padding-right: 15px;
	padding-left: 0;
} 

.ref-h {
	color: #252525;
	border: 0!important;
	margin-bottom: 14px!important;
	
}

.ref-h small {
	float: right;
	text-transform: none;
	border-bottom: 2px solid #7e7d7d;
	padding-bottom: 3px;
	font-style: italic;
}

.small-title {
	font-style: italic;
	color: #7e7d7d;
}

/*===== CHILDPAGES LIEFERANTEN =====*/

#lieferanten {
	background: #fff;
	padding-top: 85px;	
}

/* .grid-lieferanten:last-of-type {
	padding-right: 0;
}

.grid-lieferanten:last-of-type img {
	float: right;
	margin-right: 20px; 
} */

#partner-slider {
	padding-top: 50px;
}



#partner-slider .carousel-control {
	background: transparent;
	width: 5%;
	z-index: 99;
}


#partner-slider a.left.carousel-control {
left: 15px;
}

#partner-slider a.right.carousel-control {
right: 15px;
}

.lief-h {
	color: #7e7d7d;
	border: 0!important;
	margin-bottom: 20px!important;
	padding-bottom: 3px;
	border-bottom: 2px solid #7e7d7d!important;
}

#partner-slider h2 {
	color: #00455E!important;
		border-bottom: 2px solid #00455E!important;
}

.lief-h small {
	float: right;
	text-transform: none;
	font-style: italic;
}

.lieferant-image {
	/* min-height: 200px; */
	float: left;
	display: inline-block;
}

.lieferant-image img {
	-webkit-filter: opacity(50%); /* Safari 6.0 - 9.0 */
    filter: opacity(50%);
	max-width: 200px;
	width: 100%;
	height: auto;
	padding: 10px 15px;
}

.lieferant-image img:hover {
	-webkit-filter: opacity(100%); /* Safari 6.0 - 9.0 */
    filter: opacity(100%);
		max-width: 200px;
	width: 100%;
	height: auto;
}
.p-logo-item {
	margin-bottom: 30px;
}

.p-logo-item img {
	-webkit-filter: opacity(50%); /* Safari 6.0 - 9.0 */
    filter: opacity(50%);
	max-height: 35px;
	width: auto;
}

.p-logo-item img:hover {
	-webkit-filter: opacity(100%); /* Safari 6.0 - 9.0 */
    filter: opacity(100%);
	max-height: 35px;
	width: auto;
}
/* ----------------------
 * 
 * ---------------------------------------------------------------- */
/* 7.1.4 Contact Page
/* -------------------------------------------------------------------------------------- */

/* ===== Social Icons ===== */

#social-icons-group ul {
	margin: 0;
	padding: 0;
}

#social-icons-group ul li {
	display: inline-block;
	text-align: left;
}

#social-icons-group ul li#facebook-icon a {
	color: #3b5a9a;
}

#social-icons-group ul li#facebook-icon a:hover {
	color: #324b80;
}

#social-icons-group ul li#google-icon a  {
	color: #df4b38;
}

#social-icons-group ul li#google-icon a:hover  {
	color: #b53e2b;
}

#social-icons-group ul li#twitter-icon a {
	color: #29a9e1;	
}

#social-icons-group ul li#twitter-icon a:hover {
	color: #288bb7;	
}

#social-icons-group ul li#linkein-icon a {
	color: #117bb8;	
}
#social-icons-group ul li#linkein-icon a:hover {
	color: #116698;	
}

#social-icons-group ul li#youtube-icon a {
	color: #cb312e;	
}
#social-icons-group ul li#youtube-icon a:hover {
	color: #a32a22;	
}

#social-icons-group ul li#vimeo-icon a {
	color: #1eb8eb;	
}
#social-icons-group ul li#vimeo-icon a:hover {
	color: #1a96bf;	
}

#social-icons-group ul li#xing-icon a {
	color: #00605e;	
}
#social-icons-group ul li#xing-icon a:hover {
	color: #004745;	
}

#social-icons-group ul li#tumblr-icon a {
	color: #2f4f6e;	
}
#social-icons-group ul li#tumblr-icon a:hover {
	color: #233c51;	
}

#social-icons-group ul li#pinterest-icon a {
	color: #cd2129;	
}
#social-icons-group ul li#pinterest-icon a:hover {
	color: #a61d1d;	
}

#social-icons-group ul li#flickr-icon a {
	color: #ed1384;	
}

#social-icons-group ul li#flickr-icon a:hover {
	color: #bb1c6c;	
}

#social-icons-group ul li#instagram-icon a {
	color: #5280a5;	
}
#social-icons-group ul li#instagram-icon a:hover {
	color: #446885;	
}

/* ===== Contactform 7 ===== */

.wpcf7 form, .wpcf7 form input, .wpcf7 form textarea, .wpcf7 form select {
width: 100%;
}

.wpcf7 form input, .wpcf7 form textarea, .wpcf7 form select  {
font-weight: 400;
border: 1px solid rgba(0,0,0,0.8);
/* color: rgba(255,178,184,1);
background: #fff;
padding: 5px;
margin-bottom: 15px;
color: #000;
-webkit-appearance: none;
border-radius: 0;
}

select#anrede {
	width: 70px;
}

.lk-textarea {
	height: 220px;
}

::-webkit-input-placeholder {
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
   color: black;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}

.wpcf7-not-valid {
border: 0px solid #f00!important;
}

.wpcf7 form input.wpcf7-submit {
padding: 5px 30px;
    background: #00455E!important;
	color: #fff;
	text-transform: uppercase;
   border: 0px solid #DDD;
    border-radius: 0px;
	margin: 5px 0;
	width: auto;
}
.wpcf7 form input.wpcf7-submit:hover {
    background: #00455E!important;
}

.wpcf7 form h4 {
margin-top: 20px;
margin-bottom: 20px;
color: #337ab7;
}

.wpcf7 form p {
margin-bottom: 0;
}

.wpcf7 form .col-md-4 p, .wpcf7 form .col-md-8 p {
margin-bottom: 10px;
}

img.ajax-loader {
width: auto;
}

span.required {
color: rgba(255,178,184,1);
}

.wpcf7 label {
	width: 100%;
}
/* -------------------------------------------------------------------------------------- */
/* 7.2.0 Posts
/* -------------------------------------------------------------------------------------- */

article.article-row {
	
}

.article-divider-icon:last-child {
	display: none;
}

.article-featured-image {
	border: 1px solid #ddd;
	padding: 10px 10px 25px;
-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.5);
}

.read-more a {
	padding: 0;
	padding-bottom: 2px;
	border: 0;
	border-bottom: 1px;
	border-style: solid;
}

.read-more a .read-more-icon{
	padding-left: 0;
	-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
}

.read-more a:hover .read-more-icon{
	padding-left: 10px;
}

#pagination-navigation {
	padding-left: 15px;
	padding-right: 15px;
}
	
#pagination-navigation ul {
	margin:0;
}
#pagination-navigation ul li a {
	border: 2px solid #fff;
	border-radius: 0;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	    padding: 6px 15px;
}

#pagination-navigation ul li a:hover {
	border: 2px solid #000;
	background: #fff;
	border-radius: 0;
	
}

#pagination-navigation ul li.active a {
	border: 2px solid #000;
	background: #000;
	border-radius: 0;
	color: #fff;
}


/* -------------------------------------------------------------------------------------- */
/* 7.2.1 Categories/Archives
/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
/* 7.2.2 Single Post
/* -------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------- */
/* 7.2.3 Comments
/* -------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------- */
/* 7.3.0 Custom Post Types
/* -------------------------------------------------------------------------------------- */

/* Ansprechpartner Übersicht */

ol.person {
	margin: 0;
	padding: 0;
}

ol.person li {
	list-style: none;
}

.panel-heading {
	cursor: pointer;
}

.panel-heading .panel-title:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    content: "\f067";
    right: 0;
    bottom: 12px;
    line-height: 44px;
  font-family: FontAwesome;
    z-index: 50;
	float: right;
}

.panel-heading.active, .panel-heading:hover {
	background: #00455E;
	color: #fff;
}

.panel-heading.active .panel-title:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    content: "\f068";
    right: 0;
    bottom: 12px;
    line-height: 44px;
  font-family: FontAwesome;
    z-index: 50;
	float: right;
}
 

/* -------------------------------------------------------------------------------------- */
/*  7.3.2 Single Custom Post Type
/* -------------------------------------------------------------------------------------- */

body.single-rd_produkte .single-page-col h3, body.single-rd_produkte h2.section-h  {
color: #fff;
}

body.single-rd_produkte h2.section-h {
	border-bottom: 2px solid #fff;
}

.single-produkt-img {
	margin-top: 25px;
}

.adv-excerpt-box {
	margin-top: 60px;
}

.adv-excerpt {
	color: #7e7d7d;
}

h5 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	margin-bottom: 35px;
	margin-top: 35px;
}


/* Schließssysteme */

#collapse-blue .panel-body {
	background: transparent;
}

#collapse-blue .panel {
	background: transparent;
	border: 0;
}

#collapse-blue .panel-heading {
	border-radius: 0;
}

#collapse-blue .panel-heading .panel-title:after {
     /* position: absolute; */
    /* right: 50px; */
    /* bottom: 12px; */
    /* line-height: 44px; */
    z-index: 50;
    float: right;
    /* margin-bottom: -20px; */
    display: inline-block;
	line-height: inherit;
    margin-top: 13px;
}

/* -------------------------------------------------------------------------------------- */
/* 8.0 Sidebar
/* -------------------------------------------------------------------------------------- */

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

footer#footerwrapper {
	font-size: 15px;
font-size: 1.5rem;
background: url('images/gitter-footer.png') left top repeat-x transparent;
color: #fff;
font-weight: bold;
padding-top: 20px;
padding-bottom: 60px;
border-top: 15px solid #fff;	
}

footer#footerwrapper #copy-row {
	margin-bottom: 30px;
}

footer#footerwrapper a {
	color: #fff;
}

footer#footerwrapper ul.menu {
	display: inline-block;
}

footer#footerwrapper ul.menu li {
	float: left;
	list-style-type: none;
	margin-right: 15px;
}

footer#footerwrapper ul.menu li:last-child {
	margin-right: 0;
}

footer#footerwrapper ul.menu li a {
	padding: 5px 3px;
}

#fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
background: url('images/gitter-footer.png') left bottom -115px repeat-x transparent;
	z-index: 100;
}

/* -------------------------------------------------------------------------------------- */
/* 10.0 Misc
/* -------------------------------------------------------------------------------------- */

.gallery img {
	    display: block;
    max-width: 100%;
    height: auto;
	border: 0!important;
	padding: 15px;
	
}

.cycloneslider-template-standard {
	margin-bottom: 0!important;
}

/* --------------------------------------------------------- */
/* MEDIA QUERIES ------------------------------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* INFORMATION --- Version 1.1 --- 2012-VII-05 ------------- */
/* --------------------------------------------------------- */

/* ###

1.) Use e.g. "Respond.js" by Scott Jehl to enable responsive web designs in browsers that don't support CSS3 Media Queries (e.g. Internet Explorer 6, 7, 8) --> https://github.com/scottjehl/Respond/

2.) In this case, I use stages for all sizes. Between 1001 pixel and 1249 pixel the browser uses your basic-CSS. You can always delete some stages. After check the stages and adjust some min/max widths. (e.g. If you want to use only one stage for smartphones up to 320 width and one stage for smartphones and devices up to 960 pixel, delete the stages between and set the two new stages for a larger range.)

3.) If you think "Oh, the iPhone 4 has a 640x960 pixel display, so my stage needs only to fit on this in portrait and landscape orientation", it's a trap. The iPhone 4 has this resolution, but it uses only 320x480 pixel device-width. Or the Samsung Galaxy S2. It has a 480x800 pixel display --> 320x450 pixel and 320x508 pixel device-width in portrait orientation / 533x237 pixel in width and device-width in landscape orientation. // Quick Tip: "Tablet Computer - 150+ Display Measurements" --> http://www.designfalcon.com/#tablets

4.) Think about PNG-Fix for old IE (e.g. "jquery.pngFix.js" by Andreas Eberhard --> http://jquery.andreaseberhard.de/pngFix/), IE Background-Fix (e.g. "backgroundSize.js" by Louis Remi --> https://github.com/louisremi/jquery.backgroundSize.js) and last but noch least a emulator for CSS3 pseudo classes and attribut selectors for old IE (e.g. "Selectivizr.js" by Keith Clark --> http://selectivizr.com/).

5.) More information about "max-width" and "max-device-width": "max-width" refers to the actual viewport and can target specific sizes and orientations; "max-device-width" refers to the device viewport size, regardless of browser-scale, orientation or resizing. Shorthand: "max-width" (and "max-height") = target display area // "max-device-width" (and "max-device-height") = device entire rendering area. Same for "min" values.

6.) Thanks for your time! (: Andi "Licious" Wieser (Oh, you have some time left or further questions? --> andilicious.com // twitter.com/andiliciouscom // fb.com/andiliciouscom // pinterest.com/licious).

### */



/* --------------------------------------------------------- */
/* BOOTSTRAP GRID COLUMNS --------------------------- */
/* --------------------------------------------------------- */


/* ===== Col-xs and smaller ===== */

@media (max-device-width: 480px) and (orientation: landscape) {
	
}

@media (max-width: 767px) {
	#topbar {
	display: none;
}
	
	#headerwrapper {
    background: url(images/gitter.png) left top repeat #242e49;
}
	
	.affix + .container-fluid {
    padding-top: 0px;
}
	#mobile-menu {
		background:#fff;
	}
	
	#mobile-nav nav {
		background: transparent!important;
	}
	#mobile-nav nav button.navbar-toggle .icon-bar {
		background: #fff;
	}
	#mobile-nav nav button.navbar-toggle {
		padding: 0;
		padding-top: 14px;
	}
	
	#mobile-nav .navbar {
		min-height: 65px;
	}
	
	#mobile-contact {
		float: right;
    position: absolute;
    right: 0;
    top: 40px;
		color: #fff;
		font-size: 12px;
	}
	
	.mobile-mail::before {
		    font-family: FontAwesome;
    content: "\f04d";
    font-size: 6px;
    margin-right: 10px;
    margin-left: -8px;
	}
	
	#willkommen {
		background-image: none!important;
		padding: 0;
	}
	
	.mobile-ceo {
		text-align: center;
		background: #242e49;
		border-bottom: solid 20px #13182b;
		border-top: solid 20px #13182b;
		padding-left: 0;
		padding-right: 0;
	}
	
	img.ceo-img-mobile {
		
	}
	
	.mobile-content-white-bg {
		padding-top: 25px;
		background: #fff;
		color: #3a3a39;
		font-weight: 300;
	}
	.mobile-content-white-bg h2 {
	color: #13182b!important;
		font-size: 15px!important;
		font-size: 1.5rem!important;
		margin-bottom: 15px!important;
	}
	
	.mobile-content-white-bg strong.white {
		color: #3a3a39;
	}
	
	.mobile-content-white-bg .sec-h3 {
		text-align: center;
	}
	
	.mobile-content-white-bg .sec-h3 h3 {
		background: #13182b;
		color: #fff;
		border-bottom: 0;
		padding: 2px 6px;
	}
	
	.mobile-content-white-bg .sec-h3 h3::before {
		content: ">>";
		font-size: 70%;
	}
	.mobile-content-white-bg .sec-h3 h3::after {
		content: "<<";
		font-size: 70%;
	}
	
	.mobile-content-white-bg .welcom-partner-icons {
		text-align: center;
	}
	
	.grid-referenzen {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	
	.lieferant-image img {
		padding: 0;
	}
	#contentwrapper {
		padding-top: 50px;
	}
	
	.row.single {
	background-image: none;	
		padding-top: 0px;
		
	}
	
	.adv-excerpt-box {
		margin-top: 0;
	}
	
	.row.single section.content {
		color: #3a3a39;
	}
	
	
	.row.single section.content ul {
		padding-left: 0;
	}
	
	.row.single section.content ul li {
		list-style-position: inside;
	}
	
	.row.single .single-page-h, .row.single h2 {
		color: #13182b;
	}
	footer#footerwrapper {
		    font-size: 10px;
    font-size: 1.0rem;
		padding-top: 20px;
    padding-bottom: 40px;
	}
	
	#fixed-footer ul {
		padding-left: 0;
	}
	
	
	.table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    display: block;
    min-width: 100%!important;
  }
  .table>thead>tr>th {
    display: none;
  }
  
  .table .filterBody span {
    display:block;
  }

	.content ul {
		padding-left: 0;
	}
	.media-body p {
		position: relative;
	}
}


/* ===== Col-sm ===== */

@media (min-width: 768px) and (max-width: 991px) {
#topbar {
	display: none;
}
}

/* ===== Col-sm and larger/wider ===== */


@media (min-width: 768px) {

}


/* ===== Col-md ===== */

@media (min-width: 992px) and (max-width: 1199px) {
#topbar {
	display: none;
}
}


/* ===== Col-md and larger/wider ===== */

@media (min-width: 992px) {

}

/* ===== Col-lg ===== */

@media (min-width: 1200px) {
	
}


/* --------------------------------------------------------- */
/* APPLE MACBOOK PRO RETINA ETC. --------------------------- */
/* --------------------------------------------------------- */

/* Retina Displays/Screens (2880x1800) --------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
}


/* --------------------------------------------------------- */
/* SMARTPHONES, TABLETS & TINY DESKTOPS -------------------- */
/* --------------------------------------------------------- */

/* Old Smartphones (portrait and landscape) ---------------- */
@media
only screen and (min-device-width: 240px) and (max-device-width: 320px) {
	/* YOUR STYLES */
}


/* Old Smartphones (e.g. portrait) ------------------------- */
@media
only screen and (max-width: 319px) {
	/* YOUR STYLES */
}


/* Smartphones (portrait and landscape) -------------------- */
@media
only screen and (min-device-width: 320px) and (max-device-width: 640px) {
	/* YOUR STYLES */
}


/* Smartphones (portrait) & Old SP (landscape) ------------- */
@media
only screen and (min-width: 320px) and (max-width: 479px) {
	/* YOUR STYLES */
}


/* Smartphones (landscape) & Old Tablets (Portrait) -------- */
@media
only screen and (min-width: 480px) and (max-width: 639px) {
	/* YOUR STYLES */
}


/* Smartphones & Tablets (portrait & landscape) ------------ */
@media
only screen and (min-device-width: 640px) and (max-device-width: 960px) {
	/* YOUR STYLES */
}


/* Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media
only screen and (min-width: 640px) and (max-width: 799px) {
	/* YOUR STYLES */
}


/* Smartphones & Tablets (landscape) & Splitted Desktops --- */
@media
only screen and (min-width: 800px) and (max-width: 1000px) {
	/* YOUR STYLES */
}





/* --------------------------------------------------------- */
/* DEVICES BY RATIO ---------------------------------------- */
/* --------------------------------------------------------- */

/* LowRes (e.g. 240x320 / 320x480) ------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 0.75),
only screen and (-o-min-device-pixel-ratio: 3/4),
only screen and (-webkit-min-device-pixel-ratio: 0.75),
only screen and (min-device-pixel-ratio: 0.75),
only screen and (min-resolution: 0.75dppx) {
	/* YOUR STYLES */
}


/* HighRes ------------------------------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	/* YOUR STYLES */
	
	/* e.g. HighRes Logo (use _2x as extension for double-sized images) */
	/* .logo {background-image: url(logo_2x.png); background-size: 50%;} */
}


/* RetinaRes Smartphones (e.g. iPhone 4 / portrait) -------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-resolution: 1.5dppx) and (orientation: portrait) {
	/* YOUR STYLES */
}


/* RetinaRes Smartphones (e.g. iPhone 4 / landscape) ------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-resolution: 1.5dppx) and (orientation: landscape) {
	/* YOUR STYLES */
}





/* --------------------------------------------------------- */
/* IPADS --------------------------------------------------- */
/* --------------------------------------------------------- */

/* iPads (portrait and landscape) -------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* YOUR STYLES */
}


/* iPads (portrait) ---------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	div#main-menu ul {
		font-size: 14px;
		font-size: 1.4rem;
	}
}


/* iPads (landscape) --------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* YOUR STYLES */
}


/* iPad Retina (iPad 3; portrait and landscape) ------------ */
@media
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-resolution: 2dppx) {
	/* YOUR STYLES */
}





/* --------------------------------------------------------- */
/* COMPUTERS / OTHER DEVICES ------------------------------- */
/* --------------------------------------------------------- */

/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media
only screen and (min-width: 1250px) and (max-width: 1409px) {
	/* YOUR STYLES */
}


/* Displays/Screens (e.g. 19" WS @ 1440x900) --------------- */
@media
only screen and (min-width: 1410px) and (max-width: 1649px) {
	/* YOUR STYLES */
}


/* Displays/Screens (e.g. 22" WS @ 1680x1050) -------------- */
@media
only screen and (min-width: 1650px) and (max-width: 1889px) {
	/* YOUR STYLES */
}


/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
	/* YOUR STYLES */
}


/* Really Large Displays/Screens (e.g. 2560x1440) ---------- */
@media
only screen and (min-width: 2530px) {
	/* YOUR STYLES */
}