/* reset */
/* based on http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
	{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
#footer ul li
	{ list-style: none; }
ol, ol li
	{ list-style: decimal inside; }
blockquote, q
	{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
	{ content: ''; content: none; }

/* html5 blocks */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
	{ display: block; }

html
	{ height: 100%; }


/* body */
body
	{ background: #333; color: #333; font-family: 'Monda', sans-serif;font-weight: normal; height: 100%; line-height: 1.0; text-align: center; }
body.page-id-782
	{ background: url('https://www.bernholz-gmbh.de/wp-content/uploads/2018/04/D_studio_17_03_web.jpg'); background-size: cover; display: table-cell; vertical-align: middle; }

/* global styles */
abbr[title],
dfn[title]
	{ border-bottom: 1px dotted #888; cursor: help; }
cite
	{ }
code
	{ font-family: "Courier New", Courier, mono; }
del
	{ text-decoration: line-through; }
strong,
b
	{ font-weight: bold; }
em,
i
	{ font-style: italic; }
hr
	{ border: 0; border-top: 1px solid #888; clear: both; display: block; height: 1px; margin: 1em 0; padding: 0; }
img
	{ vertical-align: middle; }
ins
	{ text-decoration: none; }
mark
	{ background: #ffc; }
::selection
	{ }
small
	{ font-size: .75em; }
table
	{ border-collapse: collapse; border-spacing: 0; }
th
	{ font-weight: bold; }

/* global formelements */
input,
select
	{ vertical-align: middle; }
input
	{ /*-webkit-appearance: none;*/ }
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea
	{ border: 1px solid #C8CBCB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px;text-align: left;width:100%;}
input:focus,
select:focus,
textarea:focus
	{ outline: 0; }
input[type="submit"],
a.button
	{ background: #006bb0; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; padding: 5px 20px; text-decoration: none; }
input[type="submit"]:active
	{ }

/* header */

#header_wrap
	{ background: #fff; height: auto; text-align: center; position: relative; width: 100%; z-index: 99;}
#header
	{ clear: both; margin: 0 auto; text-align: left; width: 1200px; zoom: 1; }
#header:before,
#header:after
	{ content: ""; display: table; }
#header:after
	{ clear: both; }
#header #logo
	{ float: left; }

/* header background */
#static-area-header-top {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 2px 0 2px rgba(0,0,0,.09);
    box-shadow: 0 2px 0 2px rgba(0,0,0,.09);
;}

.background
	{ background-color: #fff; background-image: url(../images/header/2599651.jpg); background-position: 50% 90%; background-repeat: no-repeat; /* ie8- graceful degradation */ background-position: 50% 50%\9 !important; }
.archive .background
	{ background-image: url(../images/header/0960243.jpg); }

    .page-id-217 .background
    	{ background-image: url(../images/header/u.jpg); }
        .page-id-219 .background
        	{ background-image: url(../images/header/p.jpg); }

            .page-id-221 .background
            	{ background-image: url(../images/header/leistungen.jpg); }

                .page-id-223 .background
                	{ background-image: url(../images/header/umwelt.jpg); }

.page-id-225 .background
    { background-image: url(../images/header/kunden.jpg); }
.page-id-23 .background
    { background-image: url(../images/header/kar.jpg); }
.page-id-21 .background
    { background-image: url(../images/header/down.jpg); }
.page-id-25 .background
    { background-image: none;background-color: #f5f5f5;}
.page-id-722 .background
     { background-image: url(../images/header/news_neu.jpg); }
.page-id-1095 .background
     { background-image: url(../images/header/header_behelfsmasken_20200520.jpg); }

.fullscreen
	{ min-height: 100%; width: 100%; }
.not-fullscreen,
.fullscreen.not-overflow
	{ height: 100%; overflow: hidden; }
.not-fullscreen
	{ height: 70%; }

/* nav */
#nav {
	background: none;
	display: block;
	margin-top: 0;
}

#nav li {
	display: block;
	width: 100%;
}

#nav > a {
	background-repeat: no-repeat;
	background-size: 30px;
	font-size: 0px;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
}

#nav:not( :target ) > a#nav-open {
	display: block;
	width: 30px;
	background-image: url(../images/backgrounds/nav-button.png);
}

#nav:target > a#nav-open {
	display: block;
	width: 30px;
	background-image: url(../images/backgrounds/nav-close.png);
}

/* Ebene 1 */
#nav .main-nav > ul {
	display: none;
	position: absolute;
	left: 0;
	height: auto;
	background: #fff;
	padding-right: 10px;
}

#nav:target .main-nav > ul {
	display: block;
	float: none;
	height: auto;
}

#nav .main-nav > ul > li
	{ display: block; float: none; padding-left: 20px; width: calc(100% - 20px); }
.main-nav > ul > li > a
	{ clear: both; display: block; float: none; height: auto; line-height: 1.5; width: 100%; }
.main-nav > ul > li > a:active {text-decoration: underline;color:#444!important;}

#nav li a
	{ padding: 10px 0;color:#006bb0; }

    #nav li a
    	{ color:#006bb0; font-size: 1.125em; padding: 10px; text-decoration: none; }
    #nav li a:hover,
    #nav li a:focus,
    #nav li a:active
    	{ color: #51a5cd; }
    #nav li.current-menu-item a,
    #nav li.current-menu-item a:hover,
    #nav li.current-menu-item a:focus,
    #nav li.current-menu-item a:active,

    #nav li.current-menu-ancestor a,
    #nav li.current-menu-ancestor a:hover,
    #nav li.current-menu-ancestor a:focus,
    #nav li.current-menu-ancestor a:active
    	{ color: #51a5cd; text-decoration: none; }
/* Ebene 2 */
#nav li ul
	{ display: none; position: relative; top: 100%; }
#nav li:hover ul
	{ display: block; z-index: 99; }
#nav li:hover ul li a
	{ background: #fff; color: #333; display: block; margin-left: -10px; padding: .5em 20px; white-space: nowrap; }
#nav li:hover ul li:first-child a
	{ margin-top: 1em; padding-top: 1em; }
#nav li:hover ul li:last-child a
	{ padding-bottom: 1em; }
#nav li:hover ul li a:hover,
#nav li:hover ul li a:focus,
#nav li:hover ul li a:active
	{ color: #444;}
#nav li:hover ul li.current-menu-item a,
#nav li:hover ul li.current-menu-item a:hover,
#nav li:hover ul li.current-menu-item a:focus,
#nav li:hover ul li.current-menu-item a:active
	{ color: #444!important;  }

/* content */
.content_wrap
	{ background: #fff; clear: both; text-align: center; }
.page-id-782 .content_wrap
{ background: transparent; }
.content
	{ clear: both; line-height: 1.6; margin: 0 auto; padding: 1em 0; width: 1200px; zoom: 1; }
.content:before,
.content:after
	{ content: ""; display: table; }
.content:after
	{ clear: both; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.content p, .content ol, .content ul,
.content table
	{ padding: 1em 20px; }
.content li ol,
.content li ul
	{ padding: 0 20px 0 40px; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6
	{ font-weight: bold; }

.content h1
	{ clear: both; font-size: 1.375em; }
.content h2
	{ clear: both; font-size: 1.25em; }
.content h3,
.content p,
.content li
	{ font-size: 1.125em; }
.content li li
	{ font-size: 1em; }

.content table
	{ max-width: 1160px; margin: 1em 20px; width: 100%; }
.content table th,
.content table td
	{ border: 1px solid #888; border-collapse: collapse; font-size: 1.125em; padding: .5em; text-align: left; }

.content .boxes
	{ clear: both; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .box14
	{ float: left; padding: 1em 0; width: 300px; }
.content .box12
	{ float: left; padding: 1em 0; width: 600px; }
.content .box
	{ clear: both; float: none; padding: 1em 0; width: 100%; }
.content_wrap.bright,
.content .bright
	{ }
.content_wrap.dark,
.content .dark
	{ }
.content .required,
.content .error
	{ color: #f00; }
.content .footer
	{ font-size: .75em; }
.content .elastic-video
	{ height: 0; margin: 1em 20px; overflow: hidden; padding-bottom: 55%; padding-top: 15px; position: relative; }
.content .elastic-video iframe
	{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.content a
	{ text-decoration: none; }
.content a:hover,
.content a:focus,
.content a:active
	{ text-decoration: underline; }

.content input[type="text"],
.content input[type="email"],
.content input[type="password"],
.content textarea
	{ width: 548px; }

.content #map
	{ height: 720px; margin: 1em 20px; width: 1160px; }

/* content footnote */
.content .footnote
	{ padding: 5em 0 1em; }
.content .footnote h2,
.content .footnote p
	{ font-weight: normal; font-size: .75em; padding: 0 20px; }
.content .footnote h2,
.content .footnote p,
.content .footnote a,
.content .footnote a:hover,
.content .footnote a:focus,
.content .footnote a:active
	{ color: #888; text-decoration: none; }

    /* content gallery */
    .content div.gallery
    	{ clear: both; zoom: 1; }
    .content div.gallery:before,
    .content div.gallery:after
    	{ content: ""; display: table; }
    .content div.gallery:after
    	{ clear: both; }
    .content div.gallery .gallery-item
    	{ float: left; }
    .content div.gallery .gallery-item .gallery-caption
    	{ text-align: center; }

        .gallery-icon {
            position: relative;;
        }

        .gallery-icon img:hover {
            opacity: 0.4;
            -webkit-transition: all, 0.5s, ease;
            -o-transition: all, 0.5s, ease;
            transition: all, 0.5s, ease;
        }
        .gallery-icon:hover::before  {
            font-family:"FontAwesome";
            content: "\f03e";
            position: absolute;
            color:#fff;
            font-size: 25px;
            margin-left: 45%;
            margin-top:30%;
        }
        .gallery-icon:hover {
            background-color: #3763a5;
            z-index: 500;
            top:0;
            opacity: 1;
            width: 100%;
            height: auto;
            -webkit-transition: all, 0.5s, ease;
            -o-transition: all, 0.5s, ease;
            transition: all, 0.5s, ease;
        }
     .gallery-item img {
            width: 100%;
            height: auto;
        }


 .gallery-item  {
                width: 25%;
                height: auto;
                float: left;
            }




/* wp classes at images */
img.aligncenter,
div.aligncenter
	{ display: block; margin-left: auto; margin-right: auto; }
img.alignleft
	{ float: left; margin: 0 20px .5em 0; }
img.alignright
	{ float: right; margin: 0 0 .5em 20px; }

/* different alignments */
div.alignleft
	{ text-align: left; }
div.alignright
	{ text-align: right; }
div.alignleft,
div.alignright
	{ margin: 0 auto; max-width: 600px; }
div.alignleft ul li
	{ padding-left: 12px; background: url(../images/backgrounds/dot-li.png) no-repeat 0 .65em; }

/* footer */
#footer_wrap
	{ clear:both; padding:1em 0; text-align:center;�}
#footer
	{ clear: both; line-height: 1.6; margin: 0 auto; text-align: left; width: 1200px; zoom: 1; }
#footer:before,
#footer:after
	{ content: ""; display: table; }
#footer:after
	{ clear: both; }

#footer .footer-nav
	{ float: right; }
#footer h2,
#footer p,
#footer ul
	{ color: #333;  }

#footer li a
	{ color: #333; text-decoration: none; }
#footer li a:hover,
#footer li a:focus,
#footer li a:active
	{ text-decoration: underline; }
#footer li.current-menu-item a,
#footer li.current-menu-item a:hover,
#footer li.current-menu-item a:focus,
#footer li.current-menu-item a:active
	{ text-decoration: none; }

	.cl-effect-2 a {
	padding: 8px 0;
}

.cl-effect-2 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #3763a5;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-2 a:hover::after,
.cl-effect-2 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.title{
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.title h1 {
    text-transform: uppercase;
    font-weight: bold;
}

.title h1 span {
    font-weight: lighter;
}

#nav {
	float:right;

}


.heading {
	color:#3763a5;
	text-transform:uppercase;
	font-weight:600;
	overflow:hidden;
    text-align: center;

}

.fa-arrow-right {
	background-color:#3763a5;
	color:#fff;
	padding:5px;
	border-radius:2px;
	margin-top:15px;
	margin-bottom:15px;
}


#footer_wrap {
	background-color:#f0f0f0;
	color:#5d5e77;
    border-top:2px solid #e8e8e8;
}


#footer_wrap a {
	color:#5d5e77;
}

.newshead {
	color:#3763a5;
	font-weight:600;
	text-align:left;
    margin-top:25px;
    line-height: 1.8;
}

.blockhead {
	color:#3763a5;
	font-weight:600;
	text-align:center;
    margin-top:25px;
    line-height: 1.6;
    font-size: 28px;
}


.menu-agb-container {
	float:right;
}



.techniken {
	padding-top:25px;
	padding-bottom:25px;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none!important;
  background-color: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control {
  padding-top:7.25%;
  width:6%;
}


.clients img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}


.clients img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

.profile-img-container {
    position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

.profile-img-container img {width:100%;} /* remove if using in grid system */


.profile-img-container img:hover {
    opacity: 0.5
}
.profile-img-container:hover a {
    opacity: 0.6; /* added */
    top: 0; /* added */
    z-index: 500;
	background-color:#3763a5;
}
/* added */
.profile-img-container:hover a i {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
/* added */
.profile-img-container a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: inherit;
	width:100%;
	height:100%;
}

.fu {
 font-size:40px!important;
	color:#fff;
}

.menu {
	width:100%;
	padding:17px;
}


.page-id-7 .background {
	background-image: url(../images/header/entwicklung.jpg);
}

.title-box .title-box_icon {
	position:relative;
	display:block;
	float:none;
	vertical-align:top;
	margin:0px 0px 43px;
}

.title-box_icon {
	line-height:1.2em;
	cursor:default;
	color:#3763a5;
}


.title-box .title-box_icon:before {
	padding-right:10px;
	padding-left:10px;
	background:rgb(255,255,255);
}


.title-box .title-box_icon:after {
	display:block;
	height:1px;
	position:absolute;
	top:21px;
	right:0px;
	bottom:auto;
	left:0px;
	z-index:-1;
	content:"";
	background:rgb(172, 172, 172);


}


.mobile-nav {
	float:right;
}

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	margin: 4px 0;
	z-index: 99;
}

.responsive-menu{
	display: none;
}

.expand {
	display: block !important;
}


@media (max-width: 1161px) {
  .c {
    display:none;
  }
}



.lei-bg {
 border-right:2px solid #eee;
    padding:15px 15px;
    color:#5d5e77;
}


.fluid {
    padding:0;
    margin-top: 4em;
    margin-bottom: 4em;
    padding:80px 0;
}


.lei-bg p {
margin: 20px 0 40px;
font-weight: lighter;
}

.btn-more {
    border: 2px solid #3763a5;
    color:#3763a5;
    background-color: transparent;
    display: inline-block;
    margin: 0;
    padding: 13px 40px 13px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    position: relative;
    transition: all .3s ease 0s;

}

.btn-more:hover {
    background: #3763a5;
    color:#fff;
}

.lei-bg h2 {
    font-weight: 900;
}


.lei-bg img {
    margin: 10px;
}


/** News Effect Steve **/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	height: auto;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #fff;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #2d434e;
}

figure.effect-steve h2 {
	position: relative;
	margin-top: 2em;
	padding: 0.25em;
}

figure.effect-steve h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
	margin-top: 1em;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

#footer img:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
}


#footer img {
    float: right;
    margin:10px;
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(100%);
  }

.logos img:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
  }


.logos img {
      float: right;
      margin:10px;
      -webkit-filter: grayscale(100%);
      -webkit-transition: .5s ease-in-out;
      -moz-filter: grayscale(100%);
      -moz-transition: .5s ease-in-out;
      -o-filter: grayscale(100%);
      -o-transition: .5s ease-in-out;
      filter: grayscale(100%);
    }


.daten {
    color:#3763a5;
    font-weight: bolder;
}

.page-id-23 .btn-more {
    margin-bottom:4em;
    margin-top: 2em;
}


.ansprech {
    text-align: left;
}

.ansprech h2 {
    margin-top:2em;
    margin-bottom: 1em;
    font-size: 16px;
}

.ansprech span {
    color:#809cc6;
}


@media (max-width: 1161px) {
  .lei-bg h2 {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
#footer_wrap #text-3 .col-sm-7 { clear: both; }
#footer_wrap #text-3 .col-sm-7 img { width: 90px; float: left; }
#footer .footer-nav { float: left; clear: both; width: 100%; }
}