@import normalize.css;

@font-face {
font-family:"FrutigerLTStd-Cn";
src:url(fonts/frutiger_webfont/FrutigerLTStd-Cn/frutigerltstd-cn.eot);
src:url(fonts/frutiger_webfont/FrutigerLTStd-Cn/frutigerltstd-cn.eot?#iefix) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-Cn/frutigerltstd-cn.eot) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-Cn/frutigerltstd-cn.woff) format("woff"),url(fonts/frutiger_webfont/FrutigerLTStd-Cn/frutigerltstd-cn.svg#frutigerltstd-cn) format("svg")
}

@font-face {
font-family:"FrutigerLTStd-BoldCn";
src:url(fonts/frutiger_webfont/FrutigerLTStd-BoldCn/frutigerltstd-boldcn.eot);
src:url(fonts/frutiger_webfont/FrutigerLTStd-BoldCn/frutigerltstd-boldcn.eot?#iefix) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-BoldCn/frutigerltstd-boldcn.eot) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-BoldCn/frutigerltstd-boldcn.woff) format("woff"),url(fonts/frutiger_webfont/FrutigerLTStd-BoldCn/frutigerltstd-boldcn.svg#frutigerltstd-boldcn) format("svg")
}

@font-face {
font-family:"FrutigerLTStd-LightCn";
src:url(fonts/frutiger_webfont/FrutigerLTStd-LightCn/frutigerltstd-lightcn.eot);
src:url(fonts/frutiger_webfont/FrutigerLTStd-LightCn/frutigerltstd-lightcn.eot?#iefix) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-LightCn/frutigerltstd-lightcn.eot) format("eot"),url(fonts/frutiger_webfont/FrutigerLTStd-LightCn/frutigerltstd-lightcn.woff) format("woff"),url(fonts/frutiger_webfont/FrutigerLTStd-LightCn/frutigerltstd-lightcn.svg#frutigerltstd-lightcn) format("svg")
}

* {
box-sizing:border-box
}

body,textarea {
font-family:FrutigerLTStd-Cn,Arial,sans-serif;
line-height:30px;
font-size:16px;
color:#000
}

a {
text-decoration:none
}

.strong {
font-family:FrutigerLTStd-BoldCn
}

.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden
}

.clearfix:before {
content:"";
display:table
}

img {
width:100%;
height:auto;
display:block
}

input[type=text],input[type=email],input[type=password] {
border:1px solid #707070;
outline:none;
width:100%;
font-size:20px;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif
}

noscript {
display:table;
width:900px;
margin:0 auto;
padding:0 10px
}

label.closelabel {
display:block;
text-align:center
}

label.closelabel:hover {
cursor:pointer
}

input.close + div {
background:#ff0;
color:red;
text-align:center;
border:1px solid #000
}

input.close:checked + div {
display:none
}

.nocookie {
padding:20px;
width:740px;
margin:0 auto;
color:red;
font-weight:700;
text-align:center;
background:#ff0;
display:none
}

html {
min-height:100%
}

body {
min-height:100%;
min-width:760px;
background:#fff;
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

.container {
position:relative;
margin:0 auto;
min-width:760px;
max-width:1920px
}

.header {
height:120px;
padding:45px 26px 45px 175px;
background:#fff
}

.content {
padding:0
}

.main {
width:100%;
background:#fff
}

.footer {
background:#32A049;
color:#fff
}

.site-logo {
position:absolute;
left:20px;
top:26px;
display:inline-block;
z-index:9
}

.logo-img {
width:124px;
height:142px
}

.site-name {
display:inline-block
}

.site-name > span {
display:block;
color:#000;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
font-size:52px;
text-transform:uppercase
}

.site-name .slogan {
display:block;
padding-left:4px;
color:#000;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif;
font-size:16px;
text-transform:uppercase;
line-height:40px
}

.login-box {
position:absolute;
top:52px;
right:15px;
display:inline-block
}

.login-box .login-link:first-child {
margin-right:20px
}

.login-link img {
display:inline-block;
margin-right:8px;
width:27px;
height:20px
}

.login-link span {
color:#000;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif;
font-size:26px;
text-transform:uppercase
}

/* .login-link.register {
display: none;	
} */

.footer {
padding:50px
}

.footer > div {
text-align:center
}

.footer .footer-socials,.footer .footer-address {
margin-bottom:1em
}

.footer .footer-socials img {
width:40px;
display:inline-block
}

.footer .footer-links a {
color:#fff
}

@media screen and (min-width: 1000px) {
.header {
padding:45px 26px 45px 200px
}

.site-logo {
left:45px;
top:26px
}

.login-box {
right:45px
}
}

@media screen and (min-width: 800px) {
.content {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex
}
}

.popup_modals .modal_buttons .btn.btn_pmry {
background-color:#32A049
}

.popup_modals .modal_buttons .btn.btn_sdry {
background-color:#c00
}

.popup_modals .modal_buttons .btn {
min-width:80px;
text-align:center
}

.popup_modals .modal_buttons.left .btn {
margin-right:10px
}

.swiper-container {
width:100%
}

.swiper-slide {
text-align:center;
font-size:18px;
background:#fff
}

.swiper-slide .text-block {
position:absolute;
top:50%;
left:10%;
color:#32A049;
text-align:left;
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%)
}

.swiper-slide .text-block p {
display:inline-block;
padding:.14em .16em;
margin:0;
margin-bottom:.2em;
background-color:#fff;
font-size:calc(42px + (65 - 42) * ((100vw - 760px) / (1600 - 760)));
line-height:.8;
text-transform:uppercase
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image:url(../images/icons/arrow-right-grey.svg);
right:10px;
left:auto
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image:url(../images/icons/arrow-left-grey.svg);
left:10px;
right:auto
}

.swiper-pagination {
padding-right:40px;
text-align:right;
-webkit-transition:0;
-moz-transition:0;
-o-transition:0;
transition:0
}

.swiper-pagination-bullet {
width:10px;
height:10px;
display:inline-block;
border-radius:50%;
background:#fff;
opacity:1
}

.swiper-pagination-bullet-active {
opacity:1;
background:#CDDB3A
}

.process {
position:relative;
height:calc(55px + (110 - 55) * ((100vw - 760px) / (1600 - 760)))
}

.process img {
position:absolute;
bottom:0;
left:50%;
display:inline-block;
width:calc(155px + (256 - 155) * ((100vw - 760px) / (1600 - 760)));
height:calc(155px + (256 - 155) * ((100vw - 760px) / (1600 - 760)));
z-index:9;
-ms-transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}

.text-box.col-2 {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:1200px;
margin:0 auto
}

.text-box.col-2 > div {
padding:100px 0;
width:100%
}

.text-box.col-2 .left {
padding-bottom:50px
}

.text-box.col-2 .right {
padding-top:50px
}

.text-box.col-2 > div p {
width:100%;
max-width:600px;
margin:0 auto;
text-align:center;
padding:0 20px
}

@media screen and (min-width: 800px) {
.text-box.col-2 > div {
width:50%
}

.text-box.col-2 .left {
padding-bottom:100px
}

.text-box.col-2 .right {
padding-top:100px
}
}

@media screen and (min-width: 1000px) {
.text-box.col-2 > div p {
width:100%;
max-width:600px;
margin:0 auto;
text-align:center;
padding:0 50px
}
}

input,textarea {
outline:none;
background-color:#fff
}

input[type=submit],#login-form input,#register input,#register select,#feedback-group input,#feedback-group-submit,#select-eval,#questions input,#next {
padding:6px 8px
}

#questions input[type=text] {
width:100%
}

