.dsgvo__teaser{background-image:url(../img/faq.jpg);background-size:cover;min-height:500px;margin-top:1.0em}.dsgvo__configurator{margin:40px 0}.configurator{display:none}.configurator.active{display:block}.configurator__tiles{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap}.configurator__tiles .container-1{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}.configurator__tiles .container-2{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}.configurator__tiles-orga,.configurator__tiles-control,.configurator__tiles-safety,.configurator__tiles-breach{background-color:#4c4c4c;color:#c0c0c0;padding:15px;text-align:center;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.configurator__tiles-orga:hover,.configurator__tiles-control:hover,.configurator__tiles-safety:hover,.configurator__tiles-breach:hover{opacity:.8}.configurator__tiles-orga-text p,.configurator__tiles-control-text p,.configurator__tiles-safety-text p,.configurator__tiles-breach-text p{margin:0}.configurator__tiles-orga-text p:last-child,.configurator__tiles-control-text p:last-child,.configurator__tiles-safety-text p:last-child,.configurator__tiles-breach-text p:last-child{display:none}.configurator__tiles-orga-text,.configurator__tiles-control-text,.configurator__tiles-safety-text,.configurator__tiles-breach-text{width:66%;text-align:left;margin-left:4%;align-self:center}.configurator__tiles-orga-image,.configurator__tiles-control-image,.configurator__tiles-safety-image,.configurator__tiles-breach-image{align-self:center;width:150px;height:150px;margin:0 auto 0 0}.configurator__tiles-orga-image img,.configurator__tiles-control-image img,.configurator__tiles-safety-image img,.configurator__tiles-breach-image img{width:150px;height:150px;padding:20px}.configurator__tiles .col.hidden{-webkit-transition:all .5s ease;transition:all .5s ease;display:none}.configurator__tiles .col{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;height:230px;border:4px solid white;border-radius:10px}.configurator__tiles .col p:last-child{display:none}.configurator__tiles .col.active{-webkit-transition:all .5s ease;transition:all .5s ease;width:100%;-webkit-box-flex:1;flex:1;max-width:unset;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:relative}.configurator__tiles .col.active:after{content:'';width:27px;height:20px;position:absolute;right:5px;bottom:5px;font-size:24px;background:url("../img/return-transparent.png") no-repeat center/100% auto}.configurator__tiles .col.active p:last-child{display:block}.configurator__tiles .col.active .configurator__tiles-orga-text,.configurator__tiles .col.active .configurator__tiles-control-text,.configurator__tiles .col.active .configurator__tiles-safety-text,.configurator__tiles .col.active .configurator__tiles-breach-text{width:82%;text-align:left;margin-left:4%}.configurator__tiles .col.active .configurator__tiles-orga-image,.configurator__tiles .col.active .configurator__tiles-control-image,.configurator__tiles .col.active .configurator__tiles-safety-image,.configurator__tiles .col.active .configurator__tiles-breach-image{width:150px;height:150px;align-self:center}.configurator__tiles .col.active .configurator__tiles-orga-image img,.configurator__tiles .col.active .configurator__tiles-control-image img,.configurator__tiles .col.active .configurator__tiles-safety-image img,.configurator__tiles .col.active .configurator__tiles-breach-image img{width:150px;height:150px;padding:20px}.configurator__wrapper{margin:50px 0}.configurator__wrapper .introduction{padding:0 0 20px 0;counter-reset:section}.configurator__field{margin:40px 0;position:relative;padding-bottom:20px;border-bottom:1px solid grey}.configurator__field:last-child{padding-bottom:0}.configurator__field::before{counter-increment:section;content:counter(section);position:absolute;color:white;background:grey;border-radius:50%;width:30px;height:30px;left:0;right:0;top:-4px;bottom:0;padding:0 9px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:23px}.configurator__field label{margin:0 20px 0 0;padding-left:40px}.configurator__field label input{margin:0 5px 0 0;position:relative;top:-2px}.configurator__question{padding:0 0 0 40px}.configurator .button{background-color:buttonface;border-color:#d8d8d8 #d1d1d1 #bababa;border-style:solid;border-width:1px;-webkit-transition:all .5s ease;transition:all .5s ease;width:150px;margin:0}.configurator .button:hover{background-color:#cc0018;color:white;cursor:pointer}.configurator label input[type=radio]:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:white;content:'';display:inline-block;visibility:visible;border:5px solid #cc0018}.configurator__field label:last-child{margin:0}.configurator__info{color:rgba(33,37,41,0.7);padding:20px;background-color:#c0c0c0;margin:20px 0}.configurator__response-header{margin:0 0 20px 0}.configurator__ampel{width:100%;height:50px;background:-webkit-gradient(linear, left top, right top, from(#CC0018), color-stop(yellow), to(green));background:-webkit-linear-gradient(left, #CC0018, yellow, green);background:linear-gradient(to right, #CC0018, yellow, green);position:relative}.configurator__ampel::after{content:'';width:5px;height:50px;position:absolute;background:black;top:0;bottom:0}.configurator__ampel.result-1::after{left:0;right:auto}.configurator__ampel.result-1::after{left:14.3%;right:auto}.configurator__ampel.result-2::after{left:28.6%;right:auto}.configurator__ampel.result-3::after{left:42.9%;right:auto}.configurator__ampel.result-4::after{left:57.1%;right:auto}.configurator__ampel.result-5::after{left:71.4%;right:auto}.configurator__ampel.result-6::after{left:85.7%;right:auto}.configurator__ampel.result-7::after{left:auto;right:0}.configurator__response-header{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.configurator__response form{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.configurator__response form input{width:48%;margin:0 0 10px 0;padding:10px}.configurator__response form input:last-child{width:25%;margin:0 auto}.configurator .configurator__response form input:last-child:hover{background-color:#cc0018;color:white;cursor:pointer}.configurator__response form label{width:50%}.configurator__response form label input{width:auto;margin-right:5px}.configurator .configurator__response form label a{color:#cc0018}.configurator label input[type=checkbox]:checked:after{content:'';background:url(../img/check.png) no-repeat;background-position:center;background-size:cover;background-color:#cc0018;top:-3px;right:0;bottom:0;left:0;width:15px;height:15px;position:relative;display:inline-block}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:2px solid #eee;-webkit-text-fill-color:#212529;-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.optout-container{margin:60px 0 140px 0}.optout-container input[type=submit]{background-color:buttonface;border-color:#d8d8d8 #d1d1d1 #bababa;border-style:solid;border-width:1px;-webkit-transition:all .5s ease;transition:all .5s ease;width:150px;margin:0}.optout-container input[type=submit]:hover{background-color:#cc0018;color:white;cursor:pointer}.sweetashoney{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}@media screen and (max-width: 1200px){.configurator__tiles-orga-text,.configurator__tiles-control-text,.configurator__tiles-safety-text,.configurator__tiles-breach-text{width:60%}.configurator__tiles .col.active .configurator__tiles-orga-text,.configurator__tiles .col.active .configurator__tiles-control-text,.configurator__tiles .col.active .configurator__tiles-safety-text,.configurator__tiles .col.active .configurator__tiles-breach-text{width:79%}}@media screen and (max-width: 991px){.configurator__tiles-orga-text,.configurator__tiles-control-text,.configurator__tiles-safety-text,.configurator__tiles-breach-text{width:73%}.configurator__tiles .col{height:190px}.configurator__tiles .col.active .configurator__tiles-orga-text,.configurator__tiles .col.active .configurator__tiles-control-text,.configurator__tiles .col.active .configurator__tiles-safety-text,.configurator__tiles .col.active .configurator__tiles-breach-text{width:73%}}@media screen and (max-width: 768px){.configurator__response form input{width:100%}.configurator__response form label{width:100%}.configurator__response form input:last-child{width:100%}.configurator__tiles .col{height:250px}.configurator__tiles-orga-text,.configurator__tiles-control-text,.configurator__tiles-safety-text,.configurator__tiles-breach-text{width:64%}.configurator__tiles .col.active .configurator__tiles-orga-text,.configurator__tiles .col.active .configurator__tiles-control-text,.configurator__tiles .col.active .configurator__tiles-safety-text,.configurator__tiles .col.active .configurator__tiles-breach-text{width:64%;padding-bottom:25px}}@media screen and (max-width: 550px){.configurator__tiles .col{height:300px}}
