@charset "utf-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);

body.overlay-init,
.animsition-loading {  background-color: #ddd;}

body { font-family:'Source Sans Pro',Arial, Helvetica, sans-serif; font-size:16px; color:#c4791d; margin:0; padding:0;}


#logo		{ 	position:fixed;   width:100%; height:70px; text-align:center; margin:0 auto; top:25px; display:none;   }

header				{ 	position:relative;   width:100%; height:70px; text-align:center; margin:0 auto; top:-70px;    }
header #mainnavi	{ 	position:relative; clear:both;   width:100%; height:70px; text-align:left; margin:0 auto;    }

/* Detail CSS für Menü oben
	weißer Hintergrund und Schrift in braun
 */
header.detail		{ 	top:0px;    }
header.detail .cd-primary-nav, .cd-primary-nav ul {background-color: rgba(255,255,255,1);}
@media only screen and (min-width: 1170px){
	header.detail .cd-primary-nav > li > a { color:#c4791d; }
	header.detail .cd-primary-nav > .has-children > a::before, header.detail .cd-primary-nav > .has-children > a::after 	{ background-color:#c4791d	}
	header.detail .cd-primary-nav >li:first-child img{ content:url(../images/logo-baerntalerhof-braun.png); }
	header.detail .cd-primary-nav .cd-secondary-nav	 { top:70px}
}


header.detail .cd-nav-trigger.nav-is-visible span { background:rgba(46, 50, 51, 0);}
header.detail .cd-nav-trigger span, header.detail .cd-nav-trigger span::before,  header.detail .cd-nav-trigger span::after { background:#c4791d; }

/* Detail CSS Ende */

#layerslider h3.title		{ font-family:'Lora'; font-size: 100px; font-weight:300; color:#FFFFFF; font-style:italic; }
#layerslider a.btn		{ font-family:'Lora'; font-size: 36px; font-weight:100; font-style:italic;  color:#738d9e; }


main, #main{position:relative; width:100%; float:left;     top: -60px;}
main.detail, #main.detail{     top: -20px;}

#sprache {position:fixed; float:left; right:0; z-index:1000; top:120px;}
#sprache a { margin: 5px 0px 2px 0; padding:10px; display:block; width:60px; height:40px; background-color:rgba(255,255,255,0.80); color:#c4791d; text-decoration:none;}
#sprache a:hover { background-color:rgba(255,255,255,1.00)}

#sprache-d {position:fixed; float:left; right:0; z-index:1000000; top:0px;}

#sprache-d a { margin: 5px 0px 2px 0; padding:10px; display:block; width:60px; height:40px; background-color:#7d4f25; color:#FFFFFF; text-decoration:none;	
	-moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;    -moz-border-radius: 0;
    -webkit-border-radius: 0;    border-radius: 0;    -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0);
	}
#sprache-d a:hover { background-color:#c09157; }

#section1				{ position:relative; width:100%; float:left; height:auto; background-color:#e7f0fa; color:#FFFFFF; text-align:center; background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center;  }
#section1 #trenner1   { position:relative; float:left; clear:both; width: 100%; min-height:50px; height:50px; background-image:url(../images/trenner-blume.png); background-repeat:repeat-x; margin: 50px 0px;}
#section1	h1 { font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600;   margin: 0 0 25px; line-height:28px;  letter-spacing: 0.3em;}
#section1	p { font-family: 'Lora', sans-serif; font-size:26px; line-height:34px; font-weight:400; }
#section1	a { color:#FFFFFF; }
#section1	a:hover { text-decoration:underline; }


#section2				{ position:relative; float:left; width:100%; height:auto; background-color:#FFFFFF; text-align:center;  }
#section2 img			{ width:50%; float:left; height:auto;  -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;    -moz-border-radius: 0;
       -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0); }
#section2 img.over1:hover			{ content:url(../images/bild1-o.jpg); background-color:rgba(0,0,0,0.50) }
#section2 img.over2:hover			{ content:url(../images/bild2-o.jpg);  }
#section2 img.over3:hover			{ content:url(../images/bild3-o.jpg);  }
#section2 img.over4:hover			{ content:url(../images/bild4-o.jpg);  }

#section2 img.over5:hover			{ content:url(../images/bild1-o-it.jpg); background-color:rgba(0,0,0,0.50) }
#section2 img.over6:hover			{ content:url(../images/bild2-o-it.jpg);  }
#section2 img.over7:hover			{ content:url(../images/bild3-o-it.jpg);  }
#section2 img.over8:hover			{ content:url(../images/bild4-o-it.jpg);  }


#section3				{ position:relative; width:100%; float:left; height:auto; background-color:#e7f0fa; color:#FFFFFF; text-align:center; background-image:url(../images/hg-col100x2.jpg); background-repeat:repeat; background-position:top center; min-height:850px; }
#section3 #trenner1   	{ position:relative; float:left; clear:both; width: 100%; min-height:50px; height:50px; background-image:url(../images/trenner-blume.png); background-repeat:repeat-x; margin: 40px 0px;}
#section3	h2 { font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600;   margin: 0 0 25px; line-height:28px;  letter-spacing: 0.3em;}
#section3	h3 { font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600;   margin: 0 0 0; line-height:28px;  letter-spacing: 0.3em;}
#section3	h4 { font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600;   margin: 0 0 0; line-height:28px;  letter-spacing: 0.3em;}
#section3	p { font-family: 'Lora', sans-serif; font-size:26px; line-height:34px; font-weight:400; }
#section3	img.fewo {  border-color:#FFFFFF; border-width:0px; border-style:solid; margin-bottom:0px; }



#section5				{ position:relative; width:100%; float:left; height:auto; background-color:#FFFFFF; text-align:center;  color:#c4791d; }
#section5	p.h1 		{ font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600; color:#c4791d;   margin: 25px 0 25px; line-height:28px;  letter-spacing: 0.3em; }
#section5   p.h1::before{ content:url(../images/ornament.png); }
#section5	p 			{color:#c4791d; }
#section5	hr 			{ height:1px;  border: 0;  background: #c4791d; width:50%; margin:45px 25%;   }
#section5	p.teaser 		{ font-family: 'Lora', sans-serif; font-size:26px; line-height:34px; font-weight:400; }
#section5	p.klein 		{  font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; font-weight:400; text-transform:uppercase; }
#section5	p.klein2 		{  font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; font-weight:400;}
#section5 .btn, #section5 .btn:focus, #section5 .button, #section5 input[type=submit] {  border: 1px solid #c4791d;  color: #FFFFFF; } 


#section6				{ position:relative; width:100%; float:left; height:auto; background-color:#FFFFFF; background-image:url(../images/hg-col100x2.jpg); background-repeat:repeat; background-position:top center; text-align:center; min-height:850px; color:#c4791d; }
#section6	.h1 		{ font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600; color:#c4791d;   margin: 25px 0 25px; line-height:28px;  letter-spacing: 0.3em; }
#section6   .h1::before{ content:url(../images/ornament.png); }
#section6	p 			{color:#c4791d; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; }
#section6	hr 			{ height:1px;  border: 0;  background: #c4791d; width:50%; margin:45px 25%;   }
#section6	p.teaser 		{ font-family: 'Lora', sans-serif; font-size:26px; line-height:34px; font-weight:400; }
#section6	li		{ line-height: 24px; font-family: 'Lora', sans-serif; font-size:14px; text-align:left; margin:0 20px 0 0;}
#section6	p.left 		{ text-align:left; margin:0 20px; line-height: 24px; font-size:14px; font-family: 'Lora', sans-serif;}
#section6	td 		{ text-align:left; font-family: 'Lora', sans-serif; font-size:14px; line-height:24px;}
#section6	td p, #wWidget, #wWidget p		{  font-family: 'Lora', sans-serif; font-size:14px; line-height:24px;}



#section7				{ position:relative; width:100%; float:left; height:auto; background-color:#FFFFFF; text-align:center;  color:#c4791d; }

#section8				{ position:relative; width:100%; float:left; height:auto; background-color:#FFFFFF; text-align:center;  color:#c4791d; min-height:90px; padding-top:20px; }
#section8	p 			{color:#c4791d; }
#section8	p.klein 		{  font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; font-weight:400; text-transform:uppercase; }
#section8	p.klein2 		{  font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; font-weight:400;}



#section9				{ position:relative; width:100%; float:left; height:auto; background-color:#FFFFFF; background-image:url(../images/hg-col100x2.jpg); background-repeat:repeat; background-position:top center; text-align:center; min-height:850px; color:#c4791d; }
#section9	.h1 		{ font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:600; color:#c4791d;   margin: 25px 0 25px; line-height:28px;  letter-spacing: 0.3em; }
#section9   .h1::before{ content:url(../images/ornament.png); }
#section9	p 			{color:#c4791d; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; }
#section9	hr 			{ height:1px;  border: 0;  background: #c4791d; width:50%; margin:45px 25%;   }
#section9	p.teaser 		{ font-family: 'Lora', sans-serif; font-size:26px; line-height:34px; font-weight:400; }
#section9	li		{ line-height: 24px; font-family: 'Lora', sans-serif; font-size:14px; text-align:left; margin:0 20px 0 0;}
#section9	p.left 		{ text-align:left; margin:0 20px; line-height: 24px; font-size:14px; font-family: 'Lora', sans-serif;}
#section9	td 		{ text-align:left; font-family: 'Lora', sans-serif; font-size:14px; line-height:24px;}
#section9	td p, #wWidget, #wWidget p		{  font-family: 'Lora', sans-serif; font-size:14px; line-height:24px;}


#col100w			{ position:relative; width:1000px; height:auto; text-align:center; margin:0 auto;}
#col100w.white		{ background-color:#FFFFFF; padding:30px 20px; margin-top:40px; margin-bottom:40px;}
#col100w .colums1	{ position:relative; width:100%; float:left; margin:0; padding:0;}
#col100w .colums2	{ position:relative; width:70%; float:left; margin:0; padding:0;}
#col100w .colums3	{ position:relative; width:30%; float:left; margin:0; padding:0;}
#col100w .colums4, #col100w .colums4-1, #col100w .colums4-2, #col100w .colums4-3	{ position:relative; width:31%; float:left; margin:0; padding:0; margin-right:1%;}
#col100w .colums4-3 a {   color: #c4791d;   }
#col100w .colums5	{ position:relative; width:50%; float:left; margin:0; padding:0; margin:25px 25%; }
#col100w .colums6	{ position:relative; width:20%; float:left; margin:0; padding:0;}
#col100w .colums7	{ position:relative; width:60%; float:left; margin:0; padding:0;}



.btn, .btn:focus, .button, input[type=submit], .internal-link {
    font-size: 12px;    line-height: 1;    font-weight: 600;    padding: 17px 32px;    border: 1px solid #FFFFFF;    margin: 0 3px 0 3px;
    display: inline-block;    cursor: pointer;    outline: 0;    color: #FFFFFF;    background: transparent;    text-transform: uppercase;    text-decoration: none;    text-shadow: none !important;    text-align: center;    position: relative;    overflow: hidden;    letter-spacing: 0.2em;    -moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;    -moz-border-radius: 0;
    -webkit-border-radius: 0;    border-radius: 0;    -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0);
}
.btn:hover, .internal-link:hover {	background-color:rgba(0,0,0,0.20)}
#col100w.white .internal-link {       border: 1px solid #c4791d;    color: #c4791d;   }
#col100w.white a {   color: #c4791d;   }





