:root{--accent:#c73535;--text:#262626;--muted:#60646c;--line:#e1e2e6;--bg:#f5f5f6;--card:#fff}
body{font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.7;background:var(--bg);color:var(--text)}h1,h2,h3{letter-spacing:-.045em;line-height:1.3}h2{font-size:23px}h3{font-size:18px}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{background:#171717;border-bottom:1px solid #ffffff1f}.header-inner{max-width:1230px;margin:auto;padding:18px 24px;display:flex;gap:28px;align-items:center;justify-content:space-between}.logo{background:#fff;padding:7px 10px;border-radius:5px;display:flex}.logo img{height:auto;width:145px;display:block}.site-header nav{display:flex;gap:26px;align-items:center}.site-header a{color:#fff;text-decoration:none;font-size:13px}.site-header .nav-active{color:#ff8585}.header-admin{border:1px solid #d34b4b;padding:9px 15px;border-radius:5px}.hero{background:radial-gradient(ellipse at 90% 0,#65272855,transparent 58%),#171717;color:#fff;padding:54px 0 64px;border-bottom:4px solid var(--accent)}.hero h1{font-size:clamp(32px,4.5vw,52px);margin:12px 0 20px;max-width:900px;font-weight:700}.hero-copy{max-width:780px;color:#d7d7d7;font-size:15px;margin:0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--accent);margin:0 0 12px}.hero .eyebrow{color:#ff9090}.content{padding:34px 0}.card{padding:28px;border-radius:10px;box-shadow:0 6px 22px #00000006}.login{margin:0 auto 28px;max-width:620px}.welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.unlock-card{margin-bottom:0}.unlock-card h2{font-size:28px}.unlock-card button{gap:24px}.benefits article{display:flex;gap:20px;padding:20px 0}.benefits h2{font-size:20px;margin-bottom:10px}.benefits p{color:var(--muted);margin:0}.direction{color:var(--accent);background:#c735350c;border:1px solid #c7353525;border-radius:9px;font-size:32px;font-weight:700;padding:4px 16px;align-self:flex-start}.small{font-size:12px}.unlock-card .small{margin-top:22px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.workspace-pane{min-width:0}.workspace-heading,.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.workspace-heading h2{margin:0}.pane-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}.pane-heading span{color:var(--accent);font-size:28px}.pane-heading h2{margin:0}.workspace-pane h1{font-size:20px}.workspace-pane .topbar{flex-direction:column;align-items:flex-start;gap:6px}.workspace-pane .card{padding:22px}.workspace-pane #close-form{display:none}.workspace-pane .download-list li{flex-wrap:wrap;overflow-wrap:anywhere}.workspace-pane .download-list li>span{min-width:0;flex:1}.workspace-pane .download-list strong{display:block}.workspace-pane .card>form.actions{display:none}.files li{flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs a{padding:10px 14px;border:1px solid #d7d7dc;border-radius:6px;color:#333;background:#fff;text-decoration:none;font-weight:700}.tabs a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.permission{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);background:#fafafa;border-radius:8px;margin:0;cursor:pointer}.permission input{width:20px;height:20px;flex:none;margin-top:3px}.permission small{font-weight:400}fieldset{border:1px solid var(--line);border-radius:8px;padding:18px 22px;margin:22px 0;min-width:0}legend{font-weight:700;padding:0 8px}.target-item{min-width:0}.target-item span{overflow-wrap:anywhere}.entry{padding-top:20px;margin-top:24px}.entry input[type=password]{max-width:540px}.entry h3{margin-bottom:8px}.section-intro{margin-bottom:24px}.section-intro p{max-width:900px}.legacy-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding:26px 0;border-top:1px solid var(--line);margin-top:36px;font-size:12px}.legacy-links span{color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 0;font-size:12px}footer details{margin-top:10px}summary{cursor:pointer;font-weight:700}button,.button{font-family:inherit;font-size:12px;line-height:1.5;gap:8px;min-height:44px}.upload-drop .button{display:inline-flex}input,select,textarea{font-family:inherit!important;line-height:1.5}.quota select{width:100px}input[type=checkbox]{accent-color:var(--accent)}.empty-state{color:var(--muted)}.skip-link{position:absolute;left:10px;top:-80px;background:white;padding:10px;z-index:10}.skip-link:focus{top:8px}pre.secret{font:inherit;overflow-wrap:anywhere}.upload-job-status{font-size:11px}.grid{min-width:0}.grid>.card{min-width:0}.upload-job-head{flex-wrap:wrap}.download-list li{min-width:0}
@media(max-width:900px){.customer-grid{grid-template-columns:1fr}.welcome-grid{gap:24px}.site-header nav{gap:15px}.admin-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.header-inner{padding:14px;gap:14px;flex-wrap:wrap}.logo img{width:120px}.site-header nav{order:3;width:100%;justify-content:space-between}.site-header a{font-size:11px}.hero{padding:30px 0 38px}.hero h1{font-size:32px}.hero-copy{font-size:13px}.content{padding-top:24px}.welcome-grid,.permission-grid{grid-template-columns:1fr}.card{padding:22px}.benefits article{padding:12px 0}.workspace-heading{align-items:flex-start;flex-direction:column}.tabs a{font-size:11px;padding:8px 10px}fieldset{padding:14px}.target-item{grid-template-columns:20px minmax(0,1fr)}.target-item>span:last-child{grid-column:2}.upload-job-status{flex-basis:100%;text-align:left}.legacy-links{flex-direction:column}.grid{grid-template-columns:1fr}}

.hero{padding:32px 0 38px}.hero h1{font-size:clamp(30px,4vw,46px)}.area-open .hero{padding:22px 0 26px}.area-open .hero h1{font-size:30px}.area-open .hero-copy{display:none}.file-settings{margin-top:18px}.customer-grid h2{font-size:20px}

/* Shared website chrome styles (header/navigation/footer from assets/css/style.css). */
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.8); /* immer sichtbar */
}

