:root{--ink:#0f172a;--ink2:#172554;--blue:#0669ff;--orange:#ff6b24;--soft:#f5f7fb;--line:#e5e7eb;--muted:#64748b;--green:#16a34a;--red:#dc2626;--shadow:0 16px 42px rgba(15,23,42,.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#eef6ff 0,#f7f8fb 38%,#f3f4f6 100%);color:#1f2937;font-family:Inter,Arial,Helvetica,sans-serif}.topbar{min-height:68px;background:rgba(15,23,42,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 4px 20px rgba(0,0,0,.20);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-weight:900;font-size:25px;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand-mark{color:var(--orange);margin-right:4px}.topbar nav{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.topbar nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:800;opacity:.94}.topbar nav a:hover{color:#ffbf9f}.nav-badge{background:var(--orange);border-radius:999px;padding:1px 7px;margin-left:4px}.menu-toggle{display:none;background:transparent;color:#fff;border:0;font-size:26px}.btn-small,.btn,.btn-secondary,.danger,.ghost{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;border-radius:10px;padding:12px 18px;font-weight:900;cursor:pointer;transition:.18s transform,.18s box-shadow}.btn-small,.btn{background:linear-gradient(135deg,#ff7a2a,#f04418);color:#fff!important;box-shadow:0 8px 18px rgba(240,68,24,.25)}.btn:hover,.btn-small:hover,.btn-secondary:hover,.danger:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;color:#111827!important;border:1px solid #e5e7eb;box-shadow:0 8px 22px rgba(15,23,42,.08)}.danger{background:var(--red);color:#fff!important}.ghost{background:transparent;border:1px solid #cbd5e1;color:#111827}.hero{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22),transparent 26%),linear-gradient(135deg,#172554 0%,#0758d8 55%,#00a2ff 100%);color:#fff;text-align:center;padding:95px 20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;background:rgba(255,255,255,.12);border-radius:50%}.hero .badge,.pill{background:rgba(255,255,255,.17);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;display:inline-block}.hero h1{font-size:52px;line-height:1.05;margin:24px auto 14px;max-width:850px;letter-spacing:-1px}.hero p{font-size:18px}.wrap{max-width:1180px;margin:0 auto;padding:42px 20px}.page{max-width:1180px;margin:0 auto;padding:34px 20px}.center{max-width:580px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.card,.form-card,.panel{background:rgba(255,255,255,.92);border-radius:18px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(226,232,240,.8)}.card h3,.panel h3{margin-top:0}.card.feature{position:relative;overflow:hidden}.card.feature:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--orange),#00a2ff)}.form-card label{display:block;font-weight:800;margin-top:13px}.form-card input,.form-card textarea,.form-card select,.searchbar input,.searchbar select{width:100%;padding:13px 14px;border:1px solid #d1d5db;border-radius:10px;margin-top:6px;background:#fff}.form-card textarea{min-height:120px}.alert{padding:13px 15px;border-radius:10px;margin:12px 0;font-weight:700}.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.muted{color:var(--muted)}.price{font-weight:900;color:var(--orange);font-size:20px}.job-img,.company-logo,.gallery-img{width:100%;max-height:210px;object-fit:cover;border-radius:14px;margin:10px 0;background:#eef2f7}.company-logo{max-width:180px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.footer{background:var(--ink);color:#fff;text-align:center;padding:20px;font-size:13px;margin-top:60px}.footlinks{margin-top:8px;display:flex;gap:16px;justify-content:center}.footlinks a{color:#fff}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.stat{background:#fff;border-radius:18px;padding:20px;border:1px solid #e5e7eb;text-align:center;box-shadow:0 10px 25px rgba(15,23,42,.08)}.stat strong{font-size:32px;display:block;color:var(--orange)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.08)}td,th{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f8fafc}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pill{background:#e0f2fe;color:#075985}.pill.green{background:#dcfce7;color:#166534}.pill.orange{background:#ffedd5;color:#9a3412}.pill.red{background:#fee2e2;color:#991b1b}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:18px 0}.small{font-size:12px}.hero-mini{background:#fff;border-bottom:1px solid #e5e7eb;padding:32px 20px;text-align:center}.message{background:#fff;border-radius:14px;padding:14px;margin:10px 0;border:1px solid #e5e7eb}.message.mine{border-left:5px solid var(--orange)}.cookie{position:fixed;left:22px;right:22px;bottom:18px;background:#111827;color:#fff;padding:14px 18px;border-radius:14px;display:flex;gap:12px;align-items:center;justify-content:center;z-index:40;box-shadow:var(--shadow)}.cookie button{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:900}.progress{height:9px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#00a2ff)}@media(max-width:850px){.topbar{height:auto;align-items:center;padding:16px 5%}.menu-toggle{display:block}.topbar nav{display:none;width:100%;padding-top:12px}.nav-open .topbar{flex-wrap:wrap}.nav-open .topbar nav{display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:34px}.wrap,.page{padding:28px 14px}.searchbar{grid-template-columns:1fr}.cookie{display:block;text-align:center}.cookie button{margin-top:8px}}


.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.premium-banner,.dashboard-hero,.profile-hero{background:linear-gradient(135deg,#111827,#0758d8);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--shadow);overflow:hidden;position:relative}.premium-banner:after,.dashboard-hero:after,.profile-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;background:rgba(255,255,255,.12);border-radius:50%}.premium-banner>* ,.dashboard-hero>* ,.profile-hero>*{position:relative;z-index:1}.profile-hero h1{margin:8px 0;font-size:34px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rating{color:#f59e0b;font-weight:900;letter-spacing:.5px}.link-card{text-decoration:none;color:#1f2937;display:block}.link-card:hover{transform:translateY(-2px);transition:.18s;box-shadow:0 18px 45px rgba(15,23,42,.16)}.hero .btn-secondary{background:#fff}.topbar nav a.btn-small{padding:9px 13px}.form-card button{margin-top:16px}.card form{margin:0}.gallery-img{aspect-ratio:4/3}.job-img{aspect-ratio:16/9}.company-logo{border:1px solid #e5e7eb;background:#fff;object-fit:contain;padding:8px}@media(max-width:850px){.section-head,.premium-banner,.dashboard-hero,.profile-hero{display:block}.profile-actions{justify-content:flex-start;margin-top:14px}.profile-hero h1{font-size:28px}}

/* Rechtliches / Legal */
.legal-page{max-width:1050px;margin:0 auto;padding:34px 18px}
.legal-card{line-height:1.65}
.legal-card h1{margin-bottom:18px;font-size:34px}
.legal-card h2{margin-top:28px;margin-bottom:10px;font-size:22px}
.legal-card ul{padding-left:24px;margin:10px 0 18px}
.legal-card a{font-weight:700}
.legal-note{margin-top:28px;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}
.checkline{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;margin:14px 0}
.checkline input{width:auto;margin-top:3px}

/* Auftragio v12 - moderner Beta-Look */
.beta-box{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:18px;border-radius:16px;text-align:center;font-weight:900;box-shadow:0 14px 34px rgba(22,163,74,.25);margin:14px 0 18px;font-size:18px}.free-note{text-align:center;color:#16a34a;font-weight:900;font-size:18px}.hero-pro{padding:88px 20px 72px}.hero-inner{max-width:980px;margin:0 auto;position:relative;z-index:2}.hero-search{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;max-width:900px;margin:26px auto 18px;background:rgba(255,255,255,.14);padding:12px;border:1px solid rgba(255,255,255,.22);border-radius:18px;backdrop-filter:blur(10px)}.hero-search input{border:0;border-radius:12px;padding:15px 16px;font-weight:700}.trustbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:-26px;position:relative;z-index:3}.trustbar div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 14px 36px rgba(15,23,42,.10)}.trustbar strong{display:block;color:#0f172a;font-size:17px}.trustbar span{display:block;color:#64748b;margin-top:5px}.company-card,.job-card{min-height:100%;display:flex;flex-direction:column}.company-card .btn,.job-card .btn-secondary{margin-top:auto}.step span{display:inline-flex;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff7a2a,#f04418);color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px}.beta-panel{border-left:6px solid #16a34a;background:linear-gradient(135deg,#ffffff,#f0fdf4)}.dashboard-actions .card{min-height:150px}.auth-page h2{font-size:40px}.topbar{border-bottom:1px solid rgba(255,255,255,.08)}.card,.form-card,.panel{transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(15,23,42,.14)}@media(max-width:850px){.hero-pro{padding:60px 16px}.hero-search{grid-template-columns:1fr}.hero h1{font-size:38px}.auth-page h2{font-size:34px}.beta-box{font-size:16px}.topbar{position:sticky}.brand{font-size:28px}}