/* Hier kommen alle CSS-Angaben für das spezielle Projekt hinein */

/* Sonstige Hinweise und Anmerkungen
Angabe der Schriftgröße: Dies wird zukünftig in % durchgeführt 100% = 10px
*/

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
Opensource-Fonts können über die folgenden Seite beschafft werden:
http://www.theleagueofmoveabletype.com
http://www.fontsquirrel.com/fontface/
http://kernest.com/
http://www.google.de/webfonts
Über den folgenden Link können ttf-Schriften einfach in ein komplettes Fontpacket mit
CSS konvertiert werden
http://www.fontsquirrel.com/fontface/generator
*/
/*body { font:10px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }

/* Somit wird gründsätzlich ein Scrollbalken eingeblendet, und die Seite springt nicht mehr
zwischen kurzen und langen Seiten*/
html { overflow-y: scroll; }

/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;
    font-size:1px;
}

/* Style für Captcha Auswertung per JS */

img.captchaImg{
    display: block;
    margin-bottom: 10px;
}

input.sendCode{
    width: 145px !important;
    margin-right: 10px !important;
}

input[type=submit].disabled {
    cursor: not-allowed;
    background:#e6e6e6 !important;
    color: #bfbfbf !important;
}


/* Ab hier kommt dann der eigentliche CSS Code*/

/*###USERSPECIFICCODE###*/

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/poppins-v24-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v24-latin-800.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/poppins-v24-latin-800italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v24-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v24-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/poppins-v24-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/poppins-v24-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/poppins-v24-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}


:root{
    --bg:#0f1012;
    --ink:#f4f4f5;
    --muted:#c9cbd1;
    --panel:#15181c;
    --panel-strong:#12151a;
    --stroke:#ffffff1c;
    --radius:24px;
    --container: min(1200px, 92vw);
    --focus:#0085e5;
    --neon:#ff7a1a;
    --neon-glow1: rgba(255,122,26,.55);
    --neon-glow2: rgba(255,122,26,.28);
    --btn:#0085e5;
    --btn-glow1: rgba(0,133,229,.55);
    --btn-glow2: rgba(0,133,229,.28);
    --hdrH: 64px;
    --tap: 44px;

    /* Candlestick monochrome palette */
    --candleFill:#d7dce1;
    --candleStroke:#aab1b8;
    --wick:#e7ebef;
    --wickW:1.6px;
    --bodyW:1.2px;
}

*{ box-sizing:border-box }
html,body{ height:100% }
html{ scroll-behavior:smooth }
body{
    margin:0;
    font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
    background:var(--bg);
    color:var(--ink);
    overflow-x:hidden;
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-y;
}
a{ color:inherit }
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}