/* Klassen bleiben drin (Template/JS kompatibel), ändern aber nichts am Background */
#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(0, 0, 0, 0.8);
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo a span {
  color: #C73535;
}

#header .logo img {
  max-height: 46px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #fff;
  transition: 0.3s;
  font-size: 15px;
  font-family: "JetBrains Mono", monospace;
  font-weight: 600;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #C73535;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #151515;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #151515;
  background: #C73535;
}

.nav-menu .drop-down > a:after {
  content: "▾";
  font-family: inherit;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: inherit;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Get Startet Button */
.get-started-btn {
  color: #fff;
  border-radius: 4px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #C73535;
}

.get-started-btn:hover {
  background: #ffbb38;
  color: #343a40;
}

@media (max-width: 768px) {
  .get-started-btn {
    margin: 0 48px 0 0;
    padding: 7px 20px 8px 20px;
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  top: 20px;
  right: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #151515;
  padding: 10px 20px;
  font-weight: 500;
  font-family: "JetBrains Mono", monospace;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #151515;
  text-decoration: none;
  background: #C73535;
}

.mobile-nav .drop-down > a:after {
  content: "▾";
  font-family: inherit;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

#footer {
  background: black;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #151515;
  border-bottom: 1px solid #222222;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#footer .footer-top .footer-info h3 span {
  color: #C73535;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #292929;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #C73535;
  color: #151515;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #C73535;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #C73535;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #C73535;
  color: #151515;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #B72525;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

/* Layout utilities scoped to the shared chrome; upload/download layouts stay independent. */
#header{position:sticky;top:0;background:#252525;line-height:1.5}
#header .container,#footer .container{width:100%;padding-right:15px;padding-left:15px;margin:auto}
#header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
#header .logo{background:none;border-radius:0;display:block;flex-shrink:0}
#header .logo img{width:auto;height:46px;vertical-align:middle;display:inline-block}
#header a,#footer a{text-decoration:none}
#header .nav-menu{display:block}
#header .nav-menu .drop-down:focus-within>ul{opacity:1;visibility:visible;top:100%}
#header .nav-menu .drop-down>a:after{font-family:inherit;content:'▾'}
#header .get-started-btn{font-weight:400;margin:0}
#header .get-started-btn:hover{background:#c73535;color:#fff}
.portal-menu-toggle{display:none}
#footer{border-top:0;margin-top:18px;line-height:1.5}
#footer .row{display:flex;flex-wrap:wrap;margin:0 -15px}
#footer .row>div{padding:0 15px;width:33.3333%;min-width:0}
#footer .footer-top h4{margin:0 0 8px;line-height:1.2}
#footer h3{letter-spacing:normal}
#footer .bx-chevron-right:before{content:'›';font-style:normal}
#footer .service-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0 0;margin-top:24px;border-top:1px solid #444}
#footer .service-footer-links a{color:#ddd}
#footer .copyright img{vertical-align:middle}
#footer .portal-legal{border-top:1px solid #444;margin-top:24px;padding-top:18px;font-size:12px;color:#ccc}
#footer .portal-legal details{scroll-margin-top:90px;margin:10px 0}
#footer .portal-legal p{max-width:950px;line-height:1.8}
#footer .portal-legal a{color:#ffaaaa;text-decoration:underline}
@media(min-width:576px){#header .container,#footer .container{max-width:540px}}
@media(min-width:768px){#header .container,#footer .container{max-width:720px}}
@media(min-width:992px){#header .container,#footer .container{max-width:960px}}
@media(min-width:1200px){#header .container,#footer .container{max-width:1140px}}
@media(max-width:1199px){#header .container{gap:12px}#header .nav-menu>ul>li{padding-left:16px}#header .nav-menu a{font-size:13px}#header .get-started-btn{padding:7px 14px}}
@media(max-width:991px){
 #header .container{position:relative;padding-right:66px;min-height:46px}
 #header .nav-menu{display:none;position:absolute;left:15px;right:15px;top:calc(100% + 10px);max-height:calc(100dvh - 96px);overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;box-shadow:0 12px 30px #0003}
 #header .nav-menu.is-open{display:block}
 #header .nav-menu>ul{display:block}
 #header .nav-menu>ul>li{padding:0;white-space:normal}
 #header .nav-menu a{color:#151515;padding:10px 12px;font-size:14px}
 #header .nav-menu .drop-down ul{position:static;opacity:1;visibility:visible;box-shadow:none;padding-left:12px;display:block}
 #header .nav-menu .drop-down li{min-width:0}
 #header .nav-menu .drop-down ul a{font-size:12px}
 .portal-menu-toggle{display:flex;position:fixed;right:max(15px,calc((100% - 720px)/2 + 15px));top:11px;z-index:998;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff50;background:transparent;color:white;font-size:24px;border-radius:4px}
 #footer .row>div{width:50%}
}
@media(max-width:767px){.portal-menu-toggle{right:max(15px,calc((100% - 540px)/2 + 15px))}}
@media(max-width:575px){.portal-menu-toggle{right:15px}#footer .row>div{width:100%}#header .logo img{height:auto;max-width:110px}#header .get-started-btn{padding:7px 10px;font-size:12px}}
/* Homepage section language: restrained light backgrounds, red labels and generous spacing. */
body{background:#fff;color:#444}
.hero{background:linear-gradient(135deg,#f8f4f4,#f6f7f9);color:#20242b;border:0;padding:40px 0 46px}
.hero .eyebrow{color:#a52c2c;font-size:12px;display:flex;align-items:center;gap:14px}
.hero .eyebrow:after{content:'';height:1px;width:90px;background:#c73535}
.hero-copy{color:#555b63;line-height:1.85}
.hero h1{max-width:900px;line-height:1.2}
.portal-topline{display:flex;justify-content:space-between;align-items:start;gap:20px}
.portal-admin-link{color:#555b63;font-size:12px;white-space:nowrap;text-decoration:none}
.portal-admin-link:hover{color:#a52c2c;text-decoration:underline}
.card{border:1px solid #dce0e5;border-radius:8px;box-shadow:0 6px 22px #00000006}
.content{padding:44px 0 0}.benefits article{border-bottom:1px solid #e5e5e5;padding:22px 0}.benefits article:last-of-type{border-bottom:0}
.direction{border:0;border-radius:4px;background:#fcf2f2}
.skip-link{z-index:1000}
@media(max-width:700px){.hero{padding:28px 0 32px}.hero .eyebrow{font-size:10px}.hero .eyebrow:after{display:none}.portal-topline{gap:12px}.portal-admin-link{font-size:11px}.content{padding-top:28px}.hero h1{font-size:clamp(26px,7vw,32px)}}

@media(min-width:1200px){.hero>.container,main.content{max-width:1110px}}