#main,.kompetenz-grafik,main{overflow:hidden}.bg-secColor{background:#e5bb29}.bg-lightbrown{background:#f6f6f2}:root{--power-border-color:#707070;--power-text-color:#B2B2B2;--power-text-color-dark:#000;--power-select-bg:white;--dropdown-toggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 4.561 7.707' style='transform: rotate(90deg)'%3E%3Cg id='Icon_Arrow-Breadcrumb-grey' transform='translate(0.354 0.354)'%3E%3Cpath id='Pfad_165' data-name='Pfad 165' d='M-4509.852,1583.367l3.5,3.5-3.5,3.5' transform='translate(4509.852 -1583.367)' fill='none' stroke='%23000000' stroke-width='0.7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");--dropdown-toggle-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 4.561 7.707' style='transform: rotate(90deg)'%3E%3Cg id='Icon_Arrow-Breadcrumb-grey' transform='translate(0.354 0.354)'%3E%3Cpath id='Pfad_165' data-name='Pfad 165' d='M-4509.852,1583.367l3.5,3.5-3.5,3.5' transform='translate(4509.852 -1583.367)' fill='none' stroke='%23075898' stroke-width='0.7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}.collapse.show{transition:.33s linear;opacity:1}.collapse:not(.show){display:none!important}.collapsing{transition:.33s linear;opacity:0}#main,main{max-width:100vw}#main,.footerUp,.main-width,.page-header{max-width:187.5rem;width:100%;margin:0 auto}.proxy{position:absolute;visibility:hidden}.kompetenz-grafik,.kompetenz-grafik .layers{position:relative;width:100%;height:auto}@media (max-width:999.98px){.kompetenz-grafik .layers{height:615px;width:auto}}.kompetenz-grafik .layers [class*=layer-]{position:absolute;top:0;left:0;right:0;bottom:0}.kompetenz-grafik .layers [class*=layer-] img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}@media (max-width:1199.98px){.kompetenz-grafik .layers [class*=layer-] img{height:100%;width:auto}.kompetenz-grafik .kompetenz-flag .card-top{opacity:0;pointer-events:none}}.kompetenz-grafik .layers .layer-0{position:relative}.kompetenz-grafik .layers .layer-0 video{width:100%;height:auto;will-change:transform}@media (max-width:999.98px){.kompetenz-grafik .layers .layer-0 video{height:615px;width:auto}}@media (max-width:739.98px){.kompetenz-grafik .layers,.kompetenz-grafik .layers .layer-0 video{height:665px}}.kompetenz-grafik .layers .layer-0 .bg-image{display:none}@media (max-width:1449.98px){.kompetenz-grafik .layers .layer-0 video{opacity:0}.kompetenz-grafik .layers .layer-0 .bg-image{display:block;min-height:100%;width:100%;object-fit:cover;object-position:left}.kompetenz-grafik .kompetenz-flag .touch-point{cursor:pointer}}.kompetenz-grafik .flags{position:absolute;top:0;left:0;right:0;bottom:0}.kompetenz-grafik .kompetenz-flag{position:absolute;z-index:10000;display:flex;align-items:self-start}.kompetenz-grafik .kompetenz-flag.reverse{flex-direction:column-reverse}.kompetenz-grafik .kompetenz-flag.stroke-right{padding-right:.5rem}.kompetenz-grafik .kompetenz-flag.stroke-right .card-top{right:.5rem}.kompetenz-grafik .kompetenz-flag.stroke-left{padding-left:.5rem}.kompetenz-grafik .kompetenz-flag.stroke-left .card-top{left:.5rem}.kompetenz-grafik .kompetenz-flag .card-top{opacity:0;background:rgba(255,255,255,.63);padding:20px;font-size:18px;line-height:27px;font-weight:600;display:flex;flex-direction:column;position:absolute}@media (min-width:576px){.kompetenz-grafik .kompetenz-flag .card-top{min-height:209px}}.kompetenz-grafik .kompetenz-flag .card-top .tile-title{color:#b2b2b2;transition:.3s;width:250px}@media (min-width:1000px){.kompetenz-grafik .kompetenz-flag .card-top{min-height:182px;font-size:15px;line-height:20px}.kompetenz-grafik .kompetenz-flag .card-top .tile-title{width:135px}}@media (min-width:1450px){.kompetenz-grafik .kompetenz-flag .card-top{min-height:197px;font-size:18px;line-height:27px}.kompetenz-grafik .kompetenz-flag .card-top .tile-title{width:174px}}.kompetenz-grafik .kompetenz-flag .card-top .tile-title b,.kompetenz-grafik .kompetenz-flag .card-top:hover .tile-title{color:#000}.kompetenz-grafik .kompetenz-flag .card-top .card-link{position:absolute;top:0;left:0;right:0;bottom:0;margin:0}.kompetenz-grafik .kompetenz-flag .card-top .new{align-self:flex-end;background:#002a55;border:0;margin-top:auto}.kompetenz-grafik .kompetenz-flag .card-top .close{float:none;text-align:right;display:inline-flex;margin-left:auto;cursor:pointer;margin-bottom:14px}@media (min-width:1200px){.kompetenz-grafik .kompetenz-flag .card-top .close{display:none}}.kompetenz-grafik .kompetenz-flag .card-top .close svg{width:19px;height:19px}.kompetenz-grafik .kompetenz-flag .line{opacity:0;content:'';height:calc(100% - 10px);width:1px;background:#fff;top:0;bottom:0;position:absolute}.kompetenz-grafik .kompetenz-flag.reverse .line{top:10px}.kompetenz-grafik .kompetenz-flag.stroke-right .line{right:.25px}.kompetenz-grafik .kompetenz-flag.stroke-left .line{left:-.25px}.kompetenz-grafik .kompetenz-flag .touch-point{opacity:0;position:absolute;border-radius:100%;background:rgba(255,255,255,.64);border:4px solid #e5bb29;bottom:-10px;width:20px;height:20px}.kompetenz-grafik .kompetenz-flag .touch-point.open{background:#e5bb29;border:2px solid #fff}.kompetenz-grafik .kompetenz-flag.reverse .touch-point{top:calc(-20px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-right .touch-point{right:calc(-20px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-left .touch-point{left:calc(-20px / 2)}@media (max-width:1199.98px){.kompetenz-grafik .kompetenz-flag .line{opacity:0}.kompetenz-grafik .kompetenz-flag .touch-point{border:4px solid #e5bb29;bottom:-12.5px;width:25px;height:25px}.kompetenz-grafik .kompetenz-flag .touch-point.open{border:3px solid #fff}.kompetenz-grafik .kompetenz-flag.reverse .touch-point{top:calc(-25px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-right .touch-point{right:calc(-25px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-left .touch-point{left:calc(-25px / 2)}}@media (max-width:999.98px){.kompetenz-grafik .kompetenz-flag .touch-point{border:4px solid #e5bb29;bottom:-17.5px;width:35px;height:35px}.kompetenz-grafik .kompetenz-flag .touch-point.open{border:3px solid #fff}.kompetenz-grafik .kompetenz-flag.reverse .touch-point{top:calc(-35px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-right .touch-point{right:calc(-35px / 2)}.kompetenz-grafik .kompetenz-flag.stroke-left .touch-point{left:calc(-35px / 2)}}.kompetenz-grafik .progress{width:calc(100vw - 3rem);position:absolute;bottom:20px;margin:0 16px;background:#fff;height:1px;overflow:visible;z-index:2000}.kompetenz-grafik .progress .progress-line{position:absolute;background:#fff;transform-origin:right;width:100px;top:-2.5px;height:5px;bottom:0}.kompetenz-grafik .help-overlay{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:99999;color:#fff}.kompetenz-grafik .help-overlay .bg-gradient{margin:auto;max-width:320px;padding:2rem;display:flex;flex-direction:column;align-items:flex-end}.kompetenz-grafik .help-overlay .footer{display:flex}.kompetenz-grafik .help-overlay .arrow-left,.kompetenz-grafik .help-overlay .arrow-right{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43.819' height='18.743' viewBox='0 0 43.819 18.743'%3E%3Cscript xmlns=''/%3E%3Cg id='Icon_Arrow-CTA-white' transform='translate(1.5 2.121)'%3E%3Cline id='Linie_16' data-name='Linie 16' x2='39.025' transform='translate(0 7.041)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='3'/%3E%3Cline id='Linie_17' data-name='Linie 17' x2='7.114' y2='7.067' transform='translate(33.084)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='3'/%3E%3Cline id='Linie_18' data-name='Linie 18' y1='7.067' x2='7.114' transform='translate(33.084 7.434)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");display:block;width:24px;height:24px}