.elementor-kit-6{--e-global-color-primary:#459278;--e-global-color-secondary:#1D1D1F;--e-global-color-text:#1D1D1F;--e-global-color-accent:#EBF751;--e-global-typography-primary-font-family:"Rubik Bubbles";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Rubik Bubbles";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Space Mono";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Mono";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Rubik+Bubbles&family=Space+Mono:wght@400;700&display=swap');
/* Adobe Fonts (T.26 Carbon): Web-Projekt-ID einsetzen, dann diese Zeile aktivieren
@import url('https://use.typekit.net/WEBPROJEKT-ID.css'); */
:root{--pr-green:#459278;--pr-ink:#1D1D1F;--pr-neon:#EBF751;--pr-body:'t26-carbon','Space Mono',ui-monospace,monospace}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--pr-ink);font-family:var(--pr-body);overflow-x:hidden}
.pr-body,.pr-body *{font-family:var(--pr-body)}
.pr-hl{font-family:'Rubik Bubbles',cursive;color:var(--pr-green);text-transform:none;line-height:.95;letter-spacing:0}
/* Raster + Scanlines: futuristischer Grund */
.pr-grid{background-image:linear-gradient(rgba(69,146,120,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(69,146,120,.10) 1px,transparent 1px);background-size:48px 48px}
.pr-scan{position:relative}
.pr-scan::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(29,29,31,.05) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}
/* Glitch-Headline */
@keyframes pr-glitch{0%,86%,100%{transform:none;text-shadow:none}87%{transform:translate(-3px,1px);text-shadow:4px 0 var(--pr-neon),-4px 0 var(--pr-ink)}89%{transform:translate(3px,-2px);text-shadow:-5px 0 var(--pr-neon),5px 0 var(--pr-ink)}91%{transform:translate(-2px,0);text-shadow:3px 0 var(--pr-neon)}93%{transform:none;text-shadow:none}}
.pr-glitch{animation:pr-glitch 5.5s steps(1) infinite}
/* Schweben + Drift */
@keyframes pr-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--r,0deg) + 3deg))}}
.pr-float{animation:pr-float 7s ease-in-out infinite;--r:0deg}
.pr-float.b{animation-duration:9s;animation-delay:-3s}
.pr-float.c{animation-duration:11s;animation-delay:-6s}
/* Laufband */
@keyframes pr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pr-marquee{overflow:hidden;white-space:nowrap}
.pr-marquee>.pr-track{display:inline-flex;gap:48px;animation:pr-marquee 32s linear infinite;width:max-content}
.pr-marquee:hover>.pr-track{animation-play-state:paused}
/* rotierendes Badge */
@keyframes pr-spin{to{transform:rotate(360deg)}}
.pr-spin{animation:pr-spin 18s linear infinite}
/* Geraete aus reinem CSS */
.pr-phone,.pr-tablet{position:relative;border:6px solid var(--pr-green);background:#fff;box-shadow:0 0 0 2px #fff,0 18px 40px rgba(69,146,120,.25)}
.pr-phone{width:150px;height:300px;border-radius:30px}
.pr-tablet{width:300px;height:220px;border-radius:24px}
.pr-phone::before,.pr-tablet::before{content:"";position:absolute;left:50%;top:10px;width:34%;height:6px;border-radius:6px;background:var(--pr-green);transform:translateX(-50%);opacity:.8}
.pr-screen{position:absolute;inset:26px 12px 14px;border-radius:12px;background:linear-gradient(160deg,var(--pr-neon) 0%,#fff 70%);overflow:hidden}
.pr-screen::after{content:"";position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(180deg,transparent,rgba(69,146,120,.35),transparent);animation:pr-sweep 3.6s linear infinite}
@keyframes pr-sweep{to{top:130%}}
/* Kacheln */
.pr-tile{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}
.pr-tile:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:8px 8px 0 var(--pr-green);background:var(--pr-neon)!important}
/* Pill-Navigation, schwebend */
.pr-nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pr-nav a{transition:background .25s,color .25s}
.pr-nav a:hover{background:var(--pr-green);color:#fff}
/* Scroll-Reveal ohne JS */
@supports (animation-timeline:view()){
@keyframes pr-reveal{from{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:none}}
.pr-reveal{animation:pr-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
}
/* Spotlight-Lauf: Neon-Kante */
@keyframes pr-edge{to{background-position:200% 0}}
.pr-edge{background:linear-gradient(90deg,var(--pr-green),var(--pr-neon),var(--pr-green)) 0 0/200% 100%;animation:pr-edge 4s linear infinite}
@media (max-width:767px){.pr-phone{width:110px;height:220px}.pr-tablet{width:220px;height:160px}.pr-nav{width:calc(100% - 24px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}/* End custom CSS */