@CHARSET "utf-8";

.cart
{
	align-items: start!important;	
	background: rgba(0,0,0,0.8);	
	position: fixed;
	width: 100vw;
	height: 100vh;	
	text-align: center;
	display: flex;
	justify-content: center;
/* 	align-items: center!important; */

}

.cart-list	{
	list-style-type: none;
	margin: 0 auto;
	width: 90vw;
	padding-bottom: 1vmin;
	margin-bottom: 4vmin;
}

.cart-list li	{
	float: left;
	display: inline;
	text-align: left;
	min-width: 31vmin;
	height: 10vmin;
	padding: 1.5vmin;

	font-size: 1.7vmin;
	line-height: 4.5vmin;
	margin: 0.5vmin;
	text-shadow: 0.2vmin 0.2vmin 0.2vmin rgba(0, 0, 0, 0.6);
	cursor: pointer
}

.list-text-title	{
	height: 13vmin;
	padding: 1.5vmin;

	font-size: 1.7vmin;
	line-height: 4.5vmin;
	margin: 0.5vmin;
	text-shadow: 0.2vmin 0.2vmin 0.2vmin rgba(0, 0, 0, 0.6);
}
.cart-list li img	{
	display: inline;
	width: auto;
	max-width: 17vmin;
	max-height: 13vmin;
		-webkit-box-shadow: 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	box-shadow:        0.2vmin 0.5vmin 1.5vmin 0 rgba(0, 0, 0, 0.4);
	margin:  auto 0;
}

.cart-list li span	{
	float: right;
	color: #96c263;
	font-size: 2.5vmin;
	font-weight: 800;
	margin-right: 2vmin
}

.cart-list-green-highlight
{
	line-height: 3.5vmin!important;
	height: auto!important;
	font-size: 2.7vmin!important;
	padding: 1.5vmin!important;
	margin: 1.5vmin;
	background: #96c263;
	text-transform: uppercase;
	vertical-align: middle;
}

#cart-space
{
	/*margin-top: -25vmin;*/	
}














#folder-list	{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	
	
}




#folder-list li	{	
	float: left;	
	vertical-align: bottom;	
	text-align: left;
	height: 24vmin;
	width: 24vmin;
	background-size: auto 25vmin;
	background-position: middle middle;
	margin: 1vmin;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.71);
	-moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,1.71);
	box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.71);
	
	
	
	font-size: 1.7vh;
	font-weight: 700;
	opacity: 1.0;
	cursor: pointer;
	  -o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	padding: 1vh;
	border-radius: 20.0vmin;
	
}



#folder-list li:hover	{
	opacity: 0.7;

}

.vertical li	{	
	display: table-row;	
	vertical-align: middle;	
	text-align: center;
	
}

.image-loading	{
 	height: 100vh;
 	min-width: 20vw; 	
 	
}


.textbox	{
	width:100%;
	height: 7vmin;
	border: 0px solid #bbb;
	border-radius: 2.5vmin;
	padding: 0.2vmin;
	margin-top: 1vmin;
	margin-bottom: 2vmin;
	-webkit-box-shadow: inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	box-shadow:        inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	background-color:white;
	background-image:url(../images/select.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain!important;	
	font-size: 1.7vmin;
	text-align: center;
	cursor: pointer
	font-family: "Open Sans";
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.3s;	
}

.textbox:focus	{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(86, 169, 255, 0.42);
	-moz-box-shadow:    0px 0px 5px 0px rgba(86, 169, 255, 0.42);
	box-shadow:         0px 0px 5px 0px rgba(86, 169, 255, 0.42);	
}

.button	{
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin: 0 auto;
	
	width: 34vmin;
	height: 4vmin;
	text-transform: uppercase;
	border: 0px dashed white;
	border-top: 0px;
	padding: 1vmin;

	font-size: 2.5vmin;
	border-radius: 0px;
	background: radial-gradient(ellipse at center, rgba(177,237,104,1) 0%,rgba(139,178,92,1) 100%) ; 
	text-align: center;
	color: white;
	cursor: pointer;
	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.3s;	
	
	user-select: none;	
	flex-basis: 50vmin;
	font-weight: 600;
}


/* .button div	{
	position: absolute;
	top: 6px;
	
} */
/* .button img	{
	display: inline;
	padding-left: 20px	
} */

.button:hover	{
	
	-webkit-box-shadow: 0 0 2vmin 0 rgba(175, 203, 8, 0.62);
	-moz-box-shadow:    0 0 2vmin 0 rgba(175, 203, 8, 0.62);
	box-shadow:         0 0 2vmin 0 rgba(175, 203, 8, 0.62);
	border: 0px dashed white;	
}




/* Labels */

label 
{
		display: inline-block;
		font-size: 2.6vmin;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.9);
		font-family: "Open Sans";
}

label div	{
	display: inline-block;
	width: 60vmin;
	padding-left: 1vmin;
	text-align: left;
	font-weight: 600;
}

/* remove standard-styles */


audio {
	width:450px;
	height: 35px;
	border: 0px solid #bbb;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	background-color:white;    
	font-family: cg;
	font-size: 15px;
	cursor: pointer
}
/* 
select {
	width:100%;
	height: 5vmin;
	border: 0px solid #bbb;
	border-radius: 2.5vmin;
	padding: 0.2vmin;
	margin-top: 1vmin;
	margin-bottom: 2vmin;
	-webkit-box-shadow: inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	box-shadow:        inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	background-color: white;
	background-image: url(../images/select.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain!important;	
	font-size: 1.8vmin;
	font-weight: 400;
	font-family: "Open Sans";
	text-align: center;
	cursor: pointer
}

select:hover {


}

hide browser-styling (arrow) in IE10
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
} */





option {
  background: white;
  border-bottom:0.0vmin solid silver;
  padding:1.5vmin;
  color: black;
  height: 3vmin;

}

option:hover	{
		
}





/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;

  width: 100%;

} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: 0;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: white;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;

}



textarea {

height: 12vmin;
border: 0px solid #bbb;
border-radius: 3vmin;
padding: 0.2vmin;


box-shadow: inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);

background-color: white;
background-position: right;
background-repeat: no-repeat;
background-size: contain !important;

font-size: 3vmin;
font-family: "Open Sans";
text-align: center;

transition: .3s;

flex-basis: 100%;
display: flex;

flex-grow: 1;

margin: 1vmin 2vmin 2vmin 2vmin;
}



input[type='checkbox'] + label,
input[type='radio'] + label 
{
	cursor: pointer;
 	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	    vertical-align: top;
	    margin: 2vmin;
	    flex-basis: 70vmin;
}


input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 6vmin;
    height:6vmin;

    border-radius: 3vmin;   
 	
    -webkit-box-shadow: inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
	box-shadow:        inset 0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
    
	position: relative;

	
    background: white;
    margin-right: 1vmin;
    float: left;

}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  

}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background: #d6d9dc;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
	background: #96c263;
  
}




/*
Standart-Schriften, Größe und Farbe
*/




/*
Copyright-Bereichder Seite
*/








ul.text-list	{
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0
	
}

ul.text-list li	{
	display: table-cell;
	width: auto;
	padding: 1vmin 0vmin 1vmin 0vmin;
	overflow: visible;
	text-align: left
}