/* Holzsachen Styles 10.4.24*/

@import 'https://fonts.googleapis.com/css?family=Caveat+Brush';

* {
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	list-style-type: none;
	text-decoration: none;
}
.unterbild b {
	padding: 0 5px;
}

p {
	font-size: 90%;
}
body {
	color: #350200;
	text-align: left;
	padding-bottom: 40px;
	font: 130% Arial, sans-serif;
	letter-spacing: 0.02em;
	background-color: #ffcb95;
}

/*--- Wrapper ---*/

#wrapper header.breite {
	display: none;
}
#wrapper {
	text-align: left;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	padding-bottom: 13px;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
}

#main {
	margin-top: 20px;
	margin-bottom: 15px;
}
.imrahmenmini {
	margin-bottom: 10px;
}
img {
	border-style: solid;
	border-color: #424242;
}
a, a:link, a:visited  {
	color: #653325;
	text-decoration: none;
	font-family: "Caveat Brush", Optima;
}
a:hover  {
	color: white;
}
a img, a:visited img {
	border-style: solid;
}
a:hover img {
	border-style: solid;
	border-color: white;
}
a .datei, a:visited .datei, a .dateivoll, a:visited .dateivoll, a .box, a:visited .box {
	border-style: solid;
}
a:hover .datei, a:hover .dateivoll, a:hover .box {
	border-style: solid;
}
h1 {
  color: #350200;
  font: normal normal 300%/80% "Caveat Brush", Optima;
  margin-bottom: 10px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#logo {
	background-image:  url(images/logo.svg);
}
#logo.hlogo {
	background-size: auto;
    background-position-x: left;
	background-position-y: center;
    background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 222px;
	width: auto;
	text-align: center;
}
#logo.mob {
	text-align:left
	background-position-x: center;
	background-position-y: top;
    background-repeat: no-repeat;
	width: 100%;
	padding-top: 450px;
}
#kopf.mob {
	text-align:left
	width: 100%;
}
h2#title {
	display: none;
}

h3 {
	font-size: 200%;
	margin-bottom: 10px;
}

h4 {
	font-size: 180%;
	padding-bottom: 8px;
}
h5 {
	font-size: 120%;
	padding-bottom: 6px;
}
h6 {
	display: none;
}


.absatz3 {
	font-size: 120%;
}
.absatz4 {
	font-size: 120%;
	margin-bottom: 8px;
}

.absatz5 {
	font-size: 80%;
	margin-bottom: 5px;
}
.absatz6 {
	display: none;
}
.pdf {
	font-size: 90%;
}

