/*
	Theme Name: holzgold.bayern
	Theme URI: http://www.stilmedien.de/
	Author: Michael Weigand
	Description: Individuelle Theme
*/


body {
font-size:15px;
font-family: 'Open Sans';
line-height:160%;
color:#262626;
margin:0;
padding:0;
font-weight: normal;
}

/* allgemeine Überschriften*/
h1 {
margin-bottom:20px;
margin-top:0;
color:#262626;
font-size:400%;
line-height: 25px;
font-weight: normal;
padding:0;
font-family: 'Neucha', cursive;
}

h1 a, h2 a{
color: #262626 !important;
text-decoration: none !important;	
}

h2 {
margin:0 0 20px 0;
color:#262626;
font-size:240%;
font-weight:normal;
padding:0;
font-family: 'Neucha', cursive;
}
.h2-pre{
color: #2C1D16;
text-transform: uppercase;
letter-spacing: 2px;
}

.linethrough{position: relative; text-align: center; padding: 0;}
.linethrough h2{display: inline-block; width: auto; margin: 0; padding: 0; position: relative;}
.linethrough h2:before{position: absolute; top: 50%; left: -130px; height: 1px; background: rgba(0,0,0,0.1); width: 100px; content: " "; display: block;}
.linethrough h2:after{position: absolute; top: 50%; right: -130px; height: 1px; background: rgba(0,0,0,0.1); width: 100px; content: " "; display: block;}

h3 {
margin:0;
font-size:100%;
font-weight:normal;
padding:0;
color: #2C1D16;
text-transform: uppercase;
letter-spacing: 2px;
}

/* allgemeine links im text */
a:link,a:visited {
text-decoration:underline;
color:#000000;
}

a:hover,a:active {
text-decoration:none;
color:#000000;
}

/* Listen */
ul {
list-style:square;
}

hr {
border-bottom:0;
border-left:0;
border-right:0;
border-top:1px solid #CCCCCC;
height:1px;
}

td,div {
font-size:100%;
vertical-align:top;
}

img {
border:none;
max-width: 100%;
height: auto;
}

form {
background:none;
border:none;
}

.button, a.button, .vc_btn3 {
background-color:#1B242C !important;
color:#FFFFFF !important;
border: none !important;
padding: 15px 20px !important;
text-decoration: none !important;
border-radius: 0 !important;
background-image: none !important;
}

.button:hover, a.button:hover, .button:focus, .vc_btn3:hover {
background-color:#2a3845 !important;
color: #FFFFFF !important;
cursor:pointer !important;
}

input,select,textarea,.inputbox {
background:#BEB9A4;
color:#686253;
border: none;
padding:3px 5px;
}

/* Weiterlesen-Link */
.gmnoprint img {
    max-width: none;
}
.gmnoprint label {
    display: inline;
    width: auto;
}


