@font-face{font-family:vinci_sans_light;src:url("Vinci-Sans-Light.woff") format("woff");font-weight: normal;font-style: normal;font-display: block;}

.adp_col_4_1 { float: left; width: 25%; }
.adp_col_2_1 { float: left; width: 45%; }

.clear { clear: both; }

.apd_button { 
	color: #fff; 	
    padding: 12px 50px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 25px;
    display: inline-block;
    border-radius: 26px;
}
.apd_button_2 {
  color: #fff;
  padding: 14px 14px 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 25px;
  display: inline-block;
  border-radius: 50%;
}
.lila_button { background: #A20067; }
.blue_button { background: #005EB8; }
.blue_button:hover { opacity: 0.9; }

.adp_grid_content { max-width: 1024px; margin: auto; }
.adp_poll_section .adp_grid_content { text-align: left; }

#page_digital_poll_axians, #adp_header, #adp_footer { background: #fff; font-family: 'vinci_sans_light', sans-serif; font-size: 18px; }

#adp_header { 
	width: 100%; 
	background: url("../img/header-hintergrund.png") no-repeat top right; 
	background-size: contain; 
	height: 600px;
	z-index: 10;
	position: relative;
}
#adp_header::before { 
	background: url("../img/bluete.png") no-repeat top right;
	background-size: cover;
	height: 100%;
	content: '';
	position: absolute;
	width: 55%;
	z-index: -1;
}
#adp_header_1 { color: #fff; }
#adp_header h1 { 
	color: #fff; 
	margin-top: 2.3em;
	font-size: 3.8em;
	line-height: 105%;
	font-weight: 400;
	margin-bottom: 15px; 
	font-family: 'vinci_sans_light', cursive;
}
#adp_header p { color: #fff; }

.p_font { font-family: 'vinci_sans_light', cursive; }
h3.p_font { font-size: 3.8em; margin: 0; }
.adp_grid_content .result_img { background-repeat: no-repeat; background-size: contain; background-position: top left; min-height: 120px; }

#page_digital_poll_axians { max-width: 1440px; margin: auto; }

.adp_poll_section { padding: 20px 0; margin: 0 auto 50px; }
.adp_poll_section h2 { margin-top: 0; font-size: 28px; font-weight: 500; }
.adp_poll_section h3 { margin-bottom: 5px; }
.adp_poll_section p { }

#adp_1 { background: #EBF2FA; margin-top: -600px; padding-top: 650px;}
.adp_1_color, #adp_1 h3 { color: #005EB8; }

#adp_2 { background: #F3EEF5; }
.adp_2_color, #adp_2 h3 { color: #662483; }

#adp_3 { background: #FEF3EE; }
.adp_3_color, #adp_3 h3 { color: #EC6726; }

#adp_4 { background: #F7FAED; }
.adp_4_color, #adp_4 h3 { color: #95C11F; }

#adp_5 { background: #FDEBF5; }
.adp_5_color, #adp_5 h3 { color: #E6007E; }

#adp_6, #adp_7 { background: #EBF9FE; }
.adp_6_color { color: #00B1EB; }

#adp_summary { background: #f8f8f8; }

#adp_footer { 
	width: 100%; 
	bbackground: url("../img/hintergrund-footer.png") no-repeat top center; 
	bbackground-size: cover; 
	height: auto;
	position: relative;
	color: #fff;
}
#adp_footer_1 h2 { 
	color: #fff;
	margin-top: 2em;
	font-size: 3em;
	line-height: 105%;
	font-weight: 400;
	margin-left: 70px;
	font-family: 'vinci_sans_light', cursive;
} 
#adp_footer_1 p {
	font-size: 1.5em;	
}
#adp_footer_2 img { 
	max-width: 100%;
	margin-top: 230px;
}
#adp_footer h3 {
    margin-top: 175px;
	padding-left: 30px;
	font-weight: 400;
	font-size: 1.6em;
}
#adp_footer #adp_form {
	padding-left: 30px;
}

