@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&display=swap";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Exo 2',sans-serif;background:#fafafa;color:#1a1a2e;font-size:16px;line-height:1.6}
.wrap{max-width:1440px;margin:0 auto;padding:0 24px}
header{background:#fff;box-shadow:0 2px 16px #00399a12;position:relative;overflow:hidden}
.heado-banner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}
.heado-banner span{font-family:'JetBrains Mono',monospace;font-size:clamp(48px,10vw,120px);font-weight:700;color:#00399A;opacity:.04;white-space:nowrap;letter-spacing:.08em;user-select:none}
.heado-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 24px}
.heado-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;gap:20px}
.sitelogo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.sitelogo img{width:80px;height:80px;object-fit:contain;border-radius:16px;background:#E2EBC7;padding:6px;box-shadow:0 4px 12px #00399a1a}
.sitelogo-name{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#00399A;letter-spacing:.04em}
.heado-contacts{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.heado-contacts a{font-family:'JetBrains Mono',monospace;font-size:13px;color:#555;text-decoration:none;transition:color .2s}
.heado-contacts a:hover{color:#F90900}
.heado-navrow{border-top:1.5px solid #E2EBC7;padding:0}
.main-nav{display:flex;align-items:center;gap:0;list-style:none;flex-wrap:wrap}
.main-nav li a{display:block;padding:14px 22px;font-family:'Exo 2',sans-serif;font-size:14px;font-weight:700;color:#1a1a2e;text-decoration:none;letter-spacing:.03em;border-bottom:3px solid transparent;transition:color 0.18s,border-color 0.18s,background .18s}
.main-nav li a:hover{color:#00399A;border-bottom-color:#F90900;background:#e2ebc74d}
.main-nav li a.showing{color:#F90900;border-bottom-color:#F90900}
main{min-height:200px}
footer{background:#fff;border-top:2px solid #E2EBC7;box-shadow:0 -4px 24px #00399a0f 0 -1px 6px #f909000a;margin-top:60px}
.foot-inner{max-width:1440px;margin:0 auto;padding:40px 24px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start}
.footblock-brand .footlogo{display:flex;align-items:center;gap:10px;margin-bottom:12px;text-decoration:none}
.footblock-brand .footlogo img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#E2EBC7;padding:5px;box-shadow:0 2px 8px #00399a17}
.footblock-brand .footlogo-name{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:#00399A}
.footblock-brand p{font-size:13px;color:#666;line-height:1.7;max-width:260px}
.footblock-brand .foot-founding{margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#aaa;letter-spacing:.06em}
.footblock-contact h4{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#00399A;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.footblock-contact ul{list-style:none}
.footblock-contact ul li{font-size:13px;color:#555;margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}
.footblock-contact ul li a{color:#555;text-decoration:none;transition:color .18s}
.footblock-contact ul li a:hover{color:#F90900}
.footblock-links h4{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#00399A;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.footblock-links ul{list-style:none}
.footblock-links ul li{margin-bottom:8px}
.footblock-links ul li a{font-size:13px;color:#555;text-decoration:none;transition:color .18s}
.footblock-links ul li a:hover{color:#00399A}
.foot-copy{max-width:1440px;margin:0 auto;padding:16px 24px;border-top:1px solid #E2EBC7;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.foot-copy span{font-family:'JetBrains Mono',monospace;font-size:12px;color:#aaa}
.foot-copy .footgradtag{font-size:12px;font-family:'JetBrains Mono',monospace;background:linear-gradient(90deg,#F90900,#00399A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
.cookie-popup{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;background:#fff;border-radius:24px;box-shadow:0 8px 40px #00399a24 0 2px 8px #f909000f;padding:28px 32px;max-width:540px;width:calc(100% - 32px);opacity:0;transition:opacity .35s ease;border:1.5px solid #E2EBC7}
.cookie-popup.showing{opacity:1}
.cookie-popup.hiding{opacity:0}
.cookietitle{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#00399A;margin-bottom:8px}
.cookiedesc{font-size:13px;color:#555;line-height:1.65;margin-bottom:18px}
.cookie-cats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.cookiecat{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:12px;background:#f7f9f2;border:1px solid #E2EBC7}
.cookiecat input[type="checkbox"]{width:17px;height:17px;accent-color:#00399A;margin-top:2px;flex-shrink:0}
.cookiecat .catlabel{font-size:13px;font-weight:700;color:#1a1a2e;display:block;margin-bottom:2px;font-family:'Exo 2',sans-serif}
.cookiecat .catdesc{font-size:12px;color:#777;line-height:1.5}
.cookiecat.necessary{background:linear-gradient(135deg,#e2ebc780,#fffc)}
.cookie-butts{display:flex;gap:10px;flex-wrap:wrap}
.cookiebutt{flex:1;min-width:120px;padding:11px 18px;border-radius:30px;font-size:13px;font-weight:700;font-family:'Exo 2',sans-serif;cursor:pointer;border:2px solid transparent;transition:background 0.18s,color 0.18s,border-color .18s;text-align:center}
.cookiebutt-accept{background:linear-gradient(135deg,#F90900,#00399A);color:#fff;border-color:transparent}
.cookiebutt-accept:hover{opacity:.88}
.cookiebutt-decline{background:#fff;color:#00399A;border-color:#00399A}
.cookiebutt-decline:hover{background:#f0f4ff}
.cookiebutt-save{background:#fff;color:#555;border-color:#ddd}
.cookiebutt-save:hover{background:#f5f5f5}
@media (max-width: 900px) {
.foot-inner{grid-template-columns:1fr 1fr}
.footblock-brand{grid-column:1 / -1}
}
@media (max-width: 600px) {
.heado-top{flex-direction:column;align-items:flex-start;gap:12px}
.heado-contacts{align-items:flex-start}
.main-nav li a{padding:12px 14px;font-size:13px}
.foot-inner{grid-template-columns:1fr}
.cookie-popup{padding:20px 18px}
.cookie-butts{flex-direction:column}
}
.legal-content{max-width:860px;margin:0 auto;padding:48px 32px 80px;background:#fff;border-radius:28px;box-shadow:0 8px 40px #00399a14 0 2px 8px #00399a0a}
.legal-content h1{font-size:2.4rem;font-weight:800;line-height:1.2;color:#00399A;margin:0 0 28px;padding-bottom:20px;border-bottom:3px solid #E2EBC7;letter-spacing:-.5px}
.legal-content h2{font-size:1.65rem;font-weight:700;line-height:1.3;color:#00399A;margin:52px 0 16px;padding-left:16px;border-left:4px solid #F90900}
.legal-content h3{font-size:1.25rem;font-weight:700;line-height:1.35;color:#111827;margin:36px 0 12px}
.legal-content h4{font-size:1.05rem;font-weight:600;line-height:1.4;color:#1f2c4a;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.legal-content h5{font-size:.95rem;font-weight:600;line-height:1.45;color:#374151;margin:22px 0 8px}
.legal-content h6{font-size:.875rem;font-weight:600;line-height:1.5;color:#6b7280;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.6px}
.legal-content p{font-size:1rem;line-height:1.8;color:#374151;margin:0 0 20px}
.legal-content ul{margin:0 0 24px;padding-left:0;list-style:none}
.legal-content ol{margin:0 0 24px;padding-left:24px;list-style:decimal}
.legal-content ul li{font-size:1rem;line-height:1.8;color:#374151;padding:4px 0 4px 28px;position:relative}
.legal-content ul li::before{content:"";position:absolute;left:6px;top:14px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#F90900,#00399A)}
.legal-content ol li{font-size:1rem;line-height:1.8;color:#374151;padding:4px 0 4px 8px;margin-bottom:4px}
.legal-content ul ul,.legal-content ol ol,.legal-content ul ol,.legal-content ol ul{margin:8px 0 8px 20px}
.legal-content ul ul li::before{width:6px;height:6px;background:#E2EBC7;border:2px solid #00399A}
.legal-content table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.9rem;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00399a12}
.legal-content thead{background:linear-gradient(135deg,#00399A,#002d7a)}
.legal-content thead th{color:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:14px 18px;text-align:left}
.legal-content tbody tr{background:#fff;transition:background .18s ease}
.legal-content tbody tr:nth-child(even){background:#f5f8ff}
.legal-content tbody tr:hover{background:#eef3ff}
.legal-content tbody td{padding:12px 18px;color:#374151;font-size:.9rem;line-height:1.6;border-bottom:1px solid #e9edf5;vertical-align:top}
.legal-content tbody tr:last-child td{border-bottom:none}
.legal-content th{font-weight:700}
.legal-content hr{border:none;height:2px;background:linear-gradient(90deg,#F90900 0%,#00399A 50%,#E2EBC7 100%);border-radius:4px;margin:48px 0;opacity:.35}
.legal-content div{margin-bottom:16px}
.legal-content div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.legal-content{padding:32px 20px 56px;border-radius:20px}
.legal-content h1{font-size:1.75rem;margin-bottom:20px;padding-bottom:16px}
.legal-content h2{font-size:1.3rem;margin-top:40px}
.legal-content h3{font-size:1.1rem}
.legal-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.legal-content thead th,.legal-content tbody td{padding:10px 14px;white-space:nowrap}
}
@media (max-width: 480px) {
.legal-content{padding:24px 14px 40px;border-radius:14px;box-shadow:0 4px 20px #00399a0f}
.legal-content h1{font-size:1.45rem}
.legal-content h2{font-size:1.15rem;margin-top:32px}
.legal-content p,.legal-content ul li,.legal-content ol li{font-size:.95rem;line-height:1.75}
.legal-content hr{margin:32px 0}
}
.titlestrip{position:relative;overflow:hidden;background:linear-gradient(135deg,#00399A 0%,#F90900 100%);min-height:420px;display:flex;flex-direction:row;align-items:stretch}
.titlestrip .imgslice{width:28%;flex-shrink:0;position:relative;overflow:hidden}
.titlestrip .imgslice img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.55;filter:saturate(0.6)}
.titlestrip .geodeco{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.titlestrip .textmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 72px 60px 56px;position:relative;z-index:2}
.titlestrip .textmain h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;color:#fff;line-height:1.18;letter-spacing:-.02em;margin:0;max-width:700px}
.titlestrip .textmain h1 .accentword{color:#E2EBC7}
.geodeco2{position:absolute;right:0;top:0;width:340px;height:340px;opacity:.12;pointer-events:none;z-index:1}
.expertensection{background:#fff;padding:80px 0 72px}
.expertensection .expwrap{max-width:1200px;margin:0 auto;padding:0 32px}
.expertensection .secthead{display:flex;flex-direction:row;align-items:flex-end;gap:40px;margin-bottom:52px}
.expertensection .secthead h2{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:700;color:#111b36;margin:0;line-height:1.22;position:relative;padding-bottom:14px}
.expertensection .secthead h2::after{content:'';position:absolute;left:0;bottom:0;width:54px;height:3px;background:linear-gradient(90deg,#F90900,#00399A);border-radius:2px}
.expertensection .secthead .sectsubtext{font-size:.97rem;color:#4a5375;max-width:420px;line-height:1.6;margin:0;padding-bottom:14px}
.expertgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.expertcard{border-radius:28px;background:#f5f8ff;padding:36px 32px;display:flex;flex-direction:row;gap:26px;align-items:flex-start;box-shadow:0 4px 20px #00399a12;transition:box-shadow 0.22s,transform .22s;position:relative;overflow:hidden}
.expertcard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#F90900,#00399A);border-radius:28px 0 0 28px}
.expertcard:hover{box-shadow:0 8px 32px #f909001a;transform:translateY(-3px)}
.expertcard .portrait{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;border:3px solid #E2EBC7;box-shadow:0 2px 12px #00399a1a}
.expertcard .expinfo{flex:1}
.expertcard .expinfo .expname{font-size:1.08rem;font-weight:700;color:#111b36;margin:0 0 3px}
.expertcard .expinfo .exprole{font-size:.82rem;color:#F90900;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.expertcard .expinfo .expbio{font-size:.93rem;color:#3a4260;line-height:1.62;margin:0}
.expertcard .expinfo .expstats{display:flex;flex-direction:row;gap:20px;margin-top:14px}
.expertcard .expinfo .expstats .stat{display:flex;flex-direction:column;align-items:flex-start}
.expertcard .expinfo .expstats .statnum{font-size:1.18rem;font-weight:800;color:#00399A;line-height:1}
.expertcard .expinfo .expstats .statlabel{font-size:.76rem;color:#7a84a0;margin-top:2px}
.platformsection{background:linear-gradient(150deg,#111b36 0%,#00399A 100%);padding:90px 0 80px;position:relative;overflow:hidden}
.platformsection .bgdeco{position:absolute;right:-60px;top:-60px;pointer-events:none;opacity:.07}
.platformsection .platwrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:2}
.platformsection .platgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.platformsection .plattext h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#E2EBC7;margin:0 0 20px;line-height:1.22;position:relative;padding-left:18px}
.platformsection .plattext h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:72%;background:#F90900;border-radius:3px}
.platformsection .plattext p{font-size:.98rem;color:#b8c8e8;line-height:1.72;margin:0 0 22px}
.platformsection .platfeats{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.platformsection .platfeats .feat{display:flex;flex-direction:row;align-items:flex-start;gap:14px;background:#ffffff0d;border-radius:16px;padding:14px 18px;border:1px solid #e2ebc71a}
.platformsection .platfeats .feat .featicon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#F90900,#00399A);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.platformsection .platfeats .feat .featicon svg{width:18px;height:18px;fill:#fff}
.platformsection .platfeats .feat .feattxt h4{font-size:.93rem;font-weight:700;color:#fff;margin:0 0 3px}
.platformsection .platfeats .feat .feattxt p{font-size:.83rem;color:#8fa5cc;margin:0;line-height:1.5}
.platformsection .platimgside{display:flex;flex-direction:column;gap:20px;align-items:center}
.platimgbig{width:100%;border-radius:28px;object-fit:cover;height:240px;box-shadow:0 8px 40px #00000047;display:block}
.platimgrow{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.platimgrow img{width:100%;height:148px;object-fit:cover;border-radius:18px;box-shadow:0 4px 18px #00000038;display:block}
.learnerssection{background:#f7f9fc;padding:84px 0 76px}
.learnerssection .learnwrap{max-width:1200px;margin:0 auto;padding:0 32px}
.learnerssection .lernhead{text-align:center;margin-bottom:54px}
.learnerssection .lernhead h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#111b36;margin:0 0 12px;position:relative;display:inline-block}
.learnerssection .lernhead h2::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;width:48px;height:3px;background:linear-gradient(90deg,#F90900,#00399A);border-radius:2px}
.learnerssection .lernhead p{font-size:.97rem;color:#4a5375;margin:22px auto 0;max-width:520px;line-height:1.66}
.learngrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.learncard{background:#fff;border-radius:26px;padding:34px 28px 28px;box-shadow:0 4px 18px #00399a12;display:flex;flex-direction:column;gap:14px;transition:box-shadow 0.2s,transform .2s;position:relative}
.learncard:hover{box-shadow:0 10px 36px #f9090017;transform:translateY(-4px)}
.learncard .quoteicon{width:38px;height:38px;background:linear-gradient(135deg,#F90900 0%,#00399A 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.learncard .quoteicon svg{width:20px;height:20px;fill:#fff}
.learncard .cardtag{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#00399A,#F90900);border-radius:20px;padding:4px 12px;display:inline-block;align-self:flex-start}
.learncard h4{font-size:1.03rem;font-weight:700;color:#111b36;margin:0;line-height:1.32}
.learncard .learntext{font-size:.91rem;color:#3a4260;line-height:1.66;margin:0}
.learncard .personsig{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #eef1f8}
.learncard .personsig img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid #E2EBC7}
.learncard .personsig .sigdetail .signame{font-size:.88rem;font-weight:700;color:#111b36;margin:0}
.learncard .personsig .sigdetail .sigdesc{font-size:.78rem;color:#7a84a0;margin:0}
.progressblock{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.progressblock .proglabel{display:flex;flex-direction:row;justify-content:space-between;font-size:.79rem;color:#4a5375;margin-bottom:2px}
.progressblock .progbar{background:#eef1f8;border-radius:8px;height:7px;width:100%;overflow:hidden}
.progressblock .progbar .progfill{height:100%;border-radius:8px;background:linear-gradient(90deg,#F90900,#00399A)}
.learnstatsrow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:linear-gradient(90deg,#F90900 0%,#00399A 100%);border-radius:28px;margin-top:52px;overflow:hidden}
.learnstatsrow .statitem{padding:34px 24px;text-align:center;border-right:1px solid #ffffff26}
.learnstatsrow .statitem:last-child{border-right:none}
.learnstatsrow .statitem .bignum{font-size:2.2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}
.learnstatsrow .statitem .statnote{font-size:.84rem;color:#ffffffc7;line-height:1.4}
@media (max-width: 900px) {
.titlestrip{flex-direction:column;min-height:auto}
.titlestrip .imgslice{width:100%;height:180px}
.titlestrip .textmain{padding:40px 28px}
.expertgrid{grid-template-columns:1fr}
.platformsection .platgrid{grid-template-columns:1fr;gap:36px}
.learngrid{grid-template-columns:1fr 1fr}
.learnstatsrow{grid-template-columns:1fr 1fr}
.expertensection .secthead{flex-direction:column;gap:16px}
}
@media (max-width: 600px) {
.titlestrip .textmain{padding:28px 18px}
.expertensection .expwrap{padding:0 14px}
.platformsection .platwrap{padding:0 14px}
.learnerssection .learnwrap{padding:0 14px}
.learngrid{grid-template-columns:1fr}
.learnstatsrow{grid-template-columns:1fr 1fr;border-radius:18px}
.expertcard{flex-direction:column;padding:24px 18px}
.platimgrow img{height:100px}
.platimgbig{height:170px}
.expertensection{padding:50px 0 44px}
.platformsection{padding:54px 0 48px}
.learnerssection{padding:52px 0 44px}
}
.kontakt-seite{max-width:1440px;margin:0 auto;overflow-x:hidden}
.titelblock{display:grid;grid-template-columns:1fr 1fr;min-height:580px;position:relative}
.titelblock .leererbereich{background:#f8f9f4;position:relative;display:flex;align-items:flex-end;padding:60px 50px}
.titelblock .leererbereich::before{content:'';position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:1px solid #E2EBC7;pointer-events:none;z-index:1}
.titelblock .leererbereich .textinhalt{position:relative;z-index:2}
.titelblock .leererbereich .textinhalt h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15;color:#1a1a2e;margin:0 0 24px}
.titelblock .leererbereich .textinhalt h1 span{background:linear-gradient(135deg,#F90900,#00399A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.titelblock .leererbereich .textinhalt p{font-size:1rem;line-height:1.75;color:#444;max-width:420px;margin:0}
.titelblock .bildbereich{position:relative;overflow:hidden}
.titelblock .bildbereich img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:sepia(35%) contrast(1.08) brightness(0.92) saturate(0.85)}
.titelblock .bildbereich::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#f909001f,#00399a2e);pointer-events:none}
.titelblock .bildbereich .rahmen{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1.5px solid #e2ebc78c;z-index:2;pointer-events:none}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff}
.formbereich{padding:70px 60px;background:#fff}
.formbereich h2{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0 0 8px;position:relative;display:inline-block}
.formbereich h2::after{content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,#F90900,#00399A);border-radius:2px;margin-top:10px}
.formbereich .form-untertitel{font-size:.95rem;color:#666;margin:18px 0 36px;line-height:1.6}
.kontakt-form{display:flex;flex-direction:column;gap:20px}
.form-zeile{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feldgruppe{display:flex;flex-direction:column;gap:6px}
.feldgruppe label{font-size:.82rem;font-weight:600;color:#1a1a2e;letter-spacing:.04em;text-transform:uppercase}
.feldgruppe input[type="text"],.feldgruppe input[type="email"],.feldgruppe select,.feldgruppe textarea{padding:14px 18px;border:1.5px solid #e0e0e0;border-radius:12px;font-size:.97rem;color:#1a1a2e;background:#fafafa;box-shadow:inset 0 2px 4px #0000000a;transition:border-color 0.25s,box-shadow 0.25s,background .25s;width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.feldgruppe input[type="text"]:focus,.feldgruppe input[type="email"]:focus,.feldgruppe select:focus,.feldgruppe textarea:focus{outline:none;border-color:#00399A;background:#fff;box-shadow:inset 0 2px 4px #0000000a 0 0 0 3px #00399a1a}
.feldgruppe select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%2300399A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.feldgruppe textarea{resize:vertical;min-height:120px}
.datenschutz-zeile{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.datenschutz-zeile input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#00399A;cursor:pointer}
.datenschutz-zeile .datenschutz-text{font-size:.88rem;color:#555;line-height:1.55}
.datenschutz-zeile .datenschutz-text a{color:#00399A;text-decoration:underline}
.submit-butt{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#F90900,#00399A);color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.03em;box-shadow:0 6px 20px #f9090047;transition:opacity 0.2s,transform 0.2s,box-shadow .2s;z-index:10;position:relative;align-self:flex-start}
.submit-butt:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 28px #00399a4d}
.infobereich{padding:70px 60px;background:linear-gradient(160deg,#1a1a2e 0%,#00399A 100%);display:flex;flex-direction:column;justify-content:flex-start;gap:40px}
.infobereich h3{font-size:1.3rem;font-weight:700;color:#E2EBC7;margin:0 0 24px;letter-spacing:.02em}
.info-kachel{display:flex;flex-direction:row;align-items:flex-start;gap:18px}
.info-kachel .ikonefeld{width:48px;height:48px;min-width:48px;border-radius:14px;background:#e2ebc71f;display:flex;align-items:center;justify-content:center;border:1px solid #e2ebc733}
.info-kachel .ikonefeld svg{width:22px;height:22px}
.info-kachel .infotext-2{display:flex;flex-direction:column;gap:4px}
.info-kachel .infotext-2 .beschrift{font-size:.78rem;font-weight:700;color:#e2ebc7a6;text-transform:uppercase;letter-spacing:.08em}
.info-kachel .infotext-2 a,.info-kachel .infotext-2 span{font-size:.97rem;color:#fff;text-decoration:none;line-height:1.55}
.info-kachel .infotext-2 a:hover{color:#E2EBC7;text-decoration:underline}
.divider-welle{width:100%;line-height:0;overflow:hidden}
.divider-welle svg{display:block;width:100%}
.warumblock{background:#f8f9f4;padding:80px 60px}
.warumblock-inner{max-width:1200px;margin:0 auto}
.warumblock-inner .sectionhead{text-align:center;margin-bottom:56px}
.warumblock-inner .sectionhead h2{font-size:1.9rem;font-weight:700;color:#1a1a2e;margin:0 0 12px}
.warumblock-inner .sectionhead p{font-size:1rem;color:#666;max-width:560px;margin:0 auto;line-height:1.7}
.warum-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.warum-card{background:#fff;border-radius:24px;padding:36px 30px;box-shadow:0 4px 20px #00399a12;border:1px solid #e8eee0;transition:transform 0.2s,box-shadow .2s;display:flex;flex-direction:column;gap:14px}
.warum-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #00399a1f}
.warum-card .card-ikone{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.warum-card .card-ikone.rot{background:#f9090014}
.warum-card .card-ikone.blau{background:#00399a14}
.warum-card .card-ikone.gruen{background:#e2ebc7b3}
.warum-card h4{font-size:1.08rem;font-weight:700;color:#1a1a2e;margin:0}
.warum-card p{font-size:.92rem;color:#555;line-height:1.65;margin:0}
.zeitenblock{background:#fff;padding:70px 60px}
.zeitenblock-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.zeitenblock-inner .zeiten-links h2{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0 0 18px;position:relative}
.zeitenblock-inner .zeiten-links h2::before{content:'';display:block;width:36px;height:4px;background:linear-gradient(90deg,#F90900,#00399A);border-radius:2px;margin-bottom:14px}
.zeitenblock-inner .zeiten-links p{font-size:.95rem;color:#555;line-height:1.7;margin:0}
.zeitenlist{display:flex;flex-direction:column;gap:14px}
.zeitzeile{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 20px;border-radius:14px;background:#f8f9f4;border-left:3px solid transparent}
.zeitzeile.aktiv{border-left-color:#00399A;background:linear-gradient(90deg,#00399a0f,#f8f9f4)}
.zeitzeile .tagesname{font-size:.92rem;font-weight:600;color:#1a1a2e}
.zeitzeile .tageszeit{font-size:.88rem;color:#555}
.zeitzeile .tageszeit.geschlossen{color:#aaa;font-style:italic}
@media (max-width: 1024px) {
.titelblock{grid-template-columns:1fr;min-height:auto}
.titelblock .bildbereich{height:340px}
.titelblock .leererbereich{padding:50px 40px}
.kontakt-grid{grid-template-columns:1fr}
.formbereich{padding:50px 40px}
.infobereich{padding:50px 40px}
.warum-cards{grid-template-columns:1fr 1fr}
.zeitenblock-inner{grid-template-columns:1fr;gap:36px}
.warumblock{padding:60px 40px}
.zeitenblock{padding:60px 40px}
}
@media (max-width: 680px) {
.titelblock .leererbereich{padding:40px 24px}
.titelblock .leererbereich::before{top:14px;left:14px;right:14px;bottom:14px}
.form-zeile{grid-template-columns:1fr}
.formbereich{padding:36px 24px}
.infobereich{padding:36px 24px}
.warum-cards{grid-template-columns:1fr}
.warumblock{padding:48px 24px}
.zeitenblock{padding:48px 24px}
.zeitenblock-inner{max-width:100%}
}
.lernprog-titleblock{position:relative;overflow:hidden;background:linear-gradient(135deg,#00399A 0%,#001f5c 60%,#F90900 100%);padding:80px 20px 100px}
.lernprog-titleblock .curvedlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}
.lernprog-titleblock .curvedlines svg{width:100%;height:100%;opacity:.12}
.lernprog-titleinner{max-width:1440px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.lernprog-textcol{flex:1 1 55%;padding-left:40px}
.lernprog-textcol h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;margin:0 0 28px;letter-spacing:-.5px}
.lernprog-textcol h1 .accentword{color:#E2EBC7;position:relative;display:inline-block}
.lernprog-textcol h1 .accentword::after{content:'';display:block;height:3px;width:100%;background:linear-gradient(90deg,#F90900,transparent);border-radius:2px;margin-top:2px}
.lernprog-textcol .headdesc{font-size:1.08rem;line-height:1.8;color:#ffffffd9;max-width:560px}
.lernprog-imgcol{flex:0 0 380px;position:relative}
.lernprog-dblexposure{position:relative;width:360px;height:420px;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px #0006 0 0 0 3px #e2ebc740}
.lernprog-dblexposure img{width:100%;height:100%;object-fit:cover;display:block}
.lernprog-dblexposure .exposurelayer{position:absolute;inset:0;background:linear-gradient(160deg,#00399a8c 0%,#f909004d 100%);mix-blend-mode:multiply}
.lernprog-dblexposure .texturelayer{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,#ffffff08 0px,#ffffff08 1px,transparent 1px,transparent 8px)}
.lernprog-dblexposure .floatbadge{position:absolute;bottom:24px;left:-20px;background:#fff;border-radius:20px;padding:12px 20px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #00399a40}
.lernprog-dblexposure .floatbadge .badgelabel{font-size:.72rem;color:#00399A;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.lernprog-dblexposure .floatbadge .badgenum{font-size:1.5rem;font-weight:800;color:#F90900;line-height:1}
.divider-wave{width:100%;overflow:hidden;line-height:0;background:#00399A}
.divider-wave svg{display:block;width:100%}
.lernprog-mainblock{background:#f7f9f3;padding:80px 20px 100px}
.lernprog-maininner{max-width:1440px;margin:0 auto}
.lernprog-maininner .sectionlabel{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#F90900,#00399A);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:24px}
.lernprog-maininner .blocktitle{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#0a1a3a;margin:0 0 16px;max-width:600px;line-height:1.2}
.lernprog-maininner .blocksubtitle{font-size:1rem;color:#4a5568;line-height:1.75;max-width:640px;margin-bottom:56px}
.lernprog-grid2col{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:56px}
.modulcard{background:#fff;border-radius:28px;padding:36px 32px;box-shadow:0 4px 20px #00399a14;position:relative;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}
.modulcard:hover{box-shadow:0 12px 40px #00399a26;transform:translateY(-4px)}
.modulcard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#F90900,#00399A);border-radius:0 0 0 28px}
.modulcard .cardnum{font-size:2.8rem;font-weight:900;color:#E2EBC7;line-height:1;margin-bottom:12px;display:block}
.modulcard h4{font-size:1.1rem;font-weight:700;color:#0a1a3a;margin:0 0 12px}
.modulcard .cardtext{font-size:.92rem;color:#5a6474;line-height:1.7;margin:0}
.modulcard .cardtag{display:inline-block;margin-top:16px;padding:4px 12px;background:#E2EBC7;color:#00399A;font-size:.72rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.08em}
.lernprog-splitrow{display:flex;flex-direction:row;gap:48px;align-items:flex-start}
.lernprog-splitrow .splitleft{flex:1 1 50%}
.lernprog-splitrow .splitright{flex:1 1 50%}
.splitleft .secimgwrap{position:relative;border-radius:28px;overflow:hidden;height:380px;box-shadow:8px 12px 40px #f9090026 -4px -4px 0 #e2ebc7cc}
.splitleft .secimgwrap img{width:100%;height:100%;object-fit:cover;display:block}
.splitleft .secimgwrap .imgoverlay{position:absolute;inset:0;background:linear-gradient(to top,#00399a73 0%,transparent 60%)}
.splitleft .secimgwrap .imgcaption{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;font-size:.88rem;font-weight:600;line-height:1.4}
.splitright .accordwrap{display:flex;flex-direction:column;gap:0}
.accorditem input[type="checkbox"]{display:none}
.accorditem{border-bottom:1px solid #e2e8f0}
.accorditem:last-child{border-bottom:none}
.accordlabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 8px;cursor:pointer;font-size:.97rem;font-weight:700;color:#0a1a3a;gap:12px;user-select:none;transition:color .25s}
.accordlabel:hover{color:#F90900}
.accordlabel .accordicon{width:24px;height:24px;border-radius:50%;background:#E2EBC7;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.25s,transform .3s;font-size:1rem;color:#00399A;font-weight:900}
.accorditem input[type="checkbox"]:checked ~ .accordlabel .accordicon{background:linear-gradient(135deg,#F90900,#00399A);color:#fff;transform:rotate(45deg)}
.accorditem input[type="checkbox"]:checked ~ .accordlabel{color:#F90900}
.accordcontent{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0 8px}
.accorditem input[type="checkbox"]:checked ~ .accordcontent{max-height:200px;padding:0 8px 20px}
.accordcontent .accordtext{font-size:.88rem;color:#5a6474;line-height:1.75;margin:0}
.lernprog-statsrow{display:flex;flex-direction:row;gap:0;background:linear-gradient(135deg,#00399A 0%,#001f5c 100%);border-radius:32px;overflow:hidden;margin-top:56px;box-shadow:0 8px 40px #00399a33}
.statcell{flex:1 1 0;padding:40px 32px;text-align:center;position:relative}
.statcell:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:#e2ebc740}
.statcell .statnum{font-size:2.4rem;font-weight:900;color:#E2EBC7;line-height:1;display:block;margin-bottom:8px}
.statcell .statnum span{color:#F90900}
.statcell .statlabel{font-size:.85rem;color:#ffffffbf;line-height:1.5;font-weight:500}
.lernprog-testimsplit{display:flex;flex-direction:row;gap:40px;margin-top:56px;align-items:stretch}
.testim-card{flex:1 1 0;background:#fff;border-radius:28px;padding:36px 32px;box-shadow:0 4px 20px #00399a14;display:flex;flex-direction:column;gap:20px;position:relative}
.testim-card::before{content:'\201C';font-size:5rem;color:#E2EBC7;position:absolute;top:12px;right:24px;line-height:1;font-weight:900}
.testim-card .testimtext{font-size:.92rem;color:#4a5568;line-height:1.75;flex:1}
.testim-card .testimauthor{display:flex;flex-direction:row;align-items:center;gap:14px}
.testim-card .testimauthor img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #E2EBC7}
.testim-card .authinfo .authname{font-size:.9rem;font-weight:700;color:#0a1a3a;display:block}
.testim-card .authinfo .authrole{font-size:.78rem;color:#00399A;font-weight:500}
.test-layout{display:none}
@media (max-width: 1024px) {
.lernprog-titleinner{flex-direction:column;gap:40px}
.lernprog-textcol{padding-left:0;text-align:center}
.lernprog-textcol .headdesc{margin:0 auto}
.lernprog-imgcol{flex:0 0 auto;display:flex;justify-content:center}
.lernprog-dblexposure{width:300px;height:340px}
.lernprog-grid2col{grid-template-columns:1fr}
.lernprog-splitrow{flex-direction:column}
.splitleft .secimgwrap{height:280px}
.lernprog-statsrow{flex-direction:column;border-radius:24px}
.statcell:not(:last-child)::after{display:none}
.statcell{border-bottom:1px solid #e2ebc733}
.lernprog-testimsplit{flex-direction:column}
}
@media (max-width: 640px) {
.lernprog-titleblock{padding:60px 16px 80px}
.lernprog-mainblock{padding:60px 16px 80px}
.lernprog-dblexposure{width:260px;height:300px}
.lernprog-dblexposure .floatbadge{left:-10px;bottom:16px}
.modulcard{padding:28px 24px}
.statcell{padding:28px 20px}
.testim-card{padding:28px 24px}
}
.aboutpage-wrap{max-width:1440px;margin:0 auto}
.titlebk{background:linear-gradient(135deg,#00399A 0%,#1a1a5e 60%,#F90900 100%);position:relative;overflow:hidden;padding:0}
.titlebk .geoshape-1{position:absolute;top:-80px;left:-80px;width:320px;height:320px;border-radius:50%;background:#f909001f;pointer-events:none}
.titlebk .geoshape-2{position:absolute;bottom:-60px;right:10%;width:200px;height:200px;background:#e2ebc714;transform:rotate(45deg);pointer-events:none}
.titlebk .geoshape-3{position:absolute;top:30%;right:5%;width:120px;height:120px;border:2px solid #e2ebc726;border-radius:50%;pointer-events:none}
.titlebk .geoshape-4{position:absolute;bottom:20px;left:20%;width:80px;height:80px;border:2px solid #ffffff1a;transform:rotate(30deg);pointer-events:none}
.titlebk-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:stretch;min-height:480px;position:relative;z-index:2}
.titlebk-textside{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 40px}
.titlebk-textside .bk-badge{display:inline-block;background:#e2ebc72e;border:1px solid #e2ebc759;color:#E2EBC7;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:28px;width:fit-content}
.titlebk-textside h1{color:#fff;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.2;margin:0}
.titlebk-textside .titlebk-pause{width:48px;height:3px;background:linear-gradient(90deg,#F90900,#E2EBC7);border-radius:2px;margin:28px 0}
.titlebk-textside .titlebk-desc{color:#e2ebc7e0;font-size:1.05rem;line-height:1.75;max-width:460px}
.titlebk-imgside{flex:1 1 45%;position:relative;overflow:hidden;min-height:380px}
.titlebk-imgside img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.titlebk-vignette{position:absolute;inset:0;background:linear-gradient(to right,#00399ad9 0%,#00399a4d 40%,#0000001a 100%),radial-gradient(ellipse at center,transparent 40%,#0000008c 100%);pointer-events:none}
.storyblock{background:#f8f9fb;padding:90px 20px}
.storyblock-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storyblock-left{display:flex;flex-direction:column;gap:32px}
.storyblock-left .storyhead{position:relative;padding-left:24px}
.storyblock-left .storyhead::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:linear-gradient(180deg,#F90900,#00399A);border-radius:2px}
.storyblock-left .storyhead h2{color:#0d1f4a;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3;margin:0 0 12px}
.storyblock-left .storyhead p{color:#4a5568;font-size:.95rem;line-height:1.7;margin:0}
.storyblock-left .storyparag{color:#4a5568;font-size:.98rem;line-height:1.8}
.storyblock-left .storyparag strong{color:#00399A}
.storymilestones{display:flex;flex-direction:column;gap:0}
.milestone-item{display:flex;flex-direction:row;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #00399a14}
.milestone-item:last-child{border-bottom:none}
.milestone-item .mnum{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#00399A,#1a5ce8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}
.milestone-item .mtext h4{color:#0d1f4a;font-size:.95rem;font-weight:700;margin:0 0 6px}
.milestone-item .mtext p{color:#64748b;font-size:.88rem;line-height:1.6;margin:0}
.storyblock-right{display:flex;flex-direction:column;gap:24px}
.storyimggrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}
.storyimggrid .img-big{grid-column:1 / 3;border-radius:20px;overflow:hidden;height:220px;box-shadow:0 8px 32px #00399a1f}
.storyimggrid .img-sm{border-radius:16px;overflow:hidden;height:150px;box-shadow:0 4px 16px #00399a1a}
.storyimggrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.storyimggrid .img-big:hover img,.storyimggrid .img-sm:hover img{transform:scale(1.04)}
.storystats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.statcard{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 20px #00399a14;border:1px solid #e2ebc799}
.statcard .statnum{font-size:1.9rem;font-weight:800;color:#00399A;line-height:1;margin-bottom:6px}
.statcard .statnum span{color:#F90900}
.statcard .statlabel{font-size:.78rem;color:#64748b;line-height:1.4}
.teamblock{padding:90px 20px;background:#fff;position:relative;overflow:hidden}
.teamblock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F90900,#00399A,#E2EBC7)}
.teamblock-inner{max-width:1200px;margin:0 auto}
.teamblock-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:40px;flex-wrap:wrap}
.teamblock-header h2{color:#0d1f4a;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3;margin:0;max-width:480px}
.teamblock-header h2 em{font-style:normal;color:#F90900}
.teamblock-header .headdesc{color:#64748b;font-size:.95rem;line-height:1.7;max-width:360px}
.teamgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.teamcard{display:flex;flex-direction:row;gap:24px;background:#f8f9fb;border-radius:24px;padding:28px;align-items:flex-start;box-shadow:0 4px 20px #00399a12;transition:box-shadow .3s ease,transform .3s ease}
.teamcard:hover{box-shadow:0 12px 36px #00399a24;transform:translateY(-4px)}
.teamcard .tcphoto{flex-shrink:0;width:96px;height:96px;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00399a26}
.teamcard .tcphoto img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.teamcard .tcinfo{flex:1;display:flex;flex-direction:column;gap:8px}
.teamcard .tcinfo .tcname{color:#0d1f4a;font-size:1.05rem;font-weight:700;margin:0}
.teamcard .tcinfo .tcrole{color:#F90900;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.teamcard .tcinfo .tcdesc{color:#64748b;font-size:.88rem;line-height:1.65;margin:4px 0 0}
.valuesrow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.valcard{border-radius:20px;padding:32px 24px;position:relative;overflow:hidden}
.valcard-1{background:linear-gradient(135deg,#00399A 0%,#0055d4 100%)}
.valcard-2{background:linear-gradient(135deg,#1a1a2e 0%,#00399A 100%)}
.valcard-3{background:linear-gradient(135deg,#F90900 0%,#c40700 100%)}
.valcard .valicon{width:44px;height:44px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.3rem;color:#fff}
.valcard h4{color:#fff;font-size:1rem;font-weight:700;margin:0 0 10px}
.valcard p{color:#fffc;font-size:.86rem;line-height:1.65;margin:0}
.gallery-imgrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:60px;margin-bottom:0}
.gallery-imgrow .gimg{border-radius:20px;overflow:hidden;box-shadow:0 6px 24px #00399a1a}
.gallery-imgrow .gimg-tall{height:260px}
.gallery-imgrow .gimg-short{height:260px}
.gallery-imgrow img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.gallery-imgrow .gimg:hover img{transform:scale(1.04)}
.cta-stripe{background:linear-gradient(90deg,#00399A 0%,#F90900 100%);border-radius:28px;padding:48px 56px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto}
.cta-stripe-text h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 10px}
.cta-stripe-text p{color:#ffffffd1;font-size:.95rem;line-height:1.65;margin:0}
.cta-stripe-btn{display:inline-block;background:#fff;color:#00399A;font-size:.95rem;font-weight:700;padding:16px 36px;border-radius:40px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 20px #00000026;transition:background .25s ease,color .25s ease,transform .2s ease;position:relative;z-index:5}
.cta-stripe-btn:hover{background:#E2EBC7;color:#00399A;transform:translateY(-2px)}
.ctawrap{padding:60px 20px;background:#f8f9fb}
@media (max-width: 900px) {
.titlebk-inner{flex-direction:column}
.titlebk-imgside{min-height:260px;flex:0 0 260px}
.titlebk-textside{padding:52px 28px 40px}
.storyblock-inner{grid-template-columns:1fr;gap:40px}
.teamgrid{grid-template-columns:1fr}
.valuesrow{grid-template-columns:1fr}
.gallery-imgrow{grid-template-columns:1fr 1fr}
.gallery-imgrow .gimg-tall{grid-column:1 / 3;height:200px}
.gallery-imgrow .gimg-short{height:160px}
.cta-stripe{flex-direction:column;text-align:center;padding:40px 28px}
.teamblock-header{flex-direction:column;align-items:flex-start}
}
@media (max-width: 580px) {
.storystats{grid-template-columns:1fr 1fr}
.storyimggrid{grid-template-columns:1fr}
.storyimggrid .img-big{grid-column:1}
.teamcard{flex-direction:column}
.gallery-imgrow{grid-template-columns:1fr}
.gallery-imgrow .gimg-tall,.gallery-imgrow .gimg-short{grid-column:auto;height:180px}
.titlebk-textside{padding:40px 20px 32px}
}
.successpage{max-width:1440px;margin:0 auto;overflow-x:hidden}
.successpage .titleblock{position:relative;min-height:520px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.successpage .titleblock .visualzone{position:relative;background:linear-gradient(135deg,#00399A 0%,#F90900 100%);clip-path:polygon(0 0,88% 0,100% 100%,0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 80px 60px 60px;z-index:2}
.successpage .titleblock .visualzone .dotline{position:absolute;bottom:40px;left:0;right:0;display:flex;flex-direction:row;gap:8px;padding:0 60px;align-items:center;opacity:.25}
.successpage .titleblock .visualzone .dotline span{width:5px;height:5px;border-radius:50%;background:#E2EBC7;display:inline-block;flex-shrink:0}
.successpage .titleblock .visualzone .dotline span:nth-child(3n){width:8px;height:8px;opacity:.6}
.successpage .titleblock .visualzone .checkmark{width:90px;height:90px;border-radius:50%;background:#e2ebc72e;border:3px solid #e2ebc78c;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:28px;position:relative}
.successpage .titleblock .visualzone .checkmark svg{width:44px;height:44px}
.successpage .titleblock .visualzone .checkmark::after{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px dashed #e2ebc74d}
.successpage .titleblock .visualzone .visual-label{color:#E2EBC7;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;opacity:.75;text-align:center}
.successpage .titleblock .textzone{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 60px 60px 80px;position:relative;z-index:1}
.successpage .titleblock .textzone .firstphrase{display:inline-block;background:linear-gradient(90deg,#F90900 0%,#00399A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:38px;font-weight:800;line-height:1.15;margin-bottom:12px;position:relative}
.successpage .titleblock .textzone .firstphrase::after{content:'';display:block;height:3px;width:60px;background:linear-gradient(90deg,#F90900,#00399A);margin-top:14px;border-radius:2px}
.successpage .titleblock .textzone .subtitletext{font-size:17px;color:#2a2a2a;line-height:1.7;margin-top:20px;max-width:460px}
.successpage .titleblock .textzone .subtitletext strong{color:#00399A}
.successpage .titleblock .textzone .backbutt{display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin-top:36px;padding:14px 32px;background:linear-gradient(135deg,#F90900 0%,#00399A 100%);color:#fff;text-decoration:none;border-radius:30px;font-size:15px;font-weight:600;letter-spacing:.5px;align-self:flex-start;box-shadow:0 6px 20px #f9090047;transition:box-shadow .25s ease,transform .2s ease;position:relative;z-index:5}
.successpage .titleblock .textzone .backbutt:hover{box-shadow:0 10px 30px #f9090061;transform:translateY(-2px)}
.successpage .titleblock .textzone .backbutt svg{width:18px;height:18px;flex-shrink:0}
.successpage .infosection{background:#f8faff;padding:72px 60px;position:relative}
.successpage .infosection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F90900,#00399A,#E2EBC7)}
.successpage .infosection .innerwrap{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.successpage .infosection .sectionheado{text-align:center;max-width:680px;margin:0 auto}
.successpage .infosection .sectionheado h2{font-size:28px;color:#111;font-weight:700;line-height:1.3;margin-bottom:14px;position:relative;display:inline-block}
.successpage .infosection .sectionheado h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:38px;background:linear-gradient(180deg,#F90900,#00399A);border-radius:3px}
.successpage .infosection .sectionheado p{font-size:16px;color:#555;line-height:1.7}
.successpage .infosection .cardsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.successpage .infosection .cardsgrid .infocard{background:#fff;border-radius:24px;padding:32px 28px;box-shadow:0 4px 18px #00399a14;border:1px solid #00399a12;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden}
.successpage .infosection .cardsgrid .infocard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F90900,#00399A);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:0 0 24px 24px}
.successpage .infosection .cardsgrid .infocard:hover{box-shadow:0 8px 32px #00399a24;transform:translateY(-3px)}
.successpage .infosection .cardsgrid .infocard:hover::after{transform:scaleX(1)}
.successpage .infosection .cardsgrid .infocard .icobox{width:48px;height:48px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f909001a 0%,#00399a1f 100%);flex-shrink:0}
.successpage .infosection .cardsgrid .infocard .icobox svg{width:24px;height:24px}
.successpage .infosection .cardsgrid .infocard h4{font-size:16px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.3}
.successpage .infosection .cardsgrid .infocard p{font-size:14px;color:#666;line-height:1.65;margin:0}
.successpage .infosection .ctarow{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.successpage .infosection .ctarow .secbutt{display:inline-flex;flex-direction:row;align-items:center;gap:9px;padding:13px 28px;border-radius:28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease;position:relative;z-index:5}
.successpage .infosection .ctarow .secbutt.primsecbutt{background:#00399A;color:#fff;box-shadow:0 5px 18px #00399a40}
.successpage .infosection .ctarow .secbutt.primsecbutt:hover{background:#002e80;box-shadow:0 8px 26px #00399a59;transform:translateY(-2px)}
.successpage .infosection .ctarow .secbutt.outlinesecbutt{background:transparent;color:#00399A;border:2px solid #00399A}
.successpage .infosection .ctarow .secbutt.outlinesecbutt:hover{background:#00399A;color:#fff;transform:translateY(-2px)}
@media (max-width: 1024px) {
.successpage .titleblock{grid-template-columns:1fr;min-height:auto}
.successpage .titleblock .visualzone{clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding:60px 40px 80px;min-height:280px}
.successpage .titleblock .textzone{padding:50px 40px}
.successpage .infosection{padding:56px 40px}
.successpage .infosection .cardsgrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.successpage .titleblock .visualzone{min-height:220px;padding:48px 24px 70px}
.successpage .titleblock .textzone{padding:40px 24px}
.successpage .titleblock .textzone .firstphrase{font-size:28px}
.successpage .titleblock .textzone .subtitletext{font-size:15px}
.successpage .infosection{padding:48px 20px}
.successpage .infosection .cardsgrid{grid-template-columns:1fr}
.successpage .infosection .sectionheado h2{font-size:22px}
.successpage .infosection .sectionheado h2::before{display:none}
.successpage .infosection .ctarow{flex-direction:column;align-items:stretch}
.successpage .infosection .ctarow .secbutt{justify-content:center}
}