/* NetMaster Homepage v3 – Ticketsystem Designintegration (28.10.2026) */
:root{--primary:#2869df;--primary-dark:#1b55b8;--accent:#55a0ef;--text:#17283b;--text-light:#627387;--bg-soft:#f4f7fb;--radius:18px;--shadow:0 18px 46px rgba(12,37,70,.08)}
html{scroll-padding-top:110px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17283b;background:#f4f7fb;line-height:1.65}
/* Homepage utility bar */
.utility{background:#0b1d32;color:#d5e1ef;font-size:.74rem}
.utility .utility-inner{max-width:1216px;min-height:34px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.utility .utility-right{display:flex;align-items:center;gap:22px}
.utility a{color:#d5e1ef;text-decoration:none;font-size:inherit;font-weight:400}
.utility a:hover{color:#fff}
/* Original NetMaster homepage header: don't inherit the legacy ticket header. */
header.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e3eaf1}
.site-header .header-inner{height:85px;max-width:1216px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:19px}
.site-header a.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-width:205px;color:#11283e;text-decoration:none}
.site-header .brand img.brand-emblem{width:51px;height:51px;min-width:51px;object-fit:contain}
.site-header .brand-text{display:flex;flex-direction:column;line-height:1.08}
.site-header .brand strong,.site-header .brand-text strong{color:#11283e;font-size:1.39rem;letter-spacing:-.05em;font-weight:750}
.site-header .brand-text .brand-company-addendum{display:block;margin-top:5px;color:#5e7792;font-size:.78rem;font-weight:760;letter-spacing:.07em;line-height:1.12}
.site-header nav.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.site-header .desktop-nav a.nav-link{padding:14px 10px;background:transparent;color:#384c62;border-radius:7px;text-decoration:none;font-size:.86rem;font-weight:700;white-space:nowrap}
.site-header .desktop-nav a.nav-link:hover,.site-header .desktop-nav a.nav-link:focus-visible{background:#eef4fc;color:#1d5abf}
.site-header .header-action{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid transparent;border-radius:9px;background:#2869df;color:#fff;font-size:.9rem;font-weight:730;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px rgba(33,100,219,.21);flex:0 0 auto}
.site-header .header-action:hover{background:#1c56bb;color:#fff}
.site-header button.nav-toggle{display:none;margin:0;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;padding:0;border:1px solid #dce4ed;background:white;border-radius:8px;color:#102238}
.site-header .mobile-nav{display:none;padding:10px 28px 25px;border-top:1px solid #dae3ed;background:#fff;max-height:78vh;overflow:auto;flex-direction:column;gap:0}
.site-header .mobile-nav.open{display:block}
.site-header .mobile-nav a{display:block;padding:13px 0;margin:0;border-bottom:1px solid #e9edf3;color:#384c62;font-size:.91rem;font-weight:720;text-decoration:none}
.site-header .mobile-nav a:hover{color:#1d5abf}
/* The ticket content follows the same pale background and crisp card surfaces. */
main.ticket-main{max-width:1140px;min-height:60vh;margin:0 auto;padding:42px 28px 86px;background:transparent}
main.ticket-main .ticket-page-eyebrow{display:flex;align-items:center;gap:9px;color:#2561c0;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:13px}
main.ticket-main .ticket-page-eyebrow:before{content:"";width:24px;height:2px;background:#2869df;border-radius:5px}
main.ticket-main h1{font-size:clamp(1.75rem,3.4vw,2.55rem);letter-spacing:-.04em;line-height:1.18;color:#102238;font-weight:750;margin:0 0 24px}
main.ticket-main h2{color:#102238;letter-spacing:-.025em;font-size:1.28rem}
main.ticket-main a:not(.button):not(.btn){color:#2561c0}
main.ticket-main .panel,main.ticket-main .message{background:#fff;border:1px solid #dae3ed;border-radius:16px;box-shadow:0 10px 30px rgba(15,44,76,.06)}
main.ticket-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),main.ticket-main textarea,main.ticket-main select{border:1px solid #c8d7e7;border-radius:9px;color:#17283b}
main.ticket-main input:focus,main.ticket-main textarea:focus,main.ticket-main select:focus{outline:2px solid #8bb9f1;outline-offset:0}
main.ticket-main button:not(.secondary-action):not(.zurueck-link),main.ticket-main .button{background:#2869df;color:white;border-radius:9px;box-shadow:0 4px 12px rgba(33,100,219,.1)}
main.ticket-main button:not(.secondary-action):not(.zurueck-link):hover,main.ticket-main .button:hover{background:#1c56bb;color:white}
main.ticket-main .ticket-stat:hover,main.ticket-main .ticket-stat.active{border-color:#2869df}
main.ticket-main .ticket-stat strong{color:#2869df}
main.ticket-main .customer-result{background:#fff;color:#17283b}
main.ticket-main .customer-result:hover{background:#eaf3ff;color:#123d70}
/* Original Homepage footer: don't inherit legacy ticket layout. */
footer.footer{margin:0;text-align:left;padding:70px 0 0;background:#0b1c30;color:#c4d2df}
footer.footer>.container{max-width:1216px;margin:0 auto;padding:0 28px}
footer.footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;max-width:none;margin:0}
footer.footer a{display:inline;color:#afc1d2;text-decoration:none;font-weight:normal;font-size:.86rem;margin:0}
footer.footer a:hover{color:#fff}
footer.footer .footer-links{display:grid;gap:11px}
footer.footer .footer-links a{display:block}
footer.footer .brand{display:inline-flex;align-items:center;gap:10px;min-width:0;margin:0 0 23px;color:#fff}
footer.footer .brand img.brand-emblem{width:51px;height:51px;min-width:51px;object-fit:contain}
footer.footer .brand-text{display:flex;flex-direction:column;line-height:1.08}
footer.footer .brand-text strong{font-size:1.39rem;letter-spacing:-.05em;color:#fff}
footer.footer .brand-text .brand-company-addendum{color:#c0d4e7;font-size:.78rem;font-weight:760;letter-spacing:.07em;margin-top:5px}
footer.footer p{font-size:.87rem;line-height:1.65;color:#9db1c5}
footer.footer h4{font-size:.86rem;color:white;margin:0 0 19px;letter-spacing:.01em;font-weight:750}
footer.footer .footer-private{display:inline-flex;color:#d6eaff;background:#1a3a5b;padding:10px 13px;border-radius:7px;font-weight:750;font-size:.84rem;margin-top:4px}
footer.footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.12);padding:22px 0;margin-top:53px;font-size:.76rem;color:#9aafc3}
footer.footer .footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap}
footer.footer .footer-bottom-links a{font-size:.76rem;color:#d3e2f0}
@media(max-width:1190px){.site-header nav.desktop-nav{display:none}.site-header button.nav-toggle{display:inline-flex}.site-header .header-inner{gap:12px}.site-header .header-action{margin-left:auto}}
@media(max-width:950px){footer.footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.utility .utility-private{display:none}}
@media(max-width:620px){.utility .utility-inner{padding:5px 20px}.utility .utility-right{gap:12px}.utility .utility-right span:nth-child(2){display:none}.site-header .header-inner{padding:0 20px;height:77px}.site-header .brand{min-width:0}.site-header .brand img.brand-emblem{height:49px;width:49px;min-width:49px}.site-header .brand-text strong{font-size:1.25rem}.site-header .brand-text .brand-company-addendum{font-size:.7rem}.site-header .header-action{display:none}.site-header .mobile-nav{padding:10px 20px 25px}main.ticket-main{padding:30px 20px 60px}main.ticket-main .panel,main.ticket-main .message{padding:18px}footer.footer{padding-top:48px}footer.footer>.container{padding:0 20px}footer.footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}footer.footer .footer-grid>div:first-child{grid-column:1/-1}footer.footer .footer-bottom{flex-direction:column;align-items:flex-start} }
@media(max-width:410px){footer.footer .footer-grid{grid-template-columns:1fr}}

/* Keep checkbox and radio controls compact despite legacy generic input rules. */
main.ticket-main input[type="checkbox"],main.ticket-main input[type="radio"]{display:inline-block;vertical-align:middle;width:auto;min-width:17px;min-height:17px;margin:0 8px 0 0;accent-color:#2869df}
main.ticket-main .anfrage-hinweis .panel{top:112px}