.modalWindow {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
pointer-events: none;
text-align:left;
}
.modalWindow:target {
opacity:1;
pointer-events: auto;
}
.modalWindow > div {
width: 500px;
position: relative;
margin: 10% auto;
background: #fff;
}





/* Das Bestellformular */

.adatum:focus {
 background-color: #ffff9f;
}

.auhrzeit:focus {
 background-color: #ffff9f;
}

.aplz:focus {
 background-color: #ffff9f;
}

.aort:focus {
 background-color: #ffff9f;
}



form 	{
  	background-color: #eee;
  	padding: 10px;
  	border: 1px 1px 1px 0px solid #8c8c8c;
	min-height: 50px;
	margin-bottom: 1em;
	}

form.stueckliste
	{
	background-color: white;
	padding: 0px;
	margin-top: 10px;
 	}
	
form.backoben
	{
	background-color: white;
	padding: 0px;
	margin-top: 0px;
	min-height: 0px;
	margin-bottom: 10px;
	}
	
form.bestsellerformular	
	{
	background-color: white;
	padding: 0px;
	margin-top: 0px;
	min-height: 0px;
	margin-bottom: 10px;
	}
	
	
	
	
.formularueberschrift {
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	}	
	
.checkboxleft
	{
	width: 10%;
	float: left;
	}
	
[type="checkbox"]
	{
	width: 2em;
	height: 2em;
	}
	
.checkboxright
	{
	width: 90%;
	float: left;
	font-size: 0.8em;
	
    	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	}	

.formular
	{
	width: 100%;
	float: left;
	}

label 	{ /* Beschriftung auf eigener Zeile */
  	display: block;
	font-weight: bold;
	float: left;
	font-size: 1.0em;
	
  	}