/* Formatierung der Tabelle Preisliste */
.preisliste 						{ width:50%;  margin:10px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:13px; font-family: 'Lora', sans-serif;    }
.preisliste thead .tr-even			{ background-color:#e9c7a1; color:#c4791d; height:35px;  padding:5px; text-align:left; font-size:16px;   }
.preisliste thead th				{  text-align:center; padding-left:5px; height:60px; font-weight:normal; border-right-width:0px;  border-right-style:solid;  border-top-width:0px;  border-top-style:solid; border-color:#FFFFFF;  } 
.preisliste th						{  text-align:center; padding-left:5px; height:60px; font-weight:normal; background-color:#e9c7a1; color:#c4791d; font-size:16px;   } 
.preisliste h1						{  font-size:18px; text-transform:uppercase;  color:#FFF;}
.preisliste tr		 				{  margin:0; padding:0px; color:#c4791d; height:35px; }
.preisliste .tr-even 				{  height:60px;   background-color:#f5e2cf; padding:0px; color:#c4791d; font-size:16px;}
.preisliste .tr-odd  				{  height:60px;  background-color:#f5e2cf; padding:0px; border:0; color:#c4791d; font-size:16px;}
.preisliste td						{ padding-left:5px; background-color:#f5e2cf;   border-right-width:5px;  border-right-style:solid;  border-top-width:5px;  border-top-style:solid; border-color:#FFFFFF; margin:0; text-align:center;}
.preisliste .td-last  				{  border-right-width:0px;}
/* Preisliste Endee */

#footer-contact{ position:relative; width:100%; float:left; height:auto; margin:0 0 25px 0;background-color:#FFFFFF; top:-25px; text-align:center;  background-repeat:repeat; background-position:top center;   }


footer{ position:relative; width:100%; float:left; height:auto; margin:0 0 25px 0;background-color:#e7f0fa; top:-25px; color:#FFFFFF; text-align:center; background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; min-height:442px;  }
footer img{ margin-right:2px; }
footer p{ line-height:24px; font-size:14px; font-family: 'Lora', sans-serif; }
footer #col100w .colums7{  padding-top:140px;   }
footer #col100w .colums6{  margin: 25px 0;  }
footer #col100w .colums7 a{ color:#FFFFFF; }


/* responsive Bilder mit Typo3 anpassen */

figure {    display: block;    -webkit-margin-before: 0em;    -webkit-margin-after: 0em;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;}

/* spezielle Anpassung für section1 */
#section1 #col100w .colums1 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image 		{float:none; margin-bottom:10px; margin-left:0;  text-align:center;}
#section1 #col100w .colums1 DIV.csc-textpic DIV.csc-textpic-imagecolumn								{float:none;}
#section1 #col100w .colums1 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image	img		{ min-width:100px;  width:auto; max-width: 100%; min-height:100px; height:226px; max-height:226px; margin: 5px 0; }

/* spezielle Anpassung für section2 */
#section2 #col100w .colums1 DIV.csc-textpic DIV.csc-textpic-imagecolumn								{float:none;}

/* spezielle Anpassung für section6 */
 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image 		{float:none; margin-bottom:10px; margin-left:0;  text-align:center;}
 DIV.csc-textpic DIV.csc-textpic-imagecolumn								{float:none;}
 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image	img		{ min-width:100px;  width:auto; max-width: 50%; float:left; min-height:100px; height:226px; max-height:226px; margin: 5px 0; }


DIV.csc-textpic-above DIV.csc-textpic-imagewrap, DIV.csc-textpic-below DIV.csc-textpic-imagewrap, DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI, DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {	float: none; }
div.csc-textpic div.csc-textpic-imagecolumn {float: none;}


div#main #anfrageformular  .label			{  text-align:left; width:100%; position:relative; float:left; font-size:14px;  padding: 0 10px 0 0;}
div#main #anfrageformular  .label-n		{ width:20px; text-align:right; position:relative;  font-size:14px; }	
div#main #anfrageformular  .clear			{clear:both; }
div#main #anfrageformular   form				{ padding:20px 10px 10px 15px;  max-width:700px; margin:0 auto;   }
div#main #anfrageformular   input 			{ width:100%; height:3em; background-color:#f5e2cf;    margin:5px 5px; margin-left:0px; font-size:14px; }
div#main #anfrageformular   input#submit		{  height:60px;  }
div#main #anfrageformular   input[type="submit"]		{ font-weight:bold;  background-color:#7d4f25;  color:#FFF; }
div#main #anfrageformular   input[type="submit"]:hover		{ background-color:#c09157; cursor:pointer; color:#FFF;    }
div#main #anfrageformular   select			{ width: 100%;	border-width: 0px; background-color:#f5e2cf;  color: #c4791d;  margin:5px 5px; height:3em; margin-left:0px; font-size:14px; }
div#main #anfrageformular   select.small		{ }
div#main #anfrageformular  input#privacy, div#main_content input#newsletter	{	width: auto;	margin-bottom: 0px; width: 16px;	height: 16px;	vertical-align: middle;	border-style: none; background-color:#fdd0a0;}
div#main #anfrageformular   input.medium  	{ width:150px;  }
div#main #anfrageformular   input.small  		{ width:80px;  }
div#main #anfrageformular   SPAN.error 		{	color: #F00;	font-weight: bold;	margin-left: 10px;  }	
div#main #anfrageformular   input:focus, div#main_content  textarea:focus 	 		
										{ 	border-color: rgba(186, 135, 72, 0.4);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72,, 0.6);    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											outline: 0 none; 	}	


div#main #kontaktformular  .label			{  text-align:left; width:100%; position:relative; float:left; font-size:14px;  padding: 0 10px 0 0;}
div#main #kontaktformular  .label-n		{ width:20px; text-align:right; position:relative;  font-size:14px; }	
div#main #kontaktformular  .clear			{clear:both; }
div#main #kontaktformular   form				{ padding:20px 10px 10px 15px;  max-width:700px; margin:0 auto;   }
div#main #kontaktformular   input 			{ width:100%; height:3em; background-color:#f5e2cf;    margin:5px 5px; margin-left:0px; font-size:14px; }
div#main #kontaktformular   input#submit		{  height:60px;  }
div#main #kontaktformular   input[type="submit"]		{ font-weight:bold;  background-color:#7d4f25;  color:#FFF; }
div#main #kontaktformular   input[type="submit"]:hover		{ background-color:#c09157; cursor:pointer; color:#FFF;    }
div#main #kontaktformular   select			{ width: 100%;	border-width: 0px; background-color:#f5e2cf;  color: #c4791d;  margin:5px 5px; height:3em; margin-left:0px; font-size:14px; }
div#main #kontaktformular   select.small		{ }
div#main #kontaktformular  input#privacy, div#main_content input#newsletter	{	width: auto;	margin-bottom: 0px; width: 16px;	height: 16px;	vertical-align: middle;	border-style: none; background-color:#fdd0a0;}
div#main #kontaktformular   input.medium  	{ width:150px;  }
div#main #kontaktformular   input.small  		{ width:80px;  }
div#main #kontaktformular   SPAN.error 		{	color: #F00;	font-weight: bold;	margin-left: 10px;  }	
div#main #kontaktformular   input:focus, div#main_content  textarea:focus 	 		
										{ 	border-color: rgba(186, 135, 72, 0.4);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72,, 0.6);    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											outline: 0 none; 	}	
 
	
input[type="text"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    border: 0;    padding: 17px 20px;    height: 50px;    margin: 0 0 10px;    color: #c4791d; width:100%;
    font-size: 12px;    max-width: 100%;    outline: 0;
    background: #f5e2cf;    -moz-border-radius: 0;    -webkit-border-radius: 0;    border-radius: 0;    -moz-box-shadow: none;    -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;
}
input[placeholder], [placeholder], *[placeholder] {    color: #c4791d !important; }
::-webkit-input-placeholder {  color: #c4791d;}
::-moz-placeholder {  color: #c4791d;}
:-ms-input-placeholder {  color: #c4791d;}
:-moz-placeholder {   color: #c4791d; }
textarea {    min-height: 200px; }

#section6 #col100w  img			{ position:relative; width:100%; float:left; height:auto;   }
#section6 #col100w  #image-50 img			{ position:relative; width:49%; margin-left:0.5%; margin-bottom:5px; float:left; height:auto;   }

#section6 #wWidget img{ max-width: 90px; max-height: 90px;}
#section6 #col100w #wWidget img {	 float: none; }