/* Style the tab */
@media screen and (min-width : 1469px){
	.tab_faq {
		overflow: hidden;
		background: linear-gradient(var(--green1), var(--green2)); !important;
	}


	/* Style the buttons inside the tab */
	.tab_faq button {
		color: var(--permaweiss);
		padding: 7px 15px;
		margin-top:0px;
		display: inline-block;
		background: linear-gradient(var(--green1), var(--green2)); !important;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 17px;
	}



	/* Change background color of buttons on hover */
		.tab_faq button:hover {
		background: linear-gradient(var(--green2), var(--green1)); !important;
	}

	/* Create an active/current tablink class */
		.tab_faq button.active,
		.tab_faq button.activeParent,
		.tab_faq button.activeEN,
		.tab_faq button.activeen  {
		background: linear-gradient(var(--orange1), var(--orange2)); !important;
		color: var(--permaschwarz);
	}

	/* Style the tab content */
	.tabcontent_faq {
		display: none;
		padding: 6px 12px;
		border: 1px solid var(--green1);
	}

}


@media screen and (max-width : 1468px){

	.tab_faq button.active {
		background: linear-gradient(var(--orange1), var(--orange2)); !important;
		color: var(--permaschwarz);
	}
	.tablinks_faq{
		width: 100%;
	}

	.tab_faq button {
		color: var(--permaweiss);
		background: linear-gradient(var(--green1), var(--green2)); !important;
	}

	/* Change background color of buttons on hover */
	.tab_faq button:hover {
		background: linear-gradient(var(--green2), var(--green1)); !important;
	}	

}

@media screen and (min-width : 900px){
	.tab {
		overflow: hidden;
		background: linear-gradient(var(--green1), var(--green2)); !important;
	}


	/* Style the buttons inside the tab */
	.tab button {
		color: var(--permaweiss);
		padding: 7px 15px;
		margin-top:0px;
		display: inline-block;
		background: linear-gradient(var(--green1), var(--green2)); !important;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 17px;
	}



	/* Change background color of buttons on hover */
		.tab button:hover {
		background: linear-gradient(var(--green2), var(--green1)); !important;
	}

	/* Create an active/current tablink class */
		.tab button.active,
		.tab button.activeParent,
		.tab button.activeEN {
		background: linear-gradient(var(--orange1), var(--orange2)); !important;
		color: var(--permaschwarz);
	}

	/* Style the tab content */
	.tabcontent,
	.tabcontenten {
		display: none;
		padding: 6px 12px;
		border: 1px solid var(--green1);
	}

}


@media screen and (max-width : 899px){

	.tab button.active,
	.tab button.activeParent,
	.tab button.activeEN {
		background: linear-gradient(var(--orange1), var(--orange2)); !important;
		color: var(--permaschwarz);
	}
	.tablinks{
		width: 100%;
	}

	.tab button {
		color: var(--permaweiss);
		background: linear-gradient(var(--green1), var(--green2)); !important;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
		background: linear-gradient(var(--green2), var(--green1)); !important;
	}	

}


/*___________________________________________________________*/


.anfragen label{
  display:block;
  color: var(--text);
  font-weight: bold;
  font-size:16px;
}
.anfragen .holder{
  display:inline-block;
  margin-right: 20px;
  margin-top:0px;
  vertical-align:40px;
}


.anfragen input[type="submit"]:hover, #anfrage_button:hover{
  background: linear-gradient(var(--braun2), var(--braun1));
  color: var(--schwarz);
  border-radius: 3px;
}

.anfragen input[type="submit"], #anfrage_button{
  background: linear-gradient(var(--braun1), var(--braun2)); /* Orange */
  color: var(--schwarz);
  margin-top:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 380px;
  max-width:100%;
  padding: 15px;
  font-size: 16px;
  border-radius: 3px;
  border: none;
}

.faq_img {
	width: 720px;
	max-width: 100%;
}

#hahayolo{
	display: none;
}


.anfragen{

}