#empfehlung0
	{
	border-radius: 0.5em 0.5em 0 0;
	background-color: red;
	font-size: 1.1em;
	padding-top: 4px;
	padding-left: 20px;
	color: white;
	width: 100%:
	float: right;
	font-weight: bold;
	a:link { color: #ffff9f;}
	a:visited { color: #ffff9f; }
	height: 1.3em;
	}




#empfehlung1
	{
	background-color: red;
	font-size: 0.9em;
	padding: 5px;
	color: white;
	width: 100%:
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
	a:link { color: #ffff9f;}
	a:visited { color: #ffff9f; }
	a:link:text-decoration: none;
	}
	

#katalogzeile1fehler
	{
	background-color: #ffff9f;
	font-size: 1.0em;
	padding: 5px;
	color: red;
	}
	
#sprache
	{
	width: 44%;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	}
	
select#spracheauswahl
	{
	width: 100%;
	font-size: 1.0em;
	padding: 3px;
	}

#genre, #genre1, #genre2, #genre3 , #genre4, #genre5, #genre6, #genre7, #genre8, #genre9, #genre10, #genre11, #genre12, #genre13
	{
	width: 52%;
	float: right;
	margin-bottom: 10px;
	}


select#genreauswahl, select#genreauswahl1, select#genreauswahl2, select#genreauswahl3, select#genreauswahl4, select#genreauswahl5, select#genreauswahl6, select#genreauswahl7, select#genreauswahl8, select#genreauswahl9, select#genreauswahl10, select#genreauswahl11, select#genreauswahl12, select#genreauswahl13, select#erstmalig, select#wiederholung
	{
	width: 100%;
	font-size: 1.0em;
	padding: 3px;
	}
	
select#untergenreauswahl2, select#untergenreauswahl4, select#untergenreauswahl5
	{
	width: 100%;
	font-size: 1.0em;
	margin-bottom: 5px;
	padding: 3px;
	}

#optionalekriterien
	{
	float: left;
	width: 100%;
	}


	
.katalogkriterien
	{
	width: 45%;
	float: left;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 45%;
	max-width: 45%;
	min-height: 1.2em;
	max-height: 1.2em;
	}

.spalte_min
	{
	width: 25%;
	float: left;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 25%;
	max-width: 25%;
	min-height: 1.2em;
	max-height: 1.2em;
	}

.spalte_max
	{
	width: 25%;
	float: right;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 25%;
	max-width: 25%;
	min-height: 1.2em;
	max-height: 1.2em;
	}
	
#spiellaenge_min, #besetzung_g_min, #besetzung_w_min, #besetzung_m_min
	{
	margin-top:2px;
	font-size: 1em;
	font-weight: bold;
	width: 90%; 
	padding: 1px;
	}

#spiellaenge_max, #besetzung_g_max, #besetzung_w_max, #besetzung_m_max
	{
	margin-top:2px;
	font-size: 1em;
	font-weight: bold;
	width: 90%;
	padding: 1px; 
	}
	
button[type="terminloeschen"] 	
	{
   	font-size: 0.9em;
   	font-family: Roboto, sans-serif;
   	font-weight: bold;
   	color: #000000;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 99%);
   	border-radius: 10px;
	width: 5%;
	float:right;
	color: red;
	}
	
.warenfavcontainer
	{
	width: 100%;
	float: left;
	}


button[type="warenfav"] 	
	{
   	font-size: 0.9em;
   	font-family: Roboto, sans-serif;
   	font-weight: bold;
   	color: #000000;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 99%);
   	border-radius: 10px;
	float: left;
	color: red;
	cursor:pointer;
	margin-bottom: 10px;
	margin-right:5px;
	}

button[type="stueckaktion"] 	
	{
   	font-size: 0.9em;
   	font-family: Roboto, sans-serif;
   	font-weight: bold;
   	color: #000000;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 99%);
   	border-radius: 10px;
	float:left;
	color: red;
	cursor:pointer;
	
	}

button[type="titel"] 	
	{
	text-align: left;
	font-size: 1.0em;
	font-color: blue;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 3px;
   	font-weight: bold;
   	color: blue;
   	border: 0px solid silver;
   	background-color: white;
	
   	border-radius: 10px;
	cursor:pointer;
	padding:2px;
	text-decoration: underline;
	}

button[type="titelfassungen"] 	
	{
	text-align: left;
	font-size: 0.9em;
	font-color: blue;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
   	font-weight: bold;
   	color: blue;
   	border: 0px solid silver;
   	background-color: white;
	
   	border-radius: 10px;
	cursor:pointer;
	padding:2px;
	text-decoration: underline;
	}

button[type="backlink"] 	
	{
	text-align: left;
	
	font-color: blue;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
   	font-weight: bold;
   	color: blue;
   	border: 0px solid silver;
   	background-color: white;
	border-radius: 10px;
	cursor:pointer;
	padding:2px;
	text-decoration: underline;
	}




button[type="titelmarkiert"] 	
	{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: blue;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 3px;
   	font-weight: bold;
   	color: #blue;

	cursor:pointer;
	padding:3px;
	text-decoration: underline;
	}
	
	
button[type="submit"] 
	{
   	font-size: 1.0em; padding: 5px 5px; 
   	font-family: Roboto, sans-serif;
   	font-weight: bold;
   	color: #406e8d;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 99%);
   	border-radius: 20px;
	width: 100%;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	cursor:pointer;
	}

.zusammenstellung
	{
	width: 95%;
	background-color: white;
	font-size: 1.0em;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #8c8c8c;
	}

select#materialauswahl, select#planung, select#sprache_bestseller, select#sprache_neuerscheinungen, select#sprache_autor
 	{
  	width: 100%;
  	border: 1px solid #8c8c8c;
  	margin-bottom: 0.8em;
  	font-size: 1.0em; 
	padding: 3px;
	}


#linkbutton
	{
	font-size: 1.0em; padding: 5px 5px; 
   	font-family: Roboto, sans-serif;
   	font-weight: bold;
   	color: teal;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   	border-radius: 20px;
	width: 95%;
	margin-bottom: 10px;
	margin-top: 0.1em;
	text-decoration: none;
	text-align: center;
	}
	
	
#suchform 	{
	/* position: fixed; */
	margin-bottom: 10px;
	
	}	
	
#txt1 {
	width: 100%;
	font-size: 1.2em;
	padding: 3px; 
	}
	
#ergebnissuche 	{
		/* margin-top: 140px; Nur bei Suchform fixed sinnvoll */
		}


input#telefon, input#email, input#buehne, input#besteller, input#strasse, input#ort, input#anrede, input#land, input#postleitzahl, input#homepage, input#kundennummer
	{
  	width: 100%;
  	border: 1px solid #8c8c8c;
  	margin-bottom: 0.5em;
  	font-size: 1.1em;
	padding: 3px; 
	}

.iframe {
	padding: 0px; 
	width: 100%;
	margin: 0px; 
	}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}	





