/*
Theme Name: Bunova Elev8 Webdesign
Author: Bunova Elev8 Webdesign
Description: Eigenes Theme ohne Fremd-Plugins und ohne externe Dienste.
Version: 1.0.0
Text Domain: bunova
*/
/* latin-ext */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/jetbrainsmono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/jetbrainsmono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/jetbrainsmono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/jetbrainsmono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */ @font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/unbounded-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{scroll-behavior:smooth}
body{margin:0;background:#05070c;color:#eef2f7;font-family:Inter,system-ui,sans-serif}
a{color:#7cc0ff}a:hover{color:#b9ddff}
.ix-mobile{display:none}
@media (max-width: 820px){.ix-desktop{display:none}.ix-mobile{display:block}}
.bunova-hinweis{position:fixed;z-index:100;left:50%;top:20px;transform:translateX(-50%);max-width:92vw;padding:14px 22px;border-radius:14px;font:600 15px Inter,sans-serif;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.bunova-hinweis.ok{background:#12304d;border:1px solid #4aa8ff;color:#eef2f7}
.bunova-hinweis.fehler{background:#4d1717;border:1px solid #e07070;color:#fff}
.bunova-seite{max-width:820px;margin:0 auto;padding:48px 24px 96px;line-height:1.7;color:#cfd8e3}
.bunova-seite h1{font-family:Unbounded,sans-serif;font-weight:600;font-size:40px;line-height:1.15;color:#eef2f7;margin:0 0 24px}
.bunova-seite h2{font-family:Unbounded,sans-serif;font-weight:500;font-size:22px;color:#eef2f7;margin:36px 0 10px}
.bunova-kopf{border-bottom:1px solid rgba(140,190,255,.12)}
.bunova-kopf div{max-width:1320px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.bunova-fuss{border-top:1px solid rgba(140,190,255,.12);padding:28px 24px;text-align:center;font-size:14px;color:#9aa7b6}
.bunova-fuss a{color:#9aa7b6;margin:0 10px}


@property --fxa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes fxSpin{to{--fxa:360deg}}
@keyframes fxRot{to{transform:rotate(360deg)}}
@keyframes fxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fxPulse{0%,100%{box-shadow:0 0 0 0 rgba(74,168,255,0.6)}50%{box-shadow:0 0 0 12px rgba(74,168,255,0)}}
@keyframes fxShine{to{background-position:200% center}}
@keyframes fxScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
.fx-grid{background-image:linear-gradient(rgba(74,168,255,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,168,255,0.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
.fx-floor{background-image:linear-gradient(rgba(74,168,255,0.35) 1px,transparent 1px),linear-gradient(90deg,rgba(74,168,255,0.35) 1px,transparent 1px);background-size:60px 60px;transform:perspective(520px) rotateX(72deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}
.fx-glass{background:rgba(255,255,255,0.035);border:1px solid rgba(140,190,255,0.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.fx-chrome{background:linear-gradient(180deg,#ffffff 0%,#d4dbe3 50%,#8f9baa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-shine{background:linear-gradient(90deg,#4aa8ff 0%,#cfe8ff 25%,#4aa8ff 50%,#e3b25a 75%,#4aa8ff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxShine 7s linear infinite}
.fx-ring{position:relative;isolation:isolate}
.fx-ring::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--fxa),#4aa8ff,#e3b25a,#4aa8ff 40%,transparent 60%,#4aa8ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fxSpin 6s linear infinite;z-index:-1}
.fx-orbit{animation:fxRot 40s linear infinite}
.fx-marquee{animation:fxMarquee 40s linear infinite}
.fx-float{animation:fxFloat 7s ease-in-out infinite}
.fx-pulse{animation:fxPulse 2.4s ease-in-out infinite}
.fx-scan{animation:fxScan 5s linear infinite}
@media (prefers-reduced-motion: reduce){.fx-ring::before,.fx-orbit,.fx-marquee,.fx-float,.fx-pulse,.fx-shine,.fx-scan{animation:none}}



@keyframes fxmMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fxmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fxmShine{to{background-position:200% center}}
@keyframes fxmPulse{0%,100%{box-shadow:0 0 0 0 rgba(74,168,255,0.6)}50%{box-shadow:0 0 0 10px rgba(74,168,255,0)}}
.fxm-grid{background-image:linear-gradient(rgba(74,168,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(74,168,255,0.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 75%)}
.fxm-glass{background:rgba(255,255,255,0.04);border:1px solid rgba(140,190,255,0.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.fxm-chrome{background:linear-gradient(180deg,#ffffff 0%,#d4dbe3 50%,#8f9baa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fxm-shine{background:linear-gradient(90deg,#4aa8ff 0%,#cfe8ff 25%,#4aa8ff 50%,#e3b25a 75%,#4aa8ff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxmShine 7s linear infinite}
.fxm-marquee{animation:fxmMarquee 30s linear infinite}
.fxm-float{animation:fxmFloat 6s ease-in-out infinite}
.fxm-pulse{animation:fxmPulse 2.4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.fxm-marquee,.fxm-float,.fxm-shine,.fxm-pulse{animation:none}}

/* Hover: alles Anklickbare reagiert spürbar */
:is(.ix-desktop,.ix-mobile) :is(a,button){transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s,background-color .25s,border-color .25s,color .25s}
:is(.ix-desktop,.ix-mobile) :is(a,button)[style*="color: #05070c"]:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.12) saturate(1.15);box-shadow:0 0 0 4px rgba(74,168,255,.22),0 0 70px rgba(74,168,255,.8)!important}
:is(.ix-desktop,.ix-mobile) :is(a,button)[style*="background: #e3b25a"]:hover{box-shadow:0 0 0 4px rgba(227,178,90,.25),0 0 70px rgba(227,178,90,.8)!important}
:is(.ix-desktop,.ix-mobile) :is(a,button)[style*="color: #05070c"]:active{transform:translateY(0) scale(.98)}
:is(.ix-desktop,.ix-mobile) button[style*="border-radius: 999px"]:not([style*="color: #05070c"]):hover{transform:translateY(-2px);border-color:rgba(124,192,255,.75)!important;box-shadow:0 0 24px rgba(74,168,255,.35)!important}
:is(.ix-desktop,.ix-mobile) button[aria-expanded]:hover{color:#7cc0ff!important}
:is(.ix-desktop,.ix-mobile) a:not([style*="color: #05070c"]):hover{color:#b9ddff!important;text-shadow:0 0 18px rgba(74,168,255,.6)}
:is(.ix-desktop,.ix-mobile) :is(a,button):focus-visible{outline:2px solid #7cc0ff;outline-offset:3px}
@media (prefers-reduced-motion: reduce){:is(.ix-desktop,.ix-mobile) :is(a,button):hover{transform:none}}