textarea {
color:#000;
width:100%;
min-width:100%;
max-width:750px;
height:200px;
min-height:200px;
max-height:200px;
padding:10px 8px;
border-color:#C8C8C8
}

.select-css {
display:block;
font-size:20px;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif;
font-weight:400;
color:#444;
line-height:1.3;
padding:.6em 1.8em .5em .8em;
padding:6px 8px;
width:100%;
max-width:100%;
box-sizing:border-box;
margin:0;
border:1px solid #707070;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background-color:#fff;
background-image:url(../images/icons/arrow-down-blk.svg);
background-repeat:no-repeat;
background-position:right .7em top 50%,0 0;
background-size:.65em .3em;
cursor:pointer
}

.select-css::-ms-expand {
display:none
}

.select-css:hover {
border-color:#707070
}

.select-css:focus {
border-color:#707070;
color:#222;
outline:none
}

.select-css option {
font-weight:400
}

.dd {
border:1px solid #707070
}

.dd .ddTitle {
color:#000;
background:#fff
}

.dd .ddTitle .ddTitleText {
padding:.5em 1.8em .5em .3em;
padding:6px 44px 6px 8px
}

.dd .ddChild {
height:226px!important;
height:auto;
border:1px solid #707070;
overflow:hidden
}

.dd .ddArrow {
width:20px;
height:10px;
margin-top:-8px;
background:url(../images/icons/arrow-down-blk.svg) no-repeat
}

.ddcommon {
width:100%!important
}

.ddcommon .ddArrow {
top:54%;
right:10px
}

.ddcommon .ddChild {
width:calc(100% + 2px)
}

.ddcommon .ddChild li img,.dd .ddTitle .ddTitleText img {
width:20px;
height:20px;
padding:0;
top:4px;
right:2px
}

.ddcommon {
outline:none;
cursor:pointer;
font-size:20px;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif;
font-weight:400;
color:#444;
line-height:1.3
}

.ddcommon .shadow {
-moz-box-shadow:0 0 0 0 #888;
-webkit-box-shadow:0 0 0 0 #888;
box-shadow:0 0 0 0 #888
}

.ddcommon .divider {
display:none
}

.dd .ddChild li {
padding:.5em .5em .5em .3em;
padding:6px 8px 6px 8px;
background-color:#fff;
border-bottom:1px solid #c3c3c3
}

img.fnone {
float:right!important
}

.main-circle {
position:absolute;
bottom:28px;
right:77px;
width:44px;
height:44px;
border-radius:100% 0 0 0;
display:none
}

.quarter {
position:absolute;
width:50%;
height:50%;
transition:background-color .2s ease-in-out
}

.quarter4 {
top:0;
left:0;
background-color:#f5f5f5;
border-radius:100% 0 0 0
}

.quarter1 {
top:0;
right:0;
background-color:#f5f5f5;
border-radius:0 100% 0 0
}

.quarter3 {
bottom:0;
left:0;
background-color:#f5f5f5;
border-radius:0 0 0 100%
}

.quarter2 {
bottom:0;
right:0;
background-color:#f5f5f5;
border-radius:0 0 100% 0
}

.quarter1.active {
background-color:#32A049
}

.quarter2.active {
background-color:#32A049
}

.quarter3.active {
background-color:#32A049
}

.quarter4.active {
background-color:#32A049
}

.cutout {
width:50%;
height:50%;
width:25%;
height:25%;
background-color:#E5E5E5;
position:absolute;
top:30%;
left:30%;
top:30%;
left:30%;
top:38%;
left:38%;
border-radius:50%;
pointer-events:none
}

.main-circle .info {
position:absolute;
bottom:-20px;
right:-2.3em;
width:100px;
color:#32A049;
text-align:center;
font-size:12px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.admin .login-link.register {
display: inline;	
}

.admin .admin-login,.admin .admin-options {
padding-left:20px;
padding-right:20px
}

.admin .admin-login a {
color:#32A049
}

.admin .admin-login h2,.admin .admin-options h1,.admin .admin-options h2 {
margin:2.2em 0 0;
color:#32A049;
font-family:"FrutigerLTStd-BoldCn",Arial,sans-serif;
text-transform:uppercase
}

.admin .admin-options h1 {
font-size:48px
}

.admin .admin-login h2,.admin .admin-options h2 {
font-size:36px
}

.admin label {
display:inline-block;
margin-top:34px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.admin input[type=text],.admin input[type=password] {
border:1px solid #707070;
outline:none;
width:100%;
font-size:20px;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif
}

.admin .admin-login ul {
padding:0;
list-style-type:none;
max-width:300px
}

.admin .admin-login #login-submit {
width:100%;
color:#fff;
padding:20px 10px;
background:#32A049;
border:0;
border-radius:10px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none
}

.admin .admin-nav {
text-align:right
}

.admin .admin-nav a {
color:#32A049
}

.admin #option-select-active-question-forms,.admin #select-question-forms {
max-width:400px
}

.admin input[type=submit] {
color:#fff;
padding:20px 10px;
background:#32A049;
border:0;
border-radius:10px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none
}

.admin input[type=submit],#result-active-questions {
width:100%;
max-width:300px;
text-align:center
}

#questions-form-title {
max-width:934px
}

.chapter-headline {
margin-top:2em
}

.mode-field label {
margin-top:0
}

.mode-field {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:50px
}

.mode-field .left,.mode-field .right {
width:50%
}

.mode-field .left {
padding-right:50px
}

.mode-field input[type="radio"],.mode-field label {
cursor:pointer
}

.mode-field input[type="radio"]:checked+label {
color:#32A049
}

#questions-forms {
display:none
}

#questions .page-title {
font-family:"FrutigerLTStd-BoldCn",Arial,sans-serif
}

#questions-forms input {
padding:12px 10px
}

.admin #questions-submit {
padding:20px 10px
}

.admin .question-page-headline {
position:relative;
padding-left:24px;
cursor:pointer
}

.admin .question-page-headline .page-top-title {
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif;
color:#666
}

.admin .question-page-headline::after {
position:absolute;
content:" ";
top:6px;
left:0;
width:14px;
height:16px;
z-index:2;
background-image:url(../images/icons/arrow-down-blk.svg);
background-position:center;
background-repeat:no-repeat;
background-size:20px 10px;
-webkit-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out
}

.admin .question-page-headline.active::after {
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg)
}

.question-page-container {
display:none
}

.question-page-container > span:first-child {
font-family:"FrutigerLTStd-BoldCn",Arial,sans-serif
}

@media screen and (min-width: 1000px) {
.admin .admin-login,.admin .admin-options {
padding-left:50px;
padding-right:50px
}
}

@media screen and (min-width: 1180px) {
.admin .admin-login,.admin .admin-options {
padding-left:140px;
padding-right:140px
}
}

.admin .radio-container {
display:block;
position:relative;
margin:0;
height:auto;
max-width:330px;
padding:0
}

.admin .radio-container ul {
list-style:none;
margin:0;
padding:0;
overflow:auto
}

.admin .radio-container ul li {
color:#000;
display:block;
position:relative;
float:left;
width:100%
}

.admin .radio-container ul li input[type=radio] {
position:absolute;
visibility:hidden
}

.admin .radio-container ul li label {
display:block;
position:relative;
font-weight:300;
font-size:1.35em;
padding:16px 25px 16px 44px;
margin:6px auto;
height:30px;
z-index:9;
cursor:pointer;
-webkit-transition:all .25s linear
}

