/*
Theme Name: Template-C
Theme URI: http://www.diestelkamp-consulting.de
Author: Diestelkamp Consulting GmbH
Author URI: http://www.diestelkamp-consulting.de
Description: Agentur für kreatives Design und professionelle Optimierung von Webseiten und Onlineshops.
Version: 2.0
License: 
License URI: 
Tags: Template-C
Text Domain: Template-C
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
border:0 none;
vertical-align:baseline;
overflow-x:hidden;
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
color:#4c4c4c;
background-color: #ffffff;
font-size: 1.6em;
line-height: 1.6;
}

.flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
 
.extra { 
	padding:20px 0; 
	background-color: 
	#fff; z-index: 50; 
}
.extra .pdf { 
	min-height: 300px;
	padding: 1em;
	border: 1px solid #ddd;
	text-align: center;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.clear {
	clear: both;
	float: none;
	width: 100%;
}

.module {
  margin: 0px;
  width: 100%;
  height: 395px;
  max-width: 960px;
  background: url(https://www.ber-deckensysteme.de/wp-content/uploads/2018/12/christmas.jpg);
  background-size: cover cover;
  position: relative;
}
.module h2 {
  position: absolute;
  top: 25%;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  padding: 1em;
  color: #ffffff;
  margin: 0;
 font-size: 1.8em;
font-weight: 400;
}

.opp h2 {
color: #ffffff;
}
.pdf a {width: 100%;}
.index_z { z-index: 1000; }

/* Text, Links */
a, a:visited { color:#47887D; outline:0 none; text-decoration:none; }
a:hover, a:focus { color:#498a7f; text-decoration:none; }
p a, p a:visited { line-height:inherit; }
p { margin:0 0 0.8em; }
strong  { margin:0 0 0.5em; line-height: auto; font-size: 0.95em;}

/* Headlines */
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:inherit; text-decoration:none; }

h1 { 
font-size: 1.6em;
line-height:1.35;
letter-spacing:0.05em;
margin-bottom:0.8em;
margin-top:1em;
border-bottom: 2px solid #498a7f;
border-left: 2px solid #498a7f;
padding:0 0 0.2em 0.4em;
text-transform:uppercase;
color: #498a7f;
}

h2 { font-size: 1.8em; line-height:1.3; margin-bottom:0.2em; }
h3 { font-size: 1.6em; line-height:1.25; margin-bottom:0.2em; }
h4 { font-size: 1.3em; line-height:1.2; margin-bottom:0.8em; font-weight: normal; }
h5 { font-size: 1.2em; line-height:1.2; margin-bottom:0.1em; }
h6 {
font-size:1em;
line-height:1.2;
margin-bottom:0.2em;
text-transform:uppercase; }

hr {
	clear: both;
	border: solid #ddd;
	border-width: 1px 0 0; 
	margin: 0.65em 0;
	height: auto; }

.normal { font-weight:400; }
.bolder { font3-weight:bolder; }
.full-width { height:auto; width:100%; overflow:hidden; }
.centered { text-align:center; }
.both { clear:both; }
.left0 { margin-left: 0 !important; }
.abstand {height: 2.5em; clear: both;}


/* Header */

.header { 
	clear:both; 
	position: relative;
	border-top: 3px solid #9B9B9B;
	margin:0;
	padding:0;
	width:100%;
	z-index: 1000; /* For Menu with Submenu by Slides */ 
}

.logo { float:left; margin: 1em 0 1em;  padding: 0; width: 160px; }
.logo-lp { margin: 1em 0 1em 0;  padding: 0; width: 160px; }


.logo-gross {width: 75%; margin: 1em 0 1em;}

#headermenu ul {
	display: block;
	position:relative;
	float: right;
	margin: 1.5em 2em 0.1em;
	list-style:none;
	text-decoration:none;
	
    padding:0; }

#headermenu ul li {
	display: inline-block;
	position: relative;
	float: left;
	margin: 0;
    padding: 1em;
	text-decoration: none !important; }

