#masthead .site-branding-container .site-icon { display: flex; justify-content: center; }

#content .cx_loginForm { max-width: 1400px; display: flex; justify-content: center; margin: 0 auto; flex-wrap: wrap; }
#content .cx_loginForm .auditoren_login { display: flex; justify-content: center; width: 100%; }
#content .cx_loginForm > form .login-username, #content .cx_loginForm > form .login-password { display: flex; align-items: center; }
#content .cx_loginForm > form .login-username > label, #content .cx_loginForm > form .login-password > label { min-width: 180px; }
#content .cx_loginForm > form .login-remember, #content .cx_loginForm > form .lost-password { display: flex; justify-content: center; margin-left: 140px; margin-bottom: 0; margin-top: 0; }
#content .cx_loginForm > form .login-submit { display: flex; justify-content: flex-end; width: 100%; }
#content .cx_loginForm > form .login-submit > input { width: 220px; }
#content .cx_logout .logout_information { display: flex; flex-wrap: wrap; justify-content: center; border: 1px solid black; padding: 20px; }
#content .cx_logout .logout_information .logout_button { display: flex; width: 100%; justify-content: center; margin-top: 20px; }
#content .cx_logout .logout_information .logout_button #wp-submit { display: flex; justify-content: center; padding: 10px !important; }
#content .cx_logout .cx_vorabfragebogen_button a input, #content .cx_logout .cx_hauptfragebogen_button a input { margin: 20px 30px; }
#content .cx_logout .cx_fragebogen_link { margin-top: 20px; border: 1px solid black; padding: 20px; display: flex; justify-content: center; width: 100%; flex-wrap: wrap; }
#content .cx_logout .cx_fragebogen_link > p { width: 100%; text-align: center; }
#content .cx_logout .cx_fragebogen_link > p:first-of-type { margin-bottom: 0 !important; }
#content .cx_logout .cx_fragebogen_link > p > input { width: 100%; text-align: center; }
#content .cx_logout .cx_fragebogen_link > p:last-of-type { margin-bottom: 0; }
#content .gf_entries { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0; }

.page-template-page-success #content { max-width: 1400px; display: flex; justify-content: center; margin: 0 auto; }

.cx_success { display: flex; justify-content: center; flex-wrap: wrap; }
.cx_success .sucess_content_2 { width: 100%; display: flex; justify-content: center; }

.entry-content .panel-layout { width: 100% !important; max-width: 100% !important; }

#colophon .site-info { display: flex; justify-content: center; margin-bottom: 0 !important; margin-top: 170px; }