/* Theming UIkit primitives to your palette */
.uk-card-default{ background: var(--panel); border:1px solid var(--stroke); border-radius: var(--radius); }
.uk-card-default .uk-card-title{ color: var(--neon); text-shadow:0 0 8px var(--neon-glow1),0 0 22px var(--neon-glow2) }
.uk-section{ padding-top: clamp(14px,4.6vh,50px); padding-bottom: clamp(14px,4.6vh,50px); }
.uk-input, .uk-textarea{ background:#0f1115; border:1px solid var(--stroke); color:#f2f4f6; border-radius:12px; min-height:38px; }
.uk-input:focus, .uk-textarea:focus{ border-color: var(--neon); box-shadow: 0 0 10px var(--neon-glow2); }
.uk-button{ border-radius:999px; min-height: var(--tap); text-transform: uppercase; letter-spacing:.08em; font-weight:800; }
.uk-button-primary{
    background: #0f1012;
    color: var(--btn);
    border:2px solid var(--btn);
    box-shadow: 0 0 0 2px rgba(0,0,0,.08), 0 0 12px var(--btn-glow2), 0 0 10px var(--btn-glow2), inset 0 0 0 1px rgba(255,255,255,.03);
}
.uk-button-primary:hover{
    background: linear-gradient(0deg, rgba(0,182,255,.12), rgba(0,182,255,.12));
    box-shadow: 0 0 0 2px rgba(0,0,0,.08), 0 0 18px var(--btn-glow1), 0 0 16px var(--btn-glow1), inset 0 0 0 1px rgba(255,255,255,.06);
}
.uk-button-default{ background:transparent; border:2px solid var(--btn); color:var(--btn); }

/* Header */
.site-header{ position:fixed; inset:0 0 auto 0; background:var(--bg); border-bottom:1px solid var(--stroke); z-index:50; height:var(--hdrH); display:flex; align-items:center; }
.site-header .uk-container{ width:var(--container) }
.brand{ font-weight:700; font-size:clamp(18px,2.1vw,24px) }
.neon{ color:var(--neon); text-shadow:0 0 8px var(--neon-glow1),0 0 22px var(--neon-glow2) }
.pill{ --btn:#0085e5; --btn-glow1: rgba(0,133,229,.55); --btn-glow2: rgba(0,133,229,.28); }

/* Flag */
.flag{ display:inline-flex; flex-direction:column; width:34px; height:22px; border-radius:6px; overflow:hidden; box-shadow:0 2px 5px rgba(0,0,0,.35); border:1px solid #000; }
.flag i{ flex:1 1 0 }
.flag .b{ background:#000 }
.flag .r{ background:#dd0000 }
.flag .g{ background:#ffce00 }

/* Hero */
main{ scroll-margin-top: var(--hdrH) }
.hero{ position:relative; margin-top:var(--hdrH); background:var(--bg); padding-top:clamp(6px, 4vh, 56px); padding-bottom: clamp(10px, 3.6vh, 30px); }
.hero .wrap{ position:relative; z-index:3; width:var(--container); padding-inline: clamp(12px,1.4vw,18px); }
h1,h2,.card h3{ color:var(--neon); text-shadow:0 0 8px var(--neon-glow1),0 0 22px var(--neon-glow2) }
.hero h1{ margin:2px 0 6px; font-size:clamp(26px,3.9vw,48px); font-weight:800; letter-spacing:.01em }
.script{ font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; font-weight:600; font-size:clamp(21px, 2.4vw, 30px); margin:8px 0 12px; color: var(--neon); text-shadow:0 0 8px var(--neon-glow1),0 0 22px var(--neon-glow2); letter-spacing:.01em }
.cta{ position:relative; z-index:4; }
.hero-sep{ width:var(--container); margin: clamp(22px, 4vh, 44px) auto 0; border-top:1px solid var(--stroke) }

/* Background chart */
.bgChartWrap{ position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.22; filter: blur(.6px) saturate(.85) brightness(.9); will-change: transform; }
.bgChartWrap .grid{ position:absolute; inset:0; opacity:.20;
    background-image: linear-gradient(to right, #ffffff12 1px, transparent 1px), linear-gradient(to bottom, #ffffff12 1px, transparent 1px);
    background-size: 80px 80px, 80px 80px; mask-image: radial-gradient(ellipse at 50% 55%, #000 55%, transparent 86%); }
.bgChartWrap svg{ position:absolute; inset:0; width:100%; height:100%; }
.wick{ stroke:var(--wick); stroke-width:var(--wickW); stroke-linecap:round; opacity:.95 }
.body{ shape-rendering:crispEdges; stroke-width:var(--bodyW); stroke: var(--candleStroke); fill: var(--candleFill); opacity:.85 }
.candle.up{  --candleFill: #E2E6EA; }
.candle.down{--candleFill: #C7CED6; }
.hero::before{
    content:""; position:absolute; inset:0; z-index:2;
    background: radial-gradient(ellipse at 50% 52%, rgba(15,16,18,0.35) 0%, rgba(15,16,18,0.58) 55%, rgba(15,16,18,0.86) 100%);
    pointer-events:none;
}

/* Newsletter */
.newsletter{ position:relative; z-index:4; max-height:0; overflow:hidden; transition:max-height .3s ease; border-top:1px dashed var(--stroke); border-bottom:1px dashed var(--stroke); background:linear-gradient(180deg,#0f1012e6,#0f1012b0) }
.newsletter.open{ max-height:320px }
.nl-wrap{ width:var(--container); padding:10px clamp(12px,1.4vw,18px); display:flex; gap:8px; align-items:center; justify-content:center; flex-wrap:wrap }
.nl-form{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; width:100%; max-width:760px }
.nl-form .uk-input{ flex:1 1 320px; min-width:200px; height:38px; border-radius:999px; padding:0 12px; }
.nl-note{ color:var(--neon); opacity:.9 }

/* Features */
.grid2{ gap:clamp(8px,1.2vw,14px) }
.card h3{ margin:0 0 8px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; font-size:clamp(18px,1.8vw,21px) }
.card p{ margin:0 0 8px; color:var(--muted); line-height:1.5 }
.card ul{ margin:0 0 8px 18px; color:var(--muted) }

/* Contact */
.contact{ margin-top: 8px }
.box{ background:var(--panel-strong); border:1px solid var(--stroke); border-radius:var(--radius); box-shadow:0 8px 24px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02) }
.field{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px }
.btn{ letter-spacing:.06em }

/* Status */
.status{ margin-top:8px; font-size:14px }
.status.ok{ color:var(--neon) }
.status.err{ color:#ff7a7a }

/* Footer */
footer.footer{ margin-top: clamp(12px, 3.6vh, 36px); border-top: 1px solid #ffffff1a; }
.footer .wrap{ width: var(--container); padding: clamp(12px, 1.5vw, 20px) clamp(12px, 1.4vw, 18px); font-size: clamp(12px, 1.1vw, 14px); }
.footer .wrap strong{ color: var(--neon); text-shadow:0 0 8px var(--neon-glow1),0 0 22px var(--neon-glow2) }
.footer .links a{ color: var(--neon); text-decoration:none; font-weight:700; text-shadow:0 0 8px var(--neon-glow1), 0 0 22px var(--neon-glow2) }
.footer .links a:hover{ text-decoration:underline; }
.footer .links a + a{ margin-left: 12px; }

/* Mobile */
@media (max-width: 640px){
    .newsletter.open{ max-height:260px }
    .nl-wrap{ padding:10px 12px; gap:10px }
    .nl-form{ flex-direction:column; align-items:stretch }
    .nl-form .uk-input{ flex:1 1 auto; width:100% }
    .nl-form button{ width:100% }
    .features{ padding: 16px 0 }
    .grid2{ gap:10px }
    .contact{ padding: 16px 0 }
    .footer .wrap{ padding:12px; gap:10px }
    main{ scroll-snap-type: y proximity; scroll-padding-top: var(--hdrH); overscroll-behavior-y: contain; }
    section{ scroll-snap-align: start; scroll-margin-top: var(--hdrH); }
}
@media (prefers-reduced-motion: reduce){ main{ scroll-snap-type: none !important } }


/*###USERSPECIFICCODE###*/