:root{--ink:#172c29;--muted:#71817b;--paper:#f3f2ed;--card:#fffefa;--line:#e4e5dc;--green:#b8f36a;--deep:#123a31;--orange:#f4a15f;--red:#b44b3c;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}.hidden{display:none!important}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:74px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;border-bottom:1px solid #dfe1d8;background:rgba(249,248,242,.92);gap:26px}.brand{display:flex;align-items:center;gap:11px}.brandmark,.orbit-core{width:36px;height:36px;background:var(--deep);color:var(--green);display:grid;place-items:center;font:bold 21px var(--serif);border-radius:11px;position:relative}.brandmark span,.orbit-core span{font:700 10px var(--sans);position:absolute;right:6px;top:5px}.brand b,.brand small{display:block;letter-spacing:.12em}.brand b{font-size:9px;color:#75827b}.brand small{font-size:11px;font-weight:800;margin-top:3px}.topnote{margin-left:auto;color:#77837c;font-size:11px;letter-spacing:.04em}.live-dot,.live-tag i{display:inline-block;width:7px;height:7px;background:#6dbf63;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #e3f3dc}.shell{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,76px)}.intro{height:310px;position:relative;padding:48px 0 34px;overflow:hidden;border-bottom:1px solid #dfe1d8}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:#76827b;margin:0 0 9px}.intro h1{font:500 clamp(42px,5.4vw,69px)/.96 var(--serif);letter-spacing:-.055em;margin:0;color:#18362f}.intro h1 em{font-weight:400;color:#74877a}.intro>p{font-size:13px;color:#66776f;line-height:1.65;max-width:470px;margin:16px 0 17px}.intro-stats{display:flex;gap:22px;color:#687a72;font-size:10px}.intro-stats b{color:#a4bd89;margin-right:5px}.orbit{position:absolute;width:265px;height:265px;border-radius:50%;right:9%;top:25px;border:1px solid #d5ddd0;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;border:1px dashed #d5ddd0;border-radius:50%;inset:24px}.orbit:after{inset:50px;border-style:solid;opacity:.6}.orbit-core{width:72px;height:72px;border-radius:23px;font-size:37px;box-shadow:0 8px 28px #244b3b33}.orbit-core span{font-size:12px;right:13px;top:12px}.orbit-node{position:absolute;background:#fbfaf5;border:1px solid #e0e6da;border-radius:20px;padding:6px 10px;font-style:normal;font-weight:800;letter-spacing:.08em;font-size:8px;color:#678078}.n1{top:12px;left:105px}.n2{right:1px;top:110px}.n3{bottom:13px;left:105px}.n4{left:-9px;top:110px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:28px;padding:28px 0 56px;align-items:start}.config{display:grid;gap:15px}.panel,.summary-card{background:var(--card);border:1px solid #e7e7df;border-radius:12px;box-shadow:0 5px 18px #203b2b08}.panel{padding:23px 25px}.section-head{display:flex;align-items:flex-start;gap:13px;margin:0 0 19px}.step{width:29px;height:29px;flex:none;display:grid;place-items:center;background:#eef3e8;border-radius:9px;color:#688363;font:700 12px var(--serif)}.section-head h2,.summary-head h2{font:500 24px/1 var(--serif);letter-spacing:-.025em;margin:0 0 7px}.section-head .eyebrow{margin:1px 0 7px}.muted{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.provider-card{display:block;position:relative;border:1px solid var(--line);border-radius:9px;padding:12px 11px;cursor:pointer;transition:.18s ease;background:#fff}.provider-card:hover{border-color:#9bb68b;transform:translateY(-1px)}.provider-card.selected{border:1.5px solid #638d5c;background:#f5faef;box-shadow:0 0 0 2px #ddecdb}.provider-card input{position:absolute;opacity:0}.provider-name{font-weight:800;font-size:12px}.provider-region{font-size:9px;color:#8b9890;margin-top:3px}.size-strip{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;margin-top:9px;padding-top:7px;color:#78837b;font-size:9px}.size-strip b{color:#314d41;font-size:10px}.size-pref{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:10px;color:var(--muted)}select,input:not([type=checkbox]):not([type=radio]){color:var(--ink);background:#fff;border:1px solid #dfe3da;border-radius:7px;padding:9px 10px;outline:none}select:focus,input:focus{border-color:#8aab78!important;box-shadow:0 0 0 3px #dcebd4}select{cursor:pointer}.size-pref select{width:min(365px,65%);font-size:10px;padding:8px}.product-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;flex-wrap:wrap}.product-tools>input{width:205px;font-size:10px;padding:8px 10px!important}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter-chip{padding:6px 9px;background:#f2f3ed;border:1px solid transparent;color:#748078;border-radius:20px;font-size:9px}.filter-chip.active{background:#e9f1e1;color:#3e673d;border-color:#d4e4c9}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-card{display:flex;gap:10px;padding:10px;border:1px solid #e8e9e2;border-radius:8px;cursor:pointer;transition:.15s;background:#fff}.product-card:hover{border-color:#a5bb93}.product-card.selected{background:#f2f8eb;border-color:#8da77c}.product-card input{accent-color:#547c4c;margin:2px 0 0}.product-info{min-width:0}.product-name{font-size:11px;font-weight:800;display:flex;justify-content:space-between;gap:5px}.product-summary{font-size:9px;color:#839087;margin:3px 0 6px;line-height:1.35}.product-meta{font-size:8px;color:#6a8173;display:flex;gap:8px;flex-wrap:wrap}.base-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.base-option{display:flex;align-items:center;gap:9px;border:1px solid #e8e9e2;border-radius:8px;padding:9px 10px;background:#fff}.base-option input{accent-color:#547c4c}.base-option b{font-size:10px;display:block}.base-option small{font-size:8px;color:#879289;display:block;margin-top:2px}.base-option.required{background:#f1f3ef}.base-option.required small:after{content:' · erforderlich';color:#5c7d5a}.own-form{display:grid;grid-template-columns:1.15fr .7fr .7fr .7fr auto;align-items:end;gap:8px}.own-form label,.field{display:grid;gap:6px;color:#758179;font-size:9px}.own-form input{min-width:0;width:100%;padding:8px!important;font-size:10px}.button{border:0;border-radius:7px;padding:10px 13px;font-weight:700;font-size:10px;transition:.16s}.button:hover{filter:brightness(1.05);transform:translateY(-1px)}.button-dark{background:#1b4338;color:#eef4e7;white-space:nowrap}.own-list{display:grid;gap:6px;margin-top:11px}#ownHint{margin-top:7px;color:#95603d;background:#fff3e7;border-radius:6px;padding:7px 9px}#ownHint[hidden]{display:none}.own-row{border:1px solid #e8e9e2;background:#f8f9f5;border-radius:7px;padding:9px 10px;display:flex;align-items:center;gap:10px;font-size:10px}.own-row strong{margin-right:auto}.own-row span{color:#77837b}.remove-own{border:0;background:none;color:#ad675a;font-size:16px;padding:1px 5px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;align-items:end}.check-row{display:flex;align-items:flex-start;gap:9px;cursor:pointer;min-height:38px}.check-row input{position:absolute;opacity:0}.checkmark{width:17px;height:17px;flex:none;border:1px solid #cdd5c8;border-radius:5px;background:#fff;position:relative;margin-top:1px}.check-row input:checked+.checkmark{background:#4c7951;border-color:#4c7951}.check-row input:checked+.checkmark:after{content:'✓';position:absolute;color:white;font-size:12px;left:3px;top:-1px}.check-row input:focus-visible+.checkmark{outline:2px solid #88ad76}.check-row b{font-size:10px;display:block}.check-row small{display:block;color:#879289;font-size:8px;margin-top:3px;line-height:1.4}.domain-toggle,.reserve-toggle{align-self:center}.field select,.field input{width:100%;font-size:10px;padding:8px}.input-unit{display:flex;align-items:center;position:relative}.input-unit input{padding-right:42px!important}.input-unit i{position:absolute;right:10px;color:#849087;font-size:9px;font-style:normal}.summary{position:relative}.summary-pin{position:sticky;top:20px;display:grid;gap:9px}.summary-card{padding:21px 20px 17px;background:#fffefa}.summary-head{display:flex;justify-content:space-between;align-items:flex-start}.summary-head .eyebrow{margin:0 0 6px}.summary-head h2{font-size:25px}.live-tag{font-size:8px;color:#6a9c62;letter-spacing:.13em;font-weight:800;margin-top:3px}.live-tag i{width:6px;height:6px;margin-right:4px;box-shadow:none}.summary-counts{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #e9ebe3;padding:12px 0;margin:15px 0 13px}.summary-counts div+div{border-left:1px solid #e9ebe3;padding-left:16px}.summary-counts strong{font:500 27px var(--serif);display:block}.summary-counts span{font-size:9px;color:#7b887f}.server-list{display:grid;gap:10px}.server-plan{border:1px solid #e9ebe5;border-radius:8px;padding:10px}.server-plan-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800}.server-plan-head small{font-size:8px;color:#8a948d;font-weight:500}.meter-block{margin-top:8px}.meter-label{display:flex;justify-content:space-between;font-size:8px;color:#7b887f;margin-bottom:4px}.meter{height:5px;border-radius:9px;background:#eef0e9;overflow:hidden}.meter span{display:block;height:100%;border-radius:9px;background:#80a672;transition:width .25s}.meter.warn span{background:#e4a35e}.warnings{display:grid;gap:6px;margin-top:11px}.warning{font-size:9px;line-height:1.45;padding:8px 9px;border-radius:7px;background:#fff3e7;color:#95603d}.warning.bad{background:#faece8;color:#a44c41}.warning.good{background:#edf5e9;color:#52784b}.price-block{border-top:1px solid #e9ebe3;margin-top:15px;padding:13px 0 12px}.price-line{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:#748178}.price-line strong{font:500 23px var(--serif);color:#1d3a31}.price-line.annual{margin-top:7px}.price-line.annual strong{font:700 11px var(--sans);color:#66776f}.price-note{font-size:8px;color:#929b93;margin:5px 0 0}.button-accent{background:var(--green);color:#1a382c}.full{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;font-size:11px}.summary-foot{text-align:center;color:#97a098;font-size:8px;margin:10px 0 0}.button-reset{width:100%;background:transparent;border:1px solid #dfe3d9;color:#758178}.button-quiet{background:#edf0e8;color:#526157}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe1d8;padding:16px 0 22px;color:#8a958d;font-size:9px}footer span:first-child{font-weight:800;letter-spacing:.12em}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#10251ed9;display:grid;place-items:center;padding:20px}.modal-backdrop.hidden{display:none}.modal{background:#fffefa;color:#1d3029;width:min(740px,100%);max-height:92vh;overflow:auto;border-radius:11px;padding:25px 30px;box-shadow:0 25px 80px #0005}.modal-actions,.modal-footer{display:flex;align-items:center;justify-content:space-between}.modal-actions{font-size:9px;letter-spacing:.15em;color:#87938a;font-weight:800}.close-button{border:0;background:none;font-size:26px;color:#758178}.invoice-head{display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;border-bottom:2px solid #203b30}.invoice-head h2{font:500 30px var(--serif);margin:0 0 5px}.invoice-head p,.invoice-meta{font-size:10px;color:#758178;line-height:1.6;margin:0}.invoice-brand{font-size:9px;letter-spacing:.15em;font-weight:800;color:#476853}.invoice-meta{padding:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.invoice-table{width:100%;border-collapse:collapse;margin:9px 0 17px;font-size:10px}.invoice-table th{text-align:left;background:#eff3eb;color:#53675a;padding:9px}.invoice-table td{padding:9px;border-bottom:1px solid #e8eae3}.invoice-table td:last-child,.invoice-table th:last-child{text-align:right}.invoice-totals{margin-left:auto;width:270px;max-width:100%;font-size:11px}.invoice-totals div{display:flex;justify-content:space-between;padding:5px 0}.invoice-totals .total{border-top:1px solid #718278;margin-top:5px;padding-top:10px;font-weight:800;font-size:13px}.invoice-note{font-size:9px;color:#859087;line-height:1.5;margin-top:19px}.modal-footer{justify-content:flex-end;gap:8px;border-top:1px solid #e8eae3;padding-top:15px;margin-top:22px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);background:#183c31;color:#fff;padding:10px 15px;border-radius:8px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.panel{padding:19px}.orbit{right:4%;opacity:.8}.own-form{grid-template-columns:repeat(4,1fr)}.own-form button{grid-column:1/-1}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.topbar{padding:0 18px;height:64px}.topnote{display:none}.shell{padding:0 17px}.intro{height:auto;min-height:270px;padding:38px 0 27px}.intro>p{max-width:74%;font-size:12px}.orbit{width:150px;height:150px;right:-17px;top:60px;opacity:.45}.orbit:before{inset:15px}.orbit:after{inset:30px}.orbit-core{width:45px;height:45px;font-size:25px;border-radius:15px}.orbit-core span{right:7px;top:7px;font-size:8px}.orbit-node{font-size:6px;padding:4px 6px}.n1{top:3px;left:57px}.n2{right:-8px;top:62px}.n3{bottom:3px;left:57px}.n4{left:-13px;top:62px}.intro-stats{gap:10px;font-size:8px;flex-wrap:wrap}.workspace{grid-template-columns:1fr;padding-top:16px}.summary{grid-row:1}.summary-pin{position:static}.summary-card{padding:15px}.summary-counts{margin:10px 0}.server-list{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card .price-block{margin-top:10px;padding-top:9px}.summary-card .price-line strong{font-size:20px}.summary-foot{display:none}.summary-pin>.button-reset{display:none}.panel{padding:17px}.config{gap:11px}.section-head{margin-bottom:13px}.section-head h2{font-size:22px}.product-grid{grid-template-columns:1fr}.option-grid{gap:12px}.own-form{grid-template-columns:1fr 1fr}.own-form button{grid-column:1/-1}.size-pref{align-items:flex-start;flex-direction:column;gap:7px}.size-pref select{width:100%}.modal{padding:19px}.invoice-head h2{font-size:26px}}
@media(max-width:440px){.provider-grid,.base-grid{grid-template-columns:1fr 1fr}.provider-card{padding:9px}.size-strip{font-size:8px}.option-grid{grid-template-columns:1fr}.domain-toggle,.reserve-toggle{margin:2px 0}.server-list{grid-template-columns:1fr}.intro>p{max-width:100%;padding-right:5px}.orbit{opacity:.23}.invoice-meta{grid-template-columns:1fr}.intro-stats{max-width:80%}}
@media print{@page{size:A4;margin:15mm}body{background:white!important;color:#172c29!important;font-size:11px}.topbar,.intro,.config,.summary,footer,.modal-actions,.modal-footer,.modal-backdrop{display:none!important}.shell,.workspace{display:block!important;max-width:none!important;padding:0!important;margin:0!important}.modal{display:block!important;position:static!important;max-height:none!important;overflow:visible!important;width:100%!important;padding:0!important;box-shadow:none!important;border:0!important;border-radius:0!important}.modal-backdrop{display:block!important;position:static!important;inset:auto!important;padding:0!important;background:white!important}.invoice-head{padding-top:0}.invoice-table th{background:#eff3eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-totals{break-inside:avoid}.invoice-note{margin-top:24px}}
.provider-note{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #edf0e8;color:#849188;font-size:8px;line-height:1.4}.provider-note a{display:inline-block;color:#426d47;font-weight:800;margin-top:3px}.product-name{align-items:center}.recommend-badge{display:inline-flex;align-items:center;white-space:nowrap;background:#e4f3d9;color:#3e713b;border:1px solid #cde3c1;border-radius:12px;padding:3px 7px;font-size:8px;letter-spacing:.04em}.domain-manager{grid-column:1/-1;border-top:1px solid #e9ebe3;padding-top:13px}.domain-manager>b{font-size:10px;color:#56675d}.domain-manager>small{font-size:8px;color:#879289}.domain-list{display:grid;gap:5px}.domain-row{display:flex;align-items:center;gap:10px;border:1px solid #e7e9e1;background:#fbfcf8;border-radius:7px;padding:7px 9px;font-size:9px}.domain-row>span{margin-right:auto}.domain-row b{font-size:9px}.domain-row small{font-size:8px;color:#738177}.domain-row button{border:0;background:transparent;color:#ad675a;font-size:16px;padding:0 3px}.domain-row.placeholder-domain{background:#fff7ec;border-color:#f1d8b6}.domain-row.placeholder-domain small{display:block;color:#a67543}.domain-add{display:grid;grid-template-columns:minmax(120px,1fr) 95px auto;gap:7px}.domain-add input,.domain-add select{font-size:9px!important;padding:8px!important}.domain-add .button{white-space:nowrap;padding:8px 10px;font-size:9px}.vat-field{max-width:200px}.summary-foot{line-height:1.4}
@media(max-width:740px){.domain-add{grid-template-columns:minmax(100px,1fr) 80px}.domain-add .button{grid-column:1/-1}.domain-manager{grid-column:1}.vat-field{max-width:none}}
@media print{.invoice-table{font-size:8px}.invoice-table th,.invoice-table td{padding:6px 4px}.invoice-totals{break-inside:avoid}}

.availability-note{display:inline-block;margin-left:7px;padding:2px 5px;border-radius:8px;background:#fff3e7;color:#95603d;font-size:7px;font-weight:600;vertical-align:middle}

/* Storage Box pro App */
.app-storage{display:grid;gap:6px;margin-top:8px;padding:8px;background:#f8faf4;border:1px solid #e2e9dc;border-radius:7px;cursor:default}.box-select-label{font-size:8px;font-weight:800;color:#52675a}.app-storage select,.own-box-fields input{width:100%;font-size:9px!important;padding:7px!important}.own-box-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.own-box-fields label{display:grid;gap:4px;font-size:8px;color:#748178}.storage-price-source{font-size:7px;line-height:1.4;color:#7b887f}.storage-price-source a{color:#426d47;text-decoration:underline}.invoice-table-wrap{overflow-x:auto}.invoice-table{min-width:720px}.rclone-config{margin:12px 0 18px;padding:12px;border:1px solid #dfe6dc;border-radius:8px;background:#f8faf5;font-size:9px}.rclone-config h3{font:600 16px Georgia,serif;margin:0 0 10px}.rclone-config h4{font-size:10px;margin:10px 0 4px}.rclone-config p{color:#64756b;line-height:1.5}.rclone-config pre{white-space:pre-wrap;background:#173b31;color:#eef4e7;padding:11px;border-radius:6px;font-size:9px;overflow:auto}.rclone-config a{text-decoration:underline;color:#426d47}.remote-capacity{font-size:8px;color:#54795a;margin-top:5px}

/* Storage Box pro App */
.app-storage{display:grid;gap:6px;margin-top:8px;padding:8px;background:#f8faf4;border:1px solid #e2e9dc;border-radius:7px;cursor:default}.box-select-label{font-size:8px;font-weight:800;color:#52675a}.app-storage select,.own-box-fields input{width:100%;font-size:9px!important;padding:7px!important}.own-box-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.own-box-fields label{display:grid;gap:4px;font-size:8px;color:#748178}.storage-price-source{font-size:7px;line-height:1.4;color:#7b887f}.storage-price-source a{color:#426d47;text-decoration:underline}.invoice-table-wrap{overflow-x:auto}.invoice-table{min-width:720px}.rclone-config{margin:12px 0 18px;padding:12px;border:1px solid #dfe6dc;border-radius:8px;background:#f8faf5;font-size:9px}.rclone-config h3{font:600 16px Georgia,serif;margin:0 0 10px}.rclone-config h4{font-size:10px;margin:10px 0 4px}.rclone-config p{color:#64756b;line-height:1.5}.rclone-config pre{white-space:pre-wrap;background:#173b31;color:#eef4e7;padding:11px;border-radius:6px;font-size:9px;overflow:auto}.rclone-config a{text-decoration:underline;color:#426d47}.remote-capacity{font-size:8px;color:#54795a;margin-top:5px}

/* Vereinfachte, jederzeit sichtbare Rechnungsübersicht und Haftungshinweis */
.cost-breakdown{border-top:1px solid var(--line,#d9dfd8);margin:1rem 0;padding-top:.8rem}.cost-breakdown h3{font-size:.92rem;margin:0 0 .55rem}.cost-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .5rem;padding:.45rem 0;border-bottom:1px solid rgba(120,135,124,.2);font-size:.75rem}.cost-item span{font-weight:600}.cost-item b{text-align:right;white-space:nowrap}.cost-item small{grid-column:1/-1;color:#69756d;font-size:.7rem}.total-line{border-top:1px solid currentColor;padding-top:.45rem}.legal-notice{max-width:1200px;margin:1rem auto 2rem;padding:1.15rem 1.4rem;border:1px solid #c4a15f;border-left:5px solid #b27b19;background:#fff8e8;color:#382c17}.legal-notice strong{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.legal-notice p{margin:.45rem 0 0;font-size:.82rem;line-height:1.55}.invoice-note{border-left:4px solid #b27b19!important;background:#fff8e8!important;font-weight:600}@media print{.legal-notice{break-inside:avoid;margin-top:1rem}.cost-breakdown{break-inside:avoid}}
.unpriced{background:#fff6e6;border-radius:5px;padding:.5rem}