/* @override https://kummods.jalbum.net/marmot/res/styles.css */

/* Naori Styles*/



* {
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	list-style-type: none;
	text-decoration: none;
}

.unterbild b {
	padding: 0 5px;
}
body {
	color: #430300;
	text-align: left;
	padding-bottom: 40px;
	font: 110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.02em;
}

/*--- 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;
	border: 1px solid black;
	height: auto;
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

#main {
	color: #000;
}


.imrahmenmini {
	margin-bottom: 10px;
}
img {
	border-style: solid;
	border-color: #430300;
}
a, a:link, a:visited  {
	color: black;
	text-decoration: none;
}
a:hover  {
	color: red;
}
a img, a:visited img {
	border-style: solid;
}
a:hover img {
	border-style: solid;
	border-color: red;
}
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 {
	font-size: 250%;
	padding-top: 40px;
	padding-bottom: 30px;
	line-height: 80%;
	font-weight: normal;
	font-style: normal;
}


#kopf {
	background-image:  url(images/logo.svg);
	background-size: auto;
    background-position-x: right;
	background-position-y: center;
    background-repeat: no-repeat;
}

h2#title {
	display: none;
}

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

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


.absatz3 {
	font-size: 110%;
}
.absatz4 {
	font-size: 90%;
	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: maroon;
}
.s1 {
	color: #724a00;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.s2 {
	color: #3a2114;
	border-top: 1px solid #ff2600;
	border-bottom: 1px solid #ff2600;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.s3 {
	color: maroon;
	border-top: 1px solid maroon;
	border-bottom: 1px solid maroon;
	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;
}
hr {
	clear: both;
	border-top: 1px dashed silver;
	padding-bottom: 5px;
}
.hr {
	border-top: 1px dashed silver;
	padding-top: 10px;
}

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

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;
	opacity: 0.5;
	border-color: red;
}


.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: red;
	font-weight: normal;
	font-style: normal;
}
.unterbild {
	background-color: black;
	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: #f2f2f2;
	overflow: auto;
}
.imbildtext p {
	float: left;
	clear: both;
	width: 100%;
}
.dateislide a {
}
.dateislide a:hover {
	color: red;
}

/*--- page ---*/


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

#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: 120%;
	color: maroon;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(254,255,255,0.6);
}
.foldertext5 {
	font-size: 100%;
	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 grey;
	width: 100%;
}

.stern0, .stern1, .stern2, .stern3, .stern4, .stern5 {
}
.stern1 {
	background-color: #f6f6f6;
}
.stern2 {
	background-color: #ececec;
}
.stern3 {
	background-color: #e2e2e2;
}
.stern4 {
	background-color: #d2d2d2;
}

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

.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: red;
}

/*--- 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: #1a1918;
}
footer a:hover {
	color: red;
}

#ende {
	padding-bottom: 20px;
	padding-top: 10px;
	width: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
#ende ul li {
	display: inline;
	border-left-style: none;
	padding-right: 10px;
}

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

#nav0 li.aktiv a {
	color: red;
}
header {
	padding-bottom: 18px;
}
#oben, .natel {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e00408+0,b50003+100 */
background: #b81802; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00408', endColorstr='#b50003',GradientType=0 ); /* IE6-9 */

}



#menu {
	padding-bottom: 0px;
	padding-top: 1px;
	padding-right: 0;
	background-color: #430300;
	font-size: 90%;
}

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

#nav0 {
	color: white;
	font-weight: bold;
	padding: 4px 20px 4px 0;
}
#nav0 li {
	display: inline;
	padding-right: 20px;
}

#nav0 a:hover {
	color: #ff2600;
}
#nav0 ul {
	padding-right: 10px;
}

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

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

#menu-unten {
	margin: 10px 0;
	font-size: 75%;
	padding-bottom: 0px;
	padding-top: 1px;
}
#nav1 {
	padding-right: 20px;
	color: white;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 5px;
}
#nav1 li {
	display: inline;
	padding-right: 10px;
}

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

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

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