.s {
	display: inline;
	font-style: normal;
	font-weight: normal;
	color: white;
}
.s1 {
	border-top: 1px solid #724a00;
	border-bottom: 1px solid #724a00;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
.s2 {
	color: #3a2114;
	border-top: 1px solid #724a00;
	border-bottom: 1px solid #724a00;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.s3 {
	color: white;
	border-top: 1px solid #724a00;
	border-bottom: 1px solid #724a00;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

strong {
	font-weight: bold;
	color: #1a1918;
}
em {
	font-style: italic;
}

u {
	text-decoration: underline;
}

hr {
	clear: both;
	border-top: 1px dashed #350200;
	padding-bottom: 5px;
}
.hr {
	border-top: 1px dashed #350200;
	padding-top: 10px;
}

small.stern {
	padding-left: 2px;
	color: white;
	font-size: 130%;
	position: absolute;
	display: inline-block;
}
.neu {
	color: white;
}

blockquote {
	font-variant: small-caps;
	font-style: italic;
	font-size: 120%;
}

blockquote:before { 
content: ' „ ' ' '; 
}

blockquote:after { 
content: ' ' ' “ '; 
}

cite {
	font-style: italic;
	font-variant: small-caps;
}

small.absatz3 {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bild {
	background-image: url(images/laden.svg);
	background-size: auto;
    background-position-x: center;
	background-position-y: center;
    background-repeat: no-repeat;
}


.actives img {
	border-style: solid;
	border-color: white;
}


.datei, .minidatei {
	display: inline-block;
	text-align: center;
	background-image: url(images/down.svg);
	background-size: auto;
    background-position-x: center;
	background-position-y: center;
    background-repeat: no-repeat;
	color: white;
}

.dateivoll {
	display: inline-block;
	text-align: center;
	background: url(images/down.svg);
	background-size: auto;
    background-position-x: center;
	background-position-y: center;
    background-repeat: no-repeat;
	color: white;
	font-size: 200%;
}
.dateivoll small {
	font-size: 150%;
	padding-top: 50px;
	display: block;
}
div.datei figure {
	margin-top: 20px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}
.infos, .infosSlide {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 60%;
	font-weight: bold;
	line-height: 150%;
}

/*--- slide ---*/


.voll h3 {
	font-size: 140%;
	margin-bottom: 10px;
}
.voll p {
	font-size: 90%;
	font-weight: bold;
}
.imbild {
	position: absolute;
	border-style: solid;
	overflow: auto;
	background-color: rgba(254,255,255,0.6);
}
.imbildtext {
	font-size: 120%;
	text-align: left;
}

.dateivoll .imbildtext {
	padding: 20px;
}
.dateivoll .stern {
	color: white;
	padding: 0;
}
.infosimbild {
	color: white;
	font-weight: normal;
	font-style: normal;
}
.unterbild {
	background-color: #513029;
	color: white;
	font-weight: bold;
	clear: both;
	float: left;
	width: 100%;

}
.unterbild div, .unterbild h4, .unterbild span {
	padding-top: 5px;
	padding-bottom: 8px;
	display: inline-block;
	padding-left: 10px;
}

.unterbild .stern {
	margin-left: 5px;
	position: absolute;
	margin-top: 6px;
}
div.plus {
	float: left;
	margin-right: 5px;
	cursor:pointer;
	padding-left: 10px;
	display: inline-block;
}
div.minus {
	float: right;
	margin-left: 5px;
	cursor:pointer;
	padding-right: 10px;
	display: inline-block;
}
.imbildtext h3 {
	font-size: 200%;
}
.dateislide {
	background-color: #f1b27f;
	overflow: auto;
}
.imbildtext p {
	float: left;
	clear: both;
	width: 100%;
}
.dateislide a {
}
.dateislide a:hover {
	color: white;
}

/*--- page ---*/


.page{
	background-color: #f7f7f7;
	border-style: solid;
	border-color: white;
}

#folder {
	margin-bottom: 20px;
}

#pdf {
	margin-bottom: 20px;
}

#mini {
	clear: left;
	margin-bottom: 20px;
}

#videos {
	margin-bottom: 10px;
	float: left;
}


/*--- full ---*/

.full .infosSlide {
	margin-bottom: 10px;
	padding-top: 0px;
}

article.full {
	padding-bottom: 10px;
}

article.full h3 {
	padding-top: 10px;
}
.full .bild {
	margin-bottom: 5px;
}


/*--- normal ---*/


.box {
	float: left;
}
.spalte .mehr, .artikeltext .mehr {
	display: none;
}

.halbbox {
	background-position: center 50%;
}
.dateibez {
	display: inline-block;
	padding-top: 5px;
}

/*--- folder ---*/

.foldertext {
	font-size: 140%;
	color: white;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(254,255,255,0.6);
}
.foldertext5 {
	font-size: 200%;
	color: black;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(254,255,255,0.6994742);
}

/*--- artikel ---*/

.artikelliste {
	border-top: 1px solid #653300;
	width: 100%;
}

.stern0, .stern1, .stern2, .stern3, .stern4, .stern5 {
}
.stern1 {
	background-color: #ff3800;
}
.stern2 {
	background-color: #22689a;
}
.stern3 {
	background-color: #d41e2d;
}
.stern4 {
	background-color: #239500;
}

.stern4 .neu, .stern4 .stern {
	background-color: white;
}
.stern5 {
	background-color: #d33a64;
}

.artikeltext {
	float: right;
}

article {
	float: left;
}
#artikelliste ul li  {
	float: left;
}

.artikelbild {
	float: left;
}

.artikelbild .actives {
	border-style: none;
}
.artikelbild small {
	text-align: center;
}
.atrikelminus {
		background-color: orange;				   
}

/*--- Footer ---*/

.rechts {
	float: right;
}
.links {
	float: left;
}

