@charset "utf-8";
/* CSS Document 
	font-family: "jaf-bernino-sans",sans-serif;  400, 700
*/
.braun { color: rgba(90,60,50,1.00); }
.gruen { color: rgba(96,195,64,1.00); }
.svg .sprite, .shariff-button    { background-image: url('img/spritesheet.svg'); }
.no-svg .sprite, .no-svg .shariff-button  { background-image: url('img/spritesheet.png'); }



/* Hinweis für alte IE-Version
-----------------------------------------*/
	#chromeframe {
		display: block;
		padding: 60px;
		color: #000;
		background-color: rgba(90,60,50,1.0); 
		}
	#chromeframe h2 {
		color: #fff;
		}
	#chromeframe a {
		color: #fff;
		text-decoration: underline;	
		}


/* Foundation - Overrides
-----------------------------------------*/
.row { max-width: 1200px !important; }

.reveal-modal.open {
	overflow: hidden
	}


#schattenrand {
	display: block;		
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	pointer-events: none;	
	box-shadow: inset 0 0 15vw rgba(148,86,24,0.5);
	z-index: 2000;
	
	visibility: hidden;
	}
	
		


	
html,
body {
	font-family: "jaf-bernino-sans",sans-serif; 
	font-weight: 400;
	color: #222;	
	font-size: 0.95rem;	
	}
	
body {
	background-image: url(img/holzhintergrund.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	}
	
h1,
h2,
h3,
h4  {
	font-family: "jaf-bernino-sans",sans-serif; 
	font-weight: 700;
	color: rgba(90,60,50,1.0); 
	}

strong {
	font-weight: 700;
	}
	
a {
	color: rgba(90,60,50,1.0); 
	text-decoration: none;
	}
a:hover {
	color: #000;}
	
hr {
	border: none;
	border-top: 1px solid rgba(174,153,144,0.25);
	margin: 2rem 0;
	}
	
/*p { hyphens: auto;	}*/
	


/* Liste */
	ul {
		margin: 0;
		padding-left: 24px;
		list-style: none outside;
		}
	
	ul li {
		margin-bottom: 0.8em;
		padding-left: 1em; 
		text-indent: -1em;
		}
		
	ul li:before {
	   content: '■';
	   color: rgba(90,60,50,1.00); margin-right: 0.5em;
		}	
	
	p + ul { margin-top: -1em; }


/* Button */
	button,
	.button {
		clear: both;
		display: block;
		width: 100%;
		background-color: rgba(90,60,50,1.0); 
		box-shadow: 0px 0px 2px rgba(0,0,0,0.40), inset 0 0 40px rgba(0,0,0,0.20);
		border: none;
		color: #ffffff;
		font-family: inherit;
		border-radius: 2px;
		font-size: 1rem;
		padding: 1em 0;
		}
	.button a:link,
	.button a:visited  {color: #fff !important;}
	
	button:hover,
	.button:hover {
		background-color: rgba(96,195,64,1.00); box-shadow: 0px 0px 6px rgba(0,0,0,0.80), inset 0 0 30px rgba(0,0,0,0.10);
		border-color: #000;
		color: #ffffff;
		}
		
	.reveal button {
		display: inline-block;
		box-shadow: none;
		width: auto;
		background: none;
		padding: 0;
		}


	.kolumnen,
	.text-columns {
		 column-count: 3;
		 column-width: 250px;
		 column-gap: 6em;
		 column-rule: 1px solid rgba(174,153,144,0.25);
		 margin-bottom: 2rem;
		 text-align: justify;
		}
		.kolumnen.schmal { column-width: 150px; }
		
		.kolumnen > h2,
		.kolumnen > h3,
		.kolumnen > h4 {
			margin-top: 0;
			}
		
		p + .kolumnen,
		p + .text-columns {
			 margin-top: 2rem;	  
			}



/* Header 
__________________________________________*/
	header {
		position: relative;
		height: auto;
		overflow: visible;
		width: 100%;
		margin-bottom: 4rem;
		}
		header img {
			box-shadow: 0px 20px 20px rgba(0,0,0,0.70);
			z-index: 0;
			
			}
	
	#logo {
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,0.90);	
		}
		#logo:after {
			display: block;
			content: ' ';
			clear: both;	
			}
	
		





	