#headermenu ul li a {
	display: inline-block;
	position: relative;
	text-decoration:none;
	color: #9b9b9b; }

#headermenu ul li a:hover { color: #444444; }

.sprachen {clear: both; display: block; float: right;}
.sprachen img {margin-left: 0.5em;}

#searchmap, #searchmap-mini  {
	display: block;
	margin: 0;
	padding: 0;
}


#searchmap input, #searchmap-mini input {
	text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #bbb;
  box-sizing: border-box;
}

#searchmap input:focus, #searchmap-mini input:focus  {
    outline: none;
}


#searchmap .searchtext, #searchmap-mini .searchtext {
	float: right;
	max-width: 220px;
	width: 80%;
	height: 34px;
	border-right: 0;
	background-color: #fff; 
	 margin-bottom: 0;
	
	-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;

-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;

border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius:0;
border-bottom-right-radius:0;

}


#searchmap .searchbutton, #searchmap-mini .searchbutton {
	font-family: FontAwesome;
	line-height:0;
	font-weight: normal;
	padding: 0 30px 0 10px;
	font-size:20px;
	float: right;
	width: 20px;
	height: 34px;
	color: #fff;
	cursor: pointer;
	background-color: #498a7f;
	  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  border: none;
  
  border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}

#searchmap .searchbutton:hover {
	color: #FFFFFF;
	background-color:#57A598;
}



/* Intro */

.testblock {
position: absolute;
left: 50%;
top: 0;
width: 45%;
height: 100%;
}

.transparent-box {
background-color: rgba(255,255,255,0.20);
position: absolute;
display: block;
z-index: 2;
right: 50%;
width: 100%;
height: 100%;
}
	

.intro {
z-index: 1;
	position: relative;
	margin: 0;
	padding:0;
	background-color: #ffffff;
	background-position: center top; /* horizontal vertical */
	overflow: hidden;
	/* border-bottom: 3px solid #47887d; */
}

.intro-klein {
z-index: 1;
	position: relative;
	margin: 0;
	padding:6em 0;
	background-color: #ffffff;
	background-position: center top; /* horizontal vertical */
	overflow: hidden;
	/* border-bottom: 3px solid #47887d; */
}

.intro h2 {
    line-height: 1.3;
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: 0.2em;
    text-shadow: 1px 1px 2px #ffffff;
	z-index: 2; }
    
.intro h3 {
/* 
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
font-family: 'Kaushan Script', cursive;
*/
	z-index: 60;
	color: #fff;
    font-size: 4.3em;
    font-weight: normal;
    line-height: 1.35;
	margin-top: 2em;
    margin-bottom: 0.5em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3); 
}

.intro ul li{ margin-bottom: 0;}

.introbutton {
  display: inline-block;
  background-color:#498a7f;
  width: auto;
  height: auto;
  margin:0.5em 0 5em 0;
  border: none;
  border-radius: 0.2em;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  text-transform: none;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0.6em 1em;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  z-index: 70; }
  
  
.introbutton:hover { background-color:#57A598; }
.introbutton a { color: #ffffff; text-decoration:none; }
.introbutton a:hover { color: #ffffff; }


/* Responsive Elemente */
.menu-button { display: none; } 
#mini-navigation  { display: none; }

.navline {
	height: 40px;
	display: block;
	position:relative;
	margin: 0;
	padding: 0;
	/* background-image: url(images/nav-bg.jpg); */
  	-moz-box-shadow: 0px 1px 3px 0px #dddddd;
	-webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    border-bottom: 2px solid #fefefe;
    z-index:5; 
	background-color: rgb(71, 136, 125);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/* Menu neu */
#mobile { display: none; } /* Mobile Menu verstecken */
#navigation {
  display: block;
  position: relative;
  clear: both;
}
#navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1.5;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navigation:after, #navigation > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#navigation #menu-button {
  display: none;
  background-color: #ffffff;
}
#navigation ul li {
  display: inline-block
}
#navigation ul li a {
  /* font-family: "Open Sans", Helvetica, Arial, sans-serif; Options */
  padding: 1em 1em;
  font-weight: 400;
  /* text-transform: uppercase; */
  font-size: 1em;
  text-decoration: none;
  letter-spacing: 1px;
  /* color: #000000; Options */
}
#navigation ul li a:hover {
	color: #666666;
}
#navigation ul li.current_page_item a {}
#navigation > ul > li { float: left }