footer  li:first-child {
	border-left-style: none;
	padding-left: 0;
}
footer a:link, footer a:visited {
	color: #653325;
	font-weight: bold;
}
footer a:hover {
	color: white;
}

#ende {
	padding-bottom: 20px;
	padding-top: 10px;
	width: 100%;
	font-weight: normal;
	font-style: normal;
}
#ende ul li {
	display: inline;
	border-left-style: none;
	padding-right: 10px;
}
#impressumtaste.spezialaus , #agbtaste.spezialaus , #datenschutztaste.spezialaus {
	display: none;
}

/*--- menu 0 ---*/

#nav0 li.aktiv a {
	color: white;
}
header {
	padding-bottom: 1px;
}
#oben, .natel {
	padding-bottom: 5px;
}

#menu {
	padding-bottom: 0px;
	padding-top: 1px;
	padding-right: 0;
}

#nav0 li.aktiv a {
	color: white;
}

#nav0 {
	color: white;
	padding: 4px 20px 4px 0;
	font: 110% "Caveat Brush", Optima;
}
#nav0 li {
	display: inline;
	padding-right: 15px;
}

#nav0 a:link, #nav0 a:visited {
	color: #653325;
}
#nav0 a:hover {
	color: white;
}
#nav0 ul {
	padding-right: 10px;
}

/*--- menu 1 ---*/

#nav1 li.aktiv a {
	color: white;
}

#menu-unten {
	margin: 10px 0;
	font-size: 100%;
	padding-bottom: 0px;
	padding-top: 1px;
}
#nav1 {
	padding-top: 10px;
	padding-bottom: 10px;
	font: 110%/80% "Caveat Brush", Optima;

}
#nav1 li {
	display: inline;
	padding-right: 15px;
}

#nav1 a:link, #nav1 a:visited {
	color: #653325;
}
#nav1 a:hover {
	color: white;
}
#nav1 ul {
	padding-right: 10px;
}

/*--- menu 2 ---*/

#nav2 li.aktiv a {
	color: white;
}

#nav2 {
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 110%/80% "Caveat Brush", Optima;

}
#nav2 li {
	display: inline;
	padding-right: 15px;
}
#nav2 li:first-child {
	border-left-style: hidden;
}
#nav2 a:link, #nav2 a:visited {	
	color: #653325;
}
#nav2 a:hover {
	color: white;
}
#nav2 ul {
	padding-right: 5px;
}

/*--- bild navi ---*/

nav#bildmenu {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 6px;
}


/*--- slide menu inhalt ---*/


.bildnav li {
	display: inline;
	margin-right: 2px;
}
.bildnav li:first-child {
	border-left-style: hidden;
}
.bildnav  a:link, .bildnav a:visited {
	font-size: 200%;
}

.bildnav a:link, .bildnav a:visited, #bx-pager li a.actives {
	border-bottom-style: none;
}

#bx-pager {
	letter-spacing: .4px;
}
.bildnav  a:hover {
	color: white;
}

.bildnav .aktiv a, #bx-pager li a.active {
	color: white;
	border-bottom-style: none;
}


/*--- formular ---*/

.formular {
	border-color: #350200;
	border-style: solid;
	margin-bottom: 20px;
										 
				
}

.abstandunten {
	border-bottom: 1px solid grey;
	margin-bottom: 20px;
}

fieldset hr {
	border-top: 1px solid #350200;
			  
}

label {
	width: 100%;
	float: left;
	margin-bottom: 4px;
}
.text, .eingabe {
	color:#000000;
	color: #000000;
	border-style: solid;
	border-color: #350200;
}
select {
	border: 1px solid #350200;
	padding: 2px;
}

#antwort {
	border-style: solid;
	border-color: #350200;
}

legend {
	float: left;
	font-weight: bold;
	width: 100%;
}
fieldset li {
	margin-bottom: 4px;
}

input[type='radio'], input[type='checkbox'] {
	margin: 2px 6px 2px 2px;
	border: 1px solid #350200;
	padding: 0;
}
.button, .submit, .reset, .plusminus, .entfernen {
					  
    border-radius: 5px;
    cursor: pointer;
	display: inline;
	border-style: solid;
	border-color: #350200;
}

.bereit {
	color: #7bacec;
	font-weight: bold;
	font-style: italic;
}
.fehler {
	color: #ff2600;
	font-weight: bold;
	font-style: italic;
}
.gesendet, .senden {
	color: #52af03;
	font-weight: bold;
	font-style: italic;
}


