@font-face {
	src:url(../fonts/Roboto-Regular.ttf);
	font-family: robot;
}
/* Impressum */
body{
	margin: 0;
	padding: 0;
	border: none;
	background-color: rgba(208, 185, 46, 0.2) !important;
	font-family: robot;
	overflow-x: hidden;
}

.impressum-container{
    width: 90%;
    margin: auto;
}

#first-head, #second-head{
    text-align: center;
    margin-top: 30px;
}

#second-head{
    margin-bottom: 40px;
}


.cont1, .cont2{
    flex-basis: 30%;
    padding: 10px;
    text-align: center;
    border: 1px solid rgb(51, 48, 48);
    border-radius: 5px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.container1 h3, .container2 h3, .container3 h3{
    margin-bottom: 15px;
}

.cont3{
    flex-basis: 22%;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: rgb(51, 48, 48);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.container-link{
    margin-top: 40px;
}

.container-link .cont-foot-link{
    text-align: center;
}

.info_div{
	width: 10px;
	height: 10px;
	border: 1px solid rgb(51, 48, 48);
	border-radius: 50px;
}

.info{
	position: absolute;
	right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: text-top;
	border: 1px solid rgb(51, 48, 48);
	border-radius: 50px;
	font-size: 16pt;
	cursor: pointer;
}

.infobox{
	z-index: -1;
	position: absolute;
	right: 66px;
	height: 180px;
	opacity: 1;
	transition: 0.5s;
}

.hiddeninfobox{
	opacity: 0;
	height: 0px;
	transition: 0.5s;
}

.infofield{
	display: inline-grid;
	background-color: white;
	border: 1px solid rgb(51, 48, 48);
	
}

.info_row{
	display: -webkit-inline-box;
	margin: 0 10%;
}
 
.info_row img{
	width: 35px;
}

.info_row p{
	margin-left: 5%;
}

@media(min-width:768px){
    .container1, .container2 , .container3{
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
    }
}

/*.impressum{
	width: 80%;
	margin: 20vh 10% 0 10%;
}

.impressum_split{
	width: 100%;
	display: flex;
	justify-content: space-between;
}*/

/* Take Order */

/*HELP PAGE*/
#help-container{
	width: 90%;
	margin: auto;
}

/* ACCORDION */ 
.accordion-container{
  position: relative;
  width: 550px;
  height: auto;
  margin: 15% auto;
  background-color: rgba(64, 64, 64, 1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: -35px;
}

.card-lifted {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

h3#help-header{
	text-align: center;
	text-transform: capitalize;
	color: white;
	font-size: 20px;
	padding: 20px 10px 10px 10px;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  position:relative;
  float: right;
  margin-top:4px;
  color: #666;
}
.set > a.active{
	background-color: rgba(64, 64, 64, 1);
  color: #fff;
}

.set > a.active i{
  color: #fff;
}
.content{
  position:relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
}

.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
  word-spacing: 4px;
}

.formhelp-container{
	position: relative;
	width: 550px;
	height: auto;
	margin: 15% auto;
	background-color: #FFF;
	padding-bottom: 20px;
  }
  
  
h3#header-feedback{
	text-align: center;
	text-transform: capitalize;
	color: white;
	background-color: rgba(64, 64, 64, 1);
	font-size: 20px;
	padding: 20px 10px 20px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px ;
}

  #feedback_fname, #feedback_lname, #feedback_email{
	  width: 80% !important;
  }

  #feedback_message{
	  width: 82%;
	  margin-left: 45px;
  }

  .btn_help{
	 text-align: center;
	 margin: 10px;
	 margin-bottom: -25px;
  }


  .btn-lifted:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.22);
}

/*---*/
.take_order_warning{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	color: white;
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 10vh;
	background-color: rgb(64, 64, 64);
	display: none;
	justify-content: center;
	align-items: center;
}

.td_width_icon{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.status_icon{
	width: 35px;
}

.content_details_table{
	width: 80%;
	margin: 0 10% 0 10%;
	background-color: white;
	border-collapse: collapse;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.content_details_table th{
	font-size: 13pt;
}

.content_details_table td, .content_details_table th {
	border: 1px solid #ddd;
	padding: 8px;
}
  
.content_details_table tr:nth-child(even){background-color: #f2f2f2;}
  
.content_details_table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: rgba(64, 64, 64, 1);
	color: white;
}

.details_content_close_button{
	cursor: pointer;
	font-weight: bold;
	float: right;
	margin: 5vh 5vh 0 0;
}

.details_content_table_adress{
	margin: 10vh 10%;
}

.details_content_table_adress p{
	font-weight: bold;
}

.content_table{
	width: 80%;
	margin: 20vh 10% 0 10%;
	background-color: white;
	border-collapse: collapse;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.content_table th{
	font-size: 13pt;
}

.content_table td, .content_table th {
	border: 1px solid #ddd;
	padding: 8px;
	cursor: pointer;
}
  
.content_table tr:nth-child(even){background-color: #f2f2f2;}
  
.content_table tr:hover {background-color: #ddd;}
  
.content_table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: rgba(64, 64, 64, 1);
	color: white;
}

.take_order_popup_bg{
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	margin-top: 20vh;
	padding: 20px;
	min-height: 60%;
	background-color: rgba(148, 147, 141, 0.35);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Place Order */

#order_content{
	width: 80%;
	margin: 20vh 10% 10vh 10%;
	padding: 20px;
	background-color: white;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.order_title{
	font-size: 16pt;
	font-weight: bold;
}

.content_form label{
	padding-right: 10px;
}

.inline{
	display: inline-block;
}

.order_time_parrent:nth-child(2){
	margin-left: 5%;
}

.order_time_parrent:nth-child(3){
	margin-left: 5%;
}

.order_form_adress{
	display: unset;
	width: 35%;
}

.order_form_productinputs{
	width: 100%;
	display: flex;
	float: right;
}

.order_disabled input{
	background-color: lightgrey;
}

.order_form_productinputs p{
	padding-top: 6px;
}

.order_form_productinputs input{
	float: right;
	width: 40%;
	margin-right: 5%;
}

.order_form_productinputs input:nth-of-type(1) {
	margin-left: 5%;
}

.order_form_productinputs input:nth-of-type(even){
	width: 7%;
}

.order_submitbutton{
	margin: 20px 0 0 0;
	color: white;
	background-color: rgba(64, 64, 64, 1);
	float: left;
}

.order_add_button{
	width: 50px;
	height: 50px;
	margin-top: 20px;
	font-size: 30pt;
	border-radius: 25px;
	border: transparent;
	text-align: center;
	cursor: pointer;
	color: white;
	background-color: #d9801f;
	float: right;
}

.order_popup_bg{
	color: white;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 20vh;
	padding: 20px;
	height: 60%;
	background-color: rgba(148, 147, 141, 0.35);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.blur{
	filter: blur(3px);
}
/*
#impress-h1{
	margin-top: 40px !important;
	font-size: bolder;
}

#impress-h2{
	margin-top: 40px;
	font-weight: bolder;
}

.impress-row-1{
	margin-top: 50px;
}

.impress-content-caps{
	font-weight: bolder;
	text-transform: capitalize;
}

.caps{
	text-transform: uppercase;
	font-weight: bold;
}

#source{
	margin-top: 40px;
	font-size: 20px;
	font-weight: bolder;
}

.impress-rows{
	margin-bottom: 25px;
}

.impress-footer{
	background-color:rgba(64, 64, 64, 1);
	color: #fff;
	padding: 20px;
	
}*/