/* Level 1 */
#navigation > div > ul > li > a {
  font-size: 1em;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 8px 12px;
  color: #ffffff;
}
#navigation > div > ul > li > a:hover { color: #000000;  }
/* level 2 */
#navigation ul ul {
  position: absolute;
  left: -9999px
}
#navigation.align-right ul ul {
  text-align: right
}
#navigation ul ul li {
  display: block;
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
	 
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
#navigation li:hover > ul {
  left: auto
}
#navigation.align-right li:hover > ul {
  left: auto;
  right: 0
}
#navigation li:hover > ul > li {
  height: auto;
}
#navigation ul ul ul {
  margin-left: 100%;
  top: 0
}
#navigation.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%
}
#navigation ul ul li a,
#navigation ul ul ul li a {
  padding: 0.8em 1em;
  width: 250px;
  font-size: 1.0em;
  text-decoration: none;
  font-weight: 400;
  z-index: 1000 !important;
  background: #ffffff; 
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#navigation ul ul li:last-child > a, 
#navigation ul ul li.last-item > a {
    border-bottom: 0;
}
#navigation ul ul li:hover > a, 
#navigation ul ul li a:hover,
#navigation ul ul li.current-menu-item a { 
	color: #000000;  
}

#navigation ul ul li.menu-item-has-children > a:after {
  position: absolute;
  top: 19px;
  right: 12px;
  width: 8px;
  height: 2px;
  display: block;
  background: #000000;
  content: '';
}
#navigation ul ul li.menu-item-has-children > a:before {
  position: absolute;
  top: 16px;
  right: 15px;
  display: block;
  width: 2px;
  height: 8px;
  background: #000000;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navigation ul ul > li.menu-item-has-children:hover > a:before {
  top: 16px;
  height: 0
}

#breadcrumbs span {margin-left: 0.3em;}
/* Content */
.box ul li {
	list-style:disc;
	margin-left:1em;}
	