/* Inhalt
__________________________________________*/	
	
	#inhalt-sidebar-wrapper {
		margin: 0;	
		}
		
	
	h1 { 
		font-size: 1.4rem;
		margin: 2rem 0;		
		}
		.panel h1:first-child { 
			margin-top: 0 !important; 
			}
	
	h2 {
		font-size: 1.4rem; 
		line-height: 1.4em;
		margin-bottom: 1.5rem !important;
		}
		.panel.transparent h2 {
			margin-bottom: 0.25em !important;
			color: #fff;
			}
	
	h3 { 
		margin: 2em 0 1em 0 !important; 
		font-size: 1.2rem;
		}
	.panel h3:first-child { 
		margin-top: 0em !important; 
		}
	
	h4 { 
		font-size: 1.2rem ;
		}
		
	
	.panel {
		padding: 2rem;
		margin-bottom: 2rem;
		background: rgba(255,255,255,0.90);
		border-top: 8px solid rgba(96,195,64,1.00);
		box-shadow: 0px 20px 20px rgba(0,0,0,0.70),inset 0 0 80px rgba(90,60,50,0.20);
		border-radius: 2px;
		}
	.panel.kein-schatten {
		box-shadow: none;
		} 
	.panel.grau {
		background: rgba(33,55,44,0.9);
		border-top: hidden;
		}
	.panel.grau p {
		color: rgba(255,255,255,0.90);
		}  	
	.panel.transparent {
		padding: 0;
		margin: 2rem 0;		
		border-top: hidden;
		background: none;
		} 
	.panel.bilder {
		margin: 2rem -0.25rem;
		background: none;
		}
		.panel.bilder:after {
			clear: both;
			display: block;
			content: ' ';
			} 
		.bild-vor-panel + .panel  {	
			border-radius: 0 0 4px 4px;
			}
	
	
	
	.small { 
		font-size: 0.8rem;
		margin-top: 0;
		}




/* Bilder
-----------------------------------------*/
	.bildcontainer .column {
		text-indent: 0;
		margin: 0;
		padding: 0 0.5rem 0.5rem 0;
		}
	 
	.bildcontainer img {
		display: inline-block;
		width: 100%;
		max-width: 100%;
		border: 2px solid rgba(255,255,255,0.75); 
		border-radius: 1px;
		}
	
	.bildcontainer img:hover {
		box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
		transform: scale(1.1);
		}



/* Tabelle
-----------------------------------------*/
	table {
		background: none;
		border: 1px solid rgba(90,60,50,1.0); 
		border-radius: 2px;
		margin: 2em 0;
		width: 100%;
		line-height: 1.6em;
		}
	
	table tbody tr th,
	table tbody tr td { 
		padding: 1em; 
		font-size: 16px !important; 
		font-weight: 400; 
		}
	
	table tbody tr td {
		border: medium none;
		padding: 10px !important;
		text-align: center;
		width: 100px;
		}
	
	
	
	table tbody tr:nth-child(2n) {
		background: rgba(255,255,255,0.4);
		}
	
	table tbody tr th[scope="col"] {	
		background-color: rgba(5,45,97,0.10);
		text-align: left; 
		vertical-align: middle;
		}
	
	table tbody tr th[scope="row"] {}
	
	
	table tbody tr:hover {
		background: rgba(5,45,97,0.40);
		box-shadow: 0 0 20px rgba(0,0,0,0.54);
		}
	table tbody tr:hover td,
	table tbody tr:hover th {
		color: #fff;
		}
	
	
	table tbody th.heading {
		text-align: center;
		background: rgba(90,60,50,1.0); 
		color: #fff !important;
		font-weight: 700;	
		}
		
	table tbody tr th.heading:hover {
		background: inherit !important;
		box-shadow: none none;
		color: inherit !important;
		box-shadow: none !important;
		}
		
	table tbody tr.heading:hover  {
		box-shadow: none !important;
		background: rgba(90,60,50,1.0); 
		color: #fff !important;
		}
	

	
	
	
	
/* Sidebar
__________________________________________*/	
	
aside p {
	margin-bottom: 0.5em;
	}	
	
aside h3 {
	margin-bottom: 0.25em !important;
	}	


	
	
	
	
/* Footer
__________________________________________*/
	footer {
		display: block;
		padding: 2rem 0;
		width: 100%;
		background-color: rgba(255,255,255,0.80) ;
		color: rgba(90,60,50,1.00) !important;
		overflow: visible;
		border-top: 6px solid white;		
		vertical-align: bottom;		
		}
	
	footer .facebook-link {
		font-size: 1.4rem;
		}	
	
	#footer .button {
		color: #fff;
		background-color: rgba(90,60,50,1.0); 
		width: auto;
		display: inline-block;
		}
	#footer .button:hover {
		background-color: rgba(0,99,46,0.7);
		box-shadow: 0 0 10px rgba(0,0,0,0.30);
		}