/* range slider */
.choices { margin-top: -25px; }
.choices .choices_input_box .choices_range { width: 80%; margin-left: 11%; margin-top: -2px; position: relative; top: -5px;}
.choices_input_box { height: 12px; border-radius: 6px; }
.choices_input_box.adp_1 { background: #005EB8; }
.choices_input_box.adp_2 { background: #662483; }
.choices_input_box.adp_3 { background: #EC6726; }
.choices_input_box.adp_4 { background: #95C11F; }
.choices_input_box.adp_5 { background: #E6007E; }
.choices_input_box.adp_6 { background: #00B1EB; }

.choices_images img { max-width: 100%; margin-bottom: 20px; }

input[type=range] { -webkit-appearance: none; margin: 10px 0; width: 100%; background: transparent; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 12.8px; cursor: pointer; background: transparent; border-radius: 25px; }
input[type=range]::-webkit-slider-thumb { border: 5px solid #005EB8; height: 32px; width: 32px; border-radius: 50%; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -10px; }
input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; }
input[type=range]::-moz-range-track { width: 100%; height: auto; cursor: pointer; animate: 0.2s; background: transparent; border-radius: 25px; }
input[type=range]::-moz-range-thumb { border: 5px solid #005EB8; height: 32px; width: 32px; border-radius: 50%; background: #fff; cursor: pointer; }
input[type=range]::-ms-track { width: 100%; height: auto; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 39px 0; color: transparent; }
input[type=range]::-ms-fill-lower { background: transparent; border: 0px solid #000101; border-radius: 50px; }
input[type=range]::-ms-fill-upper { background: transparent; border: 0px solid #000101; border-radius: 50px; }
input[type=range]::-ms-thumb { border: 5px solid #005EB8; height: 32px; width: 32px; border-radius: 50%; background: #fff; cursor: pointer; }
input[type=range]:focus::-ms-fill-lower { background: transparent; }
input[type=range]:focus::-ms-fill-upper { background: transparent; }

.adp_2 input[type=range]::-webkit-slider-thumb { border-color: #662483; }
.adp_2 input[type=range]::-moz-range-track { background: #662483; }
.adp_2 input[type=range]::-moz-range-thumb { border-color: #662483; }

.adp_3 input[type=range]::-webkit-slider-thumb { border-color: #EC6726; }
.adp_3 input[type=range]::-moz-range-track { background: #EC6726; }
.adp_3 input[type=range]::-moz-range-thumb { border-color: #EC6726; }

.adp_4 input[type=range]::-webkit-slider-thumb { border-color: #95C11F; }
.adp_4 input[type=range]::-moz-range-track { background: #95C11F; }
.adp_4 input[type=range]::-moz-range-thumb { border-color: #95C11F; }

.adp_5 input[type=range]::-webkit-slider-thumb { border-color: #E6007E; }
.adp_5 input[type=range]::-moz-range-track { background: #E6007E; }
.adp_5 input[type=range]::-moz-range-thumb { border-color: #E6007E; }

.adp_6 input[type=range]::-webkit-slider-thumb { border-color: #00B1EB; }
.adp_6 input[type=range]::-moz-range-track { background: #00B1EB; }
.adp_6 input[type=range]::-moz-range-thumb { border-color: #00B1EB; }

.choices_percent svg .range_point { opacity: 0.3; }

.choices_percent { margin-top: 25px; font-size: 3em; font-family: 'vinci_sans_light', cursive; }
#adp_1 .choices_percent svg { fill: #005EB8; }
#adp_2 .choices_percent svg { fill: #662483; }
#adp_3 .choices_percent svg { fill: #EC6726; }
#adp_4 .choices_percent svg { fill: #95C11F; }
#adp_5 .choices_percent svg { fill: #E6007E; }
#adp_6 .choices_percent svg { fill: #00B1EB; }
.percent_0 { position: relative; left: 11%; float: left; }
.percent_25 { position: relative; left: 33.2%; float: left; }
.percent_75 { position: relative; left: 55.2%; float: left; }
.percent_100 { position: relative; left: 76.8%; float: left; }

.choices_infotext div { text-align: center; width: 31%; margin: 20px -3%; }

.submit-btn {
  background: #fff;
  border-radius: 20px;
  padding: 15px 30px;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

/* form */
label { display: none !important; }

/* mobile settings */
@media (max-width: 1040px){
	#adp_header_1 { padding-left: 15px; }
	.adp_poll_section { padding: 15px; }
	.choices_percent { margin-top: 0; font-size: 1.4em; margin-bottom: 20px; }
	.choices_infotext div { width: 100%; margin: 0; }
	.choices_infotext { padding-bottom: 20px; }
	.adp_poll_section { margin: 0 auto 30px; }
}
@media (max-width: 900px){
	#adp_header { background-size: cover; }
	#adp_header::before { width: 75%; }
	#adp_header h1 { margin-top: 4.4em; font-size: 2.4em; }
	#adp_footer { background: #005eb8; }
	#adp_footer .adp_grid_content { padding: 20px; }
	#adp_footer_1 h2 { margin-top: 2.6em; font-size: 2em; }
	#adp_footer .adp_col_4_1 { float: left; width: 50%; }
	#adp_footer .adp_col_2_1 { float: left; width: 100%; }
	#adp_footer_2 img { max-width: 80%; margin-top: 50px; max-height: 250px; }
	#adp_footer h3 { margin-top: 30px; padding-left: 0px; }
	#adp_footer #adp_form { padding-left: 0px; }
	#adp_footer { height: auto; display: inline-block; }
	.choices { margin-top: -10px; }
}
@media (max-width: 600px){
	#adp_header::before { width: 95%; }
	.adp_col_2_1 { width: 80%; }
	#adp_header::before { height: 450px; }
}
@media (max-width: 440px){
	#adp_header h1 { margin: 1.4em 0; }
	#adp_header::before { background: url("../img/bluete.png") no-repeat top left; width: 100%; }
	#adp_footer_1 h2 { font-size: 1.6em; }
	.choices .choices_input_box .choices_range { width: 86%; }
} 

/* hubspot form */
label { display: none; }
.hs_salutation { max-width: 43%; }
.hs-richtext p { color: #fff; }
.hs-button.primary { background: #A20067; border: none; border-radius: 26px; text-transform: uppercase; font-size: 15px; color: #fff; padding: 10px 35px; }
.hs-submit {  margin-bottom: 25px; }
.hs-input { padding: 6px 12px; background: transparent; border: #fff solid 1px; color: #fff; border-radius: 6px; width: 90%; }
.hs-form-field { margin-bottom: 10px; }
input:-internal-autofill-selected { background: transparent !important; }
::placeholder { color: #fff; opacity: 0.8; }
:-ms-input-placeholder { color: #fff; }
::-ms-input-placeholder { color: #fff; }
.hs-error-msgs { margin: 0; padding: 0; }
.hs-error-msgs li { list-style: none; margin: 0; padding: 0; }
.hs-error-msgs li label { display: inline-block !important; font-size: 13px; color: #f3c1df; }
@media (max-width: 440px){
	.hs_salutation { max-width: 100%; }
}

.adp_grid_content {
    padding: 0 15px;
}
.adp_col_2_1 {
    padding-top: 50px;
}
#adp_footer_1 p {
    display: none;
}
@media (min-width: 1201px) {
	#adp_footer .adp_grid_content {
		max-width: 1400px;
		background: url(../img/hintergrund-footer-1440-2.png) no-repeat top center;
	}
}	
@media (min-width: 1201px) {
	#adp_footer #adp_footer_1 {
		margin-top: 10%;
	}
	.adp_col_2_1x {
		padding-top: 100px;
	}
}	
@media (max-width: 1430px) {
	#adp_footer_1 h2 { margin-top: 1em; }
}
#adp_footer #adp_form {
    margin-top: 200px;
}
@media (max-width: 1200px) {
	#adp_footer { background: #005eb8; }
	#adp_footer #adp_form {
		margin-top: 55px;
	}
}
@media (min-width: 1200px) {
	#adp_footerx { background: #005eb8; }
}
div#adp_footer_1x {
    width: 35%;
}
div#adp_footer_2x {
    width: 15%;
}
#adp_footer_3 h4 { font-size:1.6em }
@media (max-width: 1219px) {
	.adp_col_2_1 {
		padding-top: 0;
	}
}	
@media (max-width: 900px) {
	.adp_col_2_1 h4 {
		margin-top: 0;
	}
	#adp_footer_3 h4 { font-size:1.1em }
	#adp_footer #adp_form {
		margin-top: 10px;
	}
}