/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body 						{ height: 100%; overflow: hidden; }

.md-perspective body  						{ background: #222;
											  -webkit-perspective: 600px;
											 	 -moz-perspective: 600px;
													  perspective: 600px; }

.md-modal 									{ width: 100%; min-width: 320px; height: auto; top: 0%; left: 0%; visibility: hidden; position: fixed; overflow-y: auto; /*scrollbar-width: none;*/ z-index: 99991;
											  -webkit-backface-visibility: hidden;
											 	 -moz-backface-visibility: hidden;
													  backface-visibility: hidden;
/*
														-webkit-transform: translateX(-50%) translateY(-50%);
														   -moz-transform: translateX(-50%) translateY(-50%);
															-ms-transform: translateX(-50%) translateY(-50%);
																transform: translateX(-50%) translateY(-50%);
*/																 }


@media screen and (max-width: 1400px)		{
	.md-modal 								{ height: 100%; }
}

@media screen and (max-height: 1000px)		{
	.md-modal 								{ height: 100%; }
}

/* Typography */

#bekennen .md-content > h3					{ margin-bottom: 15px; font-family: 'AG-Bold-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 55px; line-height: 60px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#bekennen .md-content > p 			 		{ margin-bottom: 40px; font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 38px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#contest .md-content > h3					{ margin-bottom: 15px; font-family: 'AG-Bold-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 55px; line-height: 60px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#contest .md-content > p 			 		{ margin-bottom: 40px; font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 38px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#uservoting .md-content > h3					{ font-family: 'AG-Bold-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 55px; line-height: 60px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#uservoting .md-content > p 			 		{ font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 38px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#uservoting .col-md-6,
#uservoting .col-md-12 						{ padding-right: 0; padding-left: 0; }
#uservoting .md-content .col-md-12 			{ margin-left: 0; }
#uservoting .md-content 
.form-text-pflichtfelder 					{ margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 10px 0; line-height: 42px; }

#anbieten .md-content > h3					{ margin-bottom: 15px; font-family: 'AG-Bold-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 55px; line-height: 60px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#anbieten .md-content > p 			 		{ margin-bottom: 40px; font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 38px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#quiz .md-content > h3						{ margin-bottom: 15px; font-family: 'AG-Bold-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 55px; line-height: 60px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

#quiz .md-content > p 			 			{ margin-bottom: 40px; font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 38px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