textarea
	{
  	width: 100%;
  	border: 1px solid #8c8c8c;
  	margin-bottom: 0.5em;
  	font-size: 1.0em; 
	height: 5em;
	padding: 3px;
	}

textarea#linkview
	{
	margin-top: -0.5em;
  	width: 99%;
  	border: 1px solid #8c8c8c;
  	font-size: 1.2em; 
	height: 3em;
	padding: 3px;
	}



input.adatum, input.auhrzeit
	{
	width: 95%;
  	border: 1px solid #8c8c8c;
  	margin-bottom: 0.5em;
  	font-size: 1.2em;
	padding: 3px; 
	}
	
input.aplz, input.aort
	{
	width: 100%;
  	border: 1px solid #8c8c8c;
  	margin-bottom: 0.5em;
  	font-size: 1.1em; 
	padding: 3px; 
	}

.spalte_adatum
	{
	width: 50%;
	float: left;
	font-size: 1em;
	}

.spalte_auhrzeit
	{
	width: 50%;
	float: left;
	font-size: 1em;
	}

.spalte_aplz
	{
	width: 100%
	float: left;
	font-size: 1em;
	}

.spalte_aort
	{
	width: 100%
	float: left;
	font-size: 1em;
	}

.spalte_bdatum
	{
	width: 25%;
	float: left;
	font-size: 0.9em;
	height: 2em;
	}

.spalte_buhrzeit
	{
	width: 20%;	
	float: left;
	font-size: 0.9em;
	height: 2em;
	}

.spalte_bplzort
	{
	width: 45%;	
	float: left;
	font-size: 0.9em;
	height: 2em;
	}
	
.spalte_bplzortpruef
	{
	width: 55%;	
	float: left;
	font-size: 0.9em;
	height: 2em;
	}

.spalte_bloesch
	{
	width: 10%;
	float: left;
	font-size: 0.9em;
	height: 2em;
	}



input::placeholder{
	font-size: 0.8em;
	}




.pruefueberschrift
	{
	margin-top: 0.5em;
	font-size: 0.9em;
	font-weight: bold;
	width: 100%;
	}
	
.pruefinhalt
	{
	font-size: 1.0em;
	width: 100%;
	}
	
.pruefinhaltkleinlinks
	{
	font-size: 0.9em;
	width: 80%;
	float: left;
	}
	
.pruefinhaltkleinrechts
	{
	font-size: 0.9em;
	width: 20%;
	float: left;
	}
	
	
/* Festlegung Außen und Innenabstand für die gesamte Website */
* 	{
  	margin: 0;
  	padding: 0;
  	}

body 	{
	margin: 0 auto;  
    	width: 100%;
	font-family: Arial, Tahoma, sans-serif;
    	color: #333333;
	display: grid;
	gap: 0px;					/*Abstand zwischen den Grid-Zellen*/
    	background-color: grey;
	}


/* Kapitelüberschriften */	

h1	{
	font-size: 1.2em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0.0em;
	margin-bottom: 0.4em;
	}

h2	{
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0.0em;
	margin-bottom: 0.2em;
	}

h3	{
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	}



.kapitel
	{
	font-size: 1.2em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0.0em;
	margin-bottom: 0.4em;
	}

.kapitelklein
	{
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0.0em;
	margin-bottom: 0.4em;
	}