.admin .radio-container ul li:hover label {
color:#333
}

.admin .radio-container ul li label {
line-height:18px
}

.admin .radio-container ul li .check {
box-sizing:content-box;
display:block;
position:absolute;
border:4px solid #AAA;
border-radius:100%;
height:20px;
width:20px;
top:16px;
left:0;
z-index:5;
transition:border .25s linear;
-webkit-transition:border .25s linear
}

.admin .radio-container ul li:hover .check {
border:4px solid #666
}

.admin .radio-container ul li .check::before {
display:block;
position:absolute;
content:'';
border-radius:100%;
height:14px;
width:14px;
top:3px;
left:3px;
margin:auto;
transition:background .25s linear;
-webkit-transition:background .25s linear
}

.admin .radio-container input[type=radio]:checked ~ .check {
border:4px solid #32A049
}

.admin .radio-container input[type=radio]:checked ~ .check::before {
background:#32A049
}

.admin .radio-container input[type=radio]:checked ~ label {
color:#32A049
}

.login #register-box,.login #choose-feedback-box,.register #register-box,.register #choose-feedback-box {
padding-left:20px;
padding-right:20px
}

.login #register-box h1,.login #choose-feedback-box h1,.login #choose-feedback-box h2,.register #register-box h1,.register #choose-feedback-box h1,.register #choose-feedback-box h2 {
margin:2.2em 0 0;
color:#32A049;
font-family:"FrutigerLTStd-BoldCn",Arial,sans-serif;
font-size:36px;
text-transform:uppercase
}

.login #choose-feedback-box h1,.register #choose-feedback-box h1 {
font-size:48px;
margin:1.25em 0 0
}

.login #choose-feedback-box h2,.register #choose-feedback-box h2 {
margin:1.65em 0 0
}

.login #register-box label,.login #choose-feedback-box label,.register #register-box label,.register #choose-feedback-box label {
display:inline-block;
margin-top:34px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

#register {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex
}

#register .left {
width:62%
}

#register > .right {
width:38%;
background:url(../images/icons/puzzelteil-2.svg);
background-repeat:no-repeat;
background-size:50% 50%;
background-position:30% 40%
}

#register .register-name {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex
}

#register .register-name .left,#register .register-name .right {
width:50%
}

#register .register-name .left {
padding-right:20px
}

#register .register-name .right {
padding-left:20px
}

#register .level {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex
}

#register .level .left,#register .level .right {
width:50%
}

#register .level label {
margin-top:6px;
font-size:20px;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif
}

#register .legal-check {
margin:59px 0;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}

#register .legal-check label {
margin-top:0;
display:inline
}

#register .legal-check label a {
color:#32A049
}

#register #legalcheck {
margin-top:10px;
margin-right:10px
}

#register #register-submit,#feedback-group #select-eval {
width:100%;
color:#fff;
padding:20px 10px;
background:#32A049;
border:0;
border-radius:10px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none
}

#register #register-submit:hover,#feedback-group #select-eval:hover {
background:#43B15A
}

#feedback-category {
width:100%
}

.feedback-cat .dd .ddChild li:nth-child(2).hide {
display:none!important
}

#feedback-group .select-eval {
margin-top:70px;
text-align:right
}

#feedback-group #select-eval {
width:156px
}

@media screen and (min-width: 1000px) {
.register #register-box,.register #choose-feedback-box {
padding-left:50px;
padding-right:50px
}
}

@media screen and (min-width: 1180px) {
.register #register-box,.register #choose-feedback-box {
padding-left:140px;
padding-right:140px
}
}

.profileResult {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:1200px;
margin:0 auto
}

.profileResult > .left {
width:62%
}

.profileResult > .right {
width:38%;
background-image:url(../images/icons/puzzelteil-1.svg),url(../images/icons/puzzelteil-2.svg);
background-repeat:no-repeat,no-repeat;
background-size:62% 62%,62% 62%;
background-position:30% 3%,30% 117%
}

.profile-master-data {
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.profile-master-data .desc {
display:inline-block;
min-width:4.2em;
color:#32A049
}

.profileResult #profile-position-select_msdd {
width:235px!important;
margin-top:4px;
margin-bottom:4px;
border:1px solid #ddd;
color:#000;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.profileResult #profile-position-select_msdd .ddTitleText {
padding:2px 4px
}

.profileResult #profile-position-select_msdd .ddArrow {
top:60%
}

.profileResult #profile-position-select_child {
height:158px!important;
display:block;
width:220px;
border:1px solid #ddd
}

.profileResult #profile-position-select_child li.selected,.profileResult #profile-position-select_child li:hover {
background-color:#32A049
}

.profileResult #profile-position-select_child li.selected .ddlabel,.profileResult #profile-position-select_child li:hover .ddlabel {
color:#fff
}

.profileResult #delete-account,.profileResult .feedback-headline,.profileResult #feedback-register-link .form-link-submit {
max-width:600px;
margin:10px 0;
padding:.6em .8em;
border:none;
border-radius:4px;
color:#fff;
font-size:16px;
line-height:1.2;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
font-weight:400;
text-transform:uppercase;
background-color:#32A049;
position:relative
}

.profileResult #delete-account,.profileResult #feedback-register-link .form-link-submit {
display:inline-block;
padding-left:2.4em;
background-repeat:no-repeat;
background-position:.8em center;
background-size:17px 17px
}

.profileResult #delete-account {
background-image:url(../images/icons/dashboard/loeschen.svg)
}

.profileResult #feedback-register-link .form-link-submit {
background-image:url(../images/icons/dashboard/anlegen.svg)
}

.profileResult h2 {
margin-top:2em;
font-size:28px;
font-weight:400;
color:#32A049;
text-transform:uppercase
}

.profileResult .feedback-quota,.profileResult .feedback-pos {
font-family:"FrutigerLTStd-Cn";
font-size:14px;
text-transform:none
}

.profileResult .profile-action-link,.profileResult .form-link-submit {
display:inline-block;
padding:.4em 0 .4em 1.6em;
color:#32A049;
font-size:16px;
line-height:1.2;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
border:0;
background-color:transparent;
background-repeat:no-repeat;
background-position:left center;
background-size:16px 16px
}

.profileResult .profile-action-link.feedback-members {
background-image:url(../images/icons/dashboard/anzeigen.svg)
}

.profileResult .add-feedback-evals .form-link-submit {
background-image:url(../images/icons/dashboard/hinzufuegen.svg)
}

.profileResult .feedback-self-form-link .form-link-submit {
background-image:url(../images/icons/dashboard/abgeben.svg)
}

.profileResult .feedback-result-form-link .form-link-submit {
background-image:url(../images/icons/dashboard/ansehen.svg)
}

.profileResult .feedback-headline {
min-width:510px;
padding:0 3.2em 0 .8em;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
margin-bottom:0
}

.profileResult .feedback-headline .feedback-headline-text {
display:block;
padding:.6em 0;
cursor:pointer
}

.profileResult .feedback-headline .feedback-headline-text svg {
display:inline-block;
width:16px;
height:10px;
margin-right:.6em;
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.profileResult .feedback-headline.active svg {
-ms-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}

.profileResult .feedback-headline-toolbox {
position:absolute;
top:0;
right:0;
padding:.6em .8em
}

.profileResult #delete-feedback {
display:inline-block;
width:28px;
height:20px;
background-color:transparent;
border:none
}

.profileResult #delete-feedback img {
width:16px
}

.profileResult .feedback-headline .status-display {
position:absolute;
top:46%;
right:.8em;
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
display:inline-block;
width:16px;
height:10px
}

