.site-container h2.webtospec-title-glow,.site-container p.webtospec-subtitle-glow,.page-width h2.webtospec-title-glow,.page-width p.webtospec-subtitle-glow{opacity:.9;transform:translateY(20px);transition:all .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.site-container h2.webtospec-title-glow.scroll-animate,.site-container p.webtospec-subtitle-glow.scroll-animate,.page-width h2.webtospec-title-glow.scroll-animate,.page-width p.webtospec-subtitle-glow.scroll-animate{opacity:1;transform:translateY(0)}.site-container h2.webtospec-title-glow.pulse-effect,.site-container p.webtospec-subtitle-glow.pulse-effect,.page-width h2.webtospec-title-glow.pulse-effect,.page-width p.webtospec-subtitle-glow.pulse-effect{animation:enhancedPulse 2s ease-in-out infinite}.site-container h2.webtospec-title-glow:hover,.site-container p.webtospec-subtitle-glow:hover,.page-width h2.webtospec-title-glow:hover,.page-width p.webtospec-subtitle-glow:hover{opacity:1;transform:translateY(-3px) scale(1.02)}.site-container h2.webtospec-title-glow,.page-width h2.webtospec-title-glow{font-weight:700;letter-spacing:1px;font-family:Courier New,monospace;position:relative;animation:pulsierenderEffekt 2s ease-in-out infinite;will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;transform:translateZ(0)}.site-container h2.webtospec-title-glow:hover,.page-width h2.webtospec-title-glow:hover{transform:scale(1.05)}.site-container p.webtospec-subtitle-glow,.page-width p.webtospec-subtitle-glow{font-weight:400;letter-spacing:.8px;font-family:Courier New,monospace;position:relative;animation:pulsierenderEffekt 2.5s ease-in-out infinite .3s;will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;transform:translateZ(0)}.site-container p.webtospec-subtitle-glow:hover,.page-width p.webtospec-subtitle-glow:hover{transform:scale(1.03)}@keyframes enhancedPulse{0%,to{opacity:.8;transform:scale(1);text-shadow:0 0 12px rgba(255,255,255,.8),0 0 20px var(--banner-glow-color)}25%{opacity:1;transform:scale(1.02);text-shadow:0 0 16px rgba(255,255,255,.9),0 0 25px var(--banner-glow-color)}50%{opacity:.9;transform:scale(1.01);text-shadow:0 0 14px rgba(255,255,255,.85),0 0 22px var(--banner-glow-color)}75%{opacity:1;transform:scale(1.03);text-shadow:0 0 18px rgba(255,255,255,.95),0 0 28px var(--banner-glow-color)}}@media (max-width: 768px){.site-container h2.webtospec-title-glow,.site-container p.webtospec-subtitle-glow,.page-width h2.webtospec-title-glow,.page-width p.webtospec-subtitle-glow{animation-duration:4s}.site-container h2.webtospec-title-glow,.page-width h2.webtospec-title-glow{animation-duration:2.5s}.site-container p.webtospec-subtitle-glow,.page-width p.webtospec-subtitle-glow{animation-duration:3s}.site-container h2.webtospec-title-glow,.site-container p.webtospec-subtitle-glow,.page-width h2.webtospec-title-glow,.page-width p.webtospec-subtitle-glow{transform:translateY(15px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.site-container h2.webtospec-title-glow.scroll-animate,.site-container p.webtospec-subtitle-glow.scroll-animate,.page-width h2.webtospec-title-glow.scroll-animate,.page-width p.webtospec-subtitle-glow.scroll-animate{transform:translateY(0)}.site-container h2.webtospec-title-glow:hover,.site-container p.webtospec-subtitle-glow:hover,.page-width h2.webtospec-title-glow:hover,.page-width p.webtospec-subtitle-glow:hover{transform:translateY(-2px) scale(1.01)}.site-container h2.webtospec-title-glow,.page-width h2.webtospec-title-glow{font-size:28px!important}.site-container p.webtospec-subtitle-glow,.page-width p.webtospec-subtitle-glow{font-size:16px!important}@keyframes enhancedPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}}@media (hover: none) and (pointer: coarse){.site-container h2.webtospec-title-glow:hover,.site-container p.webtospec-subtitle-glow:hover,.page-width h2.webtospec-title-glow:hover,.page-width p.webtospec-subtitle-glow:hover{transform:none}.site-container h2.webtospec-title-glow:active,.site-container p.webtospec-subtitle-glow:active,.page-width h2.webtospec-title-glow:active,.page-width p.webtospec-subtitle-glow:active{transform:scale(.98);transition:transform .1s ease}.site-container h2.webtospec-title-glow.touch-active,.site-container p.webtospec-subtitle-glow.touch-active,.page-width h2.webtospec-title-glow.touch-active,.page-width p.webtospec-subtitle-glow.touch-active{animation:touchPulse .3s ease-in-out}@keyframes touchPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}}@media (max-width: 480px){.site-container h2.webtospec-title-glow,.site-container p.webtospec-subtitle-glow,.page-width h2.webtospec-title-glow,.page-width p.webtospec-subtitle-glow{animation:none}.site-container h2.webtospec-title-glow,.page-width h2.webtospec-title-glow{animation-duration:3s;font-size:24px!important;line-height:1.2;margin-bottom:12px}.site-container p.webtospec-subtitle-glow,.page-width p.webtospec-subtitle-glow{animation-duration:3.5s;font-size:14px!important;line-height:1.4;margin-bottom:8px}.site-container h2.webtospec-title-glow,.site-container p.webtospec-subtitle-glow,.page-width h2.webtospec-title-glow,.page-width p.webtospec-subtitle-glow{transform:translateY(10px);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.site-container h2.webtospec-title-glow.scroll-animate,.site-container p.webtospec-subtitle-glow.scroll-animate,.page-width h2.webtospec-title-glow.scroll-animate,.page-width p.webtospec-subtitle-glow.scroll-animate{transform:translateY(0)}.banner-section{transform:translateY(20px) scale(.99);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.banner-section:hover{transform:translateY(-3px) scale(1.01)}.banner-title{transform:translateY(15px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.banner-subtitle{transform:translateY(12px);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:.1s}}.site-container h2.webtospec-title-glow.load-in,.site-container p.webtospec-subtitle-glow.load-in,.page-width h2.webtospec-title-glow.load-in,.page-width p.webtospec-subtitle-glow.load-in{animation:pulsierenderEffekt 2s ease-in-out infinite}@keyframes pulsierenderEffekt{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.webtospec-section{position:relative;overflow:hidden}.webtospec-grid{display:grid;gap:var(--webtospec-gap);padding:0}@media (max-width: 768px){.webtospec-grid{gap:20px}}.webtospec-block{position:relative;overflow:hidden;padding:var(--webtospec-padding);border-radius:var(--webtospec-border-radius);text-align:center;background-size:200% 200%;box-shadow:0 10px 25px #0000001a;transition:transform var(--webtospec-transition),box-shadow var(--webtospec-transition),backdrop-filter .5s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid transparent;will-change:transform;cursor:pointer}.webtospec-block:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.3)}.webtospec-block:active,.webtospec-block:focus{box-shadow:0 0 32px 8px var(--block-glow-color),0 8px 40px #00000026;outline:none;transition:box-shadow .3s}.webtospec-block.block-glow-persist{box-shadow:0 0 32px 8px var(--block-glow-color),0 8px 40px #00000026;outline:none;transition:box-shadow .3s}@keyframes gradientBG{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.webtospec-block.animate-bg{animation:gradientBG 8s ease infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #fff6}}.webtospec-block:hover.glow-effect{animation:glowPulse 2s ease-in-out infinite}.webtospec-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;transition:opacity .5s ease;opacity:0;background-size:cover;background-position:center}.webtospec-block:hover .webtospec-overlay{opacity:1}.webtospec-content{position:relative;z-index:2}.webtospec-icon{font-size:clamp(32px,5vw,48px);margin-bottom:16px;display:block;transition:transform var(--webtospec-transition)}.webtospec-block:hover .webtospec-icon{transform:scale(1.1) rotate(5deg)}.webtospec-image{max-width:100%;height:auto;border-radius:12px;margin-bottom:16px;transition:transform var(--webtospec-transition);object-fit:cover}.webtospec-block:hover .webtospec-image{transform:scale(1.05)}.webtospec-title{font-size:clamp(18px,4vw,20px);font-weight:700;margin-bottom:8px;line-height:1.3}.webtospec-text{font-size:clamp(14px,3vw,16px);margin-bottom:12px;line-height:1.5}.webtospec-button{padding:12px 24px;font-weight:700;border-radius:8px;text-decoration:none;display:inline-block;margin-top:12px;transition:all var(--webtospec-transition);position:relative;overflow:hidden;z-index:10;cursor:pointer;pointer-events:auto}.webtospec-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:-1}.webtospec-button{position:relative;z-index:15}.webtospec-button:hover:before{left:100%}.webtospec-button:hover{z-index:20;transform:translateY(-2px)}.webtospec-button.solid{background-color:var(--btn-color, #4CAF50);color:var(--button-text-color, #000000);border:2px solid transparent;filter:contrast(1.2)}.webtospec-button.outline{background-color:transparent;color:var(--btn-color, #4CAF50);border:2px solid var(--btn-color, #4CAF50)}.webtospec-button.outline:hover{background-color:var(--btn-color, #4CAF50);color:var(--button-text-color, #000000);transform:translateY(-2px)}.webtospec-button.gradient{background:linear-gradient(45deg,var(--btn-color, #4CAF50),var(--btn-secondary, #66BB6A));color:var(--button-text-color, #000000);border:none}.webtospec-button:focus{outline:3px solid rgba(76,175,80,.5);outline-offset:2px}.webtospec-button.glow-persist{box-shadow:0 0 24px 6px var(--block-glow-color),0 2px 8px #00000026;outline:none;transition:box-shadow .3s}.webtospec-block.layout-horizontal{display:flex;text-align:left;align-items:center;gap:20px}.webtospec-block.layout-horizontal .webtospec-image,.webtospec-block.layout-horizontal .webtospec-icon{margin-bottom:0;flex-shrink:0;width:80px;height:80px;object-fit:cover}.webtospec-block.size-large{grid-column:span 2;padding:40px}@media (max-width: 768px){.webtospec-block.size-large{grid-column:span 1;padding:var(--webtospec-padding)}.webtospec-block.layout-horizontal{flex-direction:column;text-align:center}.webtospec-title{font-size:22px!important}.webtospec-text{font-size:15px!important}}.webtospec-title,.webtospec-text{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.webtospec-block.shake-on-hover:hover{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.webtospec-block.flip-on-hover:hover .webtospec-icon{transform:rotateY(180deg)}@keyframes scaleUp{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.webtospec-block.scale-on-hover:hover{animation:scaleUp .4s ease-in-out}@keyframes rotateBlock{0%{transform:rotate(0)}50%{transform:rotate(8deg)}to{transform:rotate(0)}}.webtospec-block.rotate-on-hover:hover{animation:rotateBlock .5s ease-in-out}@keyframes bounceBlock{0%,to{transform:translateY(0)}30%{transform:translateY(-15px)}50%{transform:translateY(0)}70%{transform:translateY(-8px)}}.webtospec-block.bounce-on-hover:hover{animation:bounceBlock .6s cubic-bezier(.68,-.55,.27,1.55)}.webtospec-block.shadow-on-hover:hover{box-shadow:0 8px 40px #00000059,0 1.5px 3px #00000026}.webtospec-block.blur-on-hover:hover{filter:blur(2px);transition:filter .3s}@keyframes swingBlock{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.webtospec-block.swing-on-hover:hover{animation:swingBlock .7s ease-in-out}@keyframes pulseBlock{0%{box-shadow:0 0 #ff5722b3}70%{box-shadow:0 0 0 10px #ff572200}to{box-shadow:0 0 #ff572200}}.webtospec-block.pulse-on-hover:hover{animation:pulseBlock 1s}.webtospec-block:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.webtospec-block:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/25/compiled_assets/styles.css.map */
