body{
	text-align: center;
	padding:0;
	margin:0;
	background-color:#FFF;
	font-size:22px;
	font-family: 'Quicksand', sans-serif;
}

body,html{
	height:100%;
}

#header{
	width:100%;
	background-color:#FFF;
	text-align:left;
}

#main_div{
	position:relative;
	clear:both;
	width:100%;
	background-color:#4f4f4e;
	}

#logo{
	width:350px; margin-left:100px; margin-top:15px; margin-bottom:15px;
}

	#nav_bar{
		width:15%;
		height:90%;
		background-color:#4f4f4e;
		float:left;
		padding-top:60px;
	}
	
			#nav_bar li{
				padding-top:15px;
				padding-bottom:15px;
				list-style:none;
				text-decoration:none;				
			}


			#nav_bar li a{
				width:100%;
				padding-top:10px;
				padding-bottom:10px;
				color:white;
				text-align:center;
				text-decoration:none;
			}		
							
			#nav_bar  li:hover{
				background-color:#aa885e;
			}
	
	#golden_line{
		width:5px;
		background-color:#aa885e;	
		height:95%;
		float:left;
	}

	#content{
		width:84%;
		float:left;
	}

#footer{
	clear:both;
	width:100%;
	height:200px;
	background-color:#4f4f4e;
}

	#golden_line2{
		width:100%;
		float:left;
		height:5px;
		background-color:#aa885e;	
	}
	
	#white_line2{
		width:100%;
		height:2px;
		background-color:#FFF;	
	}
	
	#footer_text{
		margin-left:80px;
		float:left;
		color:White;
		text-align:left;		
	}
	
	
	
	
	
	
	
#home_content{
	text-align:center;
	margin-left:100px;
	margin-top:50px;
	margin-bottom:50px;
	background-color:#FFF;
	width:60%;
	padding-bottom:50px;
	border-style:solid;
	border-width:5px;
	border-color:#aa885e;
}

#home_text{
	margin:0 auto;
	width:80%;
	margin-top:20px;
	text-align:left;
	clear:both;
}


#column1{
	text-align:left;
}

#row input{
	width: 250px; 
	font-size:16px;
	float:right; 
	margin-top:3px;
}

#row input[id="anzahl"] {
	width: 80px;
	float:right; 
	margin-top:3px;
}

#row{
	margin-bottom:10px;
	width:80%;
	font-size:20px;
}	

#Kontakt_text{
		margin-left:95px;
		float:left;
		color:Black;
		text-align:left;
		margin-bottom:50px;		
}

#anzahl{
	font-size:40px; width:80px;
}


#event_box{
	text-align:center;
	float:left;
	margin-left:80px;
	margin-top:50px;
	margin-bottom:50px;
	background-color:white;
	width:30%;
	height:600px;
	border-style:solid;
	border-width:5px;
	
	border-color:#aa885e;
}

	#event_img{
		width:80%;
		margin-top: 10px;

		
	}
	
	#event_text{
		margin:0 auto;
		margin-top:20px;
		width:80%;
		color:black;
		text-align:left;
	}
	
	#button{height:40px;width:auto;margin-bottom:15px;margin-top:10px;float:left; font-size:22px;}
	#button2{height:40px;width:auto;margin-bottom:15px;margin-top:10px;float:right; font-size:22px;}
	
	#facebook{width:15%; margin-top:40px; margin-left:150px;}

	.flex-row{
	    display:flex;
	}

	.flex-column{
	display:flex;
	flex-direction:column;
	}

	.flex-grow  > *{
	    flex-basis:0;
	    flex-grow:1;
	}

	.justify-space-between{
	    justify-content: space-between;
	}

    .align-center{
        align-items:center;
    }

	.ticket-row-icons{
	    width:80px !important;
	    height:80px;
	}

	.text-center{
	    text-align:center;
	}

	.icon-button{
	background:none;
	}

	.anzahl-button{
	cursor:pointer;
	    width:24px;
	    height:24px;
	}

	.anzahl-panel{
	margin-top:25px;
	font-size:40px;
	margin-bottom:25px;}


	.space-between-items > *{
	margin-bottom:10px;}

	button{
	 background-color: transparent;
     border: 0;
    }

    .span-ticketpreis{
        font-size:30px;
        margin-left:15px;
    }

        .span-pfand{
            font-size:20px;
            margin-left:10px;
        }

    .navigation-button{
    cursor:pointer;
        width:36px;
        height:36px;
    }

    .ah{
    font-size:18px;}

    .list-icon{
        width:14px;
        height:14px;
    }

    .info-text{
        font-size:18px;
    }
    #send-button{

     cursor:pointer;
			font-size:22px;
    }

    .send-button{
        width:24px;
        height:24px;
        margin-left: 5px;
    }

        .hide-mobile-content{
            display:none;
        }

.gesamt-pfand-span{
font-size:16px;
font-weight:normal}

#cookie-popup { 
	text-align: center; 
	background: #fff;
	position: fixed;
	top: 0px; 
	left: 0;
	right: 0;
	z-index: 9999;
	font-size:14px; 
	line-height:20px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}
   
  #cookie-popup.hidden {
	display: none;
  }

  .overlay{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0.6;
	background-color: #AAA;
	width: 100%;
	height: 100vh;
  }

.overlay.hidden {
	display: none;
  }

  .cookies_accept{
	background-color: #aa885e;
	border-radius: 3px;
	padding: 7px;
	color: #fbf9f8;
	font-weight: bold;
	margin-left:7px;
  }

  .cookies_decline{
	  text-decoration: underline;
	  margin-right: 100px;
  }


  #dsgvo_text{
	text-align: left;
	padding: 38px;
	box-sizing: border-box;
	font-size: 18px;
  }