:root{--bg:#050c17;--bg2:#071426;--card:#0d1c30;--card2:#102642;--text:#f7fbff;--muted:#94a9c1;--brand:#21a6ff;--brand2:#735dff;--cyan:#48d9ff;--line:rgba(137,180,221,.18);--good:#35da8b;--danger:#ff6573;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% -10%,#102a4b 0,transparent 28%),linear-gradient(180deg,var(--bg),#071528 48%,var(--bg));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.aurora{position:fixed;pointer-events:none;filter:blur(90px);opacity:.15;border-radius:50%;z-index:-1}.a1{width:430px;height:430px;background:#188dff;top:10%;left:-180px}.a2{width:500px;height:500px;background:#6848ff;right:-230px;top:38%}.site-header,.admin-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(20px,4vw,70px);background:rgba(5,12,23,.75);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-size:25px;font-weight:950;letter-spacing:-1.2px}.brand span{color:var(--brand)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:#6f8daa;margin-top:1px}.site-header nav{display:flex;gap:26px;align-items:center;color:#d9e8f7;font-size:14px}.site-header nav>a:not(.btn){position:relative}.site-header nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--brand);transition:.2s}.site-header nav>a:not(.btn):hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:12px 18px;font-weight:850;cursor:pointer;font-size:14px;transition:transform .18s,box-shadow .18s,border-color .18s}.btn:hover{transform:translateY(-2px)}.btn.large{padding:15px 22px;border-radius:15px}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 28px rgba(33,166,255,.24)}.primary:hover{box-shadow:0 15px 36px rgba(33,166,255,.34)}.secondary{background:#18324d;color:#fff}.glass,.ghost{border:1px solid var(--line);background:rgba(13,28,48,.72);color:#fff;backdrop-filter:blur(12px)}.danger{background:#401822;color:#ffd8dd}.full{width:100%}.hero{min-height:78vh;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:88px clamp(20px,6vw,110px);max-width:1520px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#63caff;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:1.7px}.eyebrow i{width:7px;height:7px;background:var(--good);border-radius:50%;box-shadow:0 0 14px var(--good)}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-4.7px;margin:18px 0 25px;max-width:870px;background:linear-gradient(180deg,#fff,#c6d8eb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:var(--muted);max-width:700px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:32px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#8ca8c2;font-size:13px}.trust-row span:before{color:var(--good)}.hero-panel{min-height:430px;border:1px solid rgba(90,164,223,.25);border-radius:30px;background:linear-gradient(145deg,rgba(15,37,63,.94),rgba(7,18,32,.93));box-shadow:var(--shadow);position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:center}.hero-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.orb{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(72,217,255,.45),rgba(33,166,255,.08) 44%,transparent 65%);right:-30px;top:-25px;filter:blur(1px)}.server-stack{position:relative;display:grid;gap:12px;z-index:2}.server-stack>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.09);background:rgba(4,13,24,.5);border-radius:16px;backdrop-filter:blur(12px)}.server-stack b{font-size:23px}.server-stack span{grid-column:1;color:#6f8baa;font-size:12px}.server-stack em{grid-row:1/3;grid-column:2;font-style:normal;font-size:10px;color:#8fffc4;background:rgba(53,218,139,.12);border:1px solid rgba(53,218,139,.25);border-radius:999px;padding:6px 9px}.hero-status{position:relative;z-index:2;margin-top:22px;display:flex;align-items:center;gap:12px}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--good);box-shadow:0 0 0 6px rgba(53,218,139,.08),0 0 18px var(--good)}.hero-status strong,.hero-status small{display:block}.hero-status small{color:var(--muted);margin-top:2px}.section{padding:86px clamp(20px,6vw,110px);max-width:1520px;margin:auto}.section.alt{max-width:none;background:rgba(8,23,40,.65);border-block:1px solid rgba(255,255,255,.055)}.section.alt>*{max-width:1280px;margin-left:auto;margin-right:auto}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(32px,4vw,50px);letter-spacing:-2.5px;margin:11px 0}.section-head p{color:var(--muted);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{position:relative;background:linear-gradient(180deg,rgba(16,38,66,.93),rgba(10,25,43,.96));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.19);overflow:hidden;transition:.22s}.product-card:hover{transform:translateY(-7px);border-color:rgba(75,184,255,.42);box-shadow:0 28px 65px rgba(0,0,0,.28)}.product-card.recommended{border-color:rgba(72,199,255,.68);box-shadow:0 20px 60px rgba(33,166,255,.15)}.ribbon{position:absolute;right:15px;top:15px;background:linear-gradient(135deg,#ffd85b,#ffb32e);color:#382500;font-weight:950;font-size:10px;padding:7px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#102a46,#0a1728);border:1px solid rgba(255,255,255,.07);overflow:hidden}.product-icon span{font-size:31px}.product-icon img{width:100%;height:100%;object-fit:cover}.availability{font-size:10px;color:#76e8aa;background:rgba(53,218,139,.08);border:1px solid rgba(53,218,139,.15);border-radius:999px;padding:6px 9px}.product-card h3{font-size:26px;margin:0 0 10px;letter-spacing:-.8px}.desc{min-height:72px;color:var(--muted);line-height:1.55;font-size:14px}.price.modern{margin:20px 0}.price.modern>small{display:block;color:#68caff;text-transform:uppercase;letter-spacing:1px;font-weight:850;font-size:10px;margin-bottom:6px}.price.modern>div{display:flex;align-items:flex-end;gap:9px}.price.modern strong{display:flex;align-items:flex-start;font-size:39px;letter-spacing:-2px;line-height:1}.price.modern strong>span{font-size:19px;color:#71cfff;margin-top:4px;margin-right:2px}.price.modern strong b{font-weight:900}.price.modern>div>span{color:var(--muted);font-size:12px;padding-bottom:4px}.product-card ul{list-style:none;padding:0;margin:20px 0 23px}.product-card li{padding:7px 0;color:#d8e6f3;font-size:13px}.product-card li:before{content:'✓';color:var(--good);font-weight:950;margin-right:10px}.billing-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#071525;border:1px solid var(--line);border-radius:12px;margin:18px 0 8px}.billing-tab{border:0;background:transparent;color:#7e99b5;border-radius:8px;padding:8px 5px;font-size:10px;font-weight:850;cursor:pointer;transition:.18s}.billing-tab.active{background:linear-gradient(135deg,#173b60,#1a3154);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits>div{background:linear-gradient(145deg,#10243d,#0c1b2e);border:1px solid var(--line);border-radius:22px;padding:30px;transition:.2s}.benefits>div:hover{transform:translateY(-4px);border-color:rgba(72,199,255,.35)}.benefits b{font-size:34px}.benefits h3{font-size:20px}.benefits p,.faq p{color:var(--muted);line-height:1.65}.cta{max-width:1280px;margin:80px auto 20px;padding:38px 42px;border-radius:27px;background:radial-gradient(circle at 80% 0,rgba(93,80,255,.35),transparent 32%),linear-gradient(135deg,#102c4a,#0d1c31);border:1px solid rgba(70,172,247,.25);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.cta h2{font-size:clamp(30px,4vw,46px);margin:8px 0}.cta p{color:var(--muted);margin:0}.faq{display:grid;gap:12px;max-width:900px;margin:auto}.faq details{background:linear-gradient(145deg,#0e2138,#0b192b);border:1px solid var(--line);border-radius:16px;padding:19px 21px}.faq summary{font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--brand);font-size:20px}footer{padding:42px clamp(20px,6vw,110px);border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;color:var(--muted)}footer .brand{color:#fff}footer p{font-size:13px}.setup-body{min-height:100vh;display:grid;place-items:center;padding:30px}.setup-card{width:min(560px,100%);background:linear-gradient(145deg,#10243d,#0b1a2d);border:1px solid var(--line);padding:34px;border-radius:24px;box-shadow:var(--shadow)}.setup-card h1{font-size:36px;margin-bottom:8px}.setup-card>p{color:var(--muted)}.stack{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:8px;font-weight:750;font-size:12px;color:#d7e4ef}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#071525;color:#fff;padding:12px 13px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#31a9f7;box-shadow:0 0 0 3px rgba(33,166,255,.12)}.alert{padding:13px 15px;border-radius:11px;margin:15px 0;font-weight:750}.alert.error{background:#3a1720;color:#ffd8dc}.alert.ok{background:#123825;color:#c9ffe0}.text-link{display:inline-block;margin-top:18px;color:#7acaff}.admin-body{background:#06111f}.admin-top{position:sticky}.admin-main{max-width:1400px;margin:34px auto;padding:0 20px 80px}.admin-card{background:linear-gradient(145deg,#10243d,#0b1a2e);border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:22px;box-shadow:0 16px 45px rgba(0,0,0,.12)}.admin-card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.admin-card h2{margin:6px 0 0}.pill{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6de3a8;border:1px solid rgba(53,218,139,.2);background:rgba(53,218,139,.08);padding:7px 10px;border-radius:999px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .wide{grid-column:1/-1}.field-help{font-weight:500;color:#6f88a3;font-size:10px}.admin-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-edit{margin-bottom:0}.product-edit.radio-admin{grid-column:1/-1}.edit-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.edit-title h3{font-size:25px;margin:0}.edit-title small{color:#66829f}.big-icon{width:50px;height:50px;display:grid;place-items:center;background:#071525;border:1px solid var(--line);border-radius:14px;font-size:27px}.image-preview{grid-column:1/-1;display:flex;align-items:center;gap:15px}.image-preview img{width:130px;height:80px;object-fit:cover;border-radius:10px}.image-preview label{display:flex;gap:8px;align-items:center}.image-preview input{width:auto}.toggle-row{display:flex;gap:20px;align-items:center}.toggle{display:flex;align-items:center;gap:8px}.toggle input{display:none}.toggle span{width:35px;height:20px;background:#203a54;border-radius:999px;position:relative;transition:.2s}.toggle span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#7890a8;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:rgba(33,166,255,.45)}.toggle input:checked+span:after{left:18px;background:#6bd0ff}.billing-admin{padding:18px;border:1px solid var(--line);background:#071525;border-radius:16px}.billing-admin h4{margin:0 0 14px;font-size:16px}.billing-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.billing-admin-card{padding:15px;border:1px solid rgba(255,255,255,.07);background:#0b1b2e;border-radius:13px;display:grid;gap:12px}.billing-admin-card>strong{color:#72cfff}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-panel{min-height:320px}.admin-products{grid-template-columns:1fr}.product-edit.radio-admin{grid-column:auto}.billing-admin-grid{grid-template-columns:1fr}}@media(max-width:720px){.site-header{align-items:flex-start}.site-header nav{display:none}.hero{padding-top:58px;gap:35px}.hero h1{letter-spacing:-2.5px}.hero-actions,.cta{flex-direction:column;align-items:stretch}.trust-row{gap:12px;flex-direction:column}.product-grid,.benefits{grid-template-columns:1fr}.section{padding-top:58px;padding-bottom:58px}.cta{margin:45px 20px;padding:28px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.admin-top{gap:10px;align-items:flex-start;flex-direction:column}.admin-top>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.toggle-row{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start;gap:10px}.billing-tabs{grid-template-columns:1fr}.billing-tab{font-size:11px}.hero-panel{min-height:280px}}

/* Legal pages + extended footer v2.3 */
.site-footer{align-items:flex-start;gap:28px}.footer-contact{margin-top:10px}.footer-contact a,.footer-links a{color:#bcd7ed}.footer-contact a:hover,.footer-links a:hover{color:#69c9ff}.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:13px}.legal-wrap{max-width:1060px;margin:0 auto;padding:80px clamp(20px,5vw,60px)}.legal-card{background:linear-gradient(145deg,rgba(16,36,61,.96),rgba(9,24,41,.98));border:1px solid var(--line);border-radius:26px;padding:clamp(26px,5vw,52px);box-shadow:var(--shadow)}.legal-card h1{font-size:clamp(42px,6vw,66px);letter-spacing:-3px;margin:14px 0 12px}.legal-card h2{font-size:22px;margin:34px 0 10px;color:#f5fbff}.legal-card p{color:#b6c8d9;line-height:1.75;margin:0 0 14px}.legal-card a{color:#69c9ff}.legal-lead{font-size:18px!important;max-width:780px}.legal-note{margin-top:30px!important;padding:18px 20px;border:1px solid rgba(105,201,255,.2);background:rgba(33,166,255,.07);border-radius:15px;color:#9fc4df!important;font-size:13px}
@media(max-width:720px){.footer-links{justify-content:flex-start}.legal-wrap{padding-top:46px}.legal-card h1{letter-spacing:-2px}}


/* PayPal checkout + order admin v2.6 */
.checkout-wrap{max-width:920px;margin:0 auto;padding:70px 20px 100px}.checkout-card{background:linear-gradient(145deg,#10243d,#0b1a2e);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,44px);box-shadow:var(--shadow)}.checkout-card h1{font-size:clamp(38px,6vw,58px);letter-spacing:-2.5px;margin:12px 0 28px}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}.checkout-summary>div{background:#071525;border:1px solid var(--line);border-radius:15px;padding:16px}.checkout-summary small,.checkout-summary strong{display:block}.checkout-summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.checkout-summary strong{font-size:16px}.payment-message{min-height:24px;color:#ffcf79;margin:16px 0;font-weight:700}.success-card{text-align:center}.success-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(53,218,139,.15);border:1px solid rgba(53,218,139,.35);color:#66efaa;font-size:38px;font-weight:900;margin:0 auto 20px}.muted-text{color:var(--muted);line-height:1.65}.order-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.order-table{width:100%;border-collapse:collapse;min-width:980px}.order-table th,.order-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}.order-table th{background:#071525;color:#9cc4e5;text-transform:uppercase;font-size:10px;letter-spacing:.6px}.order-table small{color:#829bb3}.payment-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#38212a;color:#ffc4cd;font-weight:800}.payment-status.is-paid{background:rgba(53,218,139,.12);color:#83f0b8}.check{grid-template-columns:auto 1fr!important;align-items:start}.check input{width:auto;margin-top:2px}.check span{font-weight:500;color:#a8bdd0;line-height:1.4}@media(max-width:700px){.checkout-summary{grid-template-columns:1fr}.checkout-wrap{padding-top:38px}}

/* Kundenregistrierung / Kundenbereich v2.7 */
.auth-wrap{max-width:620px;margin:0 auto;padding:70px 20px 100px}.auth-card,.account-card{background:linear-gradient(145deg,#10243d,#0b1a2e);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,42px);box-shadow:var(--shadow)}.auth-card h1{font-size:clamp(38px,6vw,56px);letter-spacing:-2.5px;margin:12px 0 10px}.auth-lead{color:var(--muted);line-height:1.65}.auth-switch{text-align:center;color:var(--muted);margin-top:22px}.auth-switch a{color:#69c9ff;font-weight:800}.account-wrap{max-width:1180px;margin:0 auto;padding:65px 20px 100px}.account-hero{padding:0 4px 28px}.account-hero h1{font-size:clamp(38px,6vw,58px);letter-spacing:-2.5px;margin:10px 0 5px}.account-hero p{color:var(--muted)}.account-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.account-title h2{margin:6px 0 0}.checkout-card input[readonly]{opacity:.82;cursor:not-allowed;background:#0a1a2c}@media(max-width:700px){.auth-wrap,.account-wrap{padding-top:38px}.account-title{align-items:flex-start;flex-direction:column}}

/* Kundenadresse im Kundenbereich v2.8 */
.account-alert{margin:0 0 20px}.account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;margin-bottom:22px}.account-grid .account-card{margin:0}.orders-card{margin-top:0}.address-summary{display:grid;gap:5px;padding:17px 18px;margin-bottom:16px;border:1px solid var(--line);border-radius:15px;background:#071525;line-height:1.45}.address-summary strong{font-size:16px}.address-summary span:not(.muted-text){color:#bed1e1}.address-edit{border-top:1px solid var(--line);padding-top:16px}.address-edit summary{cursor:pointer;color:#69c9ff;font-weight:850;list-style:none}.address-edit summary::-webkit-details-marker{display:none}.address-edit summary:after{content:'›';display:inline-block;margin-left:8px;transform:rotate(90deg);transition:.18s}.address-edit[open] summary:after{transform:rotate(-90deg)}.address-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.address-form .wide{grid-column:1/-1}.address-actions{display:flex;justify-content:flex-start}.account-facts{display:grid;gap:12px}.account-facts>div{display:grid;gap:4px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#071525}.account-facts small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.account-facts strong{overflow-wrap:anywhere}@media(max-width:850px){.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.address-form{grid-template-columns:1fr}.address-form .wide{grid-column:auto}.address-actions .btn{width:100%}}

/* Kompakte Domainpruefung v3.0 - sauber untereinander */
.section:has(input[placeholder*="meinprojekt.de"]),
section:has(input[placeholder*="meinprojekt.de"]){
  padding-top:30px;
  padding-bottom:30px;
}
.section:has(input[placeholder*="meinprojekt.de"]) .section-head,
section:has(input[placeholder*="meinprojekt.de"]) .section-head{
  max-width:760px;
  margin:0 0 14px;
  text-align:left;
}
.section:has(input[placeholder*="meinprojekt.de"]) .section-head h2,
section:has(input[placeholder*="meinprojekt.de"]) h2{
  font-size:clamp(24px,2.5vw,34px);
  letter-spacing:-1.3px;
  margin:7px 0 8px;
}
.section:has(input[placeholder*="meinprojekt.de"]) .section-head p,
section:has(input[placeholder*="meinprojekt.de"]) .section-head p{
  margin:0;
  line-height:1.45;
  font-size:14px;
}
.section:has(input[placeholder*="meinprojekt.de"]) form,
section:has(input[placeholder*="meinprojekt.de"]) form{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  max-width:420px;
  margin:0;
}
.section:has(input[placeholder*="meinprojekt.de"]) input[placeholder*="meinprojekt.de"],
section:has(input[placeholder*="meinprojekt.de"]) input[placeholder*="meinprojekt.de"]{
  width:100%;
  height:42px;
  padding:9px 13px;
  border-radius:10px;
}
.section:has(input[placeholder*="meinprojekt.de"]) form .btn,
.section:has(input[placeholder*="meinprojekt.de"]) form button,
section:has(input[placeholder*="meinprojekt.de"]) form .btn,
section:has(input[placeholder*="meinprojekt.de"]) form button{
  width:auto;
  min-width:128px;
  height:42px;
  padding:9px 15px;
  border-radius:10px;
  white-space:nowrap;
}
.section:has(input[placeholder*="meinprojekt.de"]) .eyebrow,
section:has(input[placeholder*="meinprojekt.de"]) .eyebrow{
  font-size:10px;
}
@media(max-width:620px){
  .section:has(input[placeholder*="meinprojekt.de"]),
  section:has(input[placeholder*="meinprojekt.de"]){padding-top:24px;padding-bottom:24px}
  .section:has(input[placeholder*="meinprojekt.de"]) form,
  section:has(input[placeholder*="meinprojekt.de"]) form{max-width:none;width:100%}
  .section:has(input[placeholder*="meinprojekt.de"]) form .btn,
  .section:has(input[placeholder*="meinprojekt.de"]) form button,
  section:has(input[placeholder*="meinprojekt.de"]) form .btn,
  section:has(input[placeholder*="meinprojekt.de"]) form button{width:100%;min-width:0}
}

/* Mein Hosting V3.1 – Domainprüfung mittig */
.domain-check,
.domain-check-section,
.domain-check-wrap,
.domain-checker {
    text-align: center;
}
.domain-check form,
.domain-check-section form,
.domain-check-wrap form,
.domain-checker form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.domain-check input,
.domain-check-section input,
.domain-check-wrap input,
.domain-checker input {
    width: min(350px, 100%);
}
.domain-check button,
.domain-check-section button,
.domain-check-wrap button,
.domain-checker button {
    align-self: center;
}

/* Mein Hosting V3.2 – Domainprüfung vollständig mittig */
.domain-check,
.domain-check-section,
.domain-check-wrap,
.domain-checker {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.domain-check form,
.domain-check-section form,
.domain-check-wrap form,
.domain-checker form {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.domain-check input,
.domain-check-section input,
.domain-check-wrap input,
.domain-checker input {
    display: block !important;
    width: min(350px, calc(100% - 24px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.domain-check button,
.domain-check-section button,
.domain-check-wrap button,
.domain-checker button {
    display: block !important;
    width: fit-content !important;
    margin: 8px auto 0 !important;
    align-self: center !important;
}


/* Mein Hosting: anklickbare Eigenwerbung */
.service-promo-section{position:relative}
.service-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.service-promo-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(14,31,64,.92),rgba(6,18,42,.92));text-decoration:none;color:inherit;box-shadow:0 16px 40px rgba(0,0,0,.18);transition:.2s ease}
.service-promo-card:hover{transform:translateY(-3px);border-color:rgba(45,142,255,.65);box-shadow:0 20px 48px rgba(0,0,0,.25)}
.service-promo-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:rgba(45,142,255,.12);overflow:hidden;font-size:30px}
.service-promo-icon img{width:100%;height:100%;object-fit:cover}
.service-promo-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.service-promo-copy small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.service-promo-copy strong{font-size:20px}
.service-promo-copy em{font-style:normal;font-size:14px;opacity:.76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-promo-price{font-size:13px;font-weight:700;margin-top:5px}
.service-promo-action{font-weight:800;white-space:nowrap}
.promo-banner{max-width:1180px;margin:30px auto 0;padding:34px 38px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(110deg,rgba(10,34,77,.98),rgba(15,85,180,.92));border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.promo-banner h2{margin:7px 0 8px;font-size:clamp(26px,3vw,42px)}
.promo-banner p{margin:0;opacity:.82}
@media(max-width:850px){.service-promo-grid{grid-template-columns:1fr}.promo-banner{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start}.service-promo-card{grid-template-columns:60px 1fr}.service-promo-icon{width:60px;height:60px}.service-promo-action{grid-column:2}.service-promo-copy em{white-space:normal}}

/* JOM Status & Monitoring v3.4 */
.monitor-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:22px}.monitor-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}.monitor-form label{display:grid;gap:7px;color:#a9bfd3;font-weight:750;font-size:13px}.monitor-form input{width:100%;border:1px solid var(--line);background:#071525;color:#fff;border-radius:12px;padding:12px 14px;outline:none}.monitor-form input:focus{border-color:rgba(33,166,255,.65);box-shadow:0 0 0 3px rgba(33,166,255,.08)}.monitor-note{font-size:12px;color:var(--muted);line-height:1.55;margin:16px 0 0}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monitor-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#071525}.monitor-card.is-up{border-color:rgba(53,218,139,.28)}.monitor-card.is-down{border-color:rgba(255,101,115,.34)}.monitor-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.monitor-card-head strong,.monitor-card-head small{display:block}.monitor-card-head small{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.monitor-state-dot{width:12px;height:12px;border-radius:50%;background:#7c8a98;box-shadow:0 0 0 5px rgba(124,138,152,.08)}.is-up .monitor-state-dot{background:var(--good);box-shadow:0 0 0 5px rgba(53,218,139,.08),0 0 15px rgba(53,218,139,.5)}.is-down .monitor-state-dot{background:var(--danger);box-shadow:0 0 0 5px rgba(255,101,115,.08)}.monitor-state{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.monitor-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.monitor-facts div{display:grid;gap:4px;padding:10px;border-radius:11px;background:#0b1b2f}.monitor-facts small{color:var(--muted);font-size:9px;text-transform:uppercase}.monitor-facts strong{font-size:12px}.monitor-actions{display:flex;gap:9px}.monitor-actions form{margin:0}.status-page{max-width:920px;margin:0 auto;padding:80px 20px 100px}.status-hero{text-align:center;margin-bottom:34px}.status-hero h1{font-size:clamp(40px,6vw,66px);letter-spacing:-3px;margin:12px 0}.status-hero p{color:var(--muted)}.status-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#10243d,#0b1a2e);box-shadow:var(--shadow)}.status-overview>div{display:flex;align-items:center;gap:15px}.status-overview strong,.status-overview small{display:block}.status-overview small{color:var(--muted);margin-top:4px}.status-big-dot{width:17px;height:17px;border-radius:50%;background:#7c8a98}.status-overview.is-up .status-big-dot{background:var(--good);box-shadow:0 0 22px var(--good)}.status-overview.is-down .status-big-dot{background:var(--danger);box-shadow:0 0 22px var(--danger)}.status-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:900}.status-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.status-metrics>div{padding:18px;border:1px solid var(--line);background:#0b1a2e;border-radius:16px;display:grid;gap:5px}.status-metrics small{color:var(--muted);text-transform:uppercase;font-size:10px}.status-footnote{color:var(--muted);font-size:12px;line-height:1.6;margin-top:20px}@media(max-width:850px){.monitor-layout,.monitor-grid{grid-template-columns:1fr}.monitor-form{grid-template-columns:1fr}.status-metrics{grid-template-columns:1fr}}@media(max-width:560px){.monitor-card-head{grid-template-columns:auto 1fr}.monitor-state{grid-column:2}.monitor-facts{grid-template-columns:1fr}.monitor-actions{flex-direction:column}.monitor-actions form,.monitor-actions button{width:100%}.status-overview{align-items:flex-start;flex-direction:column}}

/* JOM Plattform v3.5 – Dashboard, Monitoring-Mails & Tools */
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.dashboard-stats>a{display:grid;gap:5px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#10243d,#0b1a2e);border:1px solid var(--line);transition:.2s}.dashboard-stats>a:hover{transform:translateY(-3px);border-color:rgba(33,166,255,.45)}.dashboard-stats small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.dashboard-stats strong{font-size:32px;letter-spacing:-1.5px}.dashboard-stats span{color:#9bb0c6;font-size:12px}.monitor-notify{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;padding:10px 12px;border-radius:12px;background:#0b1b2f}.monitor-notify label{display:flex;align-items:center;gap:9px;color:#cfe0ee;font-size:12px}.monitor-notify input{accent-color:var(--brand)}.monitor-notify .btn{padding:8px 11px;font-size:11px}.tools-wrap{max-width:1240px;margin:0 auto;padding:72px 20px 100px}.tools-hero{text-align:center;max-width:760px;margin:0 auto 38px}.tools-hero h1{font-size:clamp(44px,6vw,72px);letter-spacing:-3px;margin:12px 0}.tools-hero p{color:var(--muted);font-size:18px;line-height:1.6}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#10243d,#0b1a2e);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.tool-icon{width:58px;height:58px;display:grid;place-items:center;font-size:27px;border-radius:16px;background:#071525;border:1px solid var(--line);margin-bottom:16px}.tool-card h2{font-size:24px;margin:8px 0 10px}.tool-card>p{color:var(--muted);line-height:1.55;min-height:72px}.tool-form{display:grid;gap:10px;margin-top:18px}.tool-form input,.tool-form select{width:100%;border:1px solid var(--line);background:#071525;color:#fff;border-radius:12px;padding:12px 14px;outline:none}.tool-form label{display:grid;gap:7px;color:#a9bfd3;font-size:12px;font-weight:800}.tool-result{display:grid;gap:4px;margin-top:14px;padding:13px;border-radius:12px;background:#071525;border:1px solid var(--line)}.tool-result.is-good{border-color:rgba(53,218,139,.35)}.tool-result.is-bad{border-color:rgba(255,101,115,.4)}.tool-result span,.tool-result small{color:var(--muted);font-size:12px}.dns-results{display:grid;gap:7px;margin-top:14px;max-height:240px;overflow:auto}.dns-results>div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:9px 10px;border-radius:9px;background:#071525;font-size:12px}.dns-results span{overflow-wrap:anywhere;color:#bcd0e2}.password-result{display:grid;gap:10px;margin-top:14px}.password-result code{display:block;padding:13px;border-radius:11px;background:#071525;border:1px solid var(--line);overflow-wrap:anywhere;color:#c9f4ff}.tools-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:30px;border:1px solid rgba(33,166,255,.28);border-radius:22px;background:linear-gradient(110deg,#0b2345,#123e77)}.tools-cta h2{margin:7px 0}.tools-cta p{margin:0;color:#b7cae0}@media(max-width:980px){.dashboard-stats,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid .tool-card:last-child{grid-column:1/-1}}@media(max-width:640px){.dashboard-stats,.tools-grid{grid-template-columns:1fr}.tools-grid .tool-card:last-child{grid-column:auto}.monitor-notify,.tools-cta{align-items:flex-start;flex-direction:column}.monitor-notify .btn{width:100%}}