.profileResult .feedback-headline .status-display img {
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.profileResult .feedback-headline.active .status-display img {
-ms-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}

.profileResult .feedback-member-headline {
cursor:pointer
}

.profileResult .feedback-stat-box,.profileResult .feedback-member-box {
overflow:hidden;
display:none;
padding:1.2em .8em
}

.profileResult .feedback-stat-box {
background-color:#eee;
max-width:600px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px
}

.profileResult .feedback-stat-box .col-50 {
display:inline-block;
width:50%
}

.profileResult .feedback-stat-box .feedback-total {
margin:0 0 .6em;
color:#32A049;
font-size:16px;
line-height:1.2;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.profileResult .feedback-member-box {
padding-top:10px;
padding-left:1.6em
}

.profileResult .feedback-stat-box p,.profileResult .feedback-member-box p {
margin:0 0 .2em;
line-height:1.2em
}

.profileResult .feedback-member-box .ret-eval {
margin:0 0 .9em
}

.profileResult .feedback-stat-box .fb-delete-info {
margin-top:20px;
font-size:12px
}

input[type=submit],button,.admin .question-page-headline,#feedback-group-submit {
cursor:pointer
}

input[type=submit],#feedback-group-submit,#next {
font-size:16px;
cursor:pointer
}

#feedback-group {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-line-pack:justify;
align-content:space-between
}

#feedback-group .left {
width:50%;
padding-right:25px
}

#feedback-group .right {
padding-top:45px;
padding-left:25px;
position:relative;
width:50%
}

#feedback-group .selected-evals {
max-height:320px;
overflow-x:auto;
overflow-y:scroll;
margin-bottom:10px;
padding-right:10px;
padding-left:0
}

#feedback-group .selected-evals li {
position:relative;
margin-bottom:10px;
padding:10px 30px 10px 80px;
color:#000;
font-size:20px;
background:#E5E5E5;
line-height:1.2;
list-style:none
}

#feedback-group .selected-evals .business-mail,#feedback-group .selected-evals .private-mail {
font-size:16px
}

#feedback-group .selected-evals .eval-first-name,#feedback-group .selected-evals .eval-sur-name {
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

#feedback-group .selected-evals li {
background-size:60px 60px;
background-position:8px 15px;
background-repeat:no-repeat
}

#feedback-group .selected-evals .selbst {
background-image:url(../images/icons/selbst.svg)
}

#feedback-group .selected-evals .mitarbeiter {
background-image:url(../images/icons/mitarbeiter.svg)
}

#feedback-group .selected-evals .kollege {
background-image:url(../images/icons/kollege.svg)
}

#feedback-group .selected-evals .vorgesetzter {
background-image:url(../images/icons/vorgesetzter.svg)
}

#feedback-group .selected-evals .cat {
width:2px;
height:2px;
overflow:hidden;
display:inline-block
}

#feedback-group .selected-evals .delete-selected-eval {
position:absolute;
top:0;
right:14px;
width:10px;
height:10px;
cursor:pointer;
padding:10px
}

#feedback-group #feedback-group-submit {
position:absolute;
bottom:-12px;
right:0;
width:185px;
padding-top:80px;
color:#32A049;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-align:center;
background-color:transparent;
border:0;
background-image:url(../images/icons/versenden.svg);
background-size:64px 74px;
background-position:center top;
background-repeat:no-repeat;
outline:none;
display:none
}

#feedback-group #feedback-group-submit.active {
display:block
}

#feedback-group .feedback-cat,#feedback-group .feedback-pr-mail {
position:relative
}

#feedback-group .feedback-cat .tooltip {
position:absolute;
top:36px;
right:0
}

#feedback-group .feedback-pr-mail .tooltip {
position:absolute;
top:36px;
right:0
}

.register #result-register,.register #result-register a {
color:#32A049;
font-family:FrutigerLTStd-Cn,Arial,sans-serif;
text-align:center
}

.register #result-register a {
color:#32A049;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-decoration:underline
}

.evals-group-info {
width:100%;
line-height:1.2;
font-size:14px
}

.evals-group-info.hide {
display:none
}

.evals-group-info .evals-group-info-inner {
position:relative;
padding:10px;
background:#E5E5E5
}

.evals-group-info .group-info-icon {
display:inline-block;
margin-top:-3px;
margin-right:6px;
width:6px;
height:6px;
border-radius:100%;
background-color:#F0F
}

.evals-group-info .group-icon-selbst {
background-color:rgba(205,219,58,1)
}

.evals-group-info .group-icon-mitarbeiter {
background-color:rgba(23,153,174,1)
}

.evals-group-info .group-icon-kollege {
background-color:rgba(199,56,146,1)
}

.evals-group-info .group-icon-vorgesetzter {
background-color:rgba(207,115,39,1)
}

.evals-group-info .group-info-desc {
display:inline-block;
min-width:150px
}

@media screen and (min-width: 1000px) {
#feedback-group .selected-evals,#feedback-group .evals-group-info {
padding-left:40px
}
}

@-moz-keyframes spinner-loader {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}

@-webkit-keyframes spinner-loader {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

@keyframes spinner-loader {
0% {
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

.spinner-loader:not(:required) {
-moz-animation:spinner-loader 1500ms infinite linear;
-webkit-animation:spinner-loader 1500ms infinite linear;
animation:spinner-loader 1500ms infinite linear;
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
-moz-box-shadow:rgba(50,160,73,0.6) 1.5em 0 0 0,rgba(50,160,73,0.6) 1.1em 1.1em 0 0,rgba(50,160,73,0.6) 0 1.5em 0 0,rgba(50,160,73,0.6) -1.1em 1.1em 0 0,rgba(50,160,73,0.6) -1.5em 0 0 0,rgba(50,160,73,0.6) -1.1em -1.1em 0 0,rgba(50,160,73,0.6) 0 -1.5em 0 0,rgba(50,160,73,0.6) 1.1em -1.1em 0 0;
-webkit-box-shadow:rgba(50,160,73,0.6) 1.5em 0 0 0,rgba(50,160,73,0.6) 1.1em 1.1em 0 0,rgba(50,160,73,0.6) 0 1.5em 0 0,rgba(50,160,73,0.6) -1.1em 1.1em 0 0,rgba(50,160,73,0.6) -1.5em 0 0 0,rgba(50,160,73,0.6) -1.1em -1.1em 0 0,rgba(50,160,73,0.6) 0 -1.5em 0 0,rgba(50,160,73,0.6) 1.1em -1.1em 0 0;
box-shadow:rgba(50,160,73,0.6) 1.5em 0 0 0,rgba(50,160,73,0.6) 1.1em 1.1em 0 0,rgba(50,160,73,0.6) 0 1.5em 0 0,rgba(50,160,73,0.6) -1.1em 1.1em 0 0,rgba(50,160,73,0.6) -1.5em 0 0 0,rgba(50,160,73,0.6) -1.1em -1.1em 0 0,rgba(50,160,73,0.6) 0 -1.5em 0 0,rgba(50,160,73,0.6) 1.1em -1.1em 0 0;
display:inline-block;
position:relative;
right:10px;
font-size:6px;
width:1em;
height:1em;
margin:1.5em;
overflow:hidden;
text-indent:100%
}

.tooltip {
display:inline-block;
position:relative;
border-bottom:1px dotted #666;
background-color:#32A049;
color:#fff;
font-size:14px;
line-height:1;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-align:center;
padding-top:5px;
width:24px;
height:24px;
border-radius:50%;
cursor:pointer
}

.tooltip .right {
min-width:400px;
top:50%;
left:100%;
margin-left:20px;
transform:translate(0,-50%);
padding:10px!important;
position:absolute!important;
color:#000;
background-color:#F1F1F1;
font-family:FrutigerLTStd-LightCn,Arial,sans-serif;
font-weight:400;
font-size:14px;
line-height:1.2;
border-radius:8px;
position:absolute;
z-index:99999999;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,0.3);
display:none
}

.tooltip:hover .right {
display:block
}

.tooltip .right i {
position:absolute;
top:50%;
right:100%;
margin-top:-12px;
width:12px;
height:24px;
overflow:hidden
}

.tooltip .right i::after {
content:'';
position:absolute;
width:12px;
height:12px;
left:0;
top:50%;
transform:translate(50%,-50%) rotate(-45deg);
background-color:#EEE;
box-shadow:0 1px 8px rgba(0,0,0,0.5)
}

.feedback #feedback-login-box,.feedback #form-block,.feedback h1 {
padding-left:20px;
padding-right:20px
}

.feedback h1,.feedback #feedback-login-box h2 {
margin:2.2em 0 0;
color:#32A049;
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif;
font-size:36px;
text-transform:uppercase
}

