/*
Theme Name: Essential Hosting – Team Andro Edition
Author: Essential Hosting
Description: Barrierearmes GreenIT Hosting-Theme für Domains, Webhosting, Reseller und Game-Server.
Version: 1.0.0
Text Domain: essential-hosting
*/
:root{--bg:#10100f;--surface:#191815;--surface2:#211e16;--text:#f8f5ed;--muted:#c5c0b6;--gold:#f5c84d;--gold-light:#ffeaa8;--line:#ffffff24;--focus:#ffe98d;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.58 Inter,Arial,sans-serif}.container{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit}.skip-link{position:absolute;top:10px;left:10px;z-index:99;padding:12px 16px;background:#fff;color:#10100f;font-weight:800;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.topbar{border-bottom:1px solid #ffffff12;color:var(--muted);font-size:.78rem}.topbar .container{display:flex;justify-content:space-between;padding:9px 0}.topbar strong{color:var(--gold-light)}.header{background:var(--bg)}.header-main{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;font-size:1.1rem;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ffe694,#d5981e);color:#17130a;font-size:1.35rem}.brand b{color:var(--gold)}.nav ul{display:flex;gap:25px;margin:0;padding:0;list-style:none}.nav a{color:var(--text);font-size:.88rem;font-weight:750;text-decoration:none}.nav a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(135deg,#ffe486,#dc9f26);color:#18140b;font:800 .9rem Inter,Arial,sans-serif;text-decoration:none;transition:transform .18s ease,filter .18s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button--outline{background:transparent;color:var(--gold-light)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:7px;background:transparent;color:#fff;font:800 1rem/1 Inter,Arial,sans-serif;padding:10px}.hero{padding:88px 0 126px;background:radial-gradient(circle at 75% 40%,#75541b2c,transparent 28%),var(--bg)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:.76rem;font-weight:850;letter-spacing:.115em;text-transform:uppercase}.eyebrow:before{width:22px;height:2px;background:currentColor;content:""}.hero h1,h2{font-family:"Space Grotesk",Inter,Arial,sans-serif}.hero h1{max-width:720px;margin:14px 0 20px;font-size:clamp(2.7rem,5.3vw,5.25rem);line-height:1;letter-spacing:-.07em}.hero h1 span{color:var(--gold)}.hero p{max-width:620px;color:var(--muted);font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-list{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.83rem;font-weight:700}.hero-list li:before{margin-right:6px;color:var(--gold);content:"✓"}.hero-orbit{position:relative;min-height:350px;border:1px solid #f5c84d3b;border-radius:18px;background:radial-gradient(circle at 50% 46%,#f5c84d30,transparent 26%),#171510;box-shadow:inset 0 0 70px #00000040}.hero-orbit:before{position:absolute;top:50%;left:50%;width:185px;height:185px;border:1px solid #ffeaa87d;border-radius:50%;box-shadow:0 0 0 35px #f5c84d0d,0 0 0 70px #f5c84d08;content:"";transform:translate(-50%,-50%)}.hero-orbit span{position:absolute;z-index:1;display:grid;place-items:center;width:58px;height:58px;border:1px solid #f5c84d55;border-radius:50%;background:#211c11;color:var(--gold);font-size:1.35rem}.hero-orbit span:nth-child(1){top:38px;left:50%;transform:translateX(-50%)}.hero-orbit span:nth-child(2){bottom:43px;left:52px}.hero-orbit span:nth-child(3){right:50px;bottom:43px}.domain-wrap{position:relative;z-index:2;margin-top:-52px}.domain-box{padding:27px;border:1px solid #ffffff1d;border-radius:var(--radius);background:var(--surface);box-shadow:0 20px 55px #00000055}.domain-box h2{margin:0 0 14px;font-size:1.38rem}.domain-form{display:grid;grid-template-columns:1fr auto;gap:10px}.domain-form label{position:absolute;left:-10000px}.domain-form input{min-width:0;padding:13px 15px;border:1px solid #ffffff28;border-radius:9px;background:#10100f;color:#fff;font:inherit}.domain-status{min-height:24px;margin:12px 0 0;font-weight:700;font-size:.87rem}.domain-status.available{color:var(--gold-light)}.domain-status.unavailable,.domain-status.error{color:#ffb08b}.domain-result[hidden]{display:none}.domain-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:15px;border:1px solid #f5c84d55;border-radius:10px;background:#251f10}.domain-result strong{color:#fff}.domain-result span{color:var(--gold-light);font-size:.86rem}.section{padding:92px 0}.section--surface{background:var(--surface)}.heading{max-width:730px;margin-bottom:38px}.heading h2{margin:10px 0 12px;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.08;letter-spacing:-.06em}.heading p{margin:0;color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{display:flex;min-height:245px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:12px;background:#151412}.product-icon{color:var(--gold);font-size:1.45rem}.product h3{margin:25px 0 8px;font-size:1.13rem}.product p{margin:0;color:var(--muted);font-size:.87rem}.product a{margin-top:auto;padding-top:20px;color:var(--gold-light);font-size:.85rem;font-weight:800}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plans--reseller{grid-template-columns:repeat(2,1fr);max-width:760px;margin-top:15px}.plan{display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:12px;background:#10100f}.plan:hover,.plan.is-selected{border-color:var(--gold);box-shadow:0 12px 32px #f5c84d12}.plan label{cursor:pointer;font-weight:850}.plan input{accent-color:var(--gold);margin-right:8px}.plan .price{display:block;margin:11px 0;color:var(--gold-light);font-size:1.12rem;font-weight:850}.plan ul{margin:0;padding:0;list-style:none;color:var(--muted);font-size:.82rem}.plan li{margin:6px 0}.plan li:before{color:var(--gold);content:"✓ ";font-weight:900}.plan-order{display:none;margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:25px;border-left:2px solid var(--gold);background:#171510}.service h3{margin:12px 0 8px}.service p{margin:0;color:var(--muted);font-size:.88rem}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.why article{padding:25px;background:var(--surface)}.why strong{color:var(--gold);font-size:.8rem;letter-spacing:.1em}.why h3{margin:14px 0 7px}.why p{margin:0;color:var(--muted);font-size:.87rem}.faq{max-width:900px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{position:relative;cursor:pointer;padding:20px 35px 20px 0;font-weight:800}.faq summary:after{position:absolute;right:7px;color:var(--gold);content:"+";font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq p{max-width:780px;margin:0;padding:0 0 20px;color:var(--muted);font-size:.9rem}.cta{padding:68px 0;background:linear-gradient(120deg,#d89c21,#ffe69b)}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{max-width:690px;margin:0;color:#17140c;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.055em}.cta .button{border-color:#17140c;background:#17140c;color:var(--gold-light)}.footer{padding:52px 0 22px;background:#080807}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;padding-bottom:38px}.footer p,.footer li{color:#aaa69d;font-size:.84rem}.footer ul{padding:0;list-style:none}.footer li{margin:8px 0}.footer h3{font-size:.9rem}.footer a:hover{color:var(--gold)}.footer-bottom{padding-top:18px;border-top:1px solid #ffffff1a;color:#8c897f;font-size:.75rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:850px){.nav{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-orbit{max-width:480px}.grid4{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}}@media(max-width:560px){.container{width:calc(100% - 32px)}.topbar .container{justify-content:center}.topbar span{display:none}.header-main{min-height:70px}.hero{padding:62px 0 100px}.hero h1{font-size:2.75rem}.hero-orbit{min-height:275px}.domain-wrap{margin-top:-35px}.domain-form{grid-template-columns:1fr}.domain-result{align-items:flex-start;flex-direction:column}.section{padding:70px 0}.grid4,.plans,.plans--reseller,.why{grid-template-columns:1fr}.cta{padding:48px 0}.cta .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{font-size:.7rem}}