/* 80-forms-account.css
 * Generated from the active LibertyRoots Code Snippets export.
 * Each block keeps the original snippet ID for safe comparison and future cleanup.
 */

/* ============================================================
 * Original Snippet ID 104: Enfold/Wordpress - Anmelde, Newsletter und Kontakt Formular anpassungen an unser Design - CSS Snippet 
 * Anmelde, Newsletter und Kontakt Formular anpassungen an unser Design
 * ============================================================ */
/* Kontaktformular/Kontaktseite Logo */
@media only screen and (max-width: 767px) {
	#kontakt-logo-svg .avia-image-container-inner, #kontakt-logo-svg svg {
		width: 100%;
   		height: 25vw !important;
	}
}
	
@media only screen and (min-width: 768px) {
	#kontakt-logo-svg .avia-image-container-inner, #kontakt-logo-svg svg {
		width: 100%;
   		height: 12vw !important;
	}
}
	
/* Newsletter Formular anpassungen an unser Design */
	
	.tnp-subscription {max-width: unset;}
	div.tnp-subscription {
		margin-left: 0;
		margin-right: 0;
    	max-width: 100%;
	}
	
	
/* Anmeldeformulare auf der Konto Seite anpassen etc. */
.select2-search {
  display:none !important;}

.select2-selection {
  height: 36px !important;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  /* line-height: 28px; */
  line-height: 36px;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  /* height: 26px; */
  height: 36px !important;}

.select2-container--default .select2-selection--single {
  /* border-radius: 4px; */
  border-radius: 0 !important;}

.select2-container--open .select2-dropdown--below {
  border-radius: 0;}
	
	
/*Newsletter Button anpassen*/
	.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1) {
	    		box-shadow: var(--button-3d);
		-webkit-box-shadow: var(--button-3d);
		   -moz-box-shadow: var(--button-3d);
		
		transition: var(--uebergang-button);
		padding: var(--button-padding-normal) !important;
		min-width: var(--button-min-width);
		text-transform: var(--text-trans);
		transition: var(--uebergang-button) !important;
		border-radius: var(--radius-button);
		font-family: var(--prim-font);
		font-size: var(--button-f-size);
		font-weight: var(--font-dick);
		color: var(--button-font-color);
		line-height: 1.2em;
		max-width: 100%;
		background-color: var(--gelb) !important;}
	
	.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1):hover {
	    		box-shadow: var(--button-3d-hover);
		-webkit-box-shadow: var(--button-3d-hover);
		   -moz-box-shadow: var(--button-3d-hover);
		
	background-color: var(--violett) !important;
	color: var(--button-font-color-hover) !important;
	}
	
	@media only screen and (max-width: 1279px) {
		.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1){
			padding: var(--button-padding-normal-1279) !important;}}
	@media only screen and (max-width: 989px) {
		.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1){
			padding: var(--button-padding-normal-989) !important;}}
	@media only screen and (max-width: 767px) {
		.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1){
			padding: var(--button-padding-normal-767) !important;}}
	@media only screen and (max-width: 479px) {
		.newsletter_class > form:nth-child(1) > div:nth-child(5) > input:nth-child(1){
			padding: var(--button-padding-normal-479) !important;}}

	
/*Newsletter Felder anpassen*/
.newsletter_class > form:nth-child(1) > div:nth-child(2) {margin-bottom: 0px;}
.newsletter_class > form:nth-child(1) > div:nth-child(3) {margin-bottom: 0px;}
.newsletter_class > form:nth-child(1) > div:nth-child(4) {margin-bottom: 15px;}
.newsletter_class > form:nth-child(1) > div:nth-child(2) > input:nth-child(2) {margin-bottom: 10px !important;}
.newsletter_class > form:nth-child(1) > div:nth-child(3) > input:nth-child(2) {margin-bottom: 10px !important;}
.newsletter_class > form:nth-child(1) > div:nth-child(4) > label:nth-child(1) > a:nth-child(2) {color: #fff;}
	
	
/*Kontaktformular Button anpassen*/
.avia_ajax_form .button{
		    	box-shadow: var(--button-3d);
		-webkit-box-shadow: var(--button-3d);
		   -moz-box-shadow: var(--button-3d);
		
	transition: var(--uebergang-button);
	padding: var(--button-padding-normal) !important;
	min-width: var(--button-min-width);
	text-transform: var(--text-trans);
	transition: var(--uebergang-button);
	border-radius: var(--radius-button);
	font-family: var(--prim-font);
	font-size: var(--button-f-size);
	font-weight: var(--font-dick);
	color: var(--button-font-color) !important;
    border: none !important;
	background-color: var(--gelb) !important;
	}
	
.avia_ajax_form .button:hover{
	background-color: var(--violett) !important;
	color: var(--button-font-color-hover) !important;
	
		    	box-shadow: var(--button-3d-hover);
		-webkit-box-shadow: var(--button-3d-hover);
		   -moz-box-shadow: var(--button-3d-hover);
	}
	
	@media only screen and (max-width: 1279px) {
		.avia_ajax_form .button{
			padding: var(--button-padding-normal-1279) !important;}}
	@media only screen and (max-width: 989px) {
		.avia_ajax_form .button{
			padding: var(--button-padding-normal-989) !important;}}
	@media only screen and (max-width: 767px) {
		.avia_ajax_form .button{
			padding: var(--button-padding-normal-767) !important;}}
	@media only screen and (max-width: 479px) {
		.avia_ajax_form .button{
			padding: var(--button-padding-normal-479) !important;}}
	

/* Newsletter im Footer für Handy */
	.footer-mobile-newsletter {margin: 0px !important;}