/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	font-family: 'Fjalla One', sans-serif;
	color: #FFFFFF;
	background-color:#000000;
	text-align:left;
	font-size:17.5px;
	      padding-top: 50px;
      padding-bottom: 20px;
}

div {
	border:0px solid red;
}

.container {
	margin-top:20px;	
}

@font-size-base: 25px;

.bildunterschrift {
	font-size: 12px;
	margin:5px; 
}
	

#content {
	/*margin-top: 300px;*/
}

.jumbotron {
	background-color:#000000;
}


.nav_button {
	border: 5px solid #eeaa2b;
	height: 80px;
	font-size: 2.8em;
	text-align:center;
}

.nav_button:hover {
	background-color:#eeaa2b;
}

.nav_button_klein {
	border: 2px solid #eeaa2b;
	font-size: 0.8em;
	text-align:center;
	width:100%;
}

.nav_button_klein:hover {
	background-color:#eeaa2b;
}

a.button {
	color:#FFFFFF;
	text-decoration:none;
}

h1 {
	color:#eeaa2b;
	font-size:50px;
}

h2 {
	color:#eeaa2b;
	font-size:50px;
}

h3 {
	color:#eeaa2b;
	font-size:40px;
}

.bilder {width:200px;height:200px; margin-bottom:10px;border: 5px solid #eeaa2b;}

.shopbilder{ border: 5px solid #eeaa2b;
	font-size:50px;
	text-align:center;
	background-color:#eeaa2b;
	margin-bottom:10px;
	
	}

.float-right {float:right;}

.stoerer_orange {
	float:right; 
	width: 180px;
	text-align:left;
	padding:20px;
	margin-left: 20px;
	background-color:#eeaa2b;
}

.stoerer_orange_mobile {
	width: 100%;
	text-align:left;
	padding:20px;
	background-color:#eeaa2b;
	margin-bottom: 10px;
}

.menge {
	width: 120px;
	background-color:#eeaa2b;
	border:none;
	padding: 10px;
	margin-top: 20px;
	text-align:center;
	font-size: 24px;
	
}

.menge_klein {
	width: 120px;
	background-color:#eeaa2b;
	border:none;
	padding: 0px;
	text-align:center;
	font-size: 24px;
	
}

.input_regular{
	background-color:#eeaa2b;
	border:none;
	width:100%;
	margin:0px;
}

.form-inline .form-group {
    margin: 0px -20px; /* Add something like this */
}

.text-size-big {
		font-size:1.7em;
}

.text-size-reg {
		font-size:0.6em;
}

.orange {
		color:#eeaa2b;
}
.bottom {
	position:absolute;
	bottom:0;
}

.kasse {
	text-align:right;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create push button effect
*/
input[type=radio] {
    display:none; 
    margin:10px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radio buttons).
  Add some margin, padding to label
*/
input.haken[type=radio] + label {
    display:inline-block;
    margin:-2px;
	padding-top:5px;
	padding-left: 60px;
	background-image:url(../img/unchecked.jpg);
	background-repeat:no-repeat;
    border-color: #ddd;
	height:50px;
}

input.switch[type=radio] + label {
    display:inline-block;
	padding-top:6px;
	height:50px;
	border:5px solid #eeaa2b;
	background-color:black;
	width:60px;
	margin-top:12px;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input.haken[type=radio]:checked + label { 
   background-image:url(../img/checked.jpg);
}
input.switch[type=radio]:checked + label { 
	background-color:#eeaa2b;

}

.radio label, .checkbox label {
	padding: 6px;
}

.nopadding {
	padding:0px;	
}

a.white {
	color:#ffffff;
	text-decoration:none;
}

.mobi_icon {
	height:30px;margin-top:-6px;
}

.active {
	background-color:#eeaa2b;
}

a.textlink {
	color:#eeaa2b;
}

a.textlink:hover, a.textlink:active{
	color:#eeaa2b;
}