/* Kontaktformular
-----------------------------------------*/
	input,
	select,
	textarea {
		font-family: "jaf-bernino-sans",sans-serif; 
		width: 100%;
		border-radius: 2px;
		background-color: rgba(255,255,255,0.70);
		border: 1px solid rgba(0,0,0,0.50);	
		font-size: 1rem;	
		margin: 0 0 1rem 0;
		padding: 0.4em;
		
		}
		
	input:hover,
	select:hover,
	textarea:hover {
		box-shadow: 0 0 6px rgba(0,0,0,0.40);
		background-color: rgba(255,255,255,1.00);
		}
		
	textarea#comments {	}
	
	.required { 
		border: 1px solid rgba(5,45,97,1.00) !important; 
		}
	
	select {
		margin-bottom: 10px;
		padding: 5px 2px;
		width: 100%;
		}
	
	#contactus { margin-bottom: 0px; }
	
	.error_message {
		background-color: rgba(215, 0, 28, 1.00);
		font-weight: 600;
		font-size: 1.1rem;
		border-radius: 2px;
		padding: 1rem;
		margin-bottom: 1rem;
		color: #fff;
		}
		
	:-webkit-input-placeholder { color:#555; }
	::-moz-placeholder { color:#555; } /* firefox 19+ */
	:-ms-input-placeholder { color:#555; } /* ie */
	input:-moz-placeholder { color:#555; }


/*  Maps
-----------------------------------------*/
	#googlemaps {
        height:400px;
        width: 100%;
   	 }
    .gm-style-iw * {
        display: block;
        width: 100%;
    	}
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
   	 }
    .gm-style-iw a {
        color: #4272db;
   	 }
	





/*   Shariff
-----------------------------------------*/	
	#empfehlen {
		height: 40px;
		vertical-align: top;
		margin: 0 0 2rem;		
		}		
	.text-empfehlen {
		margin-right: 1rem;
		vertical-align: top;
		font-weight: 700;
		clear: both;
		}
	
	#empfehlen .shariff ul {
		list-style: inside;
		margin: 0.5em 0;
		padding: 0;
		}		
	#empfehlen .shariff ul li {
		display: inline-block;
		margin: 0 4px 0 0;
		padding: 0;
		width: 25px;
		height: 25px;
		border-radius: 1px;
		text-indent: 0;
		}	
		#empfehlen ul li::before {
			display: none;
			content:'';
			margin: 0;
			}
			
	#empfehlen li.shariff-button a {	
		display: inline-block;
		width: 25px;
		height: 25px;	
		
		padding: 0;
		margin: 0; 
		}
		
	#empfehlen li.shariff-button {
		background-color: rgba(90,60,50,1.00);
		}
	#empfehlen li.shariff-button:hover {
		background-color: rgba(96,195,64,1.00);
		}
		#empfehlen .shariff .share_text { display: none; }

	.shariff-button.facebook { background-position: 0px 0px; }
	.shariff-button.googleplus { background-position: -25px 0px; }
	.shariff-button.twitter {	background-position: -50px 0px; }
	.shariff-button.xing { background-position: -100px 0px; }
	.shariff-button.pinterest {	background-position: -125px 0px; }
	.shariff-button.whatsapp { background-position: -150px 0px; }






/* Impressum
---------------------------------------------------------------------------------------------------------------------------*/
	.wagnergraphics {
		margin: 0 0 10px -10px;
		}
	
	
	iframe { height: 350px !important; }
	iframe .gm-style div:first-child { pointer-events: none; }

	
/* Animationen und optische Ergänzungen
---------------------------------------------------------------------------------------------------------------------------*/
	body,
	p,
	a,
	li,
	li:before,
	.button,
	.row,
	.panel 
	input,
	select,
	textarea,
	.bildcontainer img  {
		transition: all 0.4s ease;
		}









/* Define mobile styles */ 
@media only screen { } 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { }  



	
	
/* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) { 

	html,
	body {
		font-size: 100%;
		}
		
	#logo {
		position: absolute;
		z-index: 99;
		width: auto;
		top: 0;
		left: 20%;
		max-height: 85%;
		background-color: rgba(255,255,255,0.90);	
		}
		#logo:after {
			display: block;
			content: ' ';
			clear: both;	
			}

	aside { 
		padding-top: 0;
		}
	aside .panel { 
		margin-top: 0 !important;
		}
		
	button,
	.button {
		font-size: 1.2rem;
		}

	
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */  
@media only screen and (min-width: 40.063em) and (max-width: 50em) {} 
	
	
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */  
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} 




/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 


	/* Foundation - Overrides
	-----------------------------------------*/
	.row { max-width: 1200px !important; }	

	.inhalt { 
		padding-right: 0;
		}

	aside { 
		padding-left: 0 !important;
		}
	
	iframe { height: 600px !important; }
		
	
		
} 

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 

/* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) { } 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
		/* Foundation - Overrides
	-----------------------------------------*/
	.row { max-width: 1400px !important; }
	
	}  

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {} 



@media print {
 
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  
  

  #nach-oben { 
  	display: none; 
	}
  
  .print {
	   display:inherit !important; 
		}
	
}