.feedback h1 {
font-size:48px;
margin:1.25em 0 1em;
line-height:1.2
}

.feedback #feedback-login-box h2 {
text-align:center;
margin-bottom:1em;
padding-left:.9em
}

.feedback #feedback-login-box h2.disclaimer-headline {
padding-left:0;
text-align:left
}

.feedback #feedback-login-box .tan-headline {
position:relative
}

.feedback #feedback-login-box #feedback-login-form ul {
list-style:none
}

.feedback #feedback-login-box #feedback-login-form #login-pass {
display:block;
width:100%;
max-width:400px;
margin:0 auto;
color:#32A049;
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif;
font-size:60px;
border:1px solid #32A049
}

.feedback #feedback-login-box .tooltip {
top:-32px
}

.feedback #feedback-login-box .tooltip .right {
text-transform:none
}

.feedback #feedback-login-box .disclaimer {
padding:36px;
background-color:#E5E5E5;
max-height:252px;
overflow:auto;
margin-bottom:84px
}

.feedback #feedback-login-box #login-submit,#form-block #page-answers-submit {
display:block;
margin:0 auto;
width:100%;
max-width:555px;
color:#fff;
padding:20px 10px;
background:#32A049;
border:0;
border-radius:10px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none
}

.feedback #feedback-login-box #login-submit:hover,#form-block #page-answers-submit:hover {
background:#43B15A
}

.feedback #feedback-login-box #feedback-login-result {
position:relative;
top:-50px;
font-weight:700
}

@media screen and (min-width: 1000px) {
.feedback #feedback-login-box,.feedback #form-block,.feedback h1 {
padding-left:50px;
padding-right:50px
}
}

@media screen and (min-width: 1180px) {
.feedback #feedback-login-box,.feedback #form-block,.feedback h1 {
padding-left:140px;
padding-right:140px
}
}

#form-block .question-element {
padding-left:7em;
background-size:80px 90px;
background-position:8px 15px;
background-repeat:no-repeat
}

#form-block .question-element.question-image-1 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_1.svg)
}

#form-block .question-element.question-image-2 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_2.svg)
}

#form-block .question-element.question-image-3 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_3.svg)
}

#form-block .question-element.question-image-4 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_4.svg)
}

#form-block .question-element.question-image-5 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_5.svg)
}

#form-block .question-element.question-image-6 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_6.svg)
}

#form-block .question-element.question-image-7 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_7.svg)
}

#form-block .question-element.question-image-8 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_8.svg)
}

#form-block .question-element.question-image-9 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_9.svg)
}

#form-block .question-element.question-image-10 {
background-image:url(../images/icons/feddback_nr/puzzleteil_nr_10.svg)
}

#form-block .question-page,#form-block .question-page-headline,#form-block .question-headline,#form-block .extrafield-headline {
color:#32A049;
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif
}

#form-block .question-page,#form-block .question-page-headline {
margin:0 0 1.3em;
padding:0;
font-size:36px
}

#form-block .question-headline,#form-block .extrafield-headline {
font-size:28px
}

#form-block .question-headline {
margin-top:1em;
margin-bottom:.5em;
padding:0 8px
}

#form-block .extrafield-headline {
margin-bottom:.5em
}

#form-block #page-answers-submit {
width:auto;
padding:20px 84px;
margin:80px 0 50px 4.8em
}

input[type="range"] {
-webkit-appearance:none;
appearance:none;
font-size:inherit;
margin:1em 0;
width:100%
}

input[type="range"][disabled] {
opacity:.625
}

input[type="range"]::-webkit-slider-runnable-track {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333;
height:.5em;
width:100%;
margin:.5em 0 1em
}

input[type="range"]::-moz-range-track {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333;
height:.35em;
width:100%;
margin:.5em 0 1em
}

input[type="range"]::-ms-track {
background:transparent;
border-color:transparent;
border-width:1em 0;
color:transparent;
height:.4em;
width:100%;
margin:0
}

@media screen and (-ms-high-contrast: active) {
input[type="range"]::-ms-track {
border:0;
margin:1em 0
}
}

input[type="range"]::-ms-fill-lower {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333
}

input[type="range"]::-ms-fill-upper {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333
}

input[type="range"]:focus {
outline:0
}

input[type="range"]:focus::-webkit-slider-runnable-track {
background:#eee
}

input[type="range"]::-moz-focus-outer {
border:0
}

input[type="range"]:focus::-moz-range-track {
background:#eee
}

::-ms-ticks-after,::-ms-ticks-before {
color:transparent
}

input[type="range"]:focus::-ms-fill-lower {
background:#fff
}

input[type="range"]:focus::-ms-fill-upper {
background:#fff
}