.darkbg{background: #ffffff;}
.darkbg *{color: #2C1D16;}
.darkbg h3{color: #2C1D16;}

.whitebg{background: #FFFFFF;}
.whitebg h3{color: #bfa34b;}



.topbar{padding: 10px; background: #EDEDED;}

/* Bilder */
.object-fit { 
	width: 300px; 
	height: 300px; 
	margin: 4em auto; 
}
.object-fit img { 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}



.header{background: #2C1D16; padding: 20px 0;}
.header .logo img{max-height: 80px; width: auto; max-width: 70%; height: auto;}

.mainmenu ul{margin: 0; padding: 0; list-style: none; width: 100%; text-align: center;}
.mainmenu ul li{display: inline-block; padding: 0 30px; position: relative;}
.mainmenu ul li a{color: #e9d9c4; display: block; line-height: 80px; padding: 0; text-decoration: none; text-transform: uppercase;}

.mainmenu ul li.current-menu-parent a{font-weight: bold;}
.mainmenu ul li.current-menu-item a{font-weight: bold !important;}

.mainmenu ul ul{display: none; position: absolute; background: #FFFFFF; top: 60px; left: 0; z-index: 99; text-align: left; padding: 15px 0; min-width: 200px;}
.mainmenu ul ul li{width: 100%; display: block; padding: 0;}
.mainmenu ul ul li:after{display: none;}
.mainmenu ul ul li a{line-height: 1; padding: 10px 30px; text-transform: none; font-weight: normal !important; width: 100%; display: block;}
.mainmenu ul ul li a:hover{font-weight: bold !important;}


.mainmenu ul li:hover ul{display: block;}

.content{min-height: 500px;}
.content a.arrowed{margin: 0; color: #2C1D16; display: inline-block; text-decoration: none; border-bottom: 2px solid #2c1d16}

.content a.gallery{margin: 0 0 30px 0; display: block; position: relative; overflow: hidden; text-decoration: none;}
.content a.gallery *{transition: all 0.2s ease-in-out;}
.content a.gallery .image{overflow: hidden; height: 0; padding-top: 65%; display: block; position: relative; background-size: cover;}
.content a.gallery .desc{width: 100%; color: #2C1D16; padding: 10px 0 0 0; font-weight: 600; display: block;}
.content a.gallery .subdesc{width: 100%; color: #2C1D16; font-weight: 400; display: block;}


.content .wpb_gmaps_widget .wpb_wrapper{padding: 0;}

.footer{background: #2C1D16; color: #E9D9C4; padding: 50px 0 40px 0; text-align: center;}
.footer a{color: #E9D9C4;}
.footer ul{margin: 0 0 40px 0; padding: 0; list-style: none;}
.footer ul li{display: inline-block; margin: 0 10px;}
.footer ul li a{color: #E9D9C4; text-decoration: none;}

.copyright{background: #2C1D16; color: #E9D9C4; padding: 0 0 50px 0; text-align: center;}
.copyright a{color: #E9D9C4; text-decoration: none;}




.panel-toggle {display: none;}
#panel-left{display: none;}

@media (max-width: 992px) {
	
	#panel-left .panel-content{padding: 20px;}
	
	#panel-left .panel-menu{margin: 20px 0 80px 0;}
	#panel-left .panel-menu ul{margin: 0; padding: 0; list-style: none;}
	#panel-left .panel-menu ul li{margin: 0; padding: 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
	#panel-left .panel-menu ul li a{color: #FFFFFF; text-decoration: none; padding: 0; margin: 0; background: none !important; line-height: 50px; text-transform: uppercase; font-weight: bold; position: relative; display: block;}
	#panel-left .panel-menu ul li .trigger{position: absolute; right: 0; top: 50%; margin: -17px 0 0 0; width: 30px; height: 30px; background: url(images/dropdown.svg) left center no-repeat; background-size: 10px 6px; display: block; content: " "; z-index: 9;}

	#panel-left .panel-menu ul ul{margin: 0; padding: 0 0 20px 0; list-style: none; display: none;}
	#panel-left .panel-menu ul ul li{margin: 0; padding: 0; position: relative; border: none;}
	#panel-left .panel-menu ul ul li a{color: #FFFFFF; text-decoration: none; padding: 0; margin: 0; background: none !important; line-height: 30px; text-transform: none; font-weight: normal;}
	
	#panel-left .panel-content .search{margin: 0;}
	#panel-left .panel-content .search input{width: 100%; max-width: 100%; display: block; border-radius: 0; float: none; text-align: center; padding-left: 0; padding-right: 0;}
	#panel-left .panel-content .search button{width: 100%; max-width: 100%; display: block; float: none;}
	
	
	/* Panel opening and closing animation lasts 200ms */
	body {transition: transform .2s; overflow-x: visible;}
	/* Slide page 200px to the right when panel is opened */
	body.ps-active {transform: translateX(270px);}
	/* Position panel */
	#panel-left {position: fixed; top: 0; left: 0; width: 270px; height: 100%; background-color: #1B242C; transform: translateX(-270px); overflow: hidden; display: block; padding-top: 40px; border-radius: 0;}
	.panel-toggle {display: block; width: 40px; height: 40px; background: #1B242C url(images/menu.svg) center center no-repeat; background-size: 25px 25px; position: absolute; right: 15px; top: 50%; margin: -20px 0 0 0; cursor: pointer;}
	.panel-close {display: block; width: 40px; height: 40px; background: url(images/close.svg) left center no-repeat; background-size: 25px 25px; cursor: pointer; opacity: 1; margin: 0 0 0 20px;}
	
}




@media (max-width: 992px){

	.header{padding: 20px 0;}
	.mainmenu{display: none;}
	

}

@media (max-width: 600px){
	
	.header{padding: 20px 0 0 0;}
	.header .additional{margin: 20px 0 0 0; background: #1B242C; color: #FFFFFF; line-height: 40px; text-align: center;}
	.header .additional a{color: #FFFFFF; text-decoration: none;}
	.header .additional .phone{font-size: 80%; padding-left: 25px; background: url(images/phone_white.png) left center no-repeat; background-size: 15px auto;}
	.header .additional .opening{font-size: 80%; padding-left: 25px; margin-left: 30px; background: url(images/opening_white.png) left center no-repeat; background-size: 15px auto;}
	.header .additional .button{display: none;}
}