.form-block .form-group .checkbox label,
.form-block .form-group .radio label 		{ font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; font-size: 35px; line-height: 32px; letter-spacing: 0px; text-align: left; color: #FFFFFF; opacity: 1; cursor: pointer; text-decoration: none; }

.md-show 									{ visibility: visible; }

.md-overlay 								{ width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; position: fixed; visibility: hidden; z-index: 999; opacity: 0; }

::webkit-scrollbar							{ width: 0; }

.md-show ~ .md-overlay 						{ background-color: #000000; opacity: 1; visibility: visible; z-index: 9999; }

#quiz.md-show ~ .md-overlay 				{ background-color: #23968B; opacity: 1; visibility: visible; z-index: 9999; }

/* Content styles */
#bekennen,
#contest,
#uservoting,
#anbieten,
#quiz 	 									{ margin-left: -1px; } 								

#bekennen .md-content 						{ width: 100%; height: 100vh; top: 0%; right: 0%; bottom: 0%; left: 0%; margin: 0 auto; padding: 10vh 20vw 18vh; background: #000000; border-radius: 3px; color: #fff; position: relative; }

#contest .md-content 						{ width: 100%; height: 100vh; top: 0%; right: 0%; bottom: 0%; left: 0%; margin: 0 auto; padding: 10vh 20vw 18vh; background: #000000; border-radius: 3px; color: #fff; position: relative; }

#uservoting .md-content 						{ width: 100vw; height: 100vh; top: 0%; right: 0%; bottom: 0%; left: 0%; margin: 0 auto; padding: 10vh 0 18vh; background: #000000; border-radius: 3px; color: #fff; position: relative; }

#anbieten .md-content 						{ width: 100%; height: 100vh; top: 0%; right: 0%; bottom: 0%; left: 0%; margin: 0 auto; padding: 9vh 20vw 18vh; background: #000000; border-radius: 3px; color: #fff; position: relative; }

#quiz .md-content 							{ width: 100%; height: 100vh; top: 0%; right: 0%; bottom: 0%; left: 0%; margin: 0 auto; padding: 11vh 20vw; background: #23968B; border-radius: 3px; color: #fff; position: relative; }

@media screen and (max-width: 1499px)		{
    #uservoting .md-content					{ padding: 10vh 0; }
	#bekennen .md-content,
    #contest .md-content,
	#anbieten .md-content 					{ padding: 10vh 15vw; }
	#quiz .md-content 						{ padding: 11vh 15vw; }
}

@media screen and (max-width: 1299px)		{
    #uservoting .md-content					{ padding: 8vh 0; }
	#bekennen .md-content,
    #contest .md-content,
	#anbieten .md-content 					{ padding: 8vh 15vw; }
	#quiz .md-content 						{ padding: 9vh 15vw; }
}

@media screen and (max-width: 1099px)		{
    #uservoting .md-content					{ padding: 8vh 25px; }
	#bekennen .md-content,
    #contest .md-content,
	#anbieten .md-content 					{ padding: 8vh 10vw; }
	#quiz .md-content 						{ padding: 9vh 15vw; }
}

@media screen and (max-width: 499px)		{
    #uservoting .md-content					{ padding: 90px 20px; }
	#anbieten .md-content,
    #contest .md-content,
	#bekennen .md-content 					{ padding: 90px 5vw; }
	#quiz .md-content 						{ padding: 9vh 5vw; }
	#anbieten .md-content > h3,
    #contest .md-content > h3,
    #uservoting .md-content > h3,
	#bekennen .md-content > h3				{ font-size: 40px; line-height: 50px; }
}

@media screen and (max-height: 405px)		{
	#quiz .md-content 						{ height: 100%; }
}

@media screen and (max-width: 399px) 		{
	#uservoting .md-content 
	.form-text-pflichtfelder            	{ padding: 12px 0; }
}

#quiz .md-content h3 						{ margin: 0; padding: 0; font-family:'AG-Bold-Cond', Arial, Helvetica, sans-serif; font-size: 80px; line-height: 90px; text-align: left; background: transparent; border-radius: 3px 3px 0 0; }

#quiz .md-content .questions 				{ margin-top: 50px; margin-right: 0; margin-bottom: 35px; margin-left: 0; }

#quiz .md-content .img-frage 				{ margin-top: -250px; margin-right: 0; right: 0; float: right; }

.md-content .mt-109 						{ margin-top: 109px; }

.md-content h3 								{ margin: 0; padding: 0; text-align: left; background: transparent; border-radius: 3px 3px 0 0; }

.md-content .form-group 					{ /*margin-right: 30px;*/ margin-bottom: 15px; /*margin-left: -15px;*/ }

.md-content .checkbox,
.md-content .radio 							{ margin-right: 30px; margin-left: 0; position: relative; float: left; }

.md-content .row 							{ margin-right: 0; margin-left: 0; }

#quiz .md-content #quiz_question 			{ max-width: 70%; min-height: 360px; margin-left: 0; }

.md-content .col-md-12 						{ margin-left: -15px; }
.md-content .col-md-8 						{ margin-left: -30px; padding-right: 0; }

.md-content .col-md-4 						{ margin-left: -15px; padding-right: 0; padding-left: 0;
												max-width: 35.333%;
												 -ms-flex: 0 0 35.333%;
													 flex: 0 0 35.333%; }

.md-content .second-col 					{ margin-top: -50px; }

.md-content button 							{ top: -40px; right: -30px; margin: 0; font-size: 50px; display: block; box-shadow: none; outline: 0; }

.md-content .md-close 						{ position: absolute; }

#bekennen .md-content #toggle.on,
#bekennen .md-content #toggle.on span       { top: 35px; right: 25px; background-color: transparent;  transition: all 0.4s; box-shadow: none; position: absolute; z-index: 99999 }

#contest .md-content #toggle.on,
#contest .md-content #toggle.on span       { top: 35px; right: 25px; background-color: transparent;  transition: all 0.4s; box-shadow: none; position: absolute; z-index: 99999 }

#uservoting .md-content #toggle.on,
#uservoting .md-content #toggle.on span       { top: 35px; right: 25px; background-color: transparent;  transition: all 0.4s; box-shadow: none; position: absolute; z-index: 99999 }

#anbieten .md-content #toggle.on,
#anbieten .md-content #toggle.on span       { top: 30px; right: 25px; background-color: transparent;  transition: all 0.4s; box-shadow: none; position: absolute; z-index: 99999 }

#quiz .md-content #toggle.on,
#quiz .md-content #toggle.on span       	{ top: 35px; right: 25px; background-color: transparent;  transition: all 0.4s; box-shadow: none; position: absolute; z-index: 99999 }

.md-content #toggle.on span:before          { top: 4px; transform: rotate(45deg) translate(5px, 5px); background-color: #FFFFFF; box-shadow: none; }
.md-content #toggle.on span:after           { top: 22px; transform: rotate(-45deg) translate(7px, -8px); background-color: #FFFFFF; box-shadow: none; }

.md-content .md-close:hover					{ color: #E76610; }

.md-content .link-teilnahmebedinungen,
.md-content span 							{ margin-top: 25px; margin-bottom: 15px; margin-left: 0; font-family:'AG-Cond', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #FFFFFF; }

.md-content .radio-teilnahmebedingungen		{ margin-left: 15px; }

.md-content span 							{ margin-left: 0px; }

.md-content label p 						{ margin-bottom: 10px; font-family:'AG-Cond', Arial, Helvetica, sans-serif; font-size: 35px; line-height: 32px; color: #FFFFFF; }

.md-content .form-text,
.md-content .form-text-pflichtfelder		{ margin-left: 15px; }

.md-content .teilnahmebedingungen,
.md-content .picture-included 	 			{ padding-left: 40px; }

.md-content .btn-teilnahmebedingungen,
.md-content .btn-einreichen 				{ width: 92%; top: 10px; right: 15px; margin: 0; margin-right: -15px; padding: 10px 0; font-size: 28.5px; line-height: 2.8vw; display: block; }

.md-content .btn-teilnahmebedingungen:hover,
.md-content .btn-einreichen:hover			{ background-color: #3D8983; }

.md-content .btn-weiter		 				{ top: 10px; left: 0; margin: 0; padding: 12px 175px; font-size: 42.5px; display: block; float: left; }

.md-content .btn-weiter:hover				{ background-color: #3D8983; }

.md-content .img-optional-text				{ margin-top: -50px; margin-left: 15px; }

.md-content .img-optional 					{ min-width: 100%; margin-bottom: 25px; }

.md-content #winner_message 				{ font-family: 'AG-Cond', 'Helvetica', 'Arial', 'sans-serif'; margin-bottom: 20px; font-size: 35px; line-height: 38px; letter-spacing: 0; color: #FFFFFF; }

.md-content .radio-foto 					{ margin-left: 15px; }

@media screen and (max-width: 1919px)		{
	#quiz .md-content .img-frage 			{ max-width: 380px; margin-top: -222px; }
	.md-content label p 					{ font-size: 28px; }
}

@media screen and (max-width: 1599px)		{
	#quiz .md-content #quiz_question 		{ max-width: 100%; }
	#quiz .md-content .img-frage 			{ max-width: 350px; margin-top: -202px; }
}

@media screen and (max-width: 1499px)		{
	#quiz .md-content #quiz_question		{ min-height: 260px; }
	#quiz .md-content h3 					{ font-size: 70px; line-height: 80px; }
	#quiz .md-content .img-frage 			{ max-width: 320px; margin-top: -184px; }
}

@media screen and (max-width: 1399px)		{
	.md-content .btn-weiter 				{ padding: 1vw 10vw;}
	#quiz .md-content #quiz_question		{ min-height: 210px; }
	#quiz .md-content h3 					{ font-size: 60px; line-height: 70px; }
	#quiz .md-content .img-frage 			{ max-width: 280px; margin-top: -158px; }
	.md-content .link-teilnahmebedinungen,
	.md-content .btn-einreichen,
	.md-content span 						{ font-size: 21px !important; margin-left: 0; }
}

@media screen and (max-width: 1299px)		{
	#quiz .md-content #quiz_question		{ min-height: 195px; }
	#quiz .md-content h3 					{ font-size: 55px; line-height: 65px; }
	.md-content label p 					{ font-size: 26px !important; }
	#quiz .md-content .img-frage 			{ max-width: 320px; margin-top: -158px; }
	.md-content .mt-109 					{ margin-top: 70px; }
}

@media screen and (max-width: 1099px)		{
	#quiz .md-content #quiz_question		{ min-height: 180px; }
	#quiz .md-content h3 					{ font-size: 50px; line-height: 60px; }
	#quiz .md-content .img-frage 			{ max-width: 280px; margin-top: -158px; }
}

@media screen and (max-width: 991px)		{
	.md-content .img-optional-text 			{ margin-top: -15px;}
	#quiz .md-content #quiz_question		{ min-height: 180px; }
	#quiz .md-content h3 					{ font-size: 50px; line-height: 60px; }
	#quiz .md-content .img-frage 			{ max-width: 260px; margin-top: -142px; }
}

@media screen and (min-width: 768px) and (max-width: 991px)		{
	#bekennen .md-content .col-md-4,
	#bekennen .md-content .col-md-8 		{ max-width: 100%;
											   -ms-flex: 0 0 100%;
												   flex: 0 0 100%; }
    
    #contest .md-content .col-md-4,
	#contest .md-content .col-md-8 		{ max-width: 100%;
											   -ms-flex: 0 0 100%;
												   flex: 0 0 100%; }
    
    
    #uservoting .md-content .col-md-4,
	#uservoting .md-content .col-md-8 		{ max-width: 100%;
											   -ms-flex: 0 0 100%;
												   flex: 0 0 100%; }
    
    
	#bekennen .md-content .col-md-4 		{ margin-left: -30px; }
    #contest .md-content .col-md-4 		    { margin-left: -30px; }
    #uservotingv .md-content .col-md-4 		    { margin-left: -30px; }
    
	#anbieten .md-content .col-md-4,
	#anbieten .md-content .col-md-8 		{ max-width: 105%;
											   -ms-flex: 0 0 105%;
												   flex: 0 0 105%; }
	#anbieten .md-content .col-md-4 		{ margin-left: -30px; }
	.md-content .mt-109 					{ margin-top: 0; }
	.md-content .radio-foto 				{ margin-top: 30px; }
	.md-content .btn-teilnahmebedingungen,
	.md-content .btn-einreichen,
	.md-content .btn-bekennen 	 			{ width: auto; top: 10px; left: 15px; margin: 0; margin-left: 15px; padding: 10px 25px; font-size: 20px; line-height: 25px; display: block; float: left; }
}

@media screen and (max-width: 899px)		{
	#quiz .md-content 						{ padding: 9vh 10vw;}
}

@media screen and (max-width: 767px)		{
	.md-content label p 					{ font-size: 32px; }
	.md-content .btn-weiter,
	#quiz .md-content h3 					{ font-size: 32px; line-height: 36px; }
	#quiz .md-content #quiz_question 		{ max-width: 100%; min-height: 110px; }
	#quiz .md-content .questions 			{ margin-top: 30px; }
	#quiz .md-content .img-frage 			{ display: none; }
	.md-content .col-md-8,
	.md-content .col-md-4 					{ max-width: 109%;
											   -ms-flex: 0 0 109%;
												   flex: 0 0 109%; }
	.md-content .form-text-pflichtfelder	{ margin-top: 40px; margin-left: 0; padding-bottom: 40px; position: absolute; }
	#anbieten .md-content .form-text-pflichtfelder	{ margin-top: 40px; margin-left: 0; padding-bottom: 40px; position: absolute; }
	.md-content .img-optional-text			{ margin-top: -12px; }
/*	.md-content .btn-teilnahmebedingungen	{ width: auto; right: 0; margin-right: 0; margin-left: 15px; padding: 10px 15px; float: left; }*/
	.md-content .file-upload 				{ width: 98%; }
	.md-content .mt-109 					{ margin-top: 0; }
	.md-content .radio-foto 				{ margin-top: 15px; margin-left: 0; }
	.md-content .btn-teilnahmebedingungen,
	.md-content .btn-einreichen 			{ width: auto; top: 10px; left: 0; margin: 0; margin-left: 15px; padding: 10px 25px; font-size: 20px; line-height: 25px; display: block; float: left; }
}

@media screen and (max-width: 600px)		{
	.md-content 							{ padding: 70px 40px; }
}

@media screen and (max-width: 499px)		{
	#quiz .md-content 						{ padding: 9vh 8vw;}
	#quiz .md-content #quiz_question 		{ min-height: 146px; }
	#quiz .md-content .questions 			{ margin-bottom: 15px; margin-top: 15px; }
	.md-content .checkbox,
	.md-content .radio 						{ margin-right: 25px; margin-left: 0; position: relative; float: left; }
	.md-content .link-teilnahmebedinungen,
	.md-content .btn-einreichen,
	.md-content span 						{ margin-left: 15px; }
}

@media screen and (max-width: 399px)		{
	#quiz .md-content 						{ padding: 9vh 5vw;}
	#quiz .md-content #quiz_question 		{ min-height: 180px; }
}

.file-upload 								{ height: 150px !important; margin-left: 15px; }

.file-upload-wrapper
.card.card-body .file-upload-message 		{ max-width: 90%; top: 0px !important;
											  -webkit-transform: translateY(0%) !important;
											  	  -ms-transform: translateY(0%) !important;
											  		  transform: translateY(0%) !important; }

.file-upload-wrapper 
.card.card-body .file-upload-message p 		{ color: #AAAAAA; }

@media screen and (max-width: 1919px)		{
	.file-upload-wrapper 
	.card.card-body .file-upload-message p 	{ font-size: 28px; line-height: 32px; }
}

@media screen and (max-width: 1499px)		{
	.file-upload-wrapper
	.card.card-body .file-upload-message 	{ max-width: 95%; }
}

@media screen and (max-width: 1250px)		{
	.file-upload-wrapper 
	.card.card-body .file-upload-message p 	{ font-size: 24px !important; line-height: 28px !important; }
}

@media screen and (max-width: 991px)		{
	.file-upload 							{ width: 98% !important; }
}
@media screen and (max-width: 767px)		{
	.md-content #toggle.on,
	.md-content #toggle.on span             { right: 10px; }
	.md-content .radio-teilnahmebedingungen,
	.md-content .img-optional-text,
	.file-upload 							{ margin-left: 0; }
}

@media screen and (max-width: 479px)		{
	.md-content 							{ padding: 70px 20px 70px 20px; }
	.md-content .link-teilnahmebedinungen,
	.md-content span 						{ font-size: 18px !important; line-height: 24px; }
	.md-content span 						{ margin-left: 15px; }
	.md-content .teilnahmebedingungen,
	.md-content .picture-included 	 		{ padding-left: 20px; }
}


/* =Form Style
========================================================================================*/
/*
.form-group 								{ padding: 0; }
*/
.form-group:after 							{ clear: both; content: ''; display: table; }

button,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select,
input[type="submit"],
input[type="button"] 						{ font-size: 35px; margin: 0; vertical-align: baseline; vertical-align:middle;
											  -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }

@media screen and (max-width: 1920px)		{
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	textarea,
	select,
	input[type="submit"],
	input[type="button"] 					{ font-size: 28px !important; }
	button 									{ font-size: 28px; }
}

@media screen and (max-width: 1299px)		{
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	#bekennen input[type="search"],
    #contest input[type="search"],
    #uservoting input[type="search"],
	#anbieten input[type="search"],
	#quiz input[type="search"],
	input[type="url"],
	textarea,
	select,
	input[type="submit"],
	input[type="button"] 					{ font-size: 26px !important; line-height: 30px !important; }
	button 									{ font-size: 26px; }
}

@media screen and (max-width: 991px)		{
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	#bekennen input[type="search"],
    #contest input[type="search"],
    #uservoting input[type="search"],
	#anbieten input[type="search"],
	#quiz input[type="search"],
	input[type="url"],
	textarea,
	select,
	input[type="submit"],
	input[type="button"] 					{ font-size: 24px !important; line-height: 34px !important; }
	#bekennen .md-content > p,
    #contest .md-content > p,
    #uservoting .md-content > p,
	#anbieten .md-content > p,
	.md-content label p 					{ font-size: 24px !important; line-height: 28px !important; }
	button 									{ font-size: 24px; }
}

@media screen and (max-width: 767px)		{
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	#bekennen input[type="search"],
    #contest input[type="search"],
    #uservoting input[type="search"],
	#anbieten input[type="search"],
	#quiz input[type="search"],
	input[type="url"],
	textarea,
	select,
	input[type="submit"],
	input[type="button"] 					{ font-size: 24px !important; line-height: 28px; }
	button 									{ font-size: 24px; }
}

@media screen and (max-width: 499px)		{
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	textarea,
	select,
	input[type="submit"],
	input[type="button"] 					{ font-size: 24px !important; }
	button 									{ font-size: 24px; }
}

button, input 								{ line-height: normal; }

input[type="textarea"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
#bekennen input[type="search"],
#contest input[type="search"],
#uservoting input[type="search"],
#anbieten input[type="search"],
#quiz input[type="search"],
input[type="url"],
textarea, select 							{ background:#fff; padding: 0 19px; line-height: 46px; border:0; color:#000; width:100%; font-weight: 300;
											  font-family:'AG-Cond', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }

input[type="textarea"]						{ height:120px; }

@media screen and (max-width: 1299px)		{
	input[type="textarea"],
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	#bekennen input[type="search"],
    #contest input[type="search"],
    #uservoting input[type="search"],
	#anbieten input[type="search"],
	#quiz input[type="search"],
	input[type="url"],
	textarea, select 						{ height: 45px; }
	input[type="textarea"],
	textarea								{ height: 130px !important; }
}

@media screen and (max-width: 767px)		{
	input[type="textarea"],
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	#bekennen input[type="search"],
    #contest input[type="search"],
    #uservoting input[type="search"],
	#anbieten input[type="search"],
	#quiz input[type="search"],
	input[type="url"],
	textarea, select 						{ height: 34px; }
	input[type="textarea"],
	textarea								{ height: 110px !important; }
}

@media screen and (max-width: 575px)		{
	textarea								{ height: 190px !important; }
}


input[type="text"].input-lg,
input[type="password"].input-lg,
input[type="email"].input-lg,
input[type="tel"].input-lg,
#bekennen input[type="search"],
#contest input[type="search"],
#uservoting input[type="search"],
#anbieten input[type="search"],
#quiz input[type="search"],
input[type="url"].input-lg 					{ height: 75px; }

input[type="text"].input-sm,
input[type="password"].input-sm,
input[type="email"].input-sm,
input[type="tel"].input-sm,
input[type="search"].input-sm,
input[type="url"].input-sm 					{ height: 48px; }

textarea 									{ width: 100%; height: 180px; margin-bottom: 25px; padding: 10px 19px; overflow: auto; resize: vertical; }

.custom-select 								{ height: 48px; padding: 1px 19px; background: #fff url(https://werde-buenzli.ch/assets/images/down.png) no-repeat right 0.85rem center; background-size: 25px 15px; border: 1px solid #000000; border-radius: 0px; }

@media screen and (max-width: 1299px)		{
	.custom-select 							{ height: 47px; margin-top: -1px; padding: 1px 19px; }
}

@media screen and (max-width: 767px)		{
	.custom-select 							{ height: 36px; padding: 3px 19px; }
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus 								{ border-color: #acacac; }

input::-moz-focus-inner,
button::-moz-focus-inner 					{ border:0; padding:0; }

input[type="button"],
input[type="submit"],
button 										{ background: #e4002b; color:#fff; border:0; cursor:pointer; width: auto; overflow:visible; padding: 7px 24px 9px; vertical-align: middle; text-decoration: none; font-size: 20px; line-height: 1.25;
											  font-family:'Poppins', Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; }

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover 								{ background: transparent; color: #FFFFFF; }

input[type="checkbox"], input[type="radio"] { margin: 4px 8px 0; vertical-align: top; }

::-webkit-input-placeholder { opacity:1; }

::-moz-placeholder { opacity:1; color: #000; }

	:-ms-input-placeholder { opacity:1; }

:-moz-placeholder {	opacity:1; }



.checkbox, .radio { position: relative; float: left; margin-right: 20px; }

.form-block .form-group .checkbox label,
.form-block .form-group .radio label 			{ padding: 0; padding-left: 42px; display: block; line-height: 1.3; }

@media screen and (max-width: 499px)			{
	.form-block .form-group .checkbox label,
	.form-block .form-group .radio label 		{ padding-left: 35px; }
}

.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }

.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #10b53f; }

.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }

.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }

.checkbox .input-helper:before, .radio .input-helper:before { left: 0; background: #fff; }

.checkbox input { width: 18px; height: 18px; margin: 0; }

.checkbox input:checked + .input-helper:before { background-color: #10b53f; }

.checkbox input:checked + .input-helper:before { background-color: #10b53f; }

.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }

.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }

.checkbox .input-helper:after { content: '\2713'; font-size: 14px; left: 2px; top: 2px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }

.radio input { width: 32px; height: 32px; margin: 0; }

.radio input:checked + .input-helper:after { transform: scale(1); }

.radio .input-helper:before 					{ top: 0; width: 28px; height: 28px; }

.radio .input-helper:after 						{ width: 20px; height: 20px; background: #000000; top: 4px; left: 4px; transform: scale(0); }
#quiz_form .radio .input-helper:after 			{ background: #E76610; }

@media screen and (max-width: 1250px)			{
	.radio .input-helper:before 				{ width: 26px; height: 26px; }
	.radio .input-helper:after 					{ width: 18px; height: 18px; background: #000000; top: 4px; left: 4px; transform: scale(0); }
	#quiz_form .radio .input-helper:after 		{ background: #E76610; }
}

@media screen and (max-width: 767px)			{
	.radio .input-helper:before 				{ width: 24px; height: 23px; }
	.radio .input-helper:after 					{ width: 17px; height: 17px; background: #000000; top: 3px; left: 3px; transform: scale(0); }
	#quiz_form .radio .input-helper:after 		{ackground: #E76610; }
}
/******************************************************************************/




/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}