/*
Theme Name: HRnetworx Experts Launch
Theme URI: https://hrnetworx.expert/
Author: HRnetworx
Description: HRnetworx Experts WordPress Theme. Die Startseite zeigt die Launch-Ankündigung, alle übrigen Seiten nutzen das reguläre HRnetworx Design.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: hrnetworx-experts-launch
*/

:root{
  --hrx-navy:#06182d;
  --hrx-green:#007f61;
  --hrx-green-dark:#007356;
  --hrx-gold:#d99a31;
  --hrx-text:#07172d;
  --hrx-muted:#5d6b7d;
  --hrx-line:#e3e8ef;
  --hrx-soft:#f6f8fb;
  --hrx-white:#fff;
  --hrx-container:1140px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.hrx-standard-page{
  background:#fff;
  color:var(--hrx-text);
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  overflow-x:hidden;
}
.hrx-standard-page a{color:inherit;text-decoration:none}
.hrx-container,
.hrx-topbar-inner,
.hrx-footer-inner{
  width:min(var(--hrx-container),calc(100% - 48px));
  margin:0 auto;
}

.hrx-topbar{
  height:73px;
  background:var(--hrx-navy);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hrx-topbar-inner{
  height:73px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.hrx-logo-wrap{
  width:185px;
  display:flex;
  align-items:center;
}
.hrx-logo-wrap img{
  width:160px;
  height:auto;
  display:block;
}
.hrx-nav{
  display:flex;
  align-items:center;
  gap:34px;
  margin-left:auto;
  font-size:14px;
  font-weight:700;
}
.hrx-nav a{color:#fff;opacity:.95}
.hrx-nav .menu-item{list-style:none}

.hrx-page-hero{
  position:relative;
  padding:58px 0 64px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 26%,rgba(20,130,100,.12),transparent 24%),
    linear-gradient(135deg,#06182d 0%,#0b2745 100%);
}
.hrx-eyebrow{
  color:var(--hrx-gold);
  font-size:12px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.hrx-page-hero h1{
  max-width:760px;
  margin:0;
  font-size:42px;
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:800;
}

.hrx-content-section{
  padding:60px 0 82px;
  background:#fff;
}
.hrx-content-grid{display:block}
.hrx-content{
  max-width:900px;
  color:var(--hrx-text);
  font-size:15px;
  line-height:1.72;
}
.hrx-content h2{
  margin:38px 0 14px;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.025em;
}
.hrx-content h3{
  margin:28px 0 10px;
  font-size:21px;
  line-height:1.3;
}
.hrx-content h4{
  margin:24px 0 8px;
  font-size:17px;
}
.hrx-content p,
.hrx-content ul,
.hrx-content ol{margin:0 0 18px}
.hrx-content ul,
.hrx-content ol{padding-left:1.4em}
.hrx-content a{
  color:var(--hrx-green);
  text-decoration:underline;
  text-underline-offset:3px;
}
.hrx-content strong{font-weight:800}
.hrx-content blockquote{
  margin:28px 0;
  padding:18px 22px;
  border-left:4px solid var(--hrx-gold);
  background:var(--hrx-soft);
  color:var(--hrx-muted);
}
.hrx-content table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0;
}
.hrx-content th,
.hrx-content td{
  padding:12px 14px;
  border:1px solid var(--hrx-line);
  text-align:left;
}
.hrx-content th{background:var(--hrx-soft)}

.hrx-site-footer{
  background:var(--hrx-navy);
  color:#dbe3ed;
  border-top:1px solid rgba(255,255,255,.08);
}
.hrx-footer-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-size:13px;
}
.hrx-footer-inner strong{color:var(--hrx-gold)}
.hrx-footer-links{
  display:flex;
  align-items:center;
  gap:12px;
}
.hrx-footer-links a{color:#fff}
.hrx-footer-links span{opacity:.35}

@media(max-width:900px){
  .hrx-nav{display:none}
}
@media(max-width:700px){
  .hrx-container,
  .hrx-topbar-inner,
  .hrx-footer-inner{width:min(100% - 32px,var(--hrx-container))}
  .hrx-logo-wrap img{width:145px}
  .hrx-page-hero{padding:42px 0 48px}
  .hrx-page-hero h1{font-size:34px}
  .hrx-content-section{padding:42px 0 58px}
  .hrx-content{font-size:14px}
  .hrx-footer-inner{
    min-height:100px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:10px;
  }
}