.text {
	background-size: auto;
    background-position-x: right;
	background-position-y: center;
    background-repeat: no-repeat;				   
}

.text:optional {
	background-image: url(images/optional.svg);
}
.text:required {
    background-image: url(images/required.svg);
}
.text:valid {
    background-image: url(images/valid.svg);
}
.text:focus:invalid {
	background-image: url(images/invalid.svg);
}
.text:optional {
	background-image: url(images/optional.svg);
 
		
				
}

											 
 
/*--- audio ---*/

a.jp-play, a.jp-pause {
	margin-right: 5px;
}
a.jp-stop {
	margin-left: 5px;
}
#jp_audio {
	font-size: 80%;
	border-bottom: 1px solid #350200;
	padding-bottom: 3px;
}
#jp_audio li {
	display: inline;
}
#jp_audio a:link, #jp_audio a:visited {
	color: white;
}
#jp_audio a:hover {
	color: white;
}
a.track {
	background-image: url(images/play.svg);
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-size: auto;
    background-position-x: right;
	background-position-y: center;
    background-repeat: no-repeat;
}
#volume {
	padding-right: 20px;
}
iframe {
	border: 0 none #350200;
}
.audio {
	margin-bottom: 10px;
}

/*--- tabelle ---*/

table.kommentar {
	margin-bottom: 10px;
	border-spacing:0px;
	display: block;
	border-style: none;
}
table.kommentar td {
	padding: 0px;
	border-style: none;
}
table {
	padding: 0;
	margin-bottom: 20px;
	border-spacing:0px;
	border-left: 1px solid #350200;
	border-top: 1px solid #350200;
}
td {
	padding: 5px;
	border-right: 1px solid #350200;
	border-bottom: 1px solid #350200;
}

.tabzeile {
	background-color: rgba(101,51,37,0.2503235);
}

.spalte table {
	display: none;
}

article {
	padding-top: 20px;
}


input[type=range]:focus {
  outline: none;
}
   
input[type='range'] {
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   appearance: none !important;
   height:4px;
   width:100%;
}

input.wert {
	background-color: white;
}
input.wiederstand {
	background-color: white;
}

#menu-unten {
	width: 100%;
	text-align: center;
}

.schlusselanhanger {
	font-size: 300%;
}
.schlusselanhanger5 {
	font-size: 150%;
}

#main a, nav a {
	font-size: 110%;
}

/*--- liste ---*/

#main li {
	padding-bottom: 5px;
	padding-top: 2px;
}

#main ul li,#main ol ul li {
		list-style-type: disc;

}

#main ol li,#main ol ol li {
	list-style-type: decimal;
}

#main ol ol, #main ol ul,#main ul ol, #main ul ul {
	font-size: 80%;
}
#vertikaltaste, #footertaste {
	display: none;
}
.natel {
	display: none;
}


/*--- Natel ---*/

.mobilmenuauf {
	background-image: url(images/menuauf.svg);
	background-size: auto;
}
.mobilmenuzu {
	background-image: url(images/menuzu.svg);
	background-size: auto;
} 
/*--- Mobilversion ---*/
	
body.mob {
	font-size: 210%;
}

#oben.mob, #wrapper.mob footer  {
	border-top-style: none;				   
}

#kopf.mob #toptitel {
	padding-bottom: 40px;
	padding-top: 40px;
	font-weight: bold;
	border-top: 2px solid maroon;
}


#wrapper.mob {
	margin-top: 0;
	padding-top: 0;
}

#hauptnavigation.mob {
	background-color: #4e3e31;
	padding-bottom: 0;
	margin-bottom: 30px;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
}

#footer.mob,  #unten.mob {
	margin: 0;
	font-weight: bold;
}

#vertikaltaste.mob {
	width: 100%;
	display: inline-block;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 5px;

}


#footer.mob ul {
	display: inline-block;
	float: left;
	margin-top: 10px;
}

#menu.mob    {
	font-weight: bold;
}
nav.mob {
	font-size: 150%;
}
#nav0.mob li, #nav1.mob li, #nav2.mob li {
	clear: none;
	float: none;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	margin-right: 0px;
}
#nav1.mob {
	padding-right: 0px;
	margin-right: 0px;
}
#nav0.mob li {
	line-height: 100%;
}