.bestseller
	{
	width: 96%;
	float: left;
	background-color: #ffff9f;
	padding: 1%;
	margin-top: 1.0em;
	margin-bottom: 0.4em;
	border: 1px solid black;
	}

.bestsellertitel
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	


	}

.bestselleruntertitel
	{
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	
	}
	
.zwischenkapitel
	{
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 1.0em;
	margin-bottom: 0.4em;
	}

.zwischenkapitelohneabstand
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	margin-top: 0em;
	margin-bottom: 5px;
	}
	
.zwischenkapitellinks
	{
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	margin-bottom: 0.2em;
	}
	
	


	

/* Kapitellinks */	
.kapitellink
	{
	font-size: 1.2em;
	width: 100%;
	float: left;
	margin-bottom:0.1em;
	margin-top:0.3em;
	}

.backlink
	{
	margin-bottom:5px;
	font-size: 1.0em;
	width: 100%;
	float: left;
	margin-bottom:15px;
	font-weight: bold;
	}

.backlinkmobil
	{
	font-size: 1.0em;
	width: 100%;
	float: left;
	margin-bottom:10px;
	}

/* Normaler Text */	
.normaltext
	{
	font-size: 1em;
	width: 100%;
	float: left;
	margin-bottom:0.7em;
	}

.normaltextred
	{
	color: red;
	font-size: 1em;
	width: 100%;
	float: left;
	margin-bottom:0.7em;
	}

.normaltextklein
	{
	font-size: 0.9em;
	width: 100%;
	float: left;
	}

.normaltext1
	{
	font-size: 1em;
	width: 100%;
	float: left;
	margin-top:1em;
	}

.normaltext2
	{
	font-size: 1em;
	width: 100%;
	float: left;
	}
	
/* Normaler Text Blocksatz*/
.normaltextblock100
	{
	font-size: 1em;
	width: 100%;
	float: left;
	margin-bottom:0.7em;
	
	
      	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	}
	
.normaltextblock
	{
	font-size: 1em;
	width: 98%;
	float: left;
	margin-bottom:1em;
	margin-left:1%;
	margin-right:1%;
	
      	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	}


.blaettern {
	font-size: 1.0em;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
	}

.blatt {
	margin-top: 5px;
	margin-right: 6px;
  	float: left;
	}

.buchstabe {
	font-size: 1.2em;
	margin-top: 5px;
	font-weight: bold;
  	float: left;
	width: 7%;
	}

.buchstabe1 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
  	float: left;
	width: 100%;
	font-weight: bold;
	}	


.blattchecked {
	margin-top: 5px;
	margin-right: 6px;
  	float: left;
	font-weight: bold;
	
	}

#aktuelleauswahl
	{
	width: 95%;
	float: left;
	font-size: 1.0em;
	padding: 5px;
	margin-top: 10px;
	background-color: #eee;
	
	margin-bottom: 10px;

	}


#auswahlueberschrift
	{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 3px;
	}

#auswahl{
	margin-bottom: 10px;
	}


.button_legende 
	{
	height: 2.5em;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	float:left;
	}

.legende 
	{
	width: 100%
	float: left;
	font-size: 0.9em;
	margin-bottom: 1.0em;
	
    	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	min-height: 3em;
	}


	
tooltip {
  text-decoration:none;
  position:relative;

}


#fehlertext{
		color: red;
		padding: 0px;
		marging: 0px;
		font-weight: bold;
        	}

#keinfehlertext{
		padding: 0px;
		marging: 0px;
        	}


.hinweis
	{
	background-color: #ffff9f;
	font-size: 0.9em;
	padding: 10px;
	font-weight: bold;
	float: left;
	margin-bottom: 0.5em;
	min-width: 95%;
	}
	
.fehler
	{
	color: red;	
	background-color: #ffff9f;
	font-size: 0.9em;
	padding: 10px;
	font-weight: bold;
	float: left;
	margin-bottom: 0.5em;
	min-width: 95%;
	}

 