#nav2 {
	padding-right: 20px;
	color: white;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 5px;
	background-color: white;
}
#nav2 li {
	display: inline;
	padding-right: 10px;
	line-height: 1.5em;
}
#nav2 li:first-child {
	border-left-style: hidden;
}
#nav2 a:link, #nav2 a:visited {	
	color: #430300;
	font-weight: normal;
	font-style: normal;
}
#nav2 a:hover {
	color: #ff2600;
}
#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 {
	color: #424242;
	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: red;
}

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


/*--- formular ---*/

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

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

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

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

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

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 silver;
	padding: 0;
}
.button, .submit, .reset, .plusminus, .entfernen {
    border-radius: 5px;
    cursor: pointer;
	display: inline;
	border-style: solid;
	border-color: silver;
}

.bereit {
	color: silver;
	font-weight: bold;
	font-style: italic;
}
.fehler {
	color: #ff2600;
	font-weight: bold;
	font-style: italic;
}
.gesendet, .senden {
	color: maroon;
	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 #d5d5d5;
	padding-bottom: 3px;
}
#jp_audio li {
	display: inline;
}
#jp_audio a:link, #jp_audio a:visited {
	color: maroon;
}
#jp_audio a:hover {
	color: red;
}
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 silver;
}
.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 black;
	border-top: 1px solid black;
}
td {
	padding: 5px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.tabzeile {
	background-color: rgba(0,0,0,0.09992091);
}

.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: red;
}
input.wiederstand {
	background-color: red;
}

/*--- liste ---*/

#main ol {
	list-style-type: circle;
}



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

#main ul li,#main ol ul li {
		list-style-type: circle;
		margin-left: 25px;
}

#main ol li,#main ol ol li {
	list-style-type: decimal;
	margin-left: 25px;
}
#main ol ol li, #main ol ul li, #main ul ul li, #main ul ol li {
	margin-left: 40px;
}

#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%;
	background: #b81802;
}

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


#kopf.mob {
	background-image: url(images/logo.svg);
	background-size: auto;
	background-position-x: center;
	background-position-y: top;
	padding-top: 555px;
}

#kopf.mob #toptitel {
	padding-bottom: 40px;
	padding-top: 40px;
	font-weight: bold;
	border-top: 2px solid maroon;
}
#mobipark {
	display: none;
}
#mobi.mob {
	width: 150px;
	float: right;
}
#wrapper.mob {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#oben.mob, #unten.mob, #nav1.mob {
	width: 100%;
	margin-left: 0;
	margin-right: 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: 180%;
}

#nav0.mob li, #nav1.mob li, #nav2.mob li {
	clear: none;
	float: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 15px;
}
#nav0.mob li {
	line-height: 100%;
}

.mob a:link, .mob a:visited {
	color: #ab1500;
}

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

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

#nav2.mob {
	font-size: 100%;
	margin-left: 30px;
	background-color: transparent;
}
#nav2.mob li.aus a:link, #nav2.mob li.aus a:visited {
	color: #ab1500;
	font-weight: normal;
	font-style: normal;
}
#nav2.mob li.aktiv a:hover {
	color: white;
}
#nav2.mob a:hover, #nav2.mob li.aktiv.mob a {
	color: white;
}


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 {
	color: #430300;
}
#vertikaltaste.mob a:hover, #footertaste.mob a:hover  {
	color: #430300;
	font-weight: bold;
}
#footertaste.mob {
	font-size: 150%;
	font-weight: bold;
}
#footertastemob {
	display: none;
}
#footertastemob.mob {
	display: block;
}
#footertastenorm {
	display: inline;
}
#footertastenorm.mob {
	display: none;
}
#telefon.mob {
	margin-top: 30px;
	color: #430300;
}


 /*--- 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;
}
.submit  {
	background-image: url(images/submit.svg);
	background-size: auto;
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
}
.reset  {
	background-image: url(images/delete.svg);
	background-size: auto;
    background-position-x: 12px;
    background-position-y: center;
    background-repeat: no-repeat;
}
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: white;
color: black;
}

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