.mob a:link, .mob a:visited {
	color: #664a33;
}
#nav0.mob a:hover, #nav0.mob li.aktiv.mob a {
	color: orange;
}

#nav1.mob {
	font-size: 100%;
	margin-left: 50px;
	background-image: none;
}
#nav1.mob li.aus a:link, #nav1.mob li.aus a:visited {

	font-weight: normal;
	font-style: normal;
}
#nav1.mob li.aktiv a:hover, #nav1.mob li.aktiv a {

	font-weight: normal;
	font-style: normal;
}
#nav2.mob {
	font-size: 100%;
	margin-left: 30px;
}
#nav2.mob li.aus a:link, #nav2.mob li.aus a:visited {

	font-weight: normal;
	font-style: normal;
}
#nav2.mob li.aktiv a:hover, #nav2.mob li.aktiv a {

	font-weight: normal;
	font-style: normal;
}



div.minus.mob {
	padding-right: 20px;
}


#main.mob ol li,#main.mob ol ol li, #main.mob ul li, #main ol ul li {
	margin-left: 50px;
}
#main.mob ol ol li, #main.mob ol ul li, #main.mob ul ul li, #main.mob ul ol li {
	margin-left: 70px;
}

#vertikaltaste.mob a:link, #vertikaltaste.mob a:visited, #footertaste.mob a:link, #footertaste.mob a:visited, #vertikaltaste.mob {
	font-weight: normal;
	font-style: normal;
}
#vertikaltaste.mob a:hover, #footertaste.mob a:hover  {

	font-weight: normal;
	font-style: normal;
}
#footertaste.mob {
	font-size: 150%;
}
#footertastemob {
	display: none;
}
#footertastemob.mob {
	display: block;
}
#footertastenorm {
	display: inline;
}
#footertastenorm.mob {
	display: none;
}
#telefon.mob {
	margin-top: 30px;
	color: #997d64;
}
#footer {
	border-top: 1px solid #3a2113;
	padding-top: 12px;
}

 /*--- ende Mobilversion ---*/

/*--- natel ---*/

.mobilmenuauf {
	background-image: url(images/menuauf.svg);
	background-size: auto;
}
.mobilmenuzu {
	background-image: url(images/menuzu.svg);
	background-size: auto;
}


/*--- shop ---*/
input:focus {
    outline: none;
}

div.artikel {
	float: right;
}

.artikel.mob {
	float: left;
	width: 100%;
}

#main div.artikel {
	width: 100%;
}

.plusmenge, .minusmenge {
	float: left;
	width: 30px;
	height: 30px;			 
}

.plusminus svg {
	float: left;
	width: 30px;
	height: 30px;
}
.menge {
	font-size: 120%;
	height: 26px;
	width: 50px;
	margin: 2px;
	text-align: center;
}
.entfernen, .inkorb {
	color: black;
}
imput:hover {
	color: white;
	background-color: #b81802;
}
imput {
	color: black;
	background-color: #b81802;
}
	
.berechnen {
	font-size: 100%;
	padding-bottom: 10px;
}

div.artikel label {
	display: none;
}
#total {
	font-weight: bold;
}
.textlinks {
	text-align: left;
	margin-bottom: 20px;
	margin-top: 5px;
}

.button {
	background-image: url(images/button.svg);
	background-size: auto;
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
	background-color: #4ba6e7;
}
.submit  {
	background-image: url(images/submit.svg);
	background-size: auto;
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
	background-color: #5daf2f;
}
.reset  {
	background-image: url(images/delete.svg);
	background-size: auto;
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
	background-color: white;
}
button {
display: inline-block;
text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
background-color: #29b6ee;
color: black;
}

button:hover {
	background-color: #d41e2d;
}
#h, #v {
	stroke: black;
}
.pluskorb.imkorb #h, .pluskorb.imkorb #v {
	stroke: red;
}
@media (pointer:coarse) {
	#h, #v {
		stroke: black;
	}
}
#mobipark {
	display: none;
}

/*--- Alle Formulare ausschalten !!! ---*/
#formulartaste {
	display: none;
}
form {
	display: none;
}