input[type="range"]:focus::-webkit-slider-thumb {
background:#fff;
box-shadow:0 0 0 2px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]:focus::-moz-range-thumb {
background:#fff;
box-shadow:0 0 0 2px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]:focus::-ms-thumb {
background:#fff;
box-shadow:0 0 0 2px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]::-webkit-slider-thumb {
-webkit-appearance:none;
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
margin:-.825em 0 0;
margin:-.55em 0 0;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-webkit-slider-thumb {
cursor:not-allowed
}

input[type="range"]::-moz-range-thumb {
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-moz-range-thumb {
cursor:not-allowed
}

input[type="range"]::-ms-thumb {
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
margin:0;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-ms-thumb {
cursor:not-allowed
}

input[type="range"]:not([disabled])::-webkit-slider-thumb:active {
cursor:grabbing
}

input[type="range"]:not([disabled])::-moz-range-thumb:active {
cursor:grabbing
}

input[type="range"]:not([disabled])::-ms-thumb:active {
cursor:grabbing
}

input[type="range"] {
-webkit-appearance:none;
appearance:none;
font-size:inherit;
margin:1em 0 .5em;
width:100%
}

input[type="range"][disabled] {
opacity:.3
}

input[type="range"]::-webkit-slider-runnable-track {
background:#eee;
border:1px solid #bbb;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333;
height:.5em;
width:100%
}

input[type="range"]::-moz-range-track {
background:#eee;
border:1px solid #bbb;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333;
height:.35em;
width:100%
}

input[type="range"]::-ms-track {
background:transparent;
border-color:transparent;
border-width:1em 0;
color:transparent;
height:.4em;
width:100%
}

@media screen and (-ms-high-contrast: active) {
input[type="range"]::-ms-track {
border:0;
margin:1em 0
}
}

input[type="range"]::-ms-fill-lower {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333
}

input[type="range"]::-ms-fill-upper {
background:#eee;
border:1px solid #999;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 0 0 #333
}

input[type="range"]:focus {
outline:0
}

input[type="range"]:focus::-webkit-slider-runnable-track {
background:#32A049
}

input[type="range"]::-moz-focus-outer {
border:0
}

input[type="range"]:focus::-moz-range-track {
background:#32A049
}

::-ms-ticks-after,::-ms-ticks-before {
color:transparent
}

input[type="range"]:focus::-ms-fill-lower {
background:#32A049
}

input[type="range"]:focus::-ms-fill-upper {
background:#ccc
}

input[type="range"]:focus::-webkit-slider-thumb {
background:#fff;
box-shadow:0 0 0 1px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]:focus::-moz-range-thumb {
background:#fff;
box-shadow:0 0 0 1px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]:focus::-ms-thumb {
background:#fff;
box-shadow:0 0 0 1px rgba(60,60,60,.8);
outline:2px solid transparent;
outline-offset:2px
}

input[type="range"]::-webkit-slider-thumb {
-webkit-appearance:none;
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
margin:-.55em 0 0;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-webkit-slider-thumb {
cursor:not-allowed
}

input[type="range"]::-moz-range-thumb {
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-moz-range-thumb {
cursor:not-allowed
}

input[type=range]::-ms-tooltip {
display:none
}

input[type="range"]::-ms-thumb {
background:#eee;
border:1px solid rgba(0,0,0,.5);
border-radius:50%;
box-shadow:0 1px 3px rgba(0,0,0,.25);
cursor:grab;
height:1.5em;
margin:0;
position:relative;
width:1.5em;
z-index:3
}

input[type="range"][disabled]::-ms-thumb {
cursor:not-allowed
}

input[type="range"]:not([disabled])::-webkit-slider-thumb:active {
cursor:grabbing
}

input[type="range"]:not([disabled])::-moz-range-thumb:active {
cursor:grabbing
}

input[type="range"]:not([disabled])::-ms-thumb:active {
cursor:grabbing
}

.switch {
position:absolute;
top:4px;
right:10px;
display:inline-block
}

.switch-input {
display:none
}

.switch-label {
display:block;
width:48px;
height:24px;
text-indent:-330%;
clip:rect(0 0 0 0);
color:transparent;
color:#000;
font-size:16px;
line-height:1.5;
user-select:none
}

.switch-label::before,.switch-label::after {
content:"";
display:block;
position:absolute;
cursor:pointer
}

.switch-label::before {
width:100%;
height:100%;
background-color:#dedede;
border-radius:9999em;
-webkit-transition:background-color .25s ease;
transition:background-color .25s ease
}

.switch-label::after {
top:0;
left:0;
width:24px;
height:24px;
border-radius:50%;
background-color:#fff;
box-shadow:0 0 2px rgba(0,0,0,0.45);
-webkit-transition:left .25s ease;
transition:left .25s ease
}

.switch-input:checked + .switch-label::before {
background-color:#32A049;
background-color:#c00
}

.switch-input:checked + .switch-label::after {
left:24px
}

.slider-val {
position:relative;
padding:.5em 8px 0;
text-align:center;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
color:#32A049
}

.slider-val .slider-val-output {
display:inline-block;
min-width:38px;
padding:8px 6px;
background-color:#32a049;
color:#fff;
line-height:1
}

.slider-val .slider-val-output.hide {
opacity:.3
}

.slider-legende {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:50px
}

.slider-legende.hide {
opacity:.3
}

.slider-legende .left,.slider-legende .center,.slider-legende .right {
width:33.333%;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.slider-legende .center {
text-align:center
}

.slider-legende .left {
padding-left:8px
}

.slider-legende .right {
text-align:right;
padding-right:8px
}

.overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
padding:5%;
background-color:rgba(0,0,0,0.9);
z-index:9999;
display:none
}

.overlay.print-preview {
padding:0;
z-index:9999
}

.overlay .overlay-inner {
margin:0 auto;
width:100%;
max-width:800px;
height:100%;
background-color:#fff;
overflow:auto
}

.overlay.print-preview .overlay-inner {
max-width:100%
}

.overlay .overlay-content {
padding:30px
}

.overlay .overlay-content h1,.overlay .overlay-content h2 {
color:#32A049
}

.overlay .modalContent-close {
position:absolute;
top:36px;
right:20px;
width:50px;
height:50px;
background-color:transparent;
border:0;
cursor:pointer;
outline:none
}

.feedback-login-headline-box,.login #choose-feedback-box,.feedback-result .feedback-result-page-headline-box,.feedback-result #feedback-result-login-box,.feedback-result #charts-area,.feedback-result #feedback-result-box {
padding-left:20px;
padding-right:20px
}

.login #feedback-account-box {
min-height:calc(100vh - 300px);
padding-left:20px;
padding-right:20px;
display:none
}

@media screen and (min-width: 1000px) {
.login #feedback-account-box,.feedback-login-headline-box,.login #choose-feedback-box,.feedback-result .feedback-result-page-headline-box,.feedback-result #feedback-result-login-box,.feedback-result #charts-area,.feedback-result #feedback-result-box {
padding-left:50px;
padding-right:50px
}
}

@media screen and (min-width: 1180px) {
.login #feedback-account-box,.feedback-login-headline-box,.login #choose-feedback-box,.feedback-result .feedback-result-page-headline-box,.feedback-result #feedback-result-login-box,.feedback-result #charts-area,.feedback-result #feedback-result-box {
padding-left:140px;
padding-right:140px
}
}

.login h1,.feedback-result h1 {
font-size:48px;
margin:1.25em 0 1em;
line-height:1.2
}

.login h1,.feedback-result h1,.login #account-login-box h2,.feedback-result #feedback-result-login-box h2,.feedback-result #feedback-result-box h2 {
margin:1.2em 0 0;
color:#32A049;
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif;
font-size:36px;
text-transform:uppercase
}

#feedback-login-box h2,#feedback-result-box h2 {
margin:1.2em 0 0
}

.login #account-login-box h2,.feedback-result #feedback-result-login-box h2 {
text-align:center;
margin-bottom:1em;
padding-left:.9em
}

.login #account-login-box #account-login-form ul,.feedback-result #feedback-result-login-box #feedback-result-login-form ul {
list-style:none;
padding:0
}

.login #result-login {
text-align:center
}

.feedback-result #feedback-result-login-box #feedback-result-login-form #login-pass,.feedback-result #feedback-result-login-box #feedback-result-login-form #email-pass,.login #account-login-box #account-login-form #login-pass,.login #account-login-box #account-login-form #email-pass {
display:block;
width:100%;
max-width:400px;
margin:0 auto;
margin-bottom:.7em;
padding:4px 10px;
color:#32A049;
font-family:"FrutigerLTStd-LightCn",Arial,sans-serif;
font-size:40px;
border:1px solid #32A049;
outline:none
}

.feedback-result #feedback-result-login-box .tooltip,.login #account-login-box .tooltip {
top:-32px
}

.feedback-result #feedback-result-login-box #login-submit,.login #account-login-box #login-submit {
display:block;
margin:0 auto;
width:100%;
max-width:400px;
color:#fff;
padding:20px 10px;
background:#32A049;
border:0;
border-radius:10px;
font-size:20px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none
}