.cx_progressbar_wrapper { width: 80%; display: flex; margin: 50px 0; }
.cx_progressbar_wrapper .cx_progressbar { position: relative; display: block; width: 100%; height: 35px; margin: 40px auto; }
.cx_progressbar_wrapper .cx_progressbar:before { position: absolute; display: block; content: ""; width: 100%; height: 35px; top: 0; left: 0; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.85); box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.85); }
.cx_progressbar_wrapper .cx_progressbar .cx_progressbar_inner { position: absolute; display: block; width: 0px; height: 33px; top: 1px; left: 1px; background: #186de2; background: -moz-linear-gradient(top, #186de2 0%, #0045a5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #186de2), color-stop(100%, #0045a5)); background: -webkit-linear-gradient(top, #186de2 0%, #0045a5 100%); background: -o-linear-gradient(top, #186de2 0%, #0045a5 100%); background: -ms-linear-gradient(top, #186de2 0%, #0045a5 100%); background: linear-gradient(to bottom, #186de2 0%, #0045a5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186de2', endColorstr='#0045a5',GradientType=0 ); -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; }
.cx_progressbar_wrapper .cx_progressbar .cx_progressbar_inner:after { position: absolute; display: block; content: ""; width: 64px; height: 16px; right: 0; top: 0; -webkit-border-radius: 0px 16px 16px 0px; border-radius: 0px 16px 16px 0px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(98%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.cx_progressbar_wrapper .cx_progressbar .cx_progressbar_label { font-family: 'Aldrich', sans-serif; position: absolute; display: block; width: 40px; height: 30px; line-height: 30px; top: 41px; background: #4c4c4c; font-weight: bold; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); text-shadow: 0px -1px 0px #000000,0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=-1); }
.cx_progressbar_wrapper .cx_progressbar .cx_progressbar_label > span { position: absolute; display: block; width: 12px; height: 9px; top: -9px; left: 14px; background: transparent; overflow: hidden; }
.cx_progressbar_wrapper .cx_progressbar .cx_progressbar_label > span:before { position: absolute; display: block; content: ""; width: 8px; height: 8px; top: 4px; left: 2px; border: 1px solid rgba(0, 0, 0, 0.5); background: #565656; background: -moz-linear-gradient(-45deg, #565656 0%, #4c4c4c 50%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #565656), color-stop(50%, #4c4c4c)); background: -webkit-linear-gradient(-45deg, #565656 0%, #4c4c4c 50%); background: -o-linear-gradient(-45deg, #565656 0%, #4c4c4c 50%); background: -ms-linear-gradient(-45deg, #565656 0%, #4c4c4c 50%); background: linear-gradient(135deg, #565656 0%, #4c4c4c 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#4c4c4c',GradientType=1 ); -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.15); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.light-wrapper { width: 75px; background-color: black; padding: 10px; border-radius: 5px; border: 1px solid #eee; }

.light { margin: 10px auto; height: 50px; width: 50px; background-color: #666; border-radius: 50%; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2); }

#red.active { background-color: #F44; }

#yellow.active { background-color: #FF0; }

#green.active { background-color: green; }

.gform_body .important-field .gfield_label { color: red; }

#gform_2 .gform_body #gform_page_2_1 .gform_page_fields > ul > li > div { width: 100%; }
#gform_2 .gform_body .gform_page .gform_page_fields > ul .gfield { width: 90% !important; display: inline-flex; flex-wrap: wrap; margin: 20px 0; vertical-align: top; }
#gform_2 .gform_body .gform_page .gform_page_fields > ul .gfield > label { width: 100%; }
#gform_2 .gform_body .gform_page .gform_page_fields > ul .cx_traffic { width: 10% !important; display: inline-flex; flex-wrap: wrap; height: 230px; margin: 0; }
#gform_2 .gform_body .gform_page .gform_page_fields > ul .cx_annotation { width: 100% !important; margin-left: 10% !important; }
#gform_2 .gform_body .cx_traffic { display: inline-flex; justify-content: left; margin-top: 20px !important; }
#gform_2 .gform_body .cx_traffic .gfield_label { display: none !important; }
#gform_2 .gform_body .cx_traffic .ginput_container { display: flex; width: 50%; margin: 0; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul { display: flex; justify-content: space-between; border: 1px solid #ccc; align-items: center; flex-wrap: wrap; padding: 6px; max-height: 150px; max-width: 40px; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li { margin: 0 !important; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:first-of-type input + label:before { border: 1px solid red !important; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:first-of-type input:checked + label::before { background-color: red; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:nth-of-type(2) input + label:before { border: 1px solid yellow !important; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:nth-of-type(2) input:checked + label::before { background-color: yellow; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:nth-of-type(3) input + label:before { border: 1px solid green !important; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li:nth-of-type(3) input:checked + label::before { background-color: green; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li > input { display: none !important; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li > label { color: white; background: white; width: 25px; height: 25px; }
#gform_2 .gform_body .cx_traffic .ginput_container > ul > li input + label:before { content: " " !important; display: block !important; width: 25px !important; height: 25px !important; border-radius: 100%; }

.gform_body .gform_page_fields .gfield { display: flex; flex-wrap: wrap; }
.gform_body .gform_page_fields .cx_annotation { margin-top: 0px !important; }
.gform_body .gform_page_fields .cx_traffic.gfield_error { position: relative; background-color: white !important; margin-bottom: 0 !important; border-top: none !important; border-bottom: none !important; padding-bottom: 6px; padding-top: 8px; }
.gform_body .gform_page_fields .cx_traffic.gfield_error .ginput_container .gfield_checkbox { border: 1px solid #790000 !important; }
.gform_body .gform_page_fields .cx_traffic.gfield_error .cx-description-label { display: none; }
.gform_body .gform_page_fields .cx_traffic.gfield_error .validation_message { position: absolute !important; display: flex !important; background: white; z-index: -1; border: none; left: -90px; top: 45px; text-align: right; padding: 0; color: #790000; }
.gform_body .gform_page_fields .gfield_error .cx-description-label { display: none !important; }
.gform_body .gform_page_fields .gfield_error .gfield_description.validation_message { display: block; position: initial; background: white; border: 0; background: initial; }
.gform_body .gform_page_fields .gfield { position: relative; margin-bottom: 0; }
.gform_body .gform_page_fields .gfield .gfield_label { order: 1; width: auto !important; max-width: 82%; }
.gform_body .gform_page_fields .gfield .ginput_container { order: 4; display: flex; flex-wrap: wrap; width: 100%; }
.gform_body .gform_page_fields .gfield .ginput_container textarea { width: 60%; }
.gform_body .gform_page_fields .gfield .gfield_description { display: none; padding: 20px; z-index: 999; justify-content: center; position: absolute; top: 55px; width: 50%; right: 0px; border: 1px solid #007cba; background: #fff; color: black; }
.gform_body .gform_page_fields .gfield .cx-description-label { order: 3; width: 30px; height: 30px; display: flex; visibility: visible; text-align: center; border-radius: 100%; justify-content: space-around; font-weight: bold; align-items: center; margin-left: 15px; align-items: center; border: 1px; background: #007cba; border-color: #007cba; color: #fff; }