@font-face{font-family:'Barlow';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/Barlow-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/Barlow-Medium.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/Barlow-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/Barlow-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/BarlowSemiCondensed-Medium.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/BarlowSemiCondensed-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(//symtec.at/wp-content/plugins/symtec-elementor-import/assets/fonts/BarlowSemiCondensed-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap} :root{
--sym-navy:#16324F;
--sym-navy-dunkel:#0F2236;
--sym-ci-blau:#3679C3;
--sym-button-blau:#2E6CB2;
--sym-schiefer:#1F2C31;
--sym-textgrau:#4A5A61;
--sym-hellblau:#EEF4FA;
--sym-linie:#DCE6EF;
--sym-sand:#FBF5EE;
--sym-orange:#E08A2E;
--sym-orange-dunkel:#C26A12;
--sym-orange-hell:#F2A541;
} *,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--sym-schiefer)}
img{max-width:100%}
a{color:var(--sym-button-blau)}
a:hover{color:var(--sym-navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sym-ci-blau);outline-offset:3px}
.skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 18px;border-radius:8px;background:var(--sym-navy);color:#FFFFFF;font-family:'Barlow',sans-serif;font-weight:600;text-decoration:none}
.skip:focus{top:16px;color:#FFFFFF} details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.faq-sign::before{content:"+"}
details[open] .faq-sign::before{content:"\2212"} @property --num{syntax:'<integer>';inherits:false;initial-value:0}
@keyframes symKb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes symRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes symRing{from{stroke-dashoffset:339.3}}
@keyframes symCount15{from{--num:0}to{--num:15}}
@keyframes symCount300{from{--num:0}to{--num:300}}
@keyframes symFlow{to{stroke-dashoffset:-36}}
@keyframes symPulse{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes symDots{to{stroke-dashoffset:-24}}
@keyframes symSpin{to{transform:rotate(360deg)}}
@keyframes symCharge{0%{transform:scaleY(.2)}55%{transform:scaleY(1)}100%{transform:scaleY(.2)}}
@keyframes symDrift{from{transform:translateX(-30px)}to{transform:translateX(40px)}}
@keyframes symBreathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes symBlink{0%,49%{opacity:1}50%,100%{opacity:.15}}
@keyframes symScan{0%,100%{opacity:.55}50%{opacity:1}} .kb{animation:symKb 16s ease-out both} .rise{animation:symRise .9s cubic-bezier(.2,.7,.2,1) both}
.rise2{animation:symRise .9s .15s cubic-bezier(.2,.7,.2,1) both}
.rise3{animation:symRise .9s .3s cubic-bezier(.2,.7,.2,1) both} .ring{animation:symRing 2.6s .7s cubic-bezier(.2,.7,.2,1) both}
.n15{--num:15;counter-reset:n var(--num);animation:symCount15 2.6s .7s cubic-bezier(.2,.7,.2,1) both}
.n300{--num:300;counter-reset:n var(--num);animation:symCount300 2.6s .7s cubic-bezier(.2,.7,.2,1) both}
.n15::after{content:counter(n)}
.n300::after{content:counter(n) "+"} .flow{stroke-dasharray:8 10;animation:symFlow 1.4s linear infinite}
.p1{animation:symPulse 2.4s ease-in-out infinite}
.p2{animation:symPulse 2.4s .4s ease-in-out infinite}
.p3{animation:symPulse 2.4s .8s ease-in-out infinite}
.dots{stroke-dasharray:0.1 24;stroke-linecap:round;animation:symDots 1.1s linear infinite}
.spin{transform-box:fill-box;transform-origin:center;animation:symSpin 60s linear infinite}
.charge{transform-box:fill-box;transform-origin:50% 100%;animation:symCharge 6s ease-in-out infinite}
.drift{animation:symDrift 18s ease-in-out infinite alternate}
.breathe{animation:symBreathe 5s ease-in-out infinite}
.blink{animation:symBlink 1s linear infinite}
.scan{animation:symScan 2.6s ease-in-out infinite}  .zoom{overflow:hidden}
.zoom img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.05)} .ovl{margin-left:-140px}
.ovr{margin-right:-140px} .lift{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)}
.lift:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(22,50,79,.16)} a[style*="border-radius: 8px"]{transition:transform .25s,box-shadow .25s,filter .25s}
a[style*="border-radius: 8px"]:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,50,79,.2);filter:brightness(1.05)} .reveal .reveal-text{position:absolute;left:0;right:0;bottom:0;padding:120px 28px 78px;background:linear-gradient(180deg,rgba(14,30,46,0) 0%,rgba(14,30,46,.84) 100%);color:#FFFFFF;font-size:17px;line-height:1.5;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}
.reveal:hover .reveal-text,.reveal:focus-within .reveal-text{opacity:1;transform:none}
@media (hover:none){.reveal .reveal-text{opacity:1;transform:none}} html.js .io{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
html.js .io.in{opacity:1;transform:none} @media (max-width:960px){
.ovl,.ovr{margin-left:0;margin-right:0;margin-top:-72px}
.hide-sm{display:none}
} @media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}