.tooltip span {
  display:none;
  border-radius:6px;
  color:black;
  background:white;
  padding: 3px;
  
}
 
 
.tooltip:hover span {
  display:block;
  position:absolute;
  z-index:1000;
  width:auto;
  min-height:1em;
  border:1px solid black;
  overflow:hidden;
  
  }


.stuecktitel
	{
	font-size: 1.2em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	margin-top: 10px;
	}


.stuecktitelmobil
	{
	font-size: 1.2em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	margin-top: 10px;
	}
	
.stuecktitelwarenkorb
	{
	margin-top: 1em;	
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	}
	
.stuecktitelwarenkorbmobil
	{
	margin-top: 1em;	
	font-size: 1.0em;
	font-weight: bold;
	color: #406e8d;
	width: 100%;
	float: left;
	background-color: green;
	}
	


details
	{
	width: 100%;
	margin-bottom: 5px;
	}
	
summary
	{
	font-size: 1.0em;
	font-weight: bold;
	width: 100%;
	color: blue;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.inhaltsummary
	width: 100%;
	color: blue;
	text-decoration: underline;
	margin-top: 3px;
	font-weight: bold;
	
	}

	
summary::-webkit-details-marker, summary::marker
	{
    display:none;
	}

.stuecklistekurz
	{
	
	width: 100%;
	float: left;
	margin-bottom: 1.0em;
	}

.stuecklistekurz_links
	{
	width: 80%;
	float: left;
	
	}

.stuecklistekurz_rechts
	{
	display: flex; 
    	justify-content: center; 
    	align-items: center;
	width: 15%;
	float: left;
	}

	
.stueckwarenkorbmobil
	{
	width: 100%;
	background-color: red;
	}

.erschienen
	{
	margin-top: 0.5em;
	margin-bottom: -0.5em;
	font-size: 0.9em;
	float: left;
	
	width: 100%;
	
	}
	
	
.stuecktitelstueckliste
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	}

.stuecktitelstuecklisteneuerscheinung1
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 80%;
	}

.stuecktitelstuecklisteneuerscheinung2
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 20%;
	}


.stuecktitelstueckliste_kurz
	{
	margin-top: 0.5em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	}

.stuecktitelstueckliste_kurz2
	{
	margin-top: 0.1em;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	width: 100%;
	}
	
.stuecktitelstueckliste_markiert
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	background-color: #ffff9f;
	}
	
.stuecktitelstuecklistemobil
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	}
	
.stuecktitelstuecklistemobil_markiert
	{
	margin-top: 1em;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 100%;
	background-color: #ffff9f;
	}
	
.stueckbeschreibung
	{
	font-size: 1em;
	width: 100%;
	float: left;
	margin-bottom: 0.2em;
	}

.stueckbeschreibungwarenkorbmobil
	{
	font-size: 0.9em;
	color: black;
	width: 100%;
	float: left;
	text-decoration: none;
	}


.stueckbeschreibungstueckliste
	{
	font-size: 0.9em;
	float: left;
	width: 98%;
	margin-bottom: 2px;
	margin-right: 2%;

	}
	
.vorstueckbeschreibung
	{
	float: left;
	width: 100%;
	}
	
.stueckbeschreibungstuecklistelinks
	{
	float: left;
	font-size: 0.9em;
	width: 100%
	margin-bottom: 2px;
	}



.stueckbeschreibungstuecklisterechts
	{
	float: right;
	font-size: 0.9em;
	width: 100%
	align: right;
	margin-bottom: 2px;
	}

.stueckinhalt
	{
	margin-top: 1em;
	font-size: 0.9em;
	
    	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	width: 100%
	float: left;
	}

.button_pdf{
	width: 20%;
	height: auto;
	float: right;
}

.stueckbutton
	{
	margin-top: 0.5em;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	background: #406e8d;
	width: 100%;
	padding: 5px;
	}
	
.warenkorbbutton
	{
	margin-top: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	background: #406e8d;
	width: 30%;
	padding: 5px;
	float: left;
	}
	