.row p, .row img { margin:0 0 1em; }
.one-third p { margin:0 0 0.3em; }
.one-third img { margin:0; padding:0; }
.one-third h2 { font-size: 1.6em; font-weight: bold; color:#999999; }


.produkt h3 {
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
	border-bottom: 1px solid #498a7f;
	text-transform:uppercase;
	color: #47887D; 
}

.produkt span {
text-transform: uppercase;
color: #47887D;
font-size: 0.9em;
margin-left: 0.5em;
margin-bottom: 1em;
}

.produkt .four {
border-left: 1px solid #ddd;
min-height: 100px;
}

.produkt ul {
margin-bottom: 0;
margin-top: 0.5em;
}

.produkt ul li {
	list-style: disc;	
	margin-bottom: 0;
	margin-left: 2em;
	font-size: 0.8em;
}

.produkt ul li a {
	color:#6BB2A5;	
}



.startimg 
{border: 2px solid #ddd;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  max-width: 100%;
  width: 100%;
}
.startimg:hover {border: 2px solid #47887d;}

.autohoehe 
{border: 2px solid #ddd;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.autohoehe:hover {border: 2px solid #47887d;}

.weiteres .autohoehe {border: 2px solid #47887D; text-align: center; max-height: 175px;}
.weiteres .autohoehe:hover {border: 2px solid #47887D; background-color: #47887D; color: #fff;}

.weiteres i {font-size: 4em; margin-top: 18%;}


.galerie img {
max-width: 100%;		
}



.neu { width: 22%;
margin-left: 4%;
}

.bildschrift {
	min-height: 32px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	font-size:0.9em;
	line-height: 1.2 !important;	
}


.mehrbox {
	height: 302px;
	overflow:hidden;
	border: 2px solid #47887d;
	text-align:center;
	background-color: #fff;
	color: #47887D;
	font-size:1.4em;
	font-weight: lighter;
	  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	
}
.mehrbox:hover {background-color: #47887D; color: #fff;}


.mehrbox span {display: block; margin: 0 auto; font-weight: 600;}

.fa-caret-right {
font-size:1.2em;
margin-top: 0.5em;
}


.aktuellbox {
	height: 193px;
	overflow:hidden;
	border: 2px solid #47887d;
	text-align:center;
	background-color: #fff;
	color: #47887D;
	font-size:1.4em;
	font-weight: lighter;
	  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;	
}

.aktuellbox:hover {background-color: #47887D; color: #fff;}
.aktuellbox span {display: block; padding:0.4em 0; font-size:3.6em;}

.aktuelltext {
	display:block;
	margin-top: 0.7em;
	text-transform: uppercase;
	color:#47887D;
	line-height: 1.3;
	min-height: 60px ;
	}
	
a.aktuelllink {
font-size: 0.9em;
letter-spacing:0.05em;
float: right;
font-style:italic;
color:#47887D;
}

a.aktuelllink:hover {
color:#61AC9F;
}
	
.aktuell p{ 
min-height: 75px;
font-size: 1em;
line-height: 1.5;
letter-spacing:0.05em;
}	


span.wpcf7-list-item {margin-left: 0 !important;}

.wpcf7-list-item label {
margin-bottom: 0.8em;	
}

/* Button Kontaktformular */
#button {
  background-color:#8c8c8c;
  width: auto;
  height: auto;
  margin:0.5em 0;
  border: none;
  border-radius: 0.2em;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  text-transform: none;
  font-size: 1em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0.6em 1em;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

#button:hover { background-color:#9b9b9b; }
#button a:hover { color: #ffffff; }

.weiteres p {
	display:block;
	margin-top: 0.7em;
	text-transform: uppercase;
	color:#47887D;
	line-height: 1.3;
	min-height: 60px ;
	font-size:0.9em;
	}
	
	.service ul {margin-left: 1em;}
	
	.service ul li {
		margin-left: 1em;
		list-style-image:url(images/listyle.png);
		padding-left: 0.5em;
	}
	
	.wp-image-99 {border: 1px solid #ddd;}
	.wp-image-3142 {border: 1px solid #ddd;}
	
	.wpcf7-form .formtext {font-size: 0.9em;}
	
	
	.wpcf7-submit {color:#fff !important; border: 1px solid #47887D !important; background-color:#47887D !important; }
	.wpcf7-submit:hover {background-color:#55A395 !important;}
	
	
	.standard strong:before {
		font-weight:normal;
		color: #47887D;
		font-family: FontAwesome;
			content: "\f0f6";
			font-size:1.5em;
			margin: 0 0.3em -0.5em 0;
	}
	
	.standard strong a { font-size: 1em;}
	
	.standard h6 {font-size: 0.8em;
    line-height: 1.2;
    margin-bottom: 0;
	letter-spacing:0.08em;
    text-transform: none;
	font-weight: normal;}
	
	.metall {
		border: 2px solid #ddd;
		height: 350px;
		background-image: url(https://www.ber-deckensysteme.de/wp-content/uploads/2016/03/Metall-S-Akustikplatte.jpg);
		background-size:cover; 
		background-position:center;
		
			  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	}
	
	.holz {
		border: 2px solid #ddd;
		height: 350px;
		background-image: url(https://www.ber-deckensysteme.de/wp-content/uploads/2016/04/Nr.-1-Holz-F-Typ-L-1.2-14-8-Ahorn-furniert.jpg);
		background-size:cover; 
		background-position:center;
		
			  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	}
	
		.verbund {
		border: 2px solid #ddd;
		height: 350px;
		background-image: url(https://www.ber-deckensysteme.de/wp-content/uploads/2016/04/Nr.-1-Holz-F-Typ-L-1.2-14-8-Ahorn-furniert.jpg);
		background-size:cover; 
		background-position:center;
		
			  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	}
	
	
	a .holz:hover, a .metall:hover, a .verbund:hover {
	border: 2px solid #47887D;	
	}

/* Footer */
.footer {
	border-top:1px solid #dddddd;
    clear: both;
    font-size: 1.1em;
    margin: 0 auto;
    padding: 3em 0;
    color:#fff;
	height: auto;
	background-color: #47887D;
}
   
.footer strong { color:#fff; }

.menu-footer-container { margin: 0; padding: 0; }

#footermenu {
    clear: both;
    position: relative;
    font-size: 0.9em;
    line-height: 1.3;
    margin: 0.2em auto 0;
    padding: 0;
    text-align: left;
    text-shadow: none;
    float: left;
	text-transform: uppercase;
	 }
	 
	 .footer-adresse {

		padding: 0.3em 0 0 0; 
	 }
	 
#footermenu ul { display: block; margin: 0; padding: 0; list-style: none; }
#footermenu ul li { float: none; margin: 0; padding: 0.3em 0 0 0; }
#footermenu li a {
	color: #fff;
    background-image: none;
    display: block;        
    font-weight: normal;
    margin: 0;
    padding: 0em 0.2em 0 0;
    text-decoration: none; }
#footermenu ul li a:hover { color: #E3E3E3; }

.dlcenter strong {
	font-size: 1.1em;
	text-transform: uppercase;
	display: block;
}


.dlcenter a.button {
    border: 2px solid #fff;
	color: #fff;
	padding: 8px 12px;
}

.dlcenter a.button:hover {
    border: 2px solid #fff;
	color: #47887D;
	background-color: #fff;
}

.dlcenter a.reg {
    color: #fff;
	opacity: 0.7;
	margin-left: 1em;
}

.dlcenter a.reg:hover {opacity: 1;}



/* Sitemap */
ul.sitemap { margin-left: 1.35em; }
.sitemap ul { margin: 0.35em 0.65em 0px 0.65em; }

/* Gallery CSS-Anpasssung */
#gallery-1 .gallery-item {
	margin: 0 1em 0.6em 0 !important;
	padding: 0 !important;
	width: auto !important; }


/* Zoom-Kursor bei Bilder in der Gallerie (Lupe mit +-Zeichen)  */
#gallery-1 .gallery-item img {
	cursor: pointer;
	cursor: -webkit-zoom-in !important;
	cursor: -moz-zoom-in !important;
	cursor: zoom-in !important; }


.downloads {
margin-bottom: 3em;
}


.downloads .repeater img {
	width: 100%;
	max-width: 200px;
	border: 1px solid #ddd;
				  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.downloads .repeater .four:hover img {
	border: 1px solid #498a7f;
}

.downloads .repeater span {
display: block;
	font-size: 1.1em;
	padding: 0.5em 0; 
}

.downloads .repeater .four {
	margin-bottom: 2em;
	min-height: 290px;
}

.standard strong::before { content: none !important; }

.loginbox {
	clear: both;
	display: block;
	margin: 0.5em 0;
	font-size: 0.8em;
	float: right;
}

.loginbox a{
	display: block;
	text-align: right;
}

input[type="submit"] {
	background-color: #47887D !important;
	border: 1px solid #47887D !important;
}
.padding2em {
	padding: 1em;
}

.hs-loaded img {
	max-width: none;
}

.rslides_nav.rslides1_nav { 
	position: absolute;
	top: 50%;
	z-index: 9999;
	font-size: 4em;
	color: rgba(255,255,255,0.50);
	margin-top: -52px;
}
.rslides_nav.prev {
	left: 10px;
}
.rslides_nav.next {
	right: 10px;
}