.feedback-result #feedback-result-login-box #login-submit:hover,.login #account-login-box #login-submit:hover {
background:#43B15A
}

.feedback-result #feedback-result-box {
text-align:center
}

.feedback-result #feedback-result-box .spinner-loader {
font-size:10px
}

.feedback-result .radar-chart-legende {
position:relative;
top:-50px;
display:block;
padding-left:6%;
text-align:left;
font-size:14px
}

.feedback-result .radar-chart-legende .radar-chart-legende-headline {
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.feedback-result .radar-chart-legende ul {
margin:0;
padding:0;
list-style-type:none
}

.feedback-result .radar-chart-legende .legend-icon {
display:inline-block;
width:34px;
height:auto;
margin-right:10px
}

.tabs {
position:relative;
overflow:hidden;
margin:0 auto;
width:100%;
font-weight:300;
font-size:1.25em
}

.tabs nav {
text-align:center
}

.tabs nav ul {
position:relative;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
margin:0 auto;
padding:0;
max-width:900px;
list-style:none;
-ms-box-orient:horizontal;
-ms-box-pack:center;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
justify-content:center
}

.tabs nav ul li {
position:relative;
z-index:1;
display:block;
margin:0;
text-align:center;
-webkit-flex:1;
-moz-flex:1;
-ms-flex:1;
flex:1
}

.tabs nav a {
position:relative;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:2.5
}

.tabs nav a span {
vertical-align:middle;
font-size:26px
}

.tabs nav li.tab-current a {
color:#74777b
}

.tabs nav a:focus {
outline:none
}

.content-wrap {
position:relative;
margin:0 auto;
max-width:900px
}

.content-wrap section {
display:none;
margin:0 auto;
padding:0 0 1em;
max-width:900px
}

.content-wrap section.content-current {
display:block
}

.content-wrap section p {
margin:0;
padding:.75em 0;
color:rgba(40,44,42,1);
line-height:1.2
}

.no-js .content-wrap section {
display:block;
padding-bottom:2em;
border-bottom:1px solid rgba(255,255,255,0.6)
}

.no-flexbox nav ul {
display:block
}

.no-flexbox nav ul li {
min-width:15%;
display:inline-block
}

@media screen and (max-width: 58em) {
.tabs nav a.icon span {
display:none
}

.tabs nav a:before {
margin-right:0
}
}

.tabs-style-linemove nav {
background:#fff
}

.tabs-style-linemove nav li:last-child::before {
position:absolute;
bottom:0;
left:0;
width:100%;
height:4px;
background:#32A049;
content:'';
-webkit-transition:-webkit-transform .3s;
transition:transform .3s
}

.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

.tabs-style-linemove nav a {
padding:1em 0 .5em;
color:#000;
background-color:rgba(0,0,0,0.03);
line-height:1;
-webkit-transition:all 0.3s,-webkit-transform .3s;
transition:all 0.3s,transform .3s
}

.tabs-style-linemove nav li.tab-current a {
color:#32A049;
background-color:rgba(50,160,73,0.1)
}

.tabs-style-linemove nav a span {
font-weight:700
}

.tabs-legende {
margin:6px auto 0;
padding-left:0;
padding-right:0;
width:100%;
max-width:900px;
font-size:18px
}

.tabs-legende ul {
margin:0 auto;
padding:2em 0 1em;
text-align:center
}

.tabs-legende li {
display:inline-block;
margin-right:1.5em
}

.tabs-legende li:last-child {
margin-right:0
}

.tabs-legende .title {
font-weight:700;
text-transform:capitalize
}

.tabs-legende .legend-icon {
display:inline-block;
width:40px;
height:10px;
margin-right:8px
}

.accordion-headline {
position:relative;
min-width:510px;
margin:.25em 0 0;
padding:0 .8em;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
margin-bottom:0;
color:#fff;
background-color:#32A049;
text-align:left
}

.accordion-headline.green {
background-color:#CDDB3A
}

.accordion-headline.purple {
background-color:#C73892
}

.accordion-headline.blue {
background-color:#3BB9E0
}

.accordion-headline.brown {
background-color:#CF7327
}

.accordion-headline .accordion-headline-text {
display:block;
padding:.4em 0;
font-size:20px;
cursor:pointer
}

.accordion-status-display {
position:absolute;
top:.6em;
right:1em;
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
display:inline-block;
width:16px;
height:10px
}

.accordion-status-display svg {
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.accordion-headline.active .accordion-status-display svg {
-ms-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}

.accordion-content-box {
overflow:hidden;
display:none;
padding:18px 24px;
padding-left:20px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px
}

.accordion-content-box,.top-chart,.tabs-legende ul {
background-color:rgba(0,0,0,0.02)
}

.print-view .top-chart,.print-view .tabs-legende ul {
background-color:transparent
}

.print-view .top-chart .chart-desc {
padding-top:20px
}

.feedback-result .bar-chart-btns {
padding-top:30px;
padding-bottom:20px
}

.feedback-result .bar-chart-btns .perspective-btn {
display:inline-block;
padding:4px 0;
margin-right:18px;
border:0;
background:none;
color:#000;
outline:none;
font-size:22px;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif
}

.feedback-result .bar-chart-btns #perspective-btn-1.active {
border-bottom:4px solid rgba(205,219,58,1)
}

.feedback-result .bar-chart-btns #perspective-btn-2.active {
border-bottom:4px solid rgba(199,56,146,1)
}

.feedback-result .bar-chart-btns #perspective-btn-3.active {
border-bottom:4px solid rgba(23,153,174,1)
}

.feedback-result .bar-chart-btns #perspective-btn-4.active {
border-bottom:4px solid rgba(207,115,39,1)
}

.feedback-result .bar-chart-btns .chart-btns {
display:none
}

.feedback-result .bar-chart-btns .btn-group-1.active,.feedback-result .bar-chart-btns .btn-group-2.active,.feedback-result .bar-chart-btns .btn-group-3.active,.feedback-result .bar-chart-btns .btn-group-4.active {
display:block
}

.feedback-result .chart-btn {
display:inline-block;
width:200px;
height:100px;
padding:4px 0;
margin-right:18px;
margin-bottom:40px;
border:0;
background:none;
background-position:center top;
background-repeat:no-repeat;
background-size:80px 80px;
color:#32A049;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
text-transform:uppercase;
outline:none;
opacity:.6;
-webkit-transition:opacity 400ms ease-in-out;
-o-transition:opacity 400ms ease-in-out;
transition:opacity 400ms ease-in-out
}

.feedback-result .chart-btn.active {
opacity:1
}

.feedback-result .chart-btn .chart-btn-label {
position:relative;
top:60px
}

.feedback-result .chart-btn:nth-child(1) {
background-image:url(../images/icons/feedback/staerkenorientierung.svg)
}

.feedback-result .chart-btn:nth-child(2) {
background-image:url(../images/icons/feedback/wirkung.svg)
}

.feedback-result .chart-btn:nth-child(3) {
background-image:url(../images/icons/feedback/agilitaet.svg)
}

.feedback-result .chart-btn:nth-child(4) {
background-image:url(../images/icons/feedback/unternehmensgeist.svg)
}

.feedback-result .chart-btn:nth-child(5) {
background-image:url(../images/icons/feedback/fuehrungskompetenz.svg)
}

.feedback-result .chart-btn:nth-child(6) {
background-image:url(../images/icons/feedback/methodenkompetenz.svg)
}

.feedback-result .chart-btn:nth-child(7) {
background-image:url(../images/icons/feedback/soziale-kompetenz.svg)
}