.warenkorbbutton a
	{
	margin: 10px;
	text-decoration: none;
	color: white;
	}	

	
	
	
.stueckbutton a
	{
	margin: 10px;
	text-decoration: none;
	color: white;
	}	
	
.stueckbutton_klein
	{
	margin-top: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.5em;
	font-weight: bold;
	background: #406e8d;
	width: 33%;
	padding: 5px;
	float: left;
	hight: 2em;
	}


.stueckbutton_klein a

	{
	margin: 10px;
	text-decoration: none;
	color: white;
	}		
	
	



#quittung 
	{
	color: red;
	font-weight: bold;
	animation: textwelle 3s;
	font-size: 0em;
	text-align: center;
	background-color: #ffff9f;
	padding: 0.5em;
	height: 1px;
	opacity: 0;
	margin-bottom: 0.1em;
	}
	
@keyframes textwelle
	{
	0% {
		transform: scale(0.1);
		opacity: 0;
		height: 1em;
		font-size: 1em;
		}

	10% {
		transform: scale(1);
		opacity: 1;
		height: 1em;
		font-size: 1em;
		}

	99% {
		transform: scale(1);
		opacity: 1;
		height: 1em;
		font-size: 1em;
	}

	100% 	{
		transform: scale(0.1);
		opacity: 0;
		height: 1px;
		font-size: 0em;
		}
	}
	
	


#grafiken 	{
		float: right;
		}


	
#menue_unten li
		{	
		display: inline; /* li nebeneinander anzeigen */
    		list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0.1em;
		margin: 0.1em;
		}
		
.menue_unten0
		{	
		display: inline; /* li nebeneinander anzeigen */
    		list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0.1em;
		margin: 0.1em;
		}

.menue_unten1
		{	
		display: inline; /* li nebeneinander anzeigen */
    		list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0.1em;
		margin: 0.1em;
		}

		
#menue_oben_menue
	   	{
		background-color: white;
		font-size: 0.9em;
		
		}
	
#menue_oben_menue li
		{
    		display: inline; /* li nebeneinander anzeigen */
    		list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0.1em;
		margin: 0.1em;
		}

#menue_oben_menue li:before 
	{
 	content: "\25B6" " "; 
	}


#menue_oben_menue li:first-child:before { content: ""; }

#menue_oben_menue li:first-child
	{
 	margin-left: 6px;
	}

#menue_oben_menue li:last-child
	{
 	font-weight: bold;
	}

  
#menue_oben_menue a{
  	text-decoration: none;
	font-weight: medium;
	color: blue;
	}



#untermenue
	{
	float: left;
	margin-top: 1px;
	font-size: 0.9em;
	margin-bottom: 1em;
	width: 100%;
	}
	
#untermenue li
	{
	display: inline; /* li nebeneinander anzeigen */
    	list-style-type: none; /* ohne Aufzählungspunkte */
	margin-right: 0.5em;
	}

#untermenue a
	{
  	font-weight: medium;
	}




#warenkorbgrafik {
			width: 15%;
			height: auto;
			position: relative;
			float: right;
			z-index: 99999;
			position: relative;
			right: 5px;
			box-shadow: 2px 2px 1px #ccc;
			margin: 5px;
			
			
}

#warenkorbgrafikmobil {
			width: 33.33%;
			height: auto;
			
			
			
}




#favoritengrafik {
			width: 33%;
			height: auto;
}







ul 	{
   	list-style-type: none;
   	}
	


menue_links{
	
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 20px;
	background-color: #ffff9f;
	}

menue_links a{
  text-decoration:none;
  color: #ffff9f;
  background: #406e8d;
  display:block;
  box-shadow: -2px -2px 3px rgba(33,33,33,.7);
  padding: 5px;	
  width: 130px;
}

#logolink{
	background-color: #ffff9f;
	box-shadow: none;
}

#logo	{
	margin: 10 px;
	}




	
#logo_klein	{
	height: 3em;
	width: auto;
	padding: 3px;
		}
		
.button_klein	{
	height: 2.5em;
	width: auto;
	padding: 3px;
	float:right;
		}

