/* P/ HOSTING | Private Projektstudio & öffentliche Preisübersicht */
:root{color-scheme:dark;--bg:#0b1821;--navy:#283845;--accent:#ffa649;--text:#f6f7f8;--muted:#b0bec9;--border:rgba(228,242,250,.18);--glass:rgba(35,54,68,.78);--glass2:rgba(32,49,62,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased;color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-10000px;top:0}.skip:focus{z-index:999;left:12px;top:12px;padding:10px;background:var(--accent);color:#121b21}
.portal-body{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(120deg,rgba(7,19,28,.95),rgba(17,36,49,.90)),url('/assets/img/brand-texture.webp') center top/cover fixed;background-color:var(--bg);isolation:isolate}.portal-body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 30% at 96% 4%,rgba(255,166,73,.13),transparent 70%),radial-gradient(ellipse 55% 45% at 0% 98%,rgba(99,138,169,.14),transparent 75%)}
.portal-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,5vw,80px);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,20,30,.40);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.portal-brand{display:flex;align-items:center;gap:14px;text-decoration:none;letter-spacing:.38em;font-size:13px}.portal-brand img{width:41px;height:38px;object-fit:contain}.portal-separator{letter-spacing:.13em;color:#adb8c0;font-size:11px;border-left:1px solid #83929c;padding-left:14px}.portal-back,.portal-footer a{color:#d9e0e4;text-decoration:none}.portal-back:hover,.portal-footer a:hover{color:var(--accent)}
.portal-main,.portal-admin-main{width:min(1120px,calc(100% - 36px));margin:0 auto;flex:1;padding:clamp(35px,6vw,76px) 0 80px}.portal-admin-main{width:min(1310px,calc(100% - 36px))}.portal-small{max-width:650px;margin:5vh auto 0}.portal-intro{display:flex;gap:20px;align-items:end;justify-content:space-between;margin:0 0 38px}.portal-intro h1,.portal-small h1,.price-hero h1{font-size:clamp(2rem,5vw,4.3rem);line-height:1.05;font-weight:650;letter-spacing:-.052em;max-width:800px;margin:10px 0 12px}.portal-intro p,.portal-small p{max-width:650px;color:var(--muted)}.kicker,.step-label{color:var(--accent);font-size:11px;letter-spacing:.23em;font-weight:750}.portal-panel{border:1px solid var(--border);border-radius:25px;background:linear-gradient(135deg,rgba(49,71,87,.80),rgba(14,31,44,.88));-webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 24px 75px rgba(1,8,13,.32);padding:clamp(21px,4vw,38px);margin-bottom:24px}.portal-panel h2{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.03em;margin:10px 0 14px}.portal-panel h3{font-size:1.12rem;margin:0 0 14px}.portal-panel p{color:var(--muted);margin:10px 0 22px}.portal-form label,.portal-admin-form label,.inline-form label,.status-form label{font-size:.9rem;font-weight:580;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.portal-form input:not([type=checkbox]),.portal-form select,.portal-form textarea,.portal-admin-form input:not([type=checkbox]),.portal-admin-form select,.portal-admin-form textarea,.inline-form input,.inline-form select,.status-form select{width:100%;min-height:48px;border:1px solid rgba(236,243,249,.25);border-radius:12px;background:rgba(11,27,39,.72);padding:12px 15px;color:var(--text);outline:none;transition:border .2s,box-shadow .2s}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus,.portal-admin-form input:focus,.portal-admin-form textarea:focus,.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,166,73,.12)}.portal-form input::placeholder,.portal-form textarea::placeholder{color:#91a3b1}.portal-form textarea,.portal-admin-form textarea{min-height:105px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.primary-btn,.ghost-btn,.danger-btn{display:inline-flex;gap:10px;justify-content:center;align-items:center;border-radius:999px;min-height:46px;line-height:1.25;padding:12px 21px;border:1px solid transparent;text-decoration:none;font-size:.92rem;font-weight:660;transition:background .2s,transform .2s,box-shadow .2s}.primary-btn{background:var(--accent);color:#111b23;box-shadow:0 5px 25px rgba(255,166,73,.2)}.primary-btn:hover{background:#ffbd78;transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,166,73,.22)}.ghost-btn{border:1px solid rgba(230,243,250,.32);background:rgba(255,255,255,.07);color:var(--text)}.ghost-btn:hover{background:rgba(255,255,255,.16)}.danger-btn{border-color:rgba(255,146,146,.4);background:rgba(133,34,34,.22);color:#ffd0d0}.danger-btn:hover{background:rgba(133,34,34,.37)}.subtle,.portal-panel .subtle{font-size:.84rem;color:#a9b7c0}.subtle a{color:#ffb870}.alert,.success-alert{border-radius:15px;padding:14px 17px;margin:16px 0;background:rgba(138,31,36,.27);border:1px solid rgba(255,158,158,.42);color:#ffe3e3}.success-alert{background:rgba(28,97,70,.26);border-color:rgba(114,222,165,.4);color:#c7ffe5}.portal-footer{padding:26px 18px;text-align:center;color:#abb8c3;border-top:1px solid rgba(255,255,255,.12);font-size:.84rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-grid label,.price-choice,.consent,.inline-check{flex-direction:row!important;align-items:center!important;font-weight:500!important;gap:12px!important}.feature-grid label{border:1px solid var(--border);border-radius:12px;background:rgba(5,20,31,.3);padding:14px;margin:0!important}.check-group{margin:8px 0 14px}.feature-grid input,.price-choice input,.consent input,.inline-check input{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0}.price-choices{display:grid;gap:10px}.price-choice{border:1px solid var(--border);border-radius:17px;background:rgba(9,23,35,.42);padding:18px;cursor:pointer;margin-bottom:0!important;transition:border-color .2s,background .2s}.price-choice:has(input:checked){border-color:rgba(255,166,73,.75);background:rgba(255,166,73,.11)}.price-choice-text{display:flex;flex-direction:column;flex:1;min-width:0}.price-choice-text strong{font-size:1rem}.price-choice-text small{font-size:.84rem;color:#aabbc7;font-weight:400;line-height:1.6}.price-value{font-weight:740;white-space:nowrap;color:var(--accent)}.price-summary{margin-top:20px;padding:23px;display:flex;flex-wrap:wrap;gap:10px 25px;border-radius:17px;background:rgba(7,18,29,.65);border:1px solid var(--border)}.price-summary span{display:flex;flex-direction:column;gap:4px;color:#b5c2cb}.price-summary b{color:#fff;font-size:1.45rem}.price-summary small{width:100%;color:var(--accent)}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:28px}.submit-row p{max-width:600px;font-size:.88rem;margin:0}.consent{font-size:.89rem!important;margin:0 0 25px!important;align-items:flex-start!important}.consent a{color:#ffb86b}
@media(max-width:740px){.portal-head{padding:14px 18px}.portal-brand{letter-spacing:.18em;gap:8px}.portal-brand img{width:33px;height:32px}.portal-separator{font-size:9px;padding-left:7px}.portal-back{font-size:.8rem}.portal-main,.portal-admin-main{padding-top:28px}.portal-intro{align-items:start;flex-direction:column}.form-grid,.feature-grid{grid-template-columns:1fr}.price-choice{flex-wrap:wrap}.price-value{flex:1 1 100%;padding-left:32px}.submit-row{flex-direction:column;align-items:stretch}.submit-row .primary-btn{width:100%}.portal-panel{border-radius:19px}.portal-small{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}