/* 3S Invest – Website-Stylesheet (aus Design Variante E erzeugt) */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:clip}
[id]{scroll-margin-top:96px}

body{margin:0}
a{color:#1B6496}a:hover{color:#0E2546}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #F2A900;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:10}
.skip:focus{top:16px}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto !important;transition:none !important;animation:none !important}}
.logo-tile img{filter:grayscale(1);opacity:.7;transition:filter .25s ease,opacity .25s ease}
.logo-tile:hover img{filter:none;opacity:1}

.b-tile{transition:transform .3s ease,box-shadow .3s ease}
.b-tile:hover{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(14,37,70,.45)}
@keyframes b-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.b-f1{animation:b-bob 6s ease-in-out infinite}
.b-f2{animation:b-bob 7s ease-in-out infinite .8s}
.b-f3{animation:b-bob 8s ease-in-out infinite 1.6s}
@keyframes b-spin{to{transform:rotate(360deg)}}
.b-ring{animation:b-spin 40s linear infinite}
@keyframes b-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.b-in{animation:b-in .8s ease both}
.b-in2{animation:b-in .8s ease .15s both}
.b-in3{animation:b-in .8s ease .3s both}
.b-btn{transition:transform .2s ease,box-shadow .2s ease}
.b-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(36,129,188,.8)}
.b-chip{transition:background .2s ease,color .2s ease,border-color .2s ease}
.b-chip:hover{background:#2481BC;color:#FFFFFF;border-color:#2481BC}
.b-nav a{transition:color .2s ease}.b-nav a:hover{color:#2481BC}
@keyframes e-draw{to{stroke-dashoffset:0}}
.e-stroke{stroke-dasharray:600;stroke-dashoffset:600;animation:e-draw 1.1s cubic-bezier(.65,0,.35,1) .5s forwards}
.e-faq button{transition:background .2s ease}.e-faq button:hover{background:#F3F7FB}
@media (prefers-reduced-motion: reduce){.e-stroke{stroke-dashoffset:0}}
.car-wrap,[style*="overflow: hidden"]{contain:paint}
@keyframes car-move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.car-track{width:max-content;animation:car-move var(--car-dur,60s) linear infinite}
.car-wrap:hover .car-track,.car-wrap:focus-within .car-track{animation-play-state:paused !important}
.car-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
@media (prefers-reduced-motion: reduce){.car-track{animation:none !important}.car-wrap{overflow-x:auto !important;-webkit-mask-image:none;mask-image:none}}
.m-menu a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 4px;border-bottom:1px solid #D3DDEA;color:#0E1E33;text-decoration:none;font-size:22px;font-weight:700}
@media (min-width:1100px){.m-only{display:none !important}}
@media (min-width:1100px) and (max-width:1279px){.b-in2{zoom:.84}}
@media (max-width:1099px){
.site section{padding-left:16px !important;padding-right:16px !important;padding-bottom:44px !important}
.site section[aria-labelledby="hero-titel"]{padding-top:28px !important;padding-bottom:104px !important}
.site .skyline{height:110px !important}
.site [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
.site dl[style*="repeat(6"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.site [style*="grid-row: span 2"]{grid-row:auto !important}
.site [style*="grid-column: span 2"]{grid-column:auto !important}
.site [style*="grid-auto-rows"]{grid-auto-rows:auto !important}
.site h1{font-size:34px !important;line-height:1.1 !important;letter-spacing:-0.01em !important}
.site h2:not([style*="text-transform: uppercase"]){font-size:26px !important;line-height:1.15 !important}
.site h3[style*="font-size: 44px"],.site h3[style*="font-size: 32px"],.site h3[style*="font-size: 30px"]{font-size:24px !important}
.site h3[style*="font-size: 26px"]{font-size:22px !important}
.site [style*="font-size: 96px"]{font-size:52px !important}
.site [style*="font-size: 52px"]{font-size:34px !important}
.site [style*="font-size: 40px"]{font-size:30px !important}
.site [style*="font-size: 38px"]{font-size:28px !important}
.site [style*="font-size: 20px"],.site [style*="font-size: 19px"]{font-size:17px !important}
.site [style*="font-size: 18px"]{font-size:16px !important}
.site [style*="letter-spacing: 0.16em"]{letter-spacing:0.1em !important;font-size:13px !important}
.site [style*="padding: 48px"],.site [style*="padding: 36px"],.site [style*="padding: 32px"],.site [style*="padding: 32px 30px"],.site [style*="padding: 30px 28px"],.site [style*="padding: 36px 32px"],.site [style*="padding: 44px"],.site [style*="padding: 40px"],.site [style*="padding: 44px 40px"],.site [style*="padding: 40px 34px"],.site [style*="padding: 40px 36px"],.site [style*="padding: 36px"],.site [style*="padding: 48px 44px"],.site [style*="padding: 56px"],.site [style*="padding: 64px"]{padding:20px 18px !important}
.site [style*="width: 945px"]{width:auto !important;height:auto !important}
.site [style*="max-width: 1240px"],.site [style*="max-width: 1288px"]{max-width:100% !important}
.site section#kontakt{padding-left:16px !important;padding-right:16px !important}
.site ul.ul-proj>li{flex:0 0 100% !important}
.site ul.ul-partner>li{flex:0 0 260px !important;min-width:0 !important}
.site ul.ul-logos>li{flex:0 0 130px !important;height:80px !important;padding:0 10px !important}
.site ol li[style*="z-index: 1"]>span:first-child{width:72px !important;height:72px !important}
.site ol li[style*="z-index: 1"] p{max-width:none !important}
.site [style*="margin-top: -16px; margin-bottom: -16px"]{margin:16px 0 0 !important}
.site img[style*="height: 420px"]{height:360px !important}
.site [style*="padding-left: 40px; color"]{padding-left:8px !important}
.site [style*="font-size: 30px; font-weight: 600; line-height: 1"]{font-size:26px !important}
.site ul.ul-proj img{height:150px !important}
.site img[src*="81980a37"]{width:calc(100% + 36px) !important;margin:-20px -18px 4px !important;height:380px !important}
.site [style*="font-size: 40px; font-weight: 900; line-height: 1; color: #0E1E33"]{font-size:32px !important}
.site [style*="right: -120px; bottom: -140px"]{display:none !important}
.site li.b-tile[style*="padding: 26px"]{padding:20px !important}
.site .m-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.d-only{display:none !important}
.b-nav{display:none !important}
.rs-clip{overflow:hidden;padding-top:26px;margin-top:-26px}
.rs-track{display:flex !important;transition:transform .4s ease}
.site .rs-track>article,.site .rs-track>li{flex:0 0 100% !important;min-width:0 !important;box-sizing:border-box}
.site .rs-track>article[style*="margin-top: -16px"]{margin:0 !important}
.site header{padding:12px 16px 0 !important}
}