.feedback-result .chart-btn:nth-child(8) {
background-image:url(../images/icons/feedback/selbstmanagement.svg)
}

.feedback-result .chart-btn:nth-child(9) {
background-image:url(../images/icons/feedback/entwicklungswerte.svg)
}

.feedback-result .chartjs-render-monitor,.feedback-result #bar-chart-legende,.feedback-result .extra-text {
max-width:900px;
margin:0 auto
}

.feedback-result #bar-chart-legende {
padding-left:6px
}

.feedback-result #radar-chart {
max-width:1100px;
margin:0 auto
}

.feedback-result #bar-chart-legende .bar-chart-legende li {
margin-bottom:.2em;
text-align:left;
line-height:1.2;
list-style-type:none
}

.feedback-result #bar-chart-legende .bar-chart-legende-headline,.feedback-result #bar-chart-legende p {
margin:.4em 0 0;
text-align:left;
color:#000;
font-size:14px;
line-height:1.2
}

.feedback-result #bar-chart-legende .legende-color {
display:inline-block;
width:46px;
height:10px;
margin-right:14px
}

.feedback-result #bar-chart-legende .legende-color.average {
background-color:rgba(0,0,0,0.2);
border:1px solid rgba(0,0,0,0.25)
}

.feedback-result #bar-chart-legende .legende-color.selbst {
background-color:rgba(205,219,58,0.6);
border:1px solid rgba(205,219,58,1)
}

.feedback-result #bar-chart-legende .legende-color.kollege {
background-color:rgba(199,56,146,0.6);
border:1px solid rgba(199,56,146,1)
}

.feedback-result #bar-chart-legende .legende-color.mitarbeiter {
background-color:rgba(59,185,224,0.6);
border:1px solid rgba(59,185,224,1)
}

.feedback-result #bar-chart-legende .legende-color.vorgesetzter {
background-color:rgba(207,115,39,0.6);
border:1px solid rgba(207,115,39,1)
}

.feedback-result #bar-chart-legende .bar-chart-legende .bar-chart-legende-headline {
display:block;
margin-top:.8em;
margin-bottom:.5em;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
color:#000
}

.feedback-result .extra-text {
text-align:left;
display:none
}

.feedback-result .extra-text-headline {
position:relative;
padding-right:50px;
cursor:pointer
}

.feedback-result .extra-text-headline::after {
content:'';
position:absolute;
top:3px;
right:3px;
width:32px;
height:32px;
cursor:pointer;
background-image:url(../images/icons/arrow-down-green.svg);
background-size:32px 20px;
background-repeat:no-repeat;
background-position:center;
-webkit-transition:-webkit-transform 400ms ease-in-out;
-o-transition:-o-transform 400ms ease-in-out;
transition:transform 400ms ease-in-out
}

.feedback-result .extra-text-headline.active::after {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}

.feedback-result .extra-text h2 {
margin:.5em 0 0;
text-align:center
}

.feedback-result .extra-text p {
margin:0 0 .5em
}

.feedback-result .extra-text .extra-text-legende {
text-align:center
}

.feedback-result .extra-text .extra-text-legende .extra-text-item,.print-preview .extra-text .extra-text-legende .extra-text-item {
margin-right:20px
}

.feedback-result .extra-text .extra-text-item,.feedback-result .extra-text .extra-text-legende .extra-text-item,.print-preview .extra-text .extra-text-item,.print-preview .extra-text .extra-text-legende .extra-text-item {
display:inline-block;
position:relative;
padding-left:20px
}

.feedback-result .extra-text .extra-text-item::after,.print-preview .extra-text .extra-text-item::after {
content:'';
position:absolute;
left:0;
top:9px;
width:12px;
height:12px
}

.feedback-result .extra-text .extra-text-item.selbst::after,.print-preview .extra-text .extra-text-item.selbst::after {
border-top:12px solid rgba(205,219,58,1)
}

.feedback-result .extra-text .extra-text-item.mitarbeiter::after,.print-preview .extra-text .extra-text-item.mitarbeiter::after {
border-top:12px solid rgba(23,153,174,1)
}

.feedback-result .extra-text .extra-text-item.kollege::after,.print-preview .extra-text .extra-text-item.kollege::after {
border-top:12px solid rgba(199,56,146,1)
}

.feedback-result .extra-text .extra-text-item.vorgesetzter::after,.print-preview .extra-text .extra-text-item.vorgesetzter::after {
border-top:12px solid rgba(207,115,39,1)
}

.feedback-result .actionbox form,.print-preview .actionbox form {
text-align:right
}

.feedback-result .actionbox label,.feedback-result .login-box label,.print-preview .actionbox label {
display:inline-block;
text-align:center;
color:#32A049;
line-height:1.2;
font-family:FrutigerLTStd-BoldCn,Arial,sans-serif;
cursor:pointer
}

.feedback-result .actionbox #print-view,.feedback-result .login-box .print-view,.print-preview .actionbox .print-view {
width:60px;
height:60px;
cursor:pointer;
border:0;
background-color:transparent;
background-image:url(../images/icons/ergebnisexport.png);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%
}

.login .top-text-block,.feedback-result .top-text-block,.feedback-result #feedback-result-page-headline,.feedback-result .bottom-text-block h2,.feedback-result .bottom-text-block p,.feedback-result .actionbox {
width:100%;
max-width:900px;
margin-left:auto!important;
margin-right:auto!important;
text-align:left
}

.login .top-text-block,.feedback-result .top-text-block,.login #feedback-login-headline,.feedback-result.print-view .top-text-block,.feedback-result #feedback-result-page-headline {
text-align:center
}

.feedback-result ::placeholder {
color:#32A049;
opacity:1
}

.feedback-result :-ms-input-placeholder {
color:#32A049
}

.feedback-result ::-ms-input-placeholder {
color:#32A049
}

.feedback-result.print-view #feedback-result-box {
padding-left:40px;
padding-right:40px
}

.feedback-result.print-view .extra-text {
display:block
}

@media print {
.feedback-result .login-box,.extra-text-headline,.actionbox,.footer {
display:none
}

.extra-text-headline.active {
display:block
}

.pagebreak {
clear:both;
page-break-after:always
}

.feedback-result #bar-chart-legende .legende-color.average {
border-top:10px solid rgba(0,0,0,0.2);
border-bottom:none
}

.feedback-result #bar-chart-legende .legende-color.selbst {
border-top:10px solid rgba(205,219,58,0.6);
border-bottom:none
}

.feedback-result #bar-chart-legende .legende-color.kollege {
border-top:10px solid rgba(199,56,146,0.6);
border-bottom:none
}

.feedback-result #bar-chart-legende .legende-color.mitarbeiter {
border-top:10px solid rgba(59,185,224,0.6);
border-bottom:none
}

.feedback-result #bar-chart-legende .legende-color.vorgesetzter {
border-top:10px solid rgba(207,115,39,0.6);
border-bottom:none
}

.feedback-result .extra-text-headline {
position:relative;
padding-right:50px;
cursor:pointer
}

.feedback-result .extra-text-headline::after {
content:'';
position:absolute;
top:3px;
right:3px;
width:32px;
height:32px;
cursor:pointer;
background-image:url(../images/icons/arrow-down-green.svg);
background-size:32px 20px;
background-repeat:no-repeat;
background-position:center;
-webkit-transition:-webkit-transform 400ms ease-in-out;
-o-transition:-o-transform 400ms ease-in-out;
transition:transform 400ms ease-in-out
}
}