.button_auge	{
	height: 1.0em;
	width: auto;
	margin: 3px;
	float:right;
		}



.button_klein_stueck	{
	height: 2.5em;
	width: auto;
	padding: 3px;
	float:left;
	
		}
		
.button_material
	{
	height: 2.0em;
	width: auto;
	float:right;
	border-color: #406e8d;
	color: #406e8d;
   	border: 2px solid #406e8d;
   	border-radius: 20px;
	padding-top: 0.6em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	}

.button_material a
	{
	color: #ffff9f;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	}

.button_material_breit
	{
	height: 1.8em;
	float:left;
	background-color: #406e8d;
   	border: 1px solid silver;
   	background-image: linear-gradient(to top, gainsboro 0%, white 99%);
   	border-radius: 20px;
	width: 99%;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	text-align: center;
	padding-top: 3px;
	}

.button_material_breit a
	{
	color: black;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
	font-family: Roboto, sans-serif;
	

	}
	
	
	
.button_klein_aus
		{
		height: 2.5em;
		width: auto;
		padding: 3px;
		opacity: 0.5;
		}


#ml1	{
	margin-top: 10px;
  	position:relative;
  	z-index: 4;
	 
	}

#ml2	{
	margin-top: 10px;
  	position:relative;
	z-index: 4;
	}

#ml3	{
	margin-top: 10px;
  	position:relative;
  	z-index: 4;
	}

#ml4	{
	margin-top: 10px;
  	position:relative;
	z-index: 4;
	}

#ml5	{
	margin-top: 10px;
  	position:relative;
	z-index: 4;

	}

#ml6	{
	margin-top: 10px;
  	position:relative;
  	z-index: 4;
	}
	
	#ml7	{
	margin-top: 10px;
  	position:relative;
  	z-index: 4;
	}






warenkorb{
	background-color: #ffff9f;
	
	}







kopf {
	background-color: #ffff9f;
	border-color: #8a9da8;
	border-radius: 0.5em 0.5em 0 0;
	border: 0;
	padding: 0;
	}


header  {
	background-color: #ffff9f;
	border-color: #d5d5d5;
	border-radius: 0.5em 0.5em 0 0;
	border: 1px solid;
    float: left;
	 
	 border-bottom: 1px solid black;
        }
		

menue   {
	background-color: #ffff9f;
	border-color: #d5d5d5;
	}


spalte1 {
	overflow-y: auto;
	background-color: #fff;
	padding: 0.5em;
	}

spalte2 {

	overflow-y: auto;
	background-color: #fff;
	padding: 0.5em;
	}

spalte3 {
	overflow-y: auto;
	background-color: #fff;
	padding: 0.5em;
	}

footer {
	background-color: #ffff9f;
	border-color: #8a9da8;
	border-radius: 0 0 0.5em 0.5em;
	border: 0px;
	padding: 10px;
	}
	
	
#bereichlogo {
    color: white;
    background-color: #ffff9f;		
    display: block;
    text-decoration: none;
    float: left;
	width: 50%;	
	padding: 0.1em;
}



#steuerung li {
    list-style: none;
	float: left;
	width: 100%;
	border-bottom: 2px solid silver;
	font-size: 1.5em;
}

#steuerung a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0.1em;
    text-decoration: none;  
    color: #ffff9f; 
    background: #406e8d;
		
}

.menue-button {
    display: block;
	float: right;
	font-size: 2.0em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	color: #406e8d;
}





#steuerung {
  float: left;
    width: 100%;
    display: none;
}

#steuerung a:hover {
    color: #406e8d;
    background: #ffff9f;;
	
}

#nav-menue:target #steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
	 display: none ; 
}

#nav-menue:not(:target) .menue-button-beschr-open {
	 display: block ; 
}

#nav-menue:target .menue-button-beschr-close {
	 display: block ; 
}

#nav-menue:not(:target) .menue-button-beschr-close {
	 display: none ; 
}

#bereich_menue {
	width: 99%;
}