:root{--bg:#061c27;--bg2:#082c3a;--card:#0b3442;--card2:#0e3f50;--line:#174958;--green:#43d17f;--green2:#2eb96a;--text:#f6fbfc;--muted:#9eb7c0;--warn:#ffca55;--danger:#ff6b6b}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 Arial,sans-serif;background:linear-gradient(180deg,#061c27,#082733);color:var(--text);min-height:100vh}
a{color:inherit}.topbar{position:sticky;top:0;z-index:10;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(7,50,70,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900}.brand img{width:44px;height:44px;border-radius:13px}.brand b{color:var(--green)}.top-actions{display:flex;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#115845;color:#eafff2;font-size:12px;font-weight:800}.pill.warn{background:#6a5416;color:#fff3c6}.pill.muted{background:#123a47;color:#c6d9df}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 78px)}.sidebar{padding:18px 12px;background:#072b39;border-right:1px solid var(--line)}.navbtn{width:100%;border:0;background:transparent;color:#d7e7eb;padding:13px 14px;margin:3px 0;border-radius:13px;text-align:left;font-weight:800;cursor:pointer}.navbtn:hover,.navbtn.active{background:#0f755d;color:#fff}.content{padding:26px;max-width:1500px;width:100%}
.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.hero h1{font-size:34px;margin:0 0 6px}.hero p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:linear-gradient(180deg,var(--card),#0a3040);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 14px 36px rgba(0,0,0,.12)}.card h2,.card h3{margin-top:0}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric{font-size:30px;font-weight:900;margin:4px 0}.muted{color:var(--muted)}.accent{color:var(--green)}.warntext{color:var(--warn)}.danger{color:var(--danger)}
.btn{border:0;border-radius:12px;background:var(--green);color:#05261d;padding:11px 14px;font-weight:900;cursor:pointer}.btn.secondary{background:#14485a;color:#fff}.btn.danger{background:#8a2d36;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.field{display:grid;gap:6px}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:12px 13px;background:#082c3a;color:#fff;border:1px solid var(--line);border-radius:12px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green)}
.module{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#0a2f3d;border:1px solid #144858}.module-icon{width:46px;height:46px;border-radius:14px;background:#104b5c;display:grid;place-items:center;font-size:24px}.module strong{display:block;margin-bottom:4px}
.quick-card{padding:22px}.quick-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.quick-head h2{font-size:26px;margin:2px 0 2px}.quick-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--green)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-action{appearance:none;width:100%;min-height:112px;border:1px solid #185568;border-radius:18px;background:linear-gradient(145deg,#0d3b4b,#092f3c);color:var(--text);padding:16px;text-align:left;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;gap:13px;align-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.quick-action:hover,.quick-action:focus-visible{transform:translateY(-2px);border-color:var(--green);background:linear-gradient(145deg,#104b58,#0b3744);box-shadow:0 12px 28px rgba(0,0,0,.18);outline:none}.quick-icon{width:50px;height:50px;border-radius:15px;background:rgba(67,209,127,.10);display:grid;place-items:center;font-size:25px}.quick-action strong{display:block;font-size:16px;margin-bottom:5px}.quick-action small{display:block;color:var(--muted);font-size:12px;line-height:1.4}.quick-arrow{font-size:30px;line-height:1;color:var(--green);justify-self:end}.quick-action.locked{opacity:.58}.quick-action.locked .quick-arrow:after{content:' 🔒';font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--green)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.empty{padding:20px;text-align:center;color:var(--muted)}[hidden]{display:none!important}.upload-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.upload-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#0f4252,#0a3441);border:1px solid #1c596a;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.upload-card:hover{transform:translateY(-2px);border-color:var(--green);background:linear-gradient(180deg,#115164,#0a3948)}.upload-card.primary{background:linear-gradient(180deg,#12634d,#0e4a3b);border-color:#1c7c60}.upload-card input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:26px;flex:0 0 auto}.upload-copy strong{display:block;font-size:16px}.upload-copy span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.upload-preview{margin-top:14px;display:grid;gap:10px}.upload-preview img{max-width:100%;max-height:340px;border-radius:18px;border:1px solid var(--line)}
.login-wrap{max-width:760px;margin:36px auto;padding:0 18px}.login-card{background:linear-gradient(180deg,#0b3442,#082c3a);border:1px solid var(--line);border-radius:24px;padding:24px}.portal-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.portal-link{padding:15px;border-radius:16px;background:#0d3c4c;border:1px solid var(--line);text-decoration:none}.portal-link strong{display:block;margin-bottom:4px}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.navbtn{min-width:150px}.span-3,.span-4,.span-6,.span-8{grid-column:span 12}.hero{align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.water-card{transition:transform .18s ease,border-color .18s ease}.water-card:hover{transform:translateY(-3px);border-color:var(--green)}
.water-thumb{width:100%;height:190px;object-fit:cover;display:block;background:#0a2d39}
.water-hero{position:relative;overflow:hidden;border-radius:24px;min-height:320px;background:#0a2d39}
.water-hero img{width:100%;height:360px;object-fit:cover;display:block}
.water-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(2,20,27,.86) 100%)}
.water-hero-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:#fff}
.water-hero-overlay h2{font-size:32px;margin:8px 0 4px}.water-hero-overlay p{margin:0;color:#d9eaee}
.water-report{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.water-report input{min-width:160px;max-width:220px}
.water-history{display:grid;gap:7px}.water-history-row{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.water-history-row span{color:var(--muted)}
#waterDetail .water-temp-card{padding:14px 16px}#waterDetail .water-temp-card h3{font-size:18px;margin-bottom:8px}#waterDetail .water-temp-card .metric{font-size:28px}#waterDetail .water-temp-card h4{font-size:13px!important;margin:12px 0 5px!important}#waterDetail .water-temp-card .water-history{gap:4px}#waterDetail .water-temp-card .water-history-row{padding:6px 9px;border-radius:10px;font-size:12px}#waterDetail .water-temp-card .water-report{margin-top:10px;padding-top:10px}#waterDetail .water-temp-card .water-report label{font-size:12px}#waterDetail .water-temp-card .water-report .btn{padding:8px 10px;font-size:12px}#waterDetail .water-temp-card .water-report input{padding:8px 10px;font-size:13px}#waterDetail .water-ban-details{margin:12px 0 16px;border:1px solid rgba(236,95,95,.24);border-radius:14px;background:rgba(112,26,26,.12);overflow:hidden}#waterDetail .water-ban-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:900;flex-wrap:wrap}#waterDetail .water-ban-details[open]>summary .muted{display:none}#waterDetail .water-ban-details>summary::-webkit-details-marker{display:none}#waterDetail .water-ban-details>summary:after{content:'▾';font-size:12px;transition:transform .18s ease}#waterDetail .water-ban-details[open]>summary:after{transform:rotate(180deg)}#waterDetail .water-ban-details-body{padding:0 12px 12px}#waterDetail .fish-rule-explainer{margin:4px 0 12px;font-size:13px}#waterDetail .fish-rule-card{align-items:flex-start;padding:14px 15px}#waterDetail .fish-rule-copy{min-width:0;flex:1}#waterDetail .fish-rule-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#waterDetail .fish-rule-head strong{font-size:17px}#waterDetail .fish-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;line-height:1.1}#waterDetail .fish-status-detail{margin-top:8px;font-size:13px;font-weight:800;line-height:1.35}#waterDetail .fish-status-detail.closed,#waterDetail .fish-status-detail.banned{color:#ffb0b0}#waterDetail .fish-status-detail.allowed{color:#8fe6b3}#waterDetail .fish-status-detail.limited{color:#f2d889}#waterDetail .fish-rule-source{margin-top:5px;color:#8faab6;font-size:11px;font-weight:800}#waterDetail .fish-status.allowed{background:rgba(60,190,123,.13);border:1px solid rgba(91,220,151,.28);color:#83ebb2}#waterDetail .fish-status.closed{background:rgba(224,75,75,.14);border:1px solid rgba(239,103,103,.30);color:#ff9a9a}#waterDetail .fish-status.limited{background:rgba(231,187,62,.12);border:1px solid rgba(231,187,62,.28);color:#f5d97a}#waterDetail .fish-status.banned{background:rgba(224,75,75,.14);border:1px solid rgba(239,103,103,.30);color:#ff9a9a}#waterDetail .fish-rule-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}#waterDetail .fish-rule-facts>span{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#abc2cc;font-size:12px}#waterDetail .fish-rule-facts b{color:#eaf4f7}#waterDetail .fish-rule-card.closed{border-color:rgba(239,103,103,.28)}#waterDetail .fish-rule-card.banned{border-color:rgba(239,103,103,.28)}@media(max-width:520px){#waterDetail .fish-rule-card{padding:12px}#waterDetail .fish-rule-head{align-items:flex-start;flex-direction:column;gap:7px}#waterDetail .fish-rule-facts{display:grid;grid-template-columns:1fr;width:100%}}
@media(max-width:700px){.water-thumb{height:160px}.water-hero{min-height:240px}.water-hero img{height:260px}.water-hero-overlay{left:16px;right:16px;bottom:14px}.water-hero-overlay h2{font-size:24px}.water-history-row{align-items:flex-start;flex-direction:column;gap:2px}}

@media(max-width:700px){
  .topbar{height:66px;padding:0 10px;gap:8px}
  .brand{font-size:22px;gap:8px;min-width:0}.brand img{width:36px;height:36px}
  .top-actions{gap:5px;min-width:0}.top-actions .btn{padding:8px 9px;font-size:12px}.top-actions .pill{padding:6px 8px;font-size:10px}
  .content{padding:14px;min-width:0}.sidebar{padding:8px;max-width:100vw}
  .navbtn{min-width:132px;padding:10px 11px}
  .upload-actions,.portal-links,.quick-grid{grid-template-columns:1fr}
  .quick-card{padding:16px}.quick-action{min-height:96px;padding:13px;grid-template-columns:46px minmax(0,1fr) 20px}.quick-icon{width:46px;height:46px}.quick-head h2{font-size:23px}
  .upload-card{padding:14px}.hero h1{font-size:28px}
  .row{max-width:100%}.water-report .row{align-items:stretch}.water-report input{min-width:0;max-width:none;flex:1 1 150px}
}
.published-water-map{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#061f29;padding:6px}
.catch-card{transition:transform .16s ease,border-color .16s ease}.catch-card:hover{transform:translateY(-2px);border-color:var(--green)}

.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.plan-card{position:relative;background:linear-gradient(180deg,#0e4050,#0a303d);border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;min-height:100%}
.plan-card.featured{border:2px solid var(--green);box-shadow:0 0 0 1px rgba(67,209,127,.16),0 18px 46px rgba(0,0,0,.2)}
.plan-ribbon{position:absolute;right:14px;top:14px;background:var(--green);color:#05261d;font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px}
.plan-icon{width:50px;height:50px;border-radius:15px;background:#124d5d;display:grid;place-items:center;font-size:25px;margin-bottom:12px}
.plan-card h3{font-size:22px;margin-bottom:7px}.plan-price{font-size:30px;font-weight:900;color:var(--green)}.plan-price span{font-size:13px;font-weight:700;color:var(--muted);margin-left:5px}
.plan-trial{font-weight:800;margin:5px 0 14px}.plan-card ul{padding:0;margin:0 0 18px;list-style:none;display:grid;gap:8px;color:#d7e7eb;flex:1}.plan-btn{width:100%}
.subscription-status{padding:4px 0 2px}
@media(max-width:1050px){.plans-grid{grid-template-columns:1fr}.plan-card{min-height:auto}}

.plan-subtitle{color:var(--muted);min-height:42px;margin:0 0 12px}
.plan-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(67,209,127,.14);color:var(--green);font-weight:900;margin-right:8px;flex:0 0 auto}
.plan-card li{display:flex;align-items:flex-start;line-height:1.35}
.plan-card.featured .plan-icon{background:rgba(67,209,127,.16);color:var(--green)}
.plan-card .plan-btn{margin-top:auto;padding:13px 15px;font-size:15px}
.membership-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid rgba(67,209,127,.28);background:rgba(67,209,127,.07);border-radius:16px}.membership-note strong{white-space:nowrap;color:var(--green)}.membership-note span{color:#d7e7eb}@media(max-width:700px){.membership-note{flex-direction:column;gap:5px}.membership-note strong{white-space:normal}}
.navbtn.locked{opacity:.58;position:relative}.navbtn.locked:after{content:'🔒';float:right;font-size:12px}.plan-warning{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:14px 16px;border-radius:16px;background:rgba(255,202,85,.09);border:1px solid rgba(255,202,85,.35);color:var(--warn)}

.master-wrap{border:1px solid rgba(67,209,127,.35);background:linear-gradient(145deg,#103f42,#0b3040)}
.master-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.master-kicker{display:inline-block;color:var(--green);font-weight:900;font-size:11px;letter-spacing:.14em;margin-bottom:5px}
.master-head h2{font-size:28px;margin:0 0 4px}.master-badge{padding:10px 14px;border-radius:14px;background:#173b46;color:var(--muted);font-weight:900;white-space:nowrap}.master-badge.done{background:rgba(67,209,127,.16);color:var(--green);border:1px solid rgba(67,209,127,.4)}
.master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.master-goal{padding:16px;border-radius:18px;border:1px solid var(--line);background:#082d39}.master-goal.done{border-color:rgba(67,209,127,.45);background:linear-gradient(180deg,rgba(67,209,127,.08),#082d39)}
.master-goal-top{display:flex;justify-content:space-between;align-items:center}.master-icon{font-size:27px}.master-progress{height:9px;border-radius:999px;background:#061f29;overflow:hidden;margin:12px 0 7px}.master-progress span{display:block;height:100%;background:var(--green);border-radius:999px}.master-count{font-weight:900;color:#dff7e8}
.reward-banner{display:flex;gap:14px;align-items:center;border-color:rgba(67,209,127,.45);background:linear-gradient(90deg,rgba(67,209,127,.1),#0a3040)}
@media(max-width:800px){.master-head{flex-direction:column}.master-grid{grid-template-columns:1fr}.master-badge{white-space:normal}}

.master-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.master-info-grid>div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px}
.master-info-grid strong{color:#dff7e8}.master-info-grid span{color:var(--muted);line-height:1.4}
.master-final{margin-top:8px}
@media(max-width:700px){.master-info-grid{grid-template-columns:1fr}}

.catch-photo-wrap{height:190px;margin:-2px -2px 14px;border-radius:14px;overflow:hidden;background:#061f29;display:grid;place-items:center}
.catch-photo{width:100%;height:100%;object-fit:cover;display:block}.catch-photo-loading{color:var(--muted);font-size:13px}
.master-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.master-info-grid>div{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:4px}.master-info-grid strong{color:#fff}.master-info-grid span{color:var(--muted);line-height:1.35}
.master-final{margin-top:8px}
@media(max-width:900px){.master-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.master-info-grid{grid-template-columns:1fr}.catch-photo-wrap{height:210px}}

.permit-analysis{margin-top:14px;padding:16px;border-radius:18px;border:1px solid rgba(67,209,127,.30);background:rgba(67,209,127,.055)}
.permit-analysis-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.permit-analysis-head>div{display:flex;flex-direction:column;gap:4px}.permit-analysis-head span{color:var(--muted)}
.permit-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.permit-analysis-grid>div{padding:10px 12px;border-radius:13px;background:#082d39;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.permit-analysis-grid>div.ok{border-color:rgba(67,209,127,.28)}.permit-analysis-grid>div.missing{border-color:rgba(255,202,85,.35)}.permit-analysis-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.permit-analysis-grid strong{line-height:1.25}.permit-analysis-loading{font-weight:800;color:var(--green)}
@media(max-width:800px){.permit-analysis-head{flex-direction:column}.permit-analysis-grid{grid-template-columns:1fr}}

.sidebar .navbtn{scroll-margin-top:90px}
.permit-categories{position:sticky;top:78px;z-index:9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:8px 0;background:#082733}.permit-category{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:center;text-align:left;padding:16px;border:1px solid var(--line);border-radius:18px;background:#0b3442;color:var(--text);cursor:pointer}.permit-category>span{grid-row:span 2;font-size:27px}.permit-category strong{font-size:17px}.permit-category small{color:var(--muted)}.permit-category:hover,.permit-category:focus-visible,.permit-category.active{border-color:var(--green);background:#104538;outline:none}.permit-list-head{margin:25px 0 10px}.permit-list-head h2{margin:0 0 3px}.permit-list-head p{margin:0}@media(max-width:700px){.permit-categories{top:66px;grid-template-columns:1fr}}
.camera-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:18px}
.camera-dialog{width:min(760px,96vw);background:#082c3a;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.45)}
.camera-dialog video{width:100%;max-height:68vh;object-fit:contain;background:#02090c;border-radius:16px;margin:12px 0}
.catch-photo-wrap.missing{border:1px dashed rgba(255,202,85,.45);background:rgba(255,202,85,.06)}
.upload-card[type=button]{width:100%;color:inherit;text-align:left;font:inherit}

.legal-footer{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:22px 18px;border-top:1px solid var(--line);background:#061f29;color:var(--muted);font-size:13px}
.legal-footer a{text-decoration:none}.legal-footer a:hover{color:var(--green)}
.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.contract-grid>div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px}
.contract-grid span{font-size:12px;color:var(--muted)}.contract-grid strong{color:#fff}
.old-price{text-decoration:line-through;color:var(--muted);font-size:17px!important;margin:0 5px 0 0!important}
.discount-note{color:var(--green);font-weight:800;font-size:13px;margin:4px 0 8px}
.contract-actions{margin-top:14px}
.legal-page{max-width:920px;margin:32px auto;padding:0 18px 42px}.legal-page .card{margin-bottom:14px}
.legal-page h1{font-size:36px;margin-bottom:8px}.legal-page h2{margin-top:6px}
.legal-draft{border-color:rgba(255,202,85,.45);background:rgba(255,202,85,.07)}
@media(max-width:800px){.contract-grid{grid-template-columns:1fr}.legal-footer{gap:10px 14px;padding-bottom:28px}.legal-page h1{font-size:29px}}

@media(max-width:700px){.shell{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(12,minmax(0,1fr))}.card{min-width:0;overflow-wrap:anywhere}}

.share-consent{margin:14px 0;padding:14px 16px;border:1px solid rgba(67,209,127,.28);border-radius:16px;background:rgba(67,209,127,.05)}
.share-consent>strong{display:block;margin-bottom:4px}.share-consent label{display:flex;gap:8px;align-items:center;color:#d7e7eb}
.public-share-image{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin-bottom:16px;border:1px solid var(--line);background:#061f29}

.contract-history{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.contract-history h3{margin:0 0 10px}
.contract-event{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}
.contract-event:first-of-type{border-top:0}.contract-event>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.contract-event strong{overflow-wrap:anywhere}
@media(max-width:800px){.contract-event{grid-template-columns:1fr}}

.catch-photo-guide{display:flex;flex-direction:column;gap:7px;margin:14px 0 4px;padding:14px 16px;border:1px solid rgba(67,209,127,.32);border-radius:15px;background:rgba(67,209,127,.06);color:#d7e7eb}.catch-photo-guide strong{color:#fff}.catch-photo-guide span{line-height:1.45}.catch-photo-guide .muted{font-size:13px}

/* ===== Dashboard redesign 2026-09-26 ===== */
body.logged-in .topbar{display:none}
body.logged-in .shell{min-height:100vh;grid-template-columns:330px minmax(0,1fr)}
body.logged-in .sidebar{padding:0 14px 24px;background:linear-gradient(180deg,#041827 0%,#062235 55%,#051b2b 100%);border-right:1px solid #12364a;position:sticky;top:0;height:100vh;overflow:auto}
body.logged-in .content{max-width:none;padding:0;background:radial-gradient(circle at 70% -10%,rgba(26,113,151,.2),transparent 35%),linear-gradient(180deg,#041827,#062235);min-width:0}
.side-brand{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 8px 16px}
.side-brand img{width:130px;height:96px;object-fit:contain;display:block;filter:drop-shadow(0 9px 16px rgba(0,0,0,.22));margin-bottom:30px;flex:0 0 auto}
.side-brand-text{font-size:53px;line-height:.95;font-weight:900;letter-spacing:-.05em;color:#f8fbff;text-align:center;margin-top:0}.side-brand-text span{color:#66bf2f}.side-brand-text small{display:block;font-size:10.4px;letter-spacing:.32em;font-weight:700;color:#d9e6ed;margin-top:12px}
body.logged-in .navbtn{display:flex;align-items:center;gap:14px;color:#dce8f1;font-size:16px;font-weight:700;padding:13px 16px;border:1px solid transparent;border-radius:9px;margin:2px 0}
body.logged-in .navbtn .navico{width:30px;text-align:center;color:#9fd8ff;font-size:21px;line-height:1}
body.logged-in .navbtn:hover{background:rgba(26,126,167,.14);border-color:#1d6383}
body.logged-in .navbtn.active{background:linear-gradient(90deg,rgba(16,103,139,.55),rgba(11,76,103,.45));border-color:#1682af;color:#fff;box-shadow:inset 3px 0 0 #50dd88}
.dashboard-page{min-height:100vh;padding-bottom:28px}
.dashboard-topline{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(3,22,35,.95),rgba(7,47,69,.88))}
.dashboard-topline h1{font-size:25px;margin:0;color:#fff}.dashboard-topline p{margin:2px 0 0;color:#c3d5df;font-size:16px}
.dash-user{display:flex;align-items:center;gap:12px}.dash-user strong,.dash-user small{display:block}.dash-user strong{font-size:16px}.dash-user small{color:#a9bdd0;margin-top:2px}.dash-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4b8ec1,#265c8d);font-size:18px;color:#d9edff}.dash-bell{position:relative;font-size:26px;color:#b7d8ec}.dash-bell span{position:absolute;width:10px;height:10px;border-radius:50%;background:#58dd78;right:-1px;top:0;border:2px solid #062235}
.dash-hero{position:relative;height:260px;overflow:hidden;margin:0;background:#09293a}.dash-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dash-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,34,.92) 0%,rgba(3,22,34,.48) 43%,rgba(3,22,34,.12) 100%),linear-gradient(0deg,rgba(2,18,29,.15),rgba(2,18,29,.08))}
.dash-welcome{position:absolute;left:44px;top:38px;z-index:2}.dash-welcome h2{font-size:50px;line-height:1.08;margin:0;color:#fff;letter-spacing:-.03em}.dash-welcome h2 span{color:#68df62}.dash-welcome p{font-size:24px;color:#bfd3e6;margin:18px 0 0}
.dash-weather{position:absolute;right:38px;top:45px;z-index:2;width:200px;padding:16px 18px;border-radius:22px;background:rgba(5,29,43,.82);border:1px solid rgba(97,155,186,.45);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(9px)}.dash-weather>strong{font-size:16px}.dash-weather-main{display:flex;align-items:center;gap:10px;margin:10px 0 2px}.dash-weather-main .sun{font-size:36px;color:#ffd24b}.dash-weather-main b{font-size:34px}.dash-weather>span{display:block;font-size:16px}.dash-weather>small{display:block;margin-top:8px;color:#a9bed0}
.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:28px 40px 18px}.dash-stat{appearance:none;border-radius:20px;padding:20px 22px;min-height:118px;display:grid;grid-template-columns:72px minmax(0,1fr) 20px;gap:14px;align-items:center;text-align:left;color:#fff;background:#0a2639;border:1px solid #1f5270;box-shadow:0 16px 36px rgba(0,0,0,.17);cursor:pointer}.dash-stat.blue{border-color:#267fb4;background:linear-gradient(135deg,#0b3554,#102f4e)}.dash-stat.green{border-color:#3a8c55;background:linear-gradient(135deg,#0c3f3e,#0b352f)}.dash-stat.purple{border-color:#674cb0;background:linear-gradient(135deg,#1d2455,#202355)}.dash-stat.gold{border-color:#9b7123;background:linear-gradient(135deg,#403b22,#2d2d1d)}.dash-stat-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:32px}.dash-stat small{display:block;font-size:17px;color:#d8e2ea}.dash-stat b{display:block;font-size:35px;line-height:1;margin-top:4px}.dash-stat i{font-style:normal;font-size:38px;color:#cfe0eb;font-weight:200}
.dash-section{padding:8px 40px 18px}.dash-section>h2{font-size:28px;margin:0 0 14px;padding-bottom:7px;position:relative}.dash-section>h2:after{content:'';position:absolute;left:0;bottom:0;width:120px;height:3px;border-radius:3px;background:#58d465}
.dash-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.dash-quick>button{appearance:none;border:1px solid #256e96;border-radius:18px;background:linear-gradient(135deg,#0b3652,#0b2e47);color:#fff;padding:19px 20px;min-height:114px;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;cursor:pointer}.dash-quick>button:nth-child(2){border-color:#2b785e;background:linear-gradient(135deg,#0b423d,#0c3435)}.dash-quick>button:nth-child(3){border-color:#604bb1;background:linear-gradient(135deg,#292258,#25204a)}.dash-quick>button:nth-child(4){border-color:#997226;background:linear-gradient(135deg,#453c20,#302d1c)}.dq-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:30px}.dash-quick strong{display:block;font-size:17px}.dash-quick small{display:block;color:#ccd6df;font-size:13px;margin-top:3px}.dash-quick i{font-style:normal;font-size:32px;color:#d7e5ee}
.dash-premium{margin:4px 40px 0;border:1px solid #4ba84a;border-radius:18px;min-height:110px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 28px;background:linear-gradient(90deg,rgba(9,47,55,.95),rgba(15,51,49,.82)),url('assets/waters/schoenbrunn.jpg') center 68%/cover;color:#fff;cursor:pointer}.premium-crown{font-size:42px;color:#ffd64a}.dash-premium strong{display:block;color:#82e660;font-size:22px}.dash-premium small{display:block;color:#e1e8ec;margin-top:3px}.dash-premium button{border:0;background:#80eb68;color:#062818;border-radius:999px;font-weight:900;font-size:16px;padding:15px 28px;cursor:pointer}
.dashboard-page>#permitReminder{margin:0 40px 18px}
@media(max-width:1150px){body.logged-in .shell{grid-template-columns:250px 1fr}.side-brand{min-height:220px}.side-brand img{width:115px;height:84px;margin-bottom:24px}.side-brand-text{font-size:35px}.dash-stats,.dash-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-welcome h2{font-size:40px}.dash-weather{right:22px}}
@media(max-width:820px){body.logged-in .shell{display:block}.side-brand{display:none}body.logged-in .sidebar{height:auto;position:sticky;top:0;z-index:20;display:flex;padding:8px;overflow:auto}.dashboard-topline{padding:0 16px;height:76px}.dash-user .dash-bell,.dash-user .dash-avatar{display:none}.dash-hero{height:330px}.dash-welcome{left:20px;top:28px}.dash-welcome h2{font-size:34px}.dash-weather{left:20px;right:auto;top:auto;bottom:18px;width:210px}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 16px}.dash-stat{min-width:0;min-height:112px;padding:14px 12px;grid-template-columns:52px minmax(0,1fr) 12px;gap:9px}.dash-stat-icon{width:50px;height:50px;border-radius:15px;font-size:25px}.dash-stat>span:nth-child(2){min-width:0;align-self:center}.dash-stat small{font-size:14px;line-height:1.18;overflow-wrap:normal;word-break:normal;hyphens:none}.dash-stat b{font-size:31px;margin-top:7px}.dash-stat i{font-size:29px;line-height:1}.dash-section{padding:4px 16px 14px}.dash-quick{grid-template-columns:1fr}.dash-premium{margin:4px 16px;grid-template-columns:50px 1fr}.dash-premium button{grid-column:1/-1}.dashboard-page>#permitReminder{margin:0 16px 14px}}

/* ===== Erfolge & Statistik ===== */
#page-benefits{padding:30px 40px 34px}
#page-benefits>.hero{margin-bottom:18px}
#page-benefits>#benefitsGate,#page-benefits>#benefitsGrid{max-width:1320px}
@media(max-width:820px){#page-benefits{padding:22px 16px 28px}}
#page-achievements{padding-bottom:28px}
#page-achievements>.hero{padding:32px 40px 8px;margin:0}
#page-achievements>.hero h1{font-size:34px}
#achievementsGrid{padding:14px 40px 30px}
.stats-hero{padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#0b3a55,#0b2e47);border:1px solid #267fb4;box-shadow:0 16px 38px rgba(0,0,0,.16)}
.stats-hero h2{font-size:28px;margin:4px 0 4px}.stats-hero p{margin:0;color:#b8ccd9}
.stats-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.stats-kpis>div{min-height:118px;border-radius:18px;padding:16px;background:linear-gradient(145deg,#0c3145,#0a2638);border:1px solid #1d5a78;display:flex;flex-direction:column;justify-content:center}
.stats-kpis>div:nth-child(2){border-color:#3c8d65}.stats-kpis>div:nth-child(3){border-color:#8a6a25}.stats-kpis>div:nth-child(4){border-color:#6b51aa}.stats-kpis>div:nth-child(5){border-color:#2976a4}.stats-kpis>div:nth-child(6){border-color:#3d846e}
.stats-kpis span{font-size:26px}.stats-kpis small{display:block;color:#a9bdca;margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stats-kpis b{font-size:25px;margin-top:3px}
.behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.behavior-card{background:linear-gradient(180deg,#0b3442,#0a2b39);border:1px solid #174958;border-radius:20px;padding:18px;min-width:0}
.behavior-card h3{margin:0 0 14px;font-size:20px}
.behavior-bars{display:grid;gap:10px}.behavior-row{display:grid;grid-template-columns:90px minmax(0,1fr) 36px;gap:10px;align-items:center}.behavior-row>span{color:#c7d6de;font-size:13px}.behavior-row>div{height:10px;border-radius:999px;background:#061d29;overflow:hidden}.behavior-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#21a7e8,#5dd577)}.behavior-row b{text-align:right;font-size:13px}
.rank-list{display:grid;gap:8px}.rank-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.rank-no{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#113e52;color:#79d8ff;font-weight:900}.rank-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{color:#a9bdca;font-size:12px;text-align:right}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-grid>div{padding:14px;border-radius:15px;background:#082d3b;border:1px solid #164b5d}.insight-grid strong{display:block;font-size:28px;color:#69d98a}.insight-grid span{display:block;color:#a9bdca;margin-top:3px;font-size:12px}
.angler-insights{display:grid;gap:9px}.angler-insights p{margin:0;padding:11px 13px;border-radius:13px;background:rgba(64,201,126,.07);border:1px solid rgba(64,201,126,.16);color:#dce8ee}.angler-insights strong{color:#70dc91}
#page-achievements table{min-width:720px}#page-achievements th{color:#8fb5c7}#page-achievements td,#page-achievements th{padding:12px 10px}#page-achievements tbody tr:hover{background:rgba(255,255,255,.025)}
#page-achievements .card>.row>.pill{margin-bottom:6px}
@media(max-width:1250px){.stats-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){#achievementsGrid{padding:12px 16px 24px}#page-achievements>.hero{padding:22px 16px 4px}.stats-kpis{grid-template-columns:repeat(2,1fr)}.behavior-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}}
@media(max-width:560px){.stats-kpis{grid-template-columns:1fr}.behavior-row{grid-template-columns:76px minmax(0,1fr) 30px}.rank-list>div{grid-template-columns:28px minmax(0,1fr)}.rank-value{grid-column:2;text-align:left}.stats-hero h2{font-size:23px}}

/* ===== Legal branding ===== */
.legal-page{max-width:980px;margin:0 auto;padding:34px 20px 48px}
.legal-title-brand{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:16px 18px;border:1px solid #174958;border-radius:18px;background:linear-gradient(135deg,#0b3442,#082c3a)}
.legal-title-brand img{width:68px;height:68px;border-radius:16px;object-fit:cover;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.legal-title-brand span{display:block;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px}
.legal-title-brand h1{margin:0;font-size:32px}
.legal-page+.legal-footer{}
.topbar .brand img{width:44px;height:44px;border-radius:12px;object-fit:cover}
@media(max-width:600px){.legal-page{padding:22px 14px 36px}.legal-title-brand{align-items:flex-start}.legal-title-brand img{width:54px;height:54px}.legal-title-brand h1{font-size:26px}}

/* ===== Dashboard overview expansion ===== */
.dash-insights-wrap{padding:10px 40px 18px}.dash-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.dash-section-head h2{margin:2px 0 0;font-size:28px}.dash-kicker{display:block;color:#69d98a;font-size:11px;font-weight:900;letter-spacing:.15em}.dash-link-btn,.dash-panel-head button{border:0;background:transparent;color:#7fd7ff;font-weight:800;cursor:pointer;padding:6px 0}.dash-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dash-insight-card{appearance:none;border:1px solid #1f5871;border-radius:18px;background:linear-gradient(145deg,#0a3145,#09283a);color:#fff;min-height:112px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;gap:12px;align-items:center;text-align:left;cursor:pointer}.dash-insight-card:hover{border-color:#49c98a;transform:translateY(-1px)}.di-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:25px}.dash-insight-card small{display:block;color:#91acba;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.dash-insight-card strong{display:block;font-size:18px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-insight-card em{display:block;color:#b9cbd5;font-size:12px;font-style:normal;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-insight-card>i{font-style:normal;font-size:28px;color:#8ecae8}
.dash-bottom-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;padding:2px 40px 22px}.dash-panel{border:1px solid #194b61;border-radius:20px;background:linear-gradient(180deg,#0a3041,#082737);padding:18px;box-shadow:0 14px 34px rgba(0,0,0,.14)}.dash-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px}.dash-panel-head h3{font-size:22px;margin:2px 0 0}.dash-recent-list{display:grid;gap:8px}.dash-recent-list>button{appearance:none;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.028);color:#fff;border-radius:14px;padding:11px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.dash-recent-list>button:hover{background:rgba(255,255,255,.05);border-color:#266b8a}.recent-fish{width:42px;height:42px;border-radius:12px;background:#0d4054;display:grid;place-items:center}.recent-main strong,.recent-main small{display:block}.recent-main small{color:#9bb4c1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{font-size:12px;color:#94abba}.dash-empty{padding:18px;border-radius:14px;background:rgba(255,255,255,.025);color:#9db3be;text-align:center}
.dash-permit-summary{display:grid;gap:10px}.permit-summary-row{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:10px;align-items:center;padding:13px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.permit-summary-row>span{font-size:24px}.permit-summary-row small,.permit-summary-row strong,.permit-summary-row em{display:block}.permit-summary-row small{color:#9bb1bd}.permit-summary-row strong{margin-top:2px}.permit-summary-row em{margin-top:3px;color:#c7d4db;font-size:11px;font-style:normal}.permit-summary-row button{border:0;background:#123d50;color:#9fddff;width:32px;height:32px;border-radius:10px;font-size:22px;cursor:pointer}
@media(max-width:1200px){.dash-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-bottom-grid{grid-template-columns:1fr}}
@media(max-width:820px){.dash-insights-wrap,.dash-bottom-grid{padding-left:16px;padding-right:16px}.dash-insight-grid{grid-template-columns:1fr}.dash-section-head{align-items:flex-start;flex-direction:column}.dash-recent-list>button{grid-template-columns:42px minmax(0,1fr)}.recent-date{grid-column:2}}


/* ===== Angelschein card ===== */
.permit-card{padding:18px}
.permit-card-content{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.permit-thumb-wrap{position:relative;border-radius:16px;overflow:hidden;background:#061f29;border:1px solid #174958;min-height:145px;display:grid;place-items:center}
.permit-thumb{display:block;width:100%;height:170px;object-fit:cover}
.permit-thumb-loading{position:absolute;color:#9eb7c0;font-size:12px;padding:12px;text-align:center}
.permit-card-main{min-width:0}
.permit-card-main h3{margin:0 0 6px}
.permit-doc-number{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.permit-doc-number span{color:#9eb7c0;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.permit-doc-number strong{font-size:16px}
.permit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){.permit-card-content{grid-template-columns:1fr}.permit-thumb{height:220px}}

/* ===== Mein Angelschein – Dashboard Design ===== */
#page-permits.permit-personal-mode{padding-bottom:28px}
#page-permits .permit-page-hero{margin:0;padding:30px 40px 18px;align-items:center;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
.permit-hero-kicker,.permit-section-kicker{display:block;color:#55d489;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:4px}
.permit-page-hero h1{font-size:34px;margin:0 0 4px}.permit-page-hero p{color:#b8cbd7}
.permit-hero-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0d4a68,#0d3a55);border:1px solid #2a7da7;color:#74d7ff;font-size:28px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
#page-permits.permit-personal-mode .permit-hero-mark{background:linear-gradient(145deg,#0c4a3d,#0b392f);border-color:#36956c;color:#7ce59d}
#page-permits .permit-list-head{margin:22px 40px 10px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0b3448,#092c3e);border:1px solid #1b5873}
#page-permits .permit-list-head h2{font-size:26px;margin:2px 0 4px}#page-permits .permit-list-head p{margin:0;color:#a8bdc9}
#personalPermitsGrid,#permitsGrid{padding:0 40px 30px}
.permit-card{background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.permit-card-content{grid-template-columns:240px minmax(0,1fr);gap:22px}
.permit-thumb-wrap{min-height:190px;border-radius:18px;background:#061c29;border:1px solid #1d6987;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.permit-thumb{height:210px;object-fit:cover}
.permit-card-main>.row{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.permit-card-main h3{font-size:26px;line-height:1.15}
.permit-card-main>.row>.pill{background:rgba(75,212,133,.14);border:1px solid rgba(75,212,133,.42);color:#86efa8;padding:7px 12px}
.permit-personal-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}.permit-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#123b50;border:1px solid #1d607d;color:#c9e4f1;font-size:12px;font-weight:800}.permit-meta-chip.green{background:rgba(65,200,122,.1);border-color:rgba(65,200,122,.35);color:#80e89e}
.permit-personal-note{margin:8px 0 14px}
.permit-doc-number{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding:14px 16px;border-radius:15px;background:linear-gradient(135deg,rgba(30,115,154,.18),rgba(24,87,114,.12));border:1px solid rgba(57,146,184,.35);margin:12px 0}
.permit-doc-number span{color:#84bcd4}.permit-doc-number strong{font-size:22px;letter-spacing:.03em;color:#fff}
.permit-note-box{margin:12px 0 16px;padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.permit-note-box>span{display:block;color:#63d59a;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.permit-note-box p{margin:0;color:#cfdae0;line-height:1.55}
.permit-actions{padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.permit-actions .btn.secondary{background:#12465d;border:1px solid #286d8b}.permit-actions .btn.danger{background:rgba(147,49,58,.88);border:1px solid rgba(255,107,107,.26)}
#page-permits.permit-personal-mode #permitUploadCard[hidden]{display:none!important}
@media(max-width:900px){#page-permits .permit-page-hero{padding:22px 16px 14px}#page-permits .permit-list-head{margin:18px 16px 10px}#personalPermitsGrid,#permitsGrid{padding:0 16px 24px}.permit-card-content{grid-template-columns:1fr}.permit-thumb{height:230px}}

/* ===== Mein Konto – Dashboard Design ===== */
.account-page{padding-bottom:30px}
.account-hero{margin:0;padding:30px 40px 18px;align-items:center;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
.account-kicker{display:block;color:#55d489;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:4px}
.account-hero h1{font-size:34px;margin:0 0 4px}.account-hero p{color:#b8cbd7}
.account-hero-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0d4a68,#0d3a55);border:1px solid #2a7da7;color:#74d7ff;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.account-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;padding:24px 40px 18px}
.account-profile-card,.account-status-card,.account-danger-card{border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.account-profile-card{padding:20px}.account-status-card{padding:20px}.account-card-head h2,.account-status-head h2{font-size:25px;margin:2px 0 4px}.account-card-head p{margin:0;color:#9fb7c4}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.account-form-grid .account-wide{grid-column:1/-1}
.account-form-grid label{color:#a9bfca;font-size:12px;font-weight:800;letter-spacing:.03em}
.account-form-grid input{background:#071f2d;border:1px solid #1a516a;min-height:46px}.account-form-grid input:focus{border-color:#50ca86;box-shadow:0 0 0 3px rgba(80,202,134,.08)}
.account-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.account-actions .btn{min-width:150px}
.account-status-head{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}
.account-status-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.account-status-row>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(50,136,177,.12);color:#7cd9ff;font-size:20px}.account-status-row small,.account-status-row strong,.account-status-row em{display:block}.account-status-row small{color:#8ea9b7;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.account-status-row strong{font-size:16px;margin-top:1px}.account-status-row em{color:#9fb7c4;font-size:12px;font-style:normal;margin-top:2px}
.account-user-id{margin-top:14px;padding:12px 13px;border-radius:13px;background:#071f2d;border:1px solid #16485f}.account-user-id span{display:block;color:#849fac;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.account-user-id code{display:block;color:#d3e7f0;word-break:break-all;font-size:12px}
.account-danger-card{margin:0 40px 0;padding:20px 22px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;border-color:rgba(255,107,107,.32);background:linear-gradient(145deg,rgba(82,32,40,.78),rgba(50,28,34,.82))}
.danger-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.28);color:#ff8a8a;font-size:27px;font-weight:900}.danger-kicker{color:#ff8a8a}.account-danger-card h2{font-size:24px;margin:2px 0 8px}.account-danger-card p{color:#d7c8cc;max-width:950px}.account-danger-card .btn.danger{margin-top:4px;background:#9b3741}
@media(max-width:1000px){.account-layout{grid-template-columns:1fr}.account-status-card{order:-1}}
@media(max-width:760px){.account-hero{padding:22px 16px 14px}.account-layout{padding:18px 16px 14px}.account-form-grid{grid-template-columns:1fr}.account-form-grid .account-wide{grid-column:auto}.account-danger-card{margin:0 16px;grid-template-columns:1fr}.danger-icon{width:48px;height:48px}}

/* ===== PetriGo-Meisterziele – Premium Progress Design ===== */
.master-page{padding-bottom:30px}
.master-page-hero{margin:0;padding:30px 40px 18px;align-items:center;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
.master-page-kicker{display:block;color:#69d98a;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:4px}
.master-page-hero h1{font-size:34px;margin:0 0 4px}.master-page-hero p{color:#b8cbd7}
.master-page-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#3d361d,#2b2a1b);border:1px solid #9d792f;color:#ffd96a;font-size:30px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
#masterGoalsGrid{padding:24px 40px 30px}
.master-overview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0b344a,#0a2d3f);border:1px solid #246c91;box-shadow:0 18px 42px rgba(0,0,0,.17)}
.master-overview-main h2{font-size:30px;margin:4px 0 6px}.master-overview-main p{margin:0;color:#afc4d0;max-width:760px}
.master-overall-progress{margin-top:20px;display:flex;align-items:center;gap:14px}.master-overall-progress>div{flex:1;height:12px;background:#061d29;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.master-overall-progress>div span{display:block;height:100%;background:linear-gradient(90deg,#2ea7e0,#62dc82);border-radius:999px}.master-overall-progress>strong{white-space:nowrap;color:#8de8a7}
.master-discount-box{border-radius:20px;padding:20px;background:linear-gradient(145deg,#3e3520,#2b291b);border:1px solid #9d792f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.master-discount-box>span{font-size:34px}.master-discount-box small{color:#d9c992;margin-top:5px}.master-discount-box strong{font-size:42px;line-height:1;color:#ffd96a;margin:6px 0}.master-discount-box em{font-style:normal;color:#e8ddb1;font-weight:800}.master-discount-box.done{background:linear-gradient(145deg,#103e32,#0b3228);border-color:#3f9e68}.master-discount-box.done strong{color:#78e596}
.master-goals-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.master-goal-card{padding:20px;border-radius:20px;background:linear-gradient(145deg,#0b3145,#092a3b);border:1px solid #1c5e7a;box-shadow:0 14px 34px rgba(0,0,0,.14)}.master-goal-card.done{border-color:#3e9c67;background:linear-gradient(145deg,#0c3a35,#0a302b)}
.mg-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mg-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(73,170,216,.11);font-size:26px}.mg-status{padding:6px 9px;border-radius:999px;background:#123a4d;color:#b8d7e6;font-size:11px;font-weight:900}.master-goal-card.done .mg-status{background:rgba(65,200,122,.12);color:#7fe79f}
.mg-value{font-size:34px;font-weight:900;margin-top:14px}.mg-value span{font-size:16px;color:#91aebb;font-weight:700;margin-left:4px}.master-goal-card h3{font-size:21px;margin:4px 0}.master-goal-card p{color:#9fb6c2;margin:0 0 14px}
.mg-progress{height:10px;border-radius:999px;background:#061e2b;overflow:hidden}.mg-progress span{display:block;height:100%;background:linear-gradient(90deg,#2ba8df,#57d47b);border-radius:999px}.mg-footer{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#8fa8b5;font-size:12px}.mg-footer strong{color:#cfe1e9}
.master-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.master-summary-grid>div{padding:16px;border-radius:17px;background:linear-gradient(145deg,#0a3042,#092737);border:1px solid #194e66}.master-summary-grid span{display:block;color:#8ea8b5;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.master-summary-grid strong{display:block;font-size:21px;margin:5px 0}.master-summary-grid small{display:block;color:#a9bdc8;line-height:1.4}
@media(max-width:1050px){.master-overview{grid-template-columns:1fr}.master-discount-box{max-width:340px}.master-goals-row{grid-template-columns:1fr}.master-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.master-page-hero{padding:22px 16px 14px}#masterGoalsGrid{padding:18px 16px 24px}.master-overview{padding:18px}.master-overall-progress{align-items:flex-start;flex-direction:column;width:100%}.master-overall-progress>div{width:100%;flex:none}.master-summary-grid{grid-template-columns:1fr}}

/* ===== Konto kompakter Feinschliff ===== */
.account-status-head p{margin:2px 0 0;color:#9fb7c4;font-size:12px}
.account-danger-card{max-width:860px;margin:0 40px 0;padding:14px 16px;grid-template-columns:42px minmax(0,1fr);gap:12px;border-radius:16px}
.account-danger-card .danger-icon{width:42px;height:42px;border-radius:13px;font-size:21px}
.account-danger-card h2{font-size:20px;margin:1px 0 5px}
.account-danger-card p{font-size:13px;line-height:1.45;margin:5px 0;max-width:760px}
.account-danger-card .btn.danger{padding:9px 12px;font-size:13px;margin-top:6px}
@media(max-width:760px){.account-danger-card{margin:0 16px;max-width:none;grid-template-columns:1fr}.account-danger-card .danger-icon{width:40px;height:40px}}

/* ===== Abo & Premium – Randabstände / Layout ===== */
#page-premium{padding-bottom:30px}
#page-premium>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-premium>#premiumCard{margin:24px 40px 30px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 18px 42px rgba(0,0,0,.16)}
#page-premium .subscription-status{margin:0}
#page-premium .contract-grid{margin-top:16px}
#page-premium .membership-note{margin-top:18px}
#page-premium .plans-grid{margin-top:14px;gap:18px}
#page-premium .plan-card{padding:20px}
#page-premium .contract-history{margin-top:16px}
@media(max-width:900px){
  #page-premium>.hero{padding:22px 16px 14px}
  #page-premium>#premiumCard{margin:18px 16px 24px;padding:18px}
  #page-premium .plans-grid{grid-template-columns:1fr}
}

/* ===== Meine Karten – Randabstände / Layout ===== */
#page-permits{padding-bottom:30px}
#page-permits>.permit-page-hero{margin:0;padding:30px 40px 18px}
#page-permits>#permitUploadCard{margin:24px 40px 18px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-permits>#permitUploadCard h2{margin-top:0}
#page-permits>#permitUploadCard .upload-actions{margin-top:12px}
#page-permits .permit-list-head{margin:24px 40px 12px}
#page-permits #permitsGrid,#page-permits #personalPermitsGrid{padding:0 40px 30px}
#page-permits #permitsGrid>.card,#page-permits #personalPermitsGrid>.card{margin:0}
@media(max-width:900px){
  #page-permits>.permit-page-hero{padding:22px 16px 14px}
  #page-permits>#permitUploadCard{margin:18px 16px 14px;padding:18px}
  #page-permits .permit-list-head{margin:18px 16px 10px}
  #page-permits #permitsGrid,#page-permits #personalPermitsGrid{padding:0 16px 24px}
}

/* ===== Mein Fangbuch – Randabstände / Layout ===== */
#page-journal{padding-bottom:30px}
#page-journal>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-journal>#catchEditor{margin:24px 40px 18px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-journal>#catchesCards{padding:24px 40px 30px}
#page-journal>#catchesCards>.catch-card{margin:0;border-radius:18px;background:linear-gradient(145deg,#0b3145,#092a3b);border:1px solid #1b5873;box-shadow:0 14px 34px rgba(0,0,0,.14)}
#page-journal>.hero #refreshCatchesBtn{align-self:center}
@media(max-width:900px){
  #page-journal>.hero{padding:22px 16px 14px}
  #page-journal>#catchEditor{margin:18px 16px 14px;padding:18px}
  #page-journal>#catchesCards{padding:18px 16px 24px}
}

/* ===== Regeln & Schonzeiten – Randabstände / Layout ===== */
#page-rules{padding-bottom:30px}
#page-rules>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-rules>.card{margin:24px 40px 18px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-rules>#rulesGrid{padding:0 40px 30px;margin-top:0!important}
#page-rules>#rulesGrid>.card{margin:0;border-radius:18px;background:linear-gradient(145deg,#0b3145,#092a3b);border:1px solid #1b5873;box-shadow:0 14px 34px rgba(0,0,0,.14)}
#page-rules>#rulesGrid>.card.span-12{margin-top:2px}
#page-rules .field select{background:#071f2d;border:1px solid #1a516a}
@media(max-width:900px){
  #page-rules>.hero{padding:22px 16px 14px}
  #page-rules>.card{margin:18px 16px 14px;padding:18px}
  #page-rules>#rulesGrid{padding:0 16px 24px}
}

/* ===== Gewässer – Randabstände / Layout ===== */
#page-waters{padding-bottom:30px}
#page-waters>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-waters>.card{margin-left:40px!important;margin-right:40px!important}
#page-waters>#watersGrid{padding:0 40px 24px}
#page-waters>#watersGrid>.water-card{margin:0;border-radius:18px;background:linear-gradient(145deg,#0b3145,#092a3b);border:1px solid #1b5873;box-shadow:0 14px 34px rgba(0,0,0,.14)}
#page-waters>#waterDetail{margin:0 40px 18px!important}
#page-waters>.card:first-of-type{margin-top:24px!important;padding:20px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-waters>.card:last-of-type{margin-top:20px!important;margin-bottom:30px!important;padding:22px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-waters>.card:last-of-type h2{margin-top:0}
#page-waters .field input,#page-waters .field select,#page-waters textarea{background:#071f2d;border:1px solid #1a516a}
@media(max-width:900px){
  #page-waters>.hero{padding:22px 16px 14px}
  #page-waters>.card{margin-left:16px!important;margin-right:16px!important}
  #page-waters>#watersGrid{padding:0 16px 20px}
  #page-waters>#waterDetail{margin:0 16px 14px!important}
}

/* ===== FangCheck – Randabstände / Layout ===== */
#page-catchcheck{padding-bottom:30px}
#page-catchcheck>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-catchcheck>.card{margin:24px 40px 30px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-catchcheck>.card h3{margin-top:0}
#page-catchcheck .upload-actions{margin-top:12px}
#page-catchcheck .catch-photo-guide{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
#page-catchcheck .field input,#page-catchcheck .field select{background:#071f2d;border:1px solid #1a516a}
#page-catchcheck hr{margin:24px 0!important}
@media(max-width:900px){
  #page-catchcheck>.hero{padding:22px 16px 14px}
  #page-catchcheck>.card{margin:18px 16px 24px;padding:18px}
}

/* ===== Einstellungen – Randabstände / Layout ===== */
#page-settings{padding-bottom:30px}
#page-settings>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-settings>.card{margin:24px 40px 30px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15)}
#page-settings .module{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
#page-settings .module+br{display:none}
#page-settings .module+.module{margin-top:12px}
#page-settings .module input{width:18px!important;height:18px;accent-color:#55d489}
#page-settings .module strong{display:block;font-size:16px}
#page-settings .module .muted{display:block;margin-top:3px;color:#9fb7c4}
@media(max-width:900px){
  #page-settings>.hero{padding:22px 16px 14px}
  #page-settings>.card{margin:18px 16px 24px;padding:18px}
}

/* ===== PetriGo teilen – Premium Layout ===== */
#page-share{padding-bottom:38px}
#page-share>.share-hero{margin:0;padding:32px 40px 24px;align-items:center;border-bottom:1px solid #12364a;background:radial-gradient(circle at 86% 20%,rgba(69,209,127,.12),transparent 28%),linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
.share-kicker{display:block;margin-bottom:5px;color:#62d99c;font-size:10px;font-weight:950;letter-spacing:1.55px}
.share-hero h1{margin:0 0 7px;font-size:38px;letter-spacing:-1px}.share-hero p{max-width:760px;margin:0;color:#a9c1cc;font-size:15px;line-height:1.6}
.share-hero-mark{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(89,219,154,.34);border-radius:20px;background:rgba(67,209,127,.08);color:#76e5aa;font-size:28px;font-weight:900}
.share-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:18px;padding:26px 40px 34px}
.share-card{min-width:0;padding:24px;border:1px solid #1c607c;border-radius:22px;background:linear-gradient(145deg,#0b3347,#092a3b);box-shadow:0 16px 36px rgba(0,0,0,.16)}
.share-card-main{border-color:rgba(72,197,135,.40);background:radial-gradient(circle at 96% 0%,rgba(67,209,127,.10),transparent 30%),linear-gradient(145deg,#0b3347,#092a3b)}
.share-card-info{border-color:#24566e}.share-card-head{display:flex;gap:14px;align-items:flex-start}.share-card-head h2{margin:2px 0 4px;font-size:22px}
.share-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-size:22px}
.share-link-box{margin:20px 0 16px;padding:15px 17px;border:1px solid rgba(86,207,147,.24);border-radius:16px;background:#082838}
.share-link-box span{display:block;margin-bottom:5px;color:#8eafbd;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.share-link-box strong{display:block;color:#eefcff;font-size:15px;overflow-wrap:anywhere}
.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-actions .btn{min-width:132px}.share-message{min-height:20px;margin:13px 0 0}
.share-info-list{display:grid;gap:10px;margin-top:18px}.share-info-list>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.share-info-list>div>span{font-size:20px}.share-info-list p{margin:0;color:#a9c1cc;line-height:1.5}.share-info-list strong{color:#eef8fb}
body.logged-in>.legal-footer{margin-top:0;padding:28px 40px 34px 370px;gap:10px 16px;align-items:center}
body.logged-in>.legal-footer a{padding:7px 2px}.legal-footer .btn{padding:9px 12px;font-size:12px;border-radius:10px}
@media(max-width:1100px){.share-shell{grid-template-columns:1fr}.share-card-info{order:2}}
@media(max-width:900px){#page-share>.share-hero{padding:24px 16px 18px}.share-hero h1{font-size:31px}.share-hero-mark{display:none}.share-shell{padding:18px 16px 28px}.share-card{padding:19px}body.logged-in>.legal-footer{padding:24px 16px 30px}}
@media(max-width:560px){.share-actions{display:grid;grid-template-columns:1fr}.share-actions .btn{width:100%}.share-card-head{gap:11px}.share-icon{width:42px;height:42px}.share-link-box{padding:13px 14px}}

/* ===== Hilfe & Support – Randabstände / Layout ===== */
#page-support{padding-bottom:30px}
#page-support>.hero{margin:0;padding:30px 40px 18px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-support>.grid{padding:24px 40px 30px}
#page-support>.grid>.card{margin:0;border-radius:20px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 16px 36px rgba(0,0,0,.15);padding:22px}
#page-support>.grid>.card h2{margin-top:0}
#page-support>.grid>.card strong{color:#e8f4f8}
#page-support>.grid>.card p{line-height:1.55}
#page-support>.grid>.card:first-child{border-color:#216b8a}
#page-support>.grid>.card:last-child{border-color:#2f7b58}
@media(max-width:900px){
  #page-support>.hero{padding:22px 16px 14px}
  #page-support>.grid{padding:18px 16px 24px}
}

/* ===== PayPal Tarifbuttons ===== */
#page-premium .paypal-plan-btn{width:100%;margin-top:14px;background:linear-gradient(135deg,#0b74c9,#0875bd);border:1px solid #56b7f0;color:#fff;font-weight:900}
#page-premium .paypal-plan-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* ===== Gewässer-Check – Angelregeln auf einen Blick ===== */
.water-check-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 16px;padding:15px 17px;border-radius:16px;background:linear-gradient(135deg,rgba(39,176,117,.12),rgba(35,126,169,.10));border:1px solid rgba(86,207,147,.24)}
.water-check-head strong{display:block;font-size:18px;color:#eefcff}.water-check-head div>span{display:block;margin-top:3px;color:#9eb9c7;font-size:13px}.water-check-source{white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(60,190,123,.13);color:#75e2a7;font-weight:800;font-size:12px}
.water-rule-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.water-rule-tile{min-height:78px;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid #244b5e;background:#0a2939}.water-rule-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.06);font-size:22px;flex:0 0 auto}.water-rule-tile strong{display:block;color:#f1f8fb;font-size:14px}.water-rule-tile span{display:block;margin-top:4px;font-size:12px;font-weight:900}.water-rule-tile.yes{border-color:rgba(69,205,126,.45);background:linear-gradient(145deg,rgba(31,111,71,.36),#0a2939)}.water-rule-tile.yes span{color:#70e6a3}.water-rule-tile.no{border-color:rgba(238,94,94,.42);background:linear-gradient(145deg,rgba(128,48,48,.32),#0a2939)}
.water-rule-tile.no span{color:#ff9999}.water-rule-tile.limited{border-color:rgba(244,183,70,.45);background:linear-gradient(145deg,rgba(126,91,27,.30),#0a2939)}.water-rule-tile.limited span{color:#ffd27a}.water-rule-tile.unknown{opacity:.72}.water-rule-tile.unknown span{color:#a7bbc5}.water-rule-legend{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.water-rule-legend span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.045);font-size:11px;font-weight:800}.water-rule-legend .yes{color:#70e6a3}.water-rule-legend .no{color:#ff9999}.water-rule-legend .limited{color:#ffd27a}.water-rule-legend .unknown{color:#a7bbc5}
.water-rule-details{margin-top:15px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.water-rule-details summary{cursor:pointer;font-weight:900;color:#dff3fa;padding:7px 0}.water-rule-detail{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.055)}.water-rule-detail:last-child{border-bottom:0}.water-rule-detail>div:last-child{min-width:0}.water-rule-detail strong{display:block;color:#eef8fb}.water-rule-detail .muted{display:block;margin-top:5px;line-height:1.45}
@media(max-width:900px){.water-rule-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.water-check-head{align-items:flex-start;flex-direction:column}.water-check-source{align-self:flex-start}}
@media(max-width:520px){.water-rule-tiles{grid-template-columns:1fr}.water-rule-tile{min-height:68px}}

/* ===== PetriGo Water Performance Layout ===== */
.water-actionbar{display:flex;align-items:flex-start;gap:12px;margin:12px 0 4px;flex-wrap:wrap}.water-primary-actions{display:flex;align-items:center;gap:10px}.water-primary-actions>.btn{margin:0}.water-actionbar>.buddy-quick-folder{flex-basis:100%;margin:0}.water-session-flags{display:flex;gap:7px;flex-wrap:wrap}.water-session-flags span{padding:7px 10px;border-radius:999px;background:rgba(220,75,75,.10);border:1px solid rgba(239,103,103,.22);color:#ffc0c0;font-size:11px;font-weight:850}.water-detail-grid>.card{border-radius:20px}.water-priority-card{position:relative;overflow:hidden;border:1px solid rgba(76,205,139,.34)!important;background:radial-gradient(circle at 92% 0%,rgba(58,194,129,.12),transparent 28%),linear-gradient(145deg,#0b3347,#092a3b)!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}.water-priority-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#5de09b,#1b9bb5)}
.water-priority-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:2px}.water-priority-title h3{font-size:22px;margin:3px 0 0}.water-priority-title .eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:950;color:#65dfa0}.water-weather-card .metric{font-size:36px;font-weight:950;letter-spacing:-1px}.water-detail-grid h3{letter-spacing:-.2px}
@media(max-width:900px){.water-actionbar{align-items:flex-start;flex-direction:column}.water-primary-actions{width:100%}.water-priority-title{flex-direction:column}.water-priority-title h3{font-size:20px}}@media(max-width:650px){.water-primary-actions{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:8px}.water-primary-actions>.btn{width:100%;min-width:0;padding-left:10px;padding-right:10px;font-size:13px;justify-content:center}.water-actionbar>.buddy-quick-folder{width:100%;margin:0}.water-actionbar>.buddy-quick-folder>summary{width:100%;justify-content:space-between}.water-current-rules .water-rule-fish-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}}

/* ===== PetriGo Gewässer-Finder ===== */
.water-finder{border-color:rgba(52,166,190,.35)!important;background:radial-gradient(circle at 90% 0%,rgba(40,166,209,.10),transparent 28%),linear-gradient(145deg,#0b3347,#092a3b)!important}.water-finder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.water-finder-head h2{margin:3px 0 0}.water-finder .eyebrow{font-size:10px;letter-spacing:1.5px;color:#62d99c;font-weight:950}.water-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 10px}.water-filter-chips button{appearance:none;border:1px solid #275b70;background:#082838;color:#d9edf4;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer;transition:.15s ease}.water-filter-chips button:hover{border-color:#3e88a4;transform:translateY(-1px)}.water-filter-chips button.active{background:linear-gradient(135deg,#176843,#11566b);border-color:#58d695;color:#fff;box-shadow:0 0 0 2px rgba(88,214,149,.08)}.water-filter-note{font-size:12px;color:#9db6c2;margin:7px 0 13px;line-height:1.45}@media(max-width:700px){.water-finder-head{flex-direction:column}.water-filter-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.water-filter-chips button{text-align:left}}

/* ===== Abgelaufener Test / gesperrte Premium-Bereiche ===== */
body.logged-in .navbtn.locked{opacity:1!important;color:#778791!important;background:linear-gradient(90deg,rgba(80,91,98,.13),rgba(45,56,63,.10))!important;border-color:rgba(133,145,153,.16)!important;filter:saturate(.15);position:relative}
body.logged-in .navbtn.locked .navico{color:#778791!important;filter:grayscale(1)}
body.logged-in .navbtn.locked:after{content:'🔒';margin-left:auto;float:none;font-size:13px;filter:grayscale(1)}
body.logged-in .navbtn.locked:hover{background:rgba(104,114,120,.18)!important;border-color:#66757d!important;color:#a9b4ba!important;transform:none}
.quick-action.locked,.dash-stat.locked{filter:grayscale(1) saturate(0);opacity:.48!important;border-color:#59666c!important;background:linear-gradient(145deg,#263238,#202b30)!important}
.quick-action.locked .quick-icon,.dash-stat.locked .dash-stat-icon{filter:grayscale(1)}

body.logged-in .navbtn.locked:before{content:'Nur mit Premium-Abo';order:8;margin-left:auto;margin-right:5px;padding:3px 6px;border-radius:999px;background:rgba(122,132,138,.16);border:1px solid rgba(151,161,166,.20);color:#98a4aa;font-size:8px;font-weight:900;letter-spacing:.02em;white-space:nowrap}
body.logged-in .navbtn.locked:after{order:9;margin-left:0}
.quick-action.locked{position:relative}.quick-action.locked:before{content:'Nur mit Premium-Abo';position:absolute;right:10px;top:8px;padding:4px 7px;border-radius:999px;background:#39454b;color:#b8c0c4;font-size:9px;font-weight:900}
@media(max-width:390px){body.logged-in .navbtn.locked:before{content:'Premium';font-size:8px}}

.buddy-panel{margin-top:22px;padding-top:20px;border-top:1px solid #174958}.buddy-panel h2{margin:4px 0 6px}.buddy-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.buddy-slots input:last-child{grid-column:1/-1}.buddy-notice{padding:10px 12px;border-radius:14px;background:rgba(67,209,127,.08);border:1px solid rgba(67,209,127,.25)}@media(max-width:650px){.buddy-slots{grid-template-columns:1fr}.buddy-slots input:last-child{grid-column:auto}}

/* ===== PetriGo Buddies ===== */
.buddy-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e95353;color:white;font-size:10px;font-weight:950}.buddy-quick{position:relative;border-color:rgba(77,201,142,.28)!important}.buddy-hero{background:radial-gradient(circle at 85% 10%,rgba(76,211,145,.15),transparent 30%)}.buddy-list,.buddy-messages{display:grid;gap:9px;margin-top:14px}.buddy-row,.buddy-message{padding:12px 13px;border-radius:15px;border:1px solid #1b4c60;background:#082a39}.buddy-row{display:flex;align-items:center;gap:9px}.buddy-row>div{flex:1}.buddy-row span{display:block;margin-top:2px}.buddy-fav{border:1px solid #315c69;background:#0b3342;color:#b8cbd2;border-radius:999px;padding:7px 9px;cursor:pointer;font-weight:800}.buddy-fav.active{border-color:#d5a73b;color:#ffd876;background:rgba(180,128,27,.12)}.buddy-message.unread{border-color:#4bd28e;box-shadow:0 0 0 1px rgba(75,210,142,.12)}.buddy-message>div{display:flex;justify-content:space-between;gap:10px}.buddy-message p{margin:8px 0 10px}.buddy-message .row{gap:6px}@media(max-width:700px){.buddy-row{align-items:flex-start;flex-wrap:wrap}.buddy-message>div{flex-direction:column}}

.buddy-answer-state{display:inline-block;padding:7px 10px;border-radius:10px;background:rgba(64,190,119,.10);border:1px solid rgba(64,190,119,.25);color:#8be5b0;font-size:12px;font-weight:850}

.dash-bell.has-alert{animation:buddyBell .55s ease 2;color:#ff7474!important}.dash-bell.has-alert span{background:#e95353!important;box-shadow:0 0 0 5px rgba(233,83,83,.14)}@keyframes buddyBell{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}

/* ===== PetriGo Buddies Messenger v2 ===== */
.buddy-page{margin:-28px -28px 0!important;padding:0 28px 44px!important;background:radial-gradient(circle at 75% 0,rgba(24,139,129,.10),transparent 34%)}.buddy-shell{max-width:1280px;margin:0 auto;padding:28px 0 20px}.buddy-cover{min-height:250px;display:grid;grid-template-columns:1.55fr .7fr;gap:30px;align-items:center;padding:36px 42px;border:1px solid rgba(72,202,145,.24);border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(73,215,153,.17),transparent 28%),linear-gradient(135deg,#0c3546,#092633 70%);box-shadow:0 22px 60px rgba(0,0,0,.22);overflow:hidden}.buddy-kicker{display:block;color:#63dfa0;font-size:10px;font-weight:950;letter-spacing:1.8px}.buddy-cover h1{margin:6px 0 10px;font-size:42px;line-height:1.02;letter-spacing:-1.5px;color:#f3fcff}.buddy-cover-copy>p{max-width:650px;color:#b5cbd4;font-size:16px;line-height:1.55}.buddy-cover-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.buddy-cover-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#d9edf2;font-size:12px;font-weight:800}.buddy-cover-art{display:flex;flex-direction:column;align-items:center;text-align:center}.buddy-cover-art strong{margin-top:12px;font-size:18px;color:#effcff}.buddy-cover-art small{margin-top:3px;color:#8eabb7}.buddy-radar{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(87,224,158,.45);background:radial-gradient(circle,rgba(83,218,154,.20) 0 22%,transparent 23% 42%,rgba(83,218,154,.08) 43% 45%,transparent 46% 66%,rgba(83,218,154,.08) 67% 69%,transparent 70%);box-shadow:0 0 55px rgba(50,208,139,.13)}.buddy-radar span{font-size:40px}.buddy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.buddy-stats>div{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #19495b;border-radius:17px;background:linear-gradient(145deg,#0b3040,#082735)}.buddy-stats>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(76,209,143,.09);font-size:20px}.buddy-stats p{margin:0}.buddy-stats strong,.buddy-stats small{display:block}.buddy-stats strong{font-size:20px;color:#effbff}.buddy-stats small{margin-top:2px;color:#8ea9b4;font-size:11px}.buddy-workspace{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(440px,1.4fr);gap:16px}.buddy-sidebar-card,.buddy-chat-card{border:1px solid #194a5d;border-radius:22px;background:linear-gradient(145deg,#0b3040,#082735);box-shadow:0 15px 36px rgba(0,0,0,.14)}.buddy-sidebar-card{padding:22px}.buddy-chat-card{overflow:hidden}.buddy-section-head h2,.buddy-chat-head h2{margin:4px 0 0;color:#eefbff}.buddy-add-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:18px 0 8px;padding:6px 6px 6px 12px;border:1px solid #28596a;border-radius:14px;background:#071f2a}.buddy-add-box input{border:0!important;background:transparent!important;padding:8px 3px!important;min-width:0}.buddy-add-box button{border:0;border-radius:10px;padding:10px 13px;background:linear-gradient(135deg,#1a9c67,#16778a);color:#fff;font-weight:900;cursor:pointer}.buddy-help{margin:0 0 15px;color:#829eaa;font-size:11px;line-height:1.45}.buddy-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #174657;background:rgba(255,255,255,.012)}.buddy-chat-head p{margin:5px 0 0;color:#829eaa;font-size:12px}.buddy-unread{padding:7px 10px;border-radius:999px;background:rgba(233,83,83,.10);border:1px solid rgba(233,83,83,.22);color:#ff9b9b;font-size:11px;font-weight:900;white-space:nowrap}.buddy-page .buddy-list{margin-top:8px}.buddy-page .buddy-row{border:0;border-top:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent;padding:13px 2px}.buddy-page .buddy-row:first-child{border-top:0}.buddy-page .buddy-row strong{color:#eefbff}.buddy-page .buddy-messages{margin:0;padding:14px;max-height:650px;overflow:auto}.buddy-page .buddy-message{border:1px solid #19495b;border-radius:16px;background:#092a38;padding:15px 16px}.buddy-page .buddy-message.unread{background:linear-gradient(145deg,rgba(37,115,84,.20),#092a38)}.buddy-page .buddy-messages>p.muted{min-height:340px;display:grid;place-items:center;text-align:center;margin:0;padding:50px;color:transparent;position:relative}.buddy-page .buddy-messages>p.muted:after{content:'💬\A\A Noch keine Nachrichten\A Deine Gewässer-Treffs und Buddy-Antworten erscheinen hier automatisch.';white-space:pre-wrap;color:#829eaa;font-size:13px;line-height:1.6}.buddy-page .buddy-list>p.muted{padding:30px 10px;text-align:center;border:1px dashed #275467;border-radius:14px;color:#7895a1}.buddy-page .buddy-list>p.muted:before{content:'👥';display:block;font-size:30px;margin-bottom:8px}@media(max-width:950px){.buddy-page{margin:-20px -18px 0!important;padding:0 18px 36px!important}.buddy-cover{grid-template-columns:1fr;padding:28px}.buddy-cover-art{display:none}.buddy-workspace{grid-template-columns:1fr}.buddy-cover h1{font-size:34px}}@media(max-width:620px){.buddy-page{margin:-14px -12px 0!important;padding:0 12px 30px!important}.buddy-shell{padding-top:14px}.buddy-cover{padding:22px;border-radius:20px}.buddy-cover h1{font-size:29px}.buddy-stats{grid-template-columns:1fr}.buddy-sidebar-card{padding:17px}.buddy-chat-head{padding:18px;flex-direction:column}.buddy-add-box{grid-template-columns:auto 1fr}.buddy-add-box button{grid-column:1/-1}.buddy-page .buddy-messages{padding:10px}.buddy-cover-pills span{font-size:10px}}

/* ===== PetriGo KI am Wasser – Randabstände & Premium Layout ===== */
#page-angler-ai{padding-bottom:30px}
#page-angler-ai>.hero{margin:0;padding:30px 40px 20px;border-bottom:1px solid #12364a;background:linear-gradient(90deg,rgba(4,24,39,.98),rgba(7,47,69,.78))}
#page-angler-ai>.hero .eyebrow{display:block;color:#62dc8c;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:5px}
#page-angler-ai>.hero h1{font-size:36px;letter-spacing:-.02em;margin:0 0 7px}
#page-angler-ai>.hero p{max-width:860px;font-size:16px;line-height:1.55;color:#b8cbd7}
#page-angler-ai>.card{margin:24px 40px 30px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#0b3347,#092a3b);border:1px solid #1c607c;box-shadow:0 18px 42px rgba(0,0,0,.16)}
#page-angler-ai>.card>.grid{gap:16px}
#page-angler-ai .field label{color:#b9ced8;font-size:12px;font-weight:900;letter-spacing:.035em}
#page-angler-ai .field input,#page-angler-ai .field select,#page-angler-ai .field textarea{background:#071f2d;border:1px solid #1a516a;min-height:48px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
#page-angler-ai .field textarea{min-height:132px;line-height:1.5}
#page-angler-ai .field input:focus,#page-angler-ai .field select:focus,#page-angler-ai .field textarea:focus{border-color:#50ca86;box-shadow:0 0 0 3px rgba(80,202,134,.09)}
#page-angler-ai>.card>.row{gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
#page-angler-ai>.card>.row .btn{min-height:44px;padding:11px 16px;border-radius:13px}
#page-angler-ai>.card>.row .btn:first-child{background:linear-gradient(135deg,#58dc87,#3cc874);box-shadow:0 8px 22px rgba(61,201,118,.16)}
#page-angler-ai>.card>.row .btn.secondary{background:#103d50;border:1px solid #245f78;color:#eaf7fc}
#page-angler-ai>.card>.row .btn.secondary:hover{background:#155169;border-color:#3182a1}
#page-angler-ai #aiAnswer{margin:18px 0 0!important;background:linear-gradient(145deg,#0c3b43,#0a303b);border-color:rgba(86,212,139,.35);box-shadow:none}
#page-angler-ai>.card>p.muted{margin:16px 0 0!important;padding:13px 15px;border-radius:14px;background:rgba(86,212,139,.055);border:1px solid rgba(86,212,139,.18);line-height:1.5}
@media(max-width:900px){#page-angler-ai>.hero{padding:22px 16px 15px}#page-angler-ai>.hero h1{font-size:30px}#page-angler-ai>.card{margin:18px 16px 24px;padding:18px}#page-angler-ai>.card>.row{align-items:stretch}#page-angler-ai>.card>.row .btn{flex:1 1 180px}}
@media(max-width:560px){#page-angler-ai>.hero h1{font-size:27px}#page-angler-ai>.card{padding:16px}#page-angler-ai>.card>.row .btn{flex:1 1 100%;width:100%}}

/* HILDE learning UX pass 2026-09-28 */
#page-learn,#page-learn-detail{width:100%;max-width:1180px;margin:0 auto;padding:6px 4px 42px}
#page-learn .hero{padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0d3b4b,#082c3a)}
#learnGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#learnGrid .learn-item{grid-column:auto;position:relative;min-height:190px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .16s ease,border-color .16s ease,background .16s ease}
#learnGrid .learn-item:after{content:'Öffnen →';margin-top:auto;padding-top:18px;color:var(--green);font-weight:900}
#learnGrid .learn-item:hover,#learnGrid .learn-item:focus-visible{transform:translateY(-2px);border-color:var(--green);background:linear-gradient(145deg,#104b58,#0b3744);outline:none}
.learn-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
.learn-detail-head h1{font-size:32px;margin:3px 0}.learn-toolbar{display:grid;gap:12px;margin-bottom:14px}
.learn-filter-row{display:flex;gap:8px;flex-wrap:wrap}.learn-filter-row button{border:1px solid var(--line);background:#0a3040;color:var(--text);padding:9px 12px;border-radius:999px;font-weight:800;cursor:pointer}.learn-filter-row button.active{border-color:var(--green);background:#104b3d}
.learn-detail-list{display:grid;gap:12px}.learn-entry{border:1px solid var(--line);background:linear-gradient(180deg,var(--card),#0a3040);border-radius:18px;overflow:hidden}.learn-entry summary{cursor:pointer;padding:16px 18px;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.learn-entry[open] summary{border-bottom:1px solid var(--line)}.learn-entry-body{padding:16px 18px 18px}.learn-entry-intro{margin:0 0 14px;color:var(--muted)}.learn-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:8px 0}.learn-step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(67,209,127,.13);color:var(--green)}
.knot-guide-note{display:grid;gap:5px;padding:13px 14px;margin:0 0 14px;border:1px solid rgba(67,209,127,.28);border-radius:14px;background:rgba(67,209,127,.07)}.knot-guide-note strong{color:var(--green)}.knot-guide-note span{color:var(--muted);line-height:1.5}
.learn-step-visual{grid-template-columns:34px minmax(180px,.8fr) minmax(280px,1.2fr);gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}.learn-step-visual:first-of-type{border-top:0}.learn-step-copy{display:grid;gap:6px;padding-top:3px}.learn-step-copy strong{font-size:15px}.learn-step-copy span{color:var(--muted);font-size:13px;line-height:1.45}
.knot-visual{border:1px solid var(--line);border-radius:16px;background:#082c3a;padding:10px 10px 8px}.knot-visual-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.knot-visual-head span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.knot-visual-head strong{font-size:12px;color:var(--text)}.knot-visual svg{display:block;width:100%;height:auto;max-height:155px}.knot-bg{fill:#0a3443;stroke:#174958}.knot-line{fill:none;stroke:#dce9ec;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.knot-line .accent{stroke:var(--green);stroke-width:6}.knot-eye{fill:none;stroke:#93a9af;stroke-width:6}.knot-visual small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:760px){.learn-step-visual{grid-template-columns:32px 1fr}.learn-step-visual .knot-visual{grid-column:2}.learn-entry summary{align-items:flex-start}.knot-visual svg{max-height:none}}
@media(max-width:700px){.content{padding:16px 14px 30px}.content>section{max-width:100%;margin-left:auto;margin-right:auto}#page-learn,#page-learn-detail{padding:4px 2px 34px}#page-learn .hero{padding:16px;margin-bottom:14px}#learnGrid{grid-template-columns:1fr;gap:12px}#learnGrid .learn-item{min-height:160px;padding:16px}.learn-detail-head{grid-template-columns:1fr;gap:12px}.learn-detail-head .btn{width:max-content}.learn-detail-head h1{font-size:27px}.learn-toolbar{padding:15px}.legal-footer{padding:22px 14px 30px}}
body.logged-in #page-learn,body.logged-in #page-learn-detail{max-width:none;padding:30px 40px 42px}
@media(max-width:820px){body.logged-in #page-learn,body.logged-in #page-learn-detail{padding:22px 16px 34px}body.logged-in #page-learn .hero{padding:18px}}
/* PetriGo Montageanleitungen KI-Visuals 2026-09-28 */
.rig-entry .learn-entry-body{padding:18px}
.rig-hero{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(280px,1.05fr);gap:18px;align-items:start}
.rig-visual{position:relative;border:1px solid var(--line);border-radius:18px;background:#082c3a;padding:8px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.rig-visual svg{width:100%;height:auto;display:block;border-radius:14px}
.rig-line{fill:none;stroke:#f3faf9;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.rig-line circle,.rig-line ellipse,.rig-line rect{fill:rgba(67,209,127,.18);stroke:#f3faf9}
.rig-ai-badge{position:absolute;z-index:2;top:16px;left:16px;padding:7px 10px;border-radius:999px;background:rgba(4,35,45,.88);border:1px solid rgba(67,209,127,.42);font-size:11px;font-weight:900;color:#8af0b0;letter-spacing:.03em}
.rig-visual small{display:block;padding:8px 6px 3px;color:var(--muted);font-size:11px}
.rig-meta{display:grid;gap:10px;margin:14px 0}.rig-meta>div{display:grid;gap:7px;padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.rig-meta strong{color:var(--green);font-size:13px}.rig-meta span{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted)}.rig-meta i{font-style:normal;padding:5px 8px;border-radius:999px;background:#0a3040;border:1px solid #174958;color:var(--text);font-size:12px}
.rig-tip{display:grid;gap:4px;padding:12px 13px;border-radius:13px;background:rgba(67,209,127,.08);border:1px solid rgba(67,209,127,.22)}.rig-tip strong{color:var(--green)}.rig-tip span{font-size:13px;line-height:1.45;color:var(--muted)}
.rig-steps-title{margin:20px 0 6px;font-size:16px}.rig-entry .learn-step{padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.rig-entry .learn-step-copy strong{line-height:1.45}
@media(max-width:840px){.rig-hero{grid-template-columns:1fr}.rig-visual{max-width:620px}.rig-entry .learn-entry-body{padding:14px}}
@media(max-width:560px){.rig-entry summary{padding:14px}.rig-visual{padding:6px}.rig-ai-badge{top:12px;left:12px;font-size:10px}.rig-meta{gap:8px}.rig-meta>div{padding:10px}.rig-entry .learn-step{grid-template-columns:30px minmax(0,1fr)}}
/* PetriGo Montagekarten + Detailseiten */
.rig-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rig-card{appearance:none;width:100%;padding:0;text-align:left;color:var(--text);background:linear-gradient(180deg,var(--card),#0a3040);border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.13);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.rig-card:hover,.rig-card:focus-visible{transform:translateY(-3px);border-color:var(--green);box-shadow:0 18px 34px rgba(0,0,0,.2);outline:none}
.rig-card-art{padding:12px 12px 0}.rig-card-art .rig-visual{box-shadow:none}.rig-card-copy{padding:15px 17px 18px}.rig-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.rig-card-top h3{margin:0;font-size:20px}.rig-card-copy p{margin:9px 0 12px;color:var(--muted);line-height:1.5}.rig-card-target{font-size:13px;color:#cfe1e5;margin-bottom:14px}.rig-card-cta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-weight:900;color:var(--green)}
.rig-detail-page{display:grid;gap:18px;max-width:1100px;margin:0 auto;padding:2px 0 18px}.rig-detail-page>.rig-detail-back:first-child{width:max-content}
.rig-detail-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:24px;align-items:center;padding:22px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0d3b4b,#082c3a)}.rig-detail-head h2{font-size:34px;margin:5px 0 8px}.rig-detail-head p{color:var(--muted);font-size:16px;line-height:1.55;max-width:620px}.rig-detail-head .rig-visual{width:100%}
.rig-detail-page>.rig-meta{grid-template-columns:.75fr 1.25fr;margin:0}.rig-detail-page>.rig-meta>div{padding:15px 16px;background:linear-gradient(180deg,var(--card),#0a3040)}
.rig-detail-section{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--card),#0a3040)}.rig-detail-section h3{margin:0 0 10px;font-size:21px}.rig-detail-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:15px 0;border-top:1px solid rgba(255,255,255,.07)}.rig-detail-step:first-of-type{border-top:0}.rig-detail-step>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(67,209,127,.14);border:1px solid rgba(67,209,127,.3);color:var(--green);font-size:16px}.rig-detail-step>div{display:grid;gap:5px;padding-top:2px}.rig-detail-step strong{font-size:16px}.rig-detail-step span{color:var(--muted);line-height:1.5;font-size:13px}
.rig-detail-bottom{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.rig-detail-bottom .btn{white-space:nowrap}
@media(max-width:900px){.rig-card-grid{grid-template-columns:1fr}.rig-detail-head{grid-template-columns:1fr}.rig-detail-head .rig-visual{max-width:680px}.rig-detail-page>.rig-meta{grid-template-columns:1fr}.rig-detail-bottom{grid-template-columns:1fr}.rig-detail-bottom .btn{width:100%}}
@media(max-width:600px){.rig-card-copy{padding:14px 14px 16px}.rig-card-top h3{font-size:18px}.rig-detail-page{gap:14px}.rig-detail-head,.rig-detail-section{padding:16px;border-radius:18px}.rig-detail-head h2{font-size:27px}.rig-detail-step{grid-template-columns:34px minmax(0,1fr);gap:10px}.rig-detail-step>b{width:32px;height:32px}.rig-detail-page>.rig-detail-back:first-child{margin-left:0}}

/* Fisch-Rezeptbuch 50er Edition */
.recipe-entry{border:1px solid var(--line);background:linear-gradient(180deg,#0d3a49,#092f3c);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.recipe-entry summary{list-style:none;cursor:pointer;padding:0}.recipe-entry summary::-webkit-details-marker{display:none}
.recipe-summary{display:grid;grid-template-columns:220px 1fr;min-height:180px}.recipe-photo{width:100%;height:100%;min-height:180px;object-fit:cover;background:#0a3040}
.recipe-summary-copy{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.recipe-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recipe-title-row h2{margin:4px 0 0;font-size:23px}.recipe-species{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:rgba(67,209,127,.14);color:var(--green);font-size:12px;font-weight:900}
.recipe-desc{margin:0;color:var(--muted);line-height:1.5}.recipe-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.recipe-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;background:#082c3a}.recipe-open{color:var(--green);font-weight:900;font-size:13px}
.recipe-body{padding:20px;border-top:1px solid var(--line);display:grid;gap:18px}.recipe-columns{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:20px}
.recipe-panel{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#082c3a;padding:16px}.recipe-panel h3{margin:0 0 12px;font-size:17px}.recipe-ingredients{margin:0;padding-left:20px;display:grid;gap:7px;color:#dce9ec}
.recipe-steps{display:grid;gap:10px}.recipe-step-card{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0a3443}.recipe-step-card b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(67,209,127,.14);color:var(--green)}.recipe-step-card span{line-height:1.45;padding-top:4px}
.recipe-tip{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(67,209,127,.28);border-radius:15px;background:rgba(67,209,127,.07)}.recipe-tip strong{color:var(--green);white-space:nowrap}.recipe-tip span{color:var(--muted);line-height:1.5}
.recipe-legal{margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#082c3a;color:var(--muted);line-height:1.5}.recipe-legal strong{color:var(--text)}
@media(max-width:820px){.recipe-summary{grid-template-columns:150px 1fr}.recipe-title-row h2{font-size:19px}.recipe-columns{grid-template-columns:1fr}}
@media(max-width:620px){.recipe-summary{grid-template-columns:1fr}.recipe-photo{height:210px;min-height:0}.recipe-summary-copy{padding:15px}.recipe-body{padding:14px}.recipe-title-row{display:grid}.recipe-meta{gap:6px}.recipe-meta span{font-size:11px}.recipe-tip{display:grid;gap:5px}}

/* Recipe image integrity + real PetriGo brand overlay */
.recipe-photo-wrap{position:relative;min-height:180px;background:#0a3040;overflow:hidden}
.recipe-photo-wrap .recipe-photo{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}
.recipe-brand-logo{position:absolute;left:10px;top:10px;width:92px;height:auto;max-height:42px;object-fit:contain;padding:5px 7px;border-radius:10px;background:rgba(3,24,31,.78);backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(0,0,0,.22)}
@media(max-width:620px){.recipe-photo-wrap{min-height:210px}.recipe-photo-wrap .recipe-photo{height:210px;min-height:210px}.recipe-brand-logo{width:84px;top:9px;left:9px}}
/* Realistische KI-Fotobilder für Montageanleitungen */
.rig-photo{padding:0;background:#061f29}
.rig-photo img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.rig-card-art .rig-photo img{aspect-ratio:16/10}
.rig-detail-head .rig-photo img{aspect-ratio:16/10}
.rig-photo small{padding:8px 10px 10px}
/* PetriGo Angelknoten KI-Fotobilder 2026-09-28 */
.knot-photo-card{margin:0 0 14px;display:grid;gap:8px}
.knot-photo-window{position:relative;width:100%;height:220px;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#071f28;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.knot-photo-window img{position:absolute;left:calc(var(--kx) * -100%);top:calc(var(--ky) * -100%);width:500%;height:400%;max-width:none;object-fit:fill;display:block}
.knot-photo-card figcaption{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.knot-photo-card figcaption strong{color:var(--green);font-size:12px}.knot-photo-card figcaption span{color:var(--muted);font-size:12px}
.learn-step-photo{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.learn-step-photo:first-of-type{border-top:0}
@media(max-width:760px){.knot-photo-window{height:170px}.knot-photo-card figcaption{display:grid;gap:2px}}

/* ===== PetriGo Login Experience 2026-09-28 ===== */
body:not(.logged-in)>.topbar{display:none}
body:not(.logged-in){background:#061c26}
.pg-login-page{min-height:calc(100vh - 96px);width:100%;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);background:#061c26}
.pg-login-hero{position:relative;min-height:720px;display:flex;align-items:flex-end;overflow:hidden}
.pg-login-hero-bg{position:absolute;inset:0;background:url('assets/waters/schoenbrunn.jpg') center/cover no-repeat;transform:scale(1.02)}
.pg-login-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,19,27,.25),rgba(3,25,34,.55)),linear-gradient(0deg,rgba(3,24,32,.96) 0%,rgba(3,24,32,.3) 58%,rgba(3,24,32,.08) 100%)}
.pg-login-hero-content{position:relative;z-index:2;max-width:760px;padding:64px clamp(28px,6vw,86px) 72px;color:#fff}
.pg-login-brand{position:absolute;top:38px;left:clamp(28px,6vw,86px);display:flex;align-items:center;gap:13px}
.pg-login-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}
.pg-login-brand>div{display:grid}
.pg-login-brand strong{font-size:27px;letter-spacing:-.04em}.pg-login-brand strong span{color:var(--green)}
.pg-login-brand small{font-size:9px;letter-spacing:.16em;font-weight:900;color:#d7e8ed;margin-top:1px}
.pg-login-kicker{display:inline-flex;padding:7px 10px;border:1px solid rgba(118,235,159,.38);border-radius:999px;background:rgba(7,45,47,.45);color:#83efaa;font-size:11px;font-weight:900;letter-spacing:.12em}
.pg-login-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;max-width:730px;margin:18px 0 18px;letter-spacing:-.045em}
.pg-login-hero p{font-size:18px;line-height:1.62;max-width:640px;color:#d8e6ea;margin:0}
.pg-login-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.pg-login-features span{padding:9px 12px;border-radius:999px;background:rgba(5,34,43,.66);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:12px;font-weight:850;color:#f3fbfd}
.pg-login-panel{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(24px,5vw,72px);background:radial-gradient(circle at 30% 10%,rgba(55,196,119,.08),transparent 28%),linear-gradient(180deg,#082936,#061e28)}
.pg-login-card{width:100%;max-width:520px;margin:0 auto;padding:30px;border-radius:26px;border:1px solid rgba(98,184,212,.24);background:linear-gradient(180deg,rgba(12,54,69,.97),rgba(7,38,49,.98));box-shadow:0 28px 70px rgba(0,0,0,.28)}
.pg-login-card-head{margin-bottom:24px}.pg-login-card-head h2{font-size:32px;margin:12px 0 6px;letter-spacing:-.03em}.pg-login-card-head p{margin:0;color:#9db5bf}
.pg-free-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(76,211,132,.12);border:1px solid rgba(76,211,132,.3);color:#77eca7;font-size:10px;font-weight:950;letter-spacing:.12em}
.pg-login-card .field{margin-bottom:16px}.pg-login-card .field label{display:block;margin-bottom:7px;font-size:12px;font-weight:900;color:#d7e9ed}
.pg-login-card .field input{min-height:52px;border-radius:14px;background:#061e2a;border:1px solid #1b5268;padding:0 15px;color:#fff}
.pg-login-card .field input:focus{border-color:#55d98b;box-shadow:0 0 0 3px rgba(85,217,139,.11);outline:none}
.pg-login-mainbtn{width:100%;min-height:52px;margin-top:4px;border-radius:14px;font-size:15px;font-weight:950;background:linear-gradient(135deg,#56dc88,#36bf70);box-shadow:0 12px 26px rgba(55,203,119,.18)}
.pg-login-actions{display:flex;justify-content:flex-end;margin-top:10px}
.pg-link-btn{appearance:none;border:0;background:none;color:#8fd8ed;font:inherit;font-size:12px;font-weight:850;cursor:pointer;padding:5px 0}
.pg-link-btn:hover{color:#fff}
.pg-login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#7595a1;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pg-login-divider:before,.pg-login-divider:after{content:'';height:1px;flex:1;background:rgba(255,255,255,.08)}
.pg-register-open{width:100%;min-height:49px;border-radius:14px;border:1px solid #276179;background:#0c3444}
.pg-register-open:hover{border-color:#4bc982;background:#104454}
.pg-register-box{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}
.pg-register-box h2{margin:0 0 4px}.pg-register-box>p{margin-top:0}
.pg-login-portals{width:100%;max-width:520px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pg-portal-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 15px;border-radius:17px;text-decoration:none;color:#eef9fb;background:rgba(11,47,60,.7);border:1px solid rgba(255,255,255,.08);transition:.16s ease}
.pg-portal-card:hover{transform:translateY(-2px);border-color:rgba(80,211,133,.45);background:#0e3c4d}
.pg-portal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(75,204,131,.1);border:1px solid rgba(75,204,131,.18)}
.pg-portal-card>div{display:grid;gap:2px}.pg-portal-card strong{font-size:13px}.pg-portal-card small{font-size:10px;color:#8ea8b2;line-height:1.3}.pg-portal-card>b{color:#64dc91}
body:not(.logged-in)>.legal-footer{max-width:none;margin:0;padding:22px clamp(20px,5vw,72px) 30px;background:#051820;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
body:not(.logged-in)>.legal-footer a{font-size:11px;color:#7896a1}
body:not(.logged-in)>.legal-footer .btn{min-height:34px;padding:7px 10px;border-radius:10px;font-size:10px}
@media(max-width:1050px){.pg-login-page{grid-template-columns:1fr}.pg-login-hero{min-height:520px}.pg-login-panel{padding:36px 24px 44px}.pg-login-hero-content{padding-bottom:48px}.pg-login-brand{top:28px}.pg-login-portals{max-width:620px}.pg-login-card{max-width:620px}}
@media(max-width:620px){.pg-login-page{display:block}.pg-login-hero{min-height:460px;align-items:flex-end}.pg-login-hero-content{padding:96px 20px 34px}.pg-login-brand{top:20px;left:20px}.pg-login-brand img{width:48px;height:48px}.pg-login-brand strong{font-size:23px}.pg-login-hero h1{font-size:39px;margin:14px 0}.pg-login-hero p{font-size:15px}.pg-login-features{gap:7px;margin-top:20px}.pg-login-features span{font-size:11px;padding:8px 10px}.pg-login-panel{padding:20px 14px 34px}.pg-login-card{padding:22px 18px;border-radius:22px}.pg-login-card-head h2{font-size:28px}.pg-login-portals{grid-template-columns:1fr;gap:9px}.pg-portal-card{padding:13px}.pg-register-box .grid{grid-template-columns:1fr}.pg-register-box .span-6{grid-column:1/-1}body:not(.logged-in)>.legal-footer{padding:20px 14px 26px;gap:9px}}

/* Login Brand Alignment Fix 2026-09-28 */
.pg-login-brand{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  column-gap:16px;
  width:max-content;
  max-width:calc(100% - 40px);
}
.pg-login-brand img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
  flex:none;
}
.pg-login-brand>div{display:flex;flex-direction:column;justify-content:center;min-width:0}
.pg-login-brand strong{font-size:25px;line-height:1;letter-spacing:0;white-space:nowrap}
.pg-login-brand strong span{color:var(--green)}
.pg-login-brand small{display:block;margin-top:5px;font-size:9px;line-height:1.25;letter-spacing:.14em;white-space:nowrap}
.pg-login-hero-content{padding-top:126px}
@media(max-width:620px){
  .pg-login-brand{grid-template-columns:42px minmax(0,1fr);column-gap:13px;max-width:calc(100% - 20px)}
  .pg-login-brand img{width:42px;height:42px}
  .pg-login-brand strong{font-size:22px}
  .pg-login-brand small{font-size:8px;letter-spacing:.11em}
  .pg-login-hero-content{padding-top:110px}
}
/* Login brand final cleanup */
.pg-login-brand{
  display:flex;
  align-items:center;
  gap:14px;
  width:auto;
  max-width:100%;
}
.pg-login-brand img{
  width:64px;
  height:64px;
  object-fit:contain;
  display:block;
  flex:0 0 64px;
}
.pg-login-brand small{
  margin:0;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.15em;
  font-weight:900;
  color:#e6f2f5;
  white-space:normal;
  max-width:220px;
}
.pg-login-hero-content{padding-top:132px}
@media(max-width:620px){
 .pg-login-brand{gap:10px}
 .pg-login-brand img{width:52px;height:52px;flex-basis:52px}
 .pg-login-brand small{font-size:8px;letter-spacing:.12em;max-width:170px}
 .pg-login-hero-content{padding-top:108px}
}
/* ===== PetriGo Login V2 premium entrance ===== */
body:not(.logged-in){background:#04151d;color:#eef8fb}
body:not(.logged-in)>.legal-footer{position:relative;z-index:5;background:#061820;border-top:1px solid rgba(255,255,255,.06);padding:18px 28px 24px;gap:14px}
body:not(.logged-in)>.legal-footer a{font-size:11px;color:#7895a1}
.pg-login-v2{min-height:100vh;display:block!important;background:#04151d}
.pg-login-stage{position:relative;min-height:calc(100vh - 78px);overflow:hidden;isolation:isolate}
.pg-login-photo{position:absolute;inset:0;background:url('assets/waters/schoenbrunn.jpg') center 48%/cover no-repeat;transform:scale(1.025)}
.pg-login-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(55,211,128,.10),transparent 23%),linear-gradient(90deg,rgba(2,18,25,.93) 0%,rgba(3,24,32,.82) 42%,rgba(3,20,27,.66) 64%,rgba(3,18,24,.78) 100%),linear-gradient(0deg,rgba(2,15,21,.96),transparent 42%)}
.pg-login-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(24px,5vw,74px)}
.pg-login-logo{display:flex;align-items:center;gap:14px}.pg-login-logo img{width:48px;height:48px;object-fit:contain;display:block}.pg-login-logo>div{display:flex;flex-direction:column;gap:3px}.pg-login-logo strong{font-size:24px;line-height:1;font-weight:950;letter-spacing:-.02em}.pg-login-logo span{font-size:8px;letter-spacing:.17em;font-weight:900;color:#a9bec6}
.pg-login-toplinks{display:flex;gap:8px}.pg-login-toplinks a{padding:9px 12px;border-radius:999px;text-decoration:none;color:#d8e8ed;border:1px solid rgba(255,255,255,.09);background:rgba(8,38,49,.38);backdrop-filter:blur(12px);font-size:12px;font-weight:800}.pg-login-toplinks a:hover{border-color:rgba(84,219,137,.45);color:#fff}
.pg-login-content{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.72fr);gap:clamp(34px,6vw,90px);align-items:center;max-width:1480px;margin:0 auto;padding:clamp(24px,4vh,54px) clamp(24px,5vw,74px) 70px}
.pg-login-copy{max-width:780px}.pg-login-eyebrow{display:flex;align-items:center;gap:9px;color:#8be6ab;font-size:11px;font-weight:950;letter-spacing:.15em}.pg-login-eyebrow span{width:28px;height:2px;border-radius:999px;background:#55d98b;box-shadow:0 0 18px rgba(85,217,139,.7)}
.pg-login-copy h1{margin:18px 0 18px;font-size:clamp(50px,6vw,86px);line-height:.97;letter-spacing:-.052em;max-width:900px}.pg-login-copy h1 em{font-style:normal;color:#7ce9a5;text-shadow:0 0 34px rgba(75,217,134,.12)}
.pg-login-copy>p{max-width:660px;margin:0;color:#c4d7dd;font-size:18px;line-height:1.68}
.pg-login-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.pg-login-chips span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(4,28,37,.56);backdrop-filter:blur(12px);font-size:12px;font-weight:850;color:#edf8fb}
.pg-login-proof{display:flex;gap:0;margin-top:34px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(4,29,38,.48);backdrop-filter:blur(12px);overflow:hidden}.pg-login-proof>div{display:grid;gap:3px;padding:14px 18px;border-left:1px solid rgba(255,255,255,.07)}.pg-login-proof>div:first-child{border-left:0}.pg-login-proof b{font-size:13px;color:#fff}.pg-login-proof span{font-size:10px;color:#8fa9b3}
.pg-login-auth{position:relative;width:100%;max-width:520px;justify-self:end}.pg-login-auth-glow{position:absolute;inset:8% -8% -6% 12%;background:radial-gradient(circle,rgba(63,213,130,.18),transparent 62%);filter:blur(28px);z-index:-1}
.pg-login-v2 .pg-login-card{position:relative;width:100%;max-width:none;margin:0;padding:30px;border-radius:26px;background:linear-gradient(180deg,rgba(11,48,62,.94),rgba(6,31,41,.96));border:1px solid rgba(148,209,227,.18);box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(24px)}
.pg-login-v2 .pg-login-card-head{margin-bottom:22px}.pg-login-v2 .pg-login-card-head h2{margin:12px 0 6px;font-size:31px;letter-spacing:-.035em}.pg-login-v2 .pg-login-card-head p{margin:0;color:#9fb5be;font-size:13px}
.pg-login-v2 .pg-free-badge{padding:6px 9px;font-size:9px;letter-spacing:.13em;background:rgba(77,211,132,.11);border:1px solid rgba(77,211,132,.28);color:#84eda9}
.pg-login-v2 .field{margin-bottom:15px}.pg-login-v2 .field label{display:block;margin-bottom:7px;color:#d9e9ee;font-size:11px;font-weight:900;letter-spacing:.02em}.pg-login-v2 .field input{min-height:54px;border-radius:14px;border:1px solid #1d5063;background:rgba(3,22,30,.86);padding:0 15px;color:#fff;font-size:14px;transition:.16s}.pg-login-v2 .field input:focus{outline:0;border-color:#58dc8a;box-shadow:0 0 0 3px rgba(88,220,138,.10)}
.pg-login-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.pg-login-meta label{display:flex;align-items:center;gap:7px;color:#8fa8b2;font-size:11px;cursor:pointer}.pg-login-meta input{width:auto;accent-color:#52d785}
.pg-login-v2 .pg-login-mainbtn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:0 17px;border-radius:14px;font-size:14px;font-weight:950;background:linear-gradient(135deg,#58dc8b,#31b86a);box-shadow:0 12px 30px rgba(51,194,112,.18)}.pg-login-v2 .pg-login-mainbtn span{font-size:19px}
.pg-login-v2 .pg-link-btn{color:#8fdcf0;font-size:11px}.pg-login-v2 .pg-login-divider{margin:18px 0 14px;text-transform:none;letter-spacing:0}.pg-login-v2 .pg-register-open{width:100%;min-height:50px;border-radius:14px;background:rgba(11,52,67,.84);border:1px solid #285f75}.pg-login-v2 .pg-register-open:hover{border-color:#4fd185;background:#0e4252}
.pg-login-hint{display:block;margin-top:10px;text-align:center;color:#6f8d98;font-size:10px}
.pg-login-v2 .pg-login-portals{max-width:none;margin:12px 0 0;grid-template-columns:1fr 1fr;gap:10px}.pg-login-v2 .pg-portal-card{min-width:0;padding:12px 13px;border-radius:15px;background:rgba(5,29,38,.62);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.pg-login-v2 .pg-portal-card small{font-size:9px}.pg-login-v2 .pg-portal-icon{width:33px;height:33px;border-radius:10px}
.pg-login-v2 .pg-register-box{max-height:58vh;overflow:auto;padding-right:4px}
@media(max-width:1050px){.pg-login-content{grid-template-columns:1fr;max-width:780px;padding-top:40px}.pg-login-auth{justify-self:stretch;max-width:620px}.pg-login-copy h1{font-size:clamp(48px,9vw,72px)}.pg-login-copy>p{font-size:16px}.pg-login-stage{min-height:auto}}
@media(max-width:650px){.pg-login-top{padding:18px 16px}.pg-login-logo img{width:42px;height:42px}.pg-login-logo strong{font-size:21px}.pg-login-logo span{font-size:7px;letter-spacing:.13em}.pg-login-toplinks{display:none}.pg-login-content{padding:28px 14px 38px;gap:28px}.pg-login-copy h1{font-size:44px;margin-top:14px}.pg-login-copy>p{font-size:14px}.pg-login-chips{gap:7px;margin-top:20px}.pg-login-chips span{font-size:10px;padding:7px 9px}.pg-login-proof{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-radius:15px}.pg-login-proof>div{padding:11px 9px}.pg-login-proof b{font-size:11px}.pg-login-proof span{font-size:8px}.pg-login-v2 .pg-login-card{padding:20px 16px;border-radius:21px}.pg-login-v2 .pg-login-card-head h2{font-size:27px}.pg-login-v2 .pg-login-portals{grid-template-columns:1fr}.pg-login-v2 .pg-register-box .grid{grid-template-columns:1fr}.pg-login-v2 .pg-register-box .span-6{grid-column:1/-1}}
/* Auth visibility hard-fix: hidden must always win */
#loginView[hidden],#appView[hidden]{display:none!important}
.pg-login-v2{display:block}
body.logged-in #loginView{display:none!important}
body:not(.logged-in) #appView{display:none!important}
/* ===== PetriGo Fishing Experience · 2026-09-29 ===== */
:root{--bg:#03151d;--bg2:#06232c;--card:#082a34;--card2:#0b3540;--line:rgba(149,204,211,.16);--green:#69ed73;--green2:#43d966;--text:#f7fbfb;--muted:#9db4b9}
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 78% 0,rgba(30,112,119,.22),transparent 30%),linear-gradient(180deg,#03151d 0%,#06232c 48%,#041a22 100%);background-attachment:fixed}
.topbar{height:82px;padding:0 28px;background:rgba(2,22,29,.90);border-bottom:1px solid rgba(105,237,115,.16);box-shadow:0 12px 38px rgba(0,0,0,.24)}
.brand{letter-spacing:-.04em}.brand img{width:50px;height:50px;border-radius:14px;box-shadow:0 0 0 1px rgba(105,237,115,.22),0 8px 25px rgba(0,0,0,.3)}.brand b{color:#63e7ee}
.shell{grid-template-columns:258px minmax(0,1fr)}.sidebar{padding:20px 13px;background:linear-gradient(180deg,rgba(3,31,39,.97),rgba(3,22,29,.98));border-right:1px solid rgba(105,237,115,.11)}
.navbtn{padding:13px 15px;margin:4px 0;border:1px solid transparent;border-radius:14px;color:#c6d8dc;transition:.18s ease}.navbtn:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06);transform:translateX(2px)}.navbtn.active{background:linear-gradient(135deg,rgba(105,237,115,.20),rgba(32,124,108,.18));border-color:rgba(105,237,115,.26);color:#fff;box-shadow:inset 3px 0 0 var(--green)}
.content{padding:30px;max-width:1580px}.hero{position:relative;min-height:138px;align-items:center;padding:25px 28px;margin-bottom:20px;overflow:hidden;border:1px solid rgba(105,237,115,.15);border-radius:24px;background:linear-gradient(100deg,rgba(4,35,43,.97),rgba(8,55,63,.82));box-shadow:0 18px 50px rgba(0,0,0,.20)}.hero:after{content:"";position:absolute;right:-40px;bottom:-80px;width:320px;height:210px;border:1px solid rgba(105,237,115,.13);border-radius:50%;box-shadow:0 0 0 32px rgba(105,237,115,.025),0 0 0 64px rgba(105,237,115,.018)}.hero>div{position:relative;z-index:1}.hero h1{font-size:38px;line-height:1.05;letter-spacing:-.035em}.hero p{font-size:15px;max-width:760px;color:#afc5c9}
.card{border-color:rgba(160,210,216,.14);border-radius:22px;background:linear-gradient(145deg,rgba(11,49,59,.94),rgba(5,34,43,.96));box-shadow:0 18px 48px rgba(0,0,0,.18);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:rgba(105,237,115,.23);box-shadow:0 22px 58px rgba(0,0,0,.23)}
.btn{border-radius:13px;background:linear-gradient(135deg,#79f47e,#4bd86a);color:#03251a;box-shadow:0 7px 20px rgba(74,222,108,.17)}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn.secondary{background:rgba(13,65,77,.92);border:1px solid rgba(158,211,217,.15);color:#f7fbfb;box-shadow:none}
.pill{background:rgba(105,237,115,.12);border:1px solid rgba(105,237,115,.18);color:#dfffe3}
.quick-card{padding:24px}.quick-action{min-height:120px;border-color:rgba(150,207,213,.14);background:linear-gradient(145deg,rgba(13,57,68,.96),rgba(5,39,48,.98));box-shadow:0 12px 30px rgba(0,0,0,.12)}.quick-action:hover,.quick-action:focus-visible{border-color:rgba(105,237,115,.46);background:linear-gradient(145deg,#104a54,#083741);box-shadow:0 18px 38px rgba(0,0,0,.22)}.quick-icon{background:linear-gradient(145deg,rgba(105,237,115,.18),rgba(54,193,176,.10));border:1px solid rgba(105,237,115,.16)}
.module{background:linear-gradient(145deg,rgba(10,47,57,.95),rgba(5,36,45,.95));border-color:rgba(150,207,213,.13)}
input,select,textarea,.field input,.field select,.field textarea{background:rgba(3,28,36,.82);border-color:rgba(155,207,214,.18);border-radius:13px}.water-card{overflow:hidden}.water-thumb{height:220px;filter:saturate(1.08) contrast(1.03)}.water-hero{border:1px solid rgba(105,237,115,.15);box-shadow:0 22px 60px rgba(0,0,0,.24)}.water-hero img{height:410px;filter:saturate(1.08) contrast(1.04)}.water-hero:after{background:linear-gradient(180deg,rgba(0,10,14,.04) 20%,rgba(1,18,24,.93) 100%)}
.catch-photo-wrap{height:220px}.legal-footer{background:#02141b;border-color:rgba(105,237,115,.10)}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{background:rgba(3,27,35,.98)}.content{padding:20px}.hero{min-height:120px}.hero h1{font-size:33px}}
@media(max-width:700px){.topbar{height:68px;padding:0 12px}.brand img{width:40px;height:40px}.content{padding:12px}.hero{min-height:112px;padding:19px 18px;border-radius:20px}.hero h1{font-size:29px}.card{border-radius:19px}.quick-card{padding:16px}.quick-action{min-height:100px}.water-thumb{height:175px}.water-hero img{height:285px}}

/* ===== PetriGo HOME · Fishing UI v2 · 2026-09-29 ===== */
body.logged-in .content{padding:0;background:transparent;max-width:none}.dashboard-page{min-height:100vh;padding-bottom:34px;background:linear-gradient(180deg,rgba(3,18,25,.12),rgba(3,22,29,.72))}
.dashboard-topline{height:92px;padding:0 34px;border-bottom:1px solid rgba(118,219,180,.10);background:linear-gradient(90deg,rgba(2,19,26,.96),rgba(5,40,48,.91));backdrop-filter:blur(16px)}.dashboard-topline h1{font-size:27px;letter-spacing:-.03em}.dashboard-topline p{color:#94adb4;font-size:14px}.dash-user{padding:7px 10px 7px 7px;border:1px solid rgba(155,211,217,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.dash-hero{height:360px;margin:22px 28px 0;border:1px solid rgba(105,237,115,.18);border-radius:28px;box-shadow:0 26px 70px rgba(0,0,0,.28);isolation:isolate}.dash-hero>img{filter:saturate(1.13) contrast(1.04);transform:scale(1.01)}.dash-hero-shade{background:linear-gradient(90deg,rgba(1,16,22,.92) 0%,rgba(1,20,25,.68) 39%,rgba(1,17,22,.18) 72%,rgba(1,17,22,.38) 100%),linear-gradient(0deg,rgba(2,18,24,.42),transparent 55%)}.dash-welcome{left:38px;top:50%;transform:translateY(-50%);max-width:620px}.dash-welcome:before{content:"DEINE ANGELWELT · ÜBERALL";display:inline-block;margin-bottom:13px;color:#7cf18a;font-size:11px;font-weight:900;letter-spacing:.16em}.dash-welcome h2{font-size:50px;line-height:1.02;letter-spacing:-.045em;text-shadow:0 3px 20px rgba(0,0,0,.32)}.dash-welcome h2 span{color:#fff}.dash-welcome p{font-size:17px;color:#d7e6e8}
.dash-weather{right:28px;top:28px;padding:16px 18px;min-width:220px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(3,27,34,.62);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.18)}.dash-weather-main b{font-size:35px}.dash-weather .sun{color:#f7d45c}
.dash-stats{padding:20px 28px 6px;gap:14px}.dash-stat{min-height:94px!important;border:1px solid rgba(149,207,213,.14)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(10,47,57,.96),rgba(5,34,43,.98))!important;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:.18s ease}.dash-stat:hover{transform:translateY(-2px);border-color:rgba(105,237,115,.34)!important}.dash-stat-icon{background:rgba(105,237,115,.10)!important;color:#77ef83!important}.dash-stat b{color:#fff}.dash-stat i{color:#67e778!important}
.dash-section{padding:12px 28px 8px}.dash-section h2{font-size:25px;letter-spacing:-.025em;margin-bottom:14px}.dash-section h2:after{content:"";display:inline-block;width:34px;height:3px;margin-left:10px;vertical-align:middle;border-radius:99px;background:var(--green)}
.dash-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-quick>button,.dash-quick>button:nth-child(n){position:relative;overflow:hidden;min-height:126px;border:1px solid rgba(151,208,214,.14);border-radius:20px;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99));box-shadow:0 14px 34px rgba(0,0,0,.14);transition:.18s ease}.dash-quick>button:before{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(105,237,115,.07);box-shadow:0 0 0 22px rgba(105,237,115,.025)}.dash-quick>button:hover{transform:translateY(-3px);border-color:rgba(105,237,115,.42);background:linear-gradient(145deg,#0d4650,#07333d);box-shadow:0 20px 45px rgba(0,0,0,.22)}.dq-icon{position:relative;width:58px;height:58px;border:1px solid rgba(105,237,115,.15);background:linear-gradient(145deg,rgba(105,237,115,.17),rgba(52,185,171,.08));color:#fff}.dash-quick strong{font-size:16px}.dash-quick small{color:#9fb7bd}.dash-quick i{position:relative;color:#6de978}
.dash-insights-wrap{margin-left:28px!important;margin-right:28px!important}.dashboard-page>#permitReminder{margin-left:28px;margin-right:28px}
@media(max-width:1150px){.dash-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero{height:340px}.dash-welcome h2{font-size:43px}}
@media(max-width:820px){.dashboard-topline{padding:0 16px}.dash-hero{height:420px;margin:12px 12px 0;border-radius:22px}.dash-welcome{left:20px;right:20px;top:28px;transform:none}.dash-welcome h2{font-size:36px}.dash-weather{left:20px;right:20px;bottom:18px;top:auto;width:auto}.dash-stats{padding:14px 12px 4px;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-section{padding:10px 12px}.dash-quick{grid-template-columns:1fr}.dash-insights-wrap{margin-left:12px!important;margin-right:12px!important}.dashboard-page>#permitReminder{margin-left:12px;margin-right:12px}.dash-stat{min-width:0!important}}

/* ===== PetriGo FULL CUSTOMER FISHING UI · 2026-09-29 ===== */
body.logged-in .content>section:not(.dashboard-page):not(.buddy-page){padding:28px 32px 44px;max-width:1480px;margin:0 auto}body.logged-in .content>section>.hero{margin:0 0 18px;min-height:132px}.eyebrow,.buddy-kicker,.permit-hero-kicker,.master-page-kicker,.account-kicker,.share-kicker{color:#78ee84!important;letter-spacing:.15em;font-weight:900}
#page-catchcheck>.hero{padding:25px 28px!important;margin:0 0 18px!important;border:1px solid rgba(105,237,115,.15)!important;background:linear-gradient(100deg,rgba(4,35,43,.97),rgba(8,55,63,.82))!important}#page-catchcheck>.card{margin:0!important;padding:24px!important;border-color:rgba(151,208,214,.15)!important;background:linear-gradient(145deg,rgba(11,49,59,.96),rgba(5,34,43,.98))!important}.upload-card{border-color:rgba(151,208,214,.15);background:linear-gradient(145deg,#0c3a45,#072c35)}.upload-card.primary{border-color:rgba(105,237,115,.28);background:linear-gradient(145deg,#155b47,#0a4138)}.upload-icon{border:1px solid rgba(105,237,115,.13);background:rgba(105,237,115,.10)}#page-catchcheck .catch-photo-guide{border-color:rgba(105,237,115,.20);background:rgba(105,237,115,.045)}#page-catchcheck .field input,#page-catchcheck .field select{background:rgba(3,28,36,.82);border-color:rgba(155,207,214,.18)}
#page-waters .water-finder{padding:22px;border-color:rgba(105,237,115,.20)!important;background:radial-gradient(circle at 90% 0,rgba(105,237,115,.09),transparent 30%),linear-gradient(145deg,#0b313b,#062831)!important}.water-filter-chips button{border-color:rgba(151,208,214,.17);background:#082d36;color:#d9e9eb}.water-filter-chips button.active{background:linear-gradient(135deg,#226d4b,#155a57);border-color:#6be37c}.water-filter-chips button:hover{border-color:#65df7b}.water-filter-note{color:#95afb5}.water-card{border-radius:22px!important;background:linear-gradient(145deg,#0a303a,#062730)!important}.water-thumb{height:235px}.water-card h2,.water-card h3{letter-spacing:-.02em}
#page-journal .card,#page-journal .catch-card{border-color:rgba(151,208,214,.14);background:linear-gradient(145deg,#0a303a,#062730)}#page-journal .catch-card{overflow:hidden;border-radius:22px}.catch-photo-wrap{height:235px;background:#031c24}.catch-photo{filter:saturate(1.08) contrast(1.03)}
#page-learn .hero{margin-bottom:16px!important}.learn-item{border-color:rgba(151,208,214,.14)!important;background:linear-gradient(145deg,#0a303a,#062730)!important;overflow:hidden}.learn-item:before{content:"";position:absolute;width:160px;height:160px;right:-80px;top:-80px;border-radius:50%;background:rgba(105,237,115,.055);box-shadow:0 0 0 28px rgba(105,237,115,.018)}#learnGrid .learn-item:hover{border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4249,#07313a)!important}.learn-entry{border-color:rgba(151,208,214,.14);background:linear-gradient(145deg,#0a303a,#062730)}.learn-entry summary{padding:18px 20px}.learn-step b{background:rgba(105,237,115,.13);color:#77ef83}
.buddy-page{background:radial-gradient(circle at 75% 0,rgba(105,237,115,.07),transparent 34%)!important}.buddy-cover{border-color:rgba(105,237,115,.22);background:radial-gradient(circle at 80% 20%,rgba(105,237,115,.14),transparent 28%),linear-gradient(135deg,#0b333d,#06262f 70%)}.buddy-radar{border-color:rgba(105,237,115,.40);background:radial-gradient(circle,rgba(105,237,115,.18) 0 22%,transparent 23% 42%,rgba(105,237,115,.07) 43% 45%,transparent 46% 66%,rgba(105,237,115,.06) 67% 69%,transparent 70%)}.buddy-stats>div,.buddy-sidebar-card,.buddy-chat-card{border-color:rgba(151,208,214,.14);background:linear-gradient(145deg,#0a303a,#062730)}.buddy-add-box button{background:linear-gradient(135deg,#68e876,#2dbb78);color:#03251a}.buddy-page .buddy-message{border-color:rgba(151,208,214,.13);background:#082b34}
#page-rules .card,#page-achievements .card,#page-premium .card,#page-benefits .card,#page-profile .account-profile-card,#page-profile .account-status-card,#page-share .share-card,#page-settings .card,#page-support .card{border-color:rgba(151,208,214,.14)!important;background:linear-gradient(145deg,#0a303a,#062730)!important;box-shadow:0 16px 42px rgba(0,0,0,.16)}
@media(max-width:820px){body.logged-in .content>section:not(.dashboard-page):not(.buddy-page){padding:14px 12px 32px}#page-catchcheck>.hero{padding:20px 18px!important}#page-catchcheck>.card{padding:17px!important}.water-thumb,.catch-photo-wrap{height:190px}}

/* ===== PetriGo NAVIGATION · Fishing UI v3 · 2026-09-29 ===== */
body.logged-in .shell{grid-template-columns:272px minmax(0,1fr)}body.logged-in .sidebar{padding:0 13px 18px;background:radial-gradient(circle at 40% 4%,rgba(105,237,115,.07),transparent 18%),linear-gradient(180deg,#031a22 0%,#05262f 52%,#031920 100%);border-right:1px solid rgba(105,237,115,.12);scrollbar-width:thin;scrollbar-color:rgba(105,237,115,.25) transparent}.side-brand{min-height:190px;padding:24px 8px 20px;border-bottom:1px solid rgba(151,208,214,.09);margin-bottom:10px}.side-brand img{width:94px;height:72px;margin-bottom:15px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.32))}.side-brand-text{font-size:35px;letter-spacing:-.045em}.side-brand-text span{color:#6ee879}.side-brand-text small{font-size:8px;letter-spacing:.25em;color:#91abb1;margin-top:8px}
body.logged-in .navbtn{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;margin:3px 0;border:1px solid transparent;border-radius:14px;color:#b9cdd1;font-size:13px;font-weight:800;white-space:normal}body.logged-in .navbtn .navico{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035);color:#a8cbd0;font-size:17px}body.logged-in .navbtn:hover{background:rgba(255,255,255,.045);border-color:rgba(151,208,214,.08);color:#fff;transform:translateX(2px)}body.logged-in .navbtn.active{background:linear-gradient(90deg,rgba(105,237,115,.17),rgba(48,157,125,.07));border-color:rgba(105,237,115,.20);box-shadow:inset 3px 0 0 #6ee879,0 8px 22px rgba(0,0,0,.10);color:#f6fffa}body.logged-in .navbtn.active .navico{background:rgba(105,237,115,.14);color:#7af087;box-shadow:0 0 0 1px rgba(105,237,115,.12)}body.logged-in .navbtn.locked{opacity:.48}
body.logged-in .logout-nav{margin-top:16px!important;border-top:1px solid rgba(151,208,214,.10)!important;border-radius:0!important;padding-top:18px!important;color:#e9a8a8!important}body.logged-in .logout-nav .navico{background:rgba(255,100,100,.07)!important;color:#ff9d9d!important}
@media(max-width:1150px) and (min-width:821px){body.logged-in .shell{grid-template-columns:238px minmax(0,1fr)}.side-brand{min-height:165px}.side-brand img{width:78px;height:60px}.side-brand-text{font-size:31px}body.logged-in .navbtn{font-size:12px;padding:9px 10px}}
@media(max-width:820px){body.logged-in{padding-bottom:78px}body.logged-in .shell{display:block}body.logged-in .sidebar{position:fixed;z-index:200;left:8px;right:8px;bottom:8px;top:auto;height:68px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;overflow:visible;border:1px solid rgba(151,208,214,.16);border-radius:20px;background:rgba(3,25,32,.94);box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.side-brand{display:none}body.logged-in .sidebar .navbtn{display:none!important}body.logged-in .sidebar .navbtn[data-page="home"],body.logged-in .sidebar .navbtn[data-page="catchcheck"],body.logged-in .sidebar .navbtn[data-page="waters"],body.logged-in .sidebar .navbtn[data-page="journal"],body.logged-in .sidebar .navbtn[data-page="profile"]{display:flex!important;min-width:0;min-height:54px;margin:0;padding:5px 2px;gap:2px;flex-direction:column;justify-content:center;text-align:center;border-radius:14px;font-size:9px;line-height:1.05}body.logged-in .sidebar .navbtn .navico{width:27px;height:27px;flex-basis:27px;font-size:16px;background:transparent}body.logged-in .sidebar .navbtn.active{box-shadow:none;border-color:rgba(105,237,115,.18);background:rgba(105,237,115,.12)}body.logged-in .sidebar .navbtn.active .navico{box-shadow:none}.content{padding-bottom:12px!important}.legal-footer{padding-bottom:96px!important}}

/* ===== Compact customer legal footer · 2026-09-29 ===== */
body.logged-in .legal-footer{min-height:0;margin:0;padding:12px 22px 14px;gap:6px 14px;align-items:center;justify-content:center;border-top:1px solid rgba(151,208,214,.08);background:#03171e;color:#718c93;font-size:10px;line-height:1.2}body.logged-in .legal-footer a{padding:3px 0;color:#78939a;opacity:.86}body.logged-in .legal-footer a:hover{color:#a9c3c8;opacity:1}body.logged-in .legal-footer .btn{min-height:0;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#78939a!important;font-size:10px!important;font-weight:500!important}body.logged-in .legal-footer .btn:hover{color:#a9c3c8!important;transform:none!important}
@media(max-width:820px){body.logged-in .legal-footer{padding:10px 12px 90px!important;gap:5px 11px;font-size:9px}body.logged-in .legal-footer .btn{font-size:9px!important}}

/* Unified PetriGo learning design: recipes + knots = montage quality */
.recipe-detail-visual{padding:8px}.recipe-detail-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;background:#071f28}
.recipe-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.recipe-card-meta span{font-size:12px;color:#d5e5e8;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 9px}
.recipe-detail-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}.recipe-detail-meta>div{display:grid;gap:5px}.recipe-detail-meta span{color:var(--muted)}
.recipe-detail-grid{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:16px}.recipe-detail-ingredients{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}.recipe-detail-ingredients li{position:relative;padding:10px 12px 10px 34px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.recipe-detail-ingredients li:before{content:"✓";position:absolute;left:12px;top:9px;color:var(--green);font-weight:900}
.recipe-detail-page .recipe-legal{margin:0}.recipe-detail-page .rig-tip{min-height:100%}
.knot-card .knot-photo-card{margin:0}.knot-card .knot-photo-window{height:230px;border-radius:14px}.knot-card .knot-photo-card figcaption{padding:8px 2px 0}
.knot-detail-page .knot-detail-photo{margin:0}.knot-detail-page .knot-photo-window{height:300px}.knot-detail-page .rig-detail-head{align-items:stretch}.knot-detail-page .knot-detail-photo{align-self:stretch}.knot-detail-page .knot-photo-window{height:calc(100% - 38px);min-height:270px}
.recipe-card .rig-card-cta,.knot-card .rig-card-cta{margin-top:2px}
@media(max-width:900px){.recipe-detail-grid{grid-template-columns:1fr}.recipe-detail-meta{grid-template-columns:1fr!important}.knot-detail-page .knot-photo-window{height:240px;min-height:0}}
@media(max-width:600px){.recipe-card-meta{gap:6px}.recipe-card-meta span{font-size:11px;padding:5px 8px}.knot-card .knot-photo-window{height:180px}.knot-detail-page .knot-photo-window{height:190px}.recipe-detail-ingredients li{padding:9px 10px 9px 32px}}

/* ===== PetriGo Lernwelt Kategorien · unified design ===== */
.learn-world-search{margin-bottom:18px;padding:18px 20px!important}
.learn-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.learn-category-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:238px;padding:0!important;overflow:hidden;border:1px solid rgba(151,208,214,.15);border-radius:24px;background:linear-gradient(145deg,#0b333d,#062730);box-shadow:0 18px 44px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.learn-category-card:hover,.learn-category-card:focus-visible{transform:translateY(-4px);border-color:rgba(105,237,115,.42);box-shadow:0 24px 58px rgba(0,0,0,.26);outline:none}
.learn-category-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;border-right:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 30%,rgba(105,237,115,.18),transparent 34%),linear-gradient(180deg,#0d414b,#082b35)}
.learn-category-art:before,.learn-category-art:after{content:"";position:absolute;border:1px solid rgba(105,237,115,.11);border-radius:50%}.learn-category-art:before{width:170px;height:170px}.learn-category-art:after{width:108px;height:108px}
.learn-category-art>span{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(105,237,115,.18);font-size:40px;box-shadow:0 16px 34px rgba(0,0,0,.2)}
.learn-category-art small{position:relative;z-index:1;color:#8ce895;font-size:9px;font-weight:900;letter-spacing:.14em;text-align:center}
.learn-category-copy{display:flex;flex-direction:column;padding:22px 23px 20px}
.learn-category-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.learn-category-top h2{margin:0;font-size:22px;letter-spacing:-.025em}.learn-category-top .pill{white-space:nowrap}
.learn-category-copy p{margin:11px 0 15px;color:#a9bec3;line-height:1.55}
.learn-category-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.learn-category-tags span{padding:6px 9px;border:1px solid rgba(151,208,214,.11);border-radius:999px;background:rgba(255,255,255,.04);color:#d1e1e4;font-size:11px;font-weight:700}
.learn-category-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:#72eb7e;font-size:13px}
.learn-category-card:after{content:"";position:absolute;right:-55px;bottom:-75px;width:155px;height:155px;border-radius:50%;background:rgba(105,237,115,.04);box-shadow:0 0 0 28px rgba(105,237,115,.015)}
.learn-category-knots .learn-category-art{background:radial-gradient(circle at 50% 30%,rgba(98,221,233,.17),transparent 34%),linear-gradient(180deg,#10434c,#082a34)}
.learn-category-rigs .learn-category-art{background:radial-gradient(circle at 50% 30%,rgba(111,237,128,.19),transparent 34%),linear-gradient(180deg,#10483f,#082d32)}
.learn-category-recipes .learn-category-art{background:radial-gradient(circle at 50% 30%,rgba(245,194,92,.16),transparent 34%),linear-gradient(180deg,#4a3a20,#253023)}
@media(max-width:1050px){.learn-category-card{grid-template-columns:125px minmax(0,1fr)}.learn-category-art>span{width:70px;height:70px;font-size:34px}.learn-category-top{display:grid}.learn-category-top .pill{width:max-content}}
@media(max-width:820px){.learn-category-grid{grid-template-columns:1fr}.learn-category-card{grid-template-columns:110px minmax(0,1fr);min-height:200px}.learn-category-copy{padding:18px}.learn-category-top h2{font-size:20px}}
@media(max-width:560px){.learn-category-card{grid-template-columns:1fr}.learn-category-art{min-height:128px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.learn-category-art>span{width:64px;height:64px;font-size:31px}.learn-category-copy{padding:16px}.learn-category-tags{gap:5px}.learn-category-tags span{font-size:10px}}

/* PetriGo Fischküche Hero 2026-09-29 */
.learn-detail-head.recipe-detail-hero{position:relative;grid-template-columns:auto minmax(0,1fr) 310px;gap:24px;align-items:center;padding:26px 28px;margin-bottom:18px;border:1px solid rgba(67,209,127,.28);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(67,209,127,.18),transparent 30%),linear-gradient(135deg,#0d4651 0%,#092f3c 48%,#071f29 100%);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.learn-detail-head.recipe-detail-hero:before{content:'';position:absolute;inset:auto -80px -110px auto;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.recipe-detail-hero .learn-detail-copy{position:relative;z-index:1}.recipe-detail-hero .eyebrow{color:#75e6a5}.recipe-detail-hero h1{font-size:clamp(32px,4vw,50px);line-height:1.02;margin:6px 0 10px;letter-spacing:-.035em}.recipe-detail-hero #learnDetailIntro{max-width:760px;font-size:16px;line-height:1.6;color:#c5d8dd}
.recipe-hero-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.recipe-hero-stats span{display:flex;align-items:baseline;gap:5px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(4,27,35,.48);font-size:12px;color:#bcd0d5;font-weight:800}.recipe-hero-stats strong{font-size:16px;color:#fff}
.recipe-hero-art{position:relative;z-index:1;min-height:180px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.13));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.recipe-hero-art>strong{margin-top:10px;font-size:17px}.recipe-hero-art>small{margin-top:4px;color:#a9c0c6}
.recipe-hero-plate{position:relative;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f7f0df 0 54%,#c7d1cd 55% 60%,#0b3541 61%);box-shadow:0 14px 30px rgba(0,0,0,.25)}.recipe-hero-plate span{font-size:48px;transform:rotate(-8deg)}.recipe-hero-plate b,.recipe-hero-plate i{position:absolute;font-style:normal;font-size:24px}.recipe-hero-plate b{right:-4px;bottom:12px}.recipe-hero-plate i{left:-4px;top:12px}
@media(max-width:900px){.learn-detail-head.recipe-detail-hero{grid-template-columns:auto 1fr}.recipe-hero-art{grid-column:2;min-height:140px;display:grid;grid-template-columns:110px 1fr;justify-items:start;text-align:left}.recipe-hero-plate{grid-row:1/3}}
@media(max-width:620px){.learn-detail-head.recipe-detail-hero{grid-template-columns:1fr;padding:20px}.recipe-detail-hero #learnBackBtn{width:max-content}.recipe-hero-art{grid-column:auto;grid-template-columns:90px 1fr;min-height:120px}.recipe-hero-plate{width:86px;height:86px}.recipe-hero-plate span{font-size:36px}.recipe-hero-stats span{font-size:11px}.recipe-detail-hero h1{font-size:34px}}

/* Angelknoten: individuelles KI-Foto je Bindeschritt */
.knot-photo-single img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:100%!important}
.knot-step-card>div{display:grid;gap:8px}
.knot-step-figure{margin:6px 0 0;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#071f28}
.knot-step-figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#071f28}
.knot-step-figure figcaption{padding:9px 11px;color:var(--muted);font-size:12px;line-height:1.4;background:#082c3a}
@media(max-width:600px){.knot-step-figure{border-radius:13px}.knot-step-figure figcaption{font-size:11px}}

.knot-source{margin-top:14px;display:grid;gap:5px;padding:11px 12px;border:1px solid rgba(67,209,127,.24);border-radius:13px;background:rgba(67,209,127,.06)}
.knot-source strong{font-size:12px;color:var(--green)}
.knot-source a{font-size:12px;color:#dce9ec;text-decoration:none;overflow-wrap:anywhere}
.knot-source a:hover,.knot-source a:focus-visible{color:var(--green);text-decoration:underline}

/* ===== PetriGo Knotenwerkstatt Premium ===== */
.knot-premium-page{max-width:1180px;margin:0 auto;padding:4px 0 30px;display:grid;gap:20px}
.knot-premium-page>.rig-detail-back:first-child{width:max-content}
.knot-premium-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:26px;align-items:stretch;padding:24px;border:1px solid rgba(113,190,208,.22);border-radius:26px;background:radial-gradient(circle at 12% 8%,rgba(67,209,127,.09),transparent 30%),linear-gradient(145deg,#0d3b4b,#072733);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.knot-premium-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.knot-premium-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 12px}
.knot-premium-copy>p{font-size:16px;line-height:1.65;color:#bcd0d6;margin:0;max-width:650px}
.knot-premium-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.knot-premium-badges span{padding:8px 11px;border-radius:999px;background:#082c3a;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:900;color:#e8f5f7}
.knot-premium-badges span:last-child{color:#72e7a0;border-color:rgba(80,214,136,.28);background:rgba(58,184,111,.08)}
.knot-premium-hero-image{margin:0;display:grid;grid-template-rows:minmax(300px,1fr) auto;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#f3f7f6;box-shadow:0 16px 35px rgba(0,0,0,.22)}
.knot-premium-hero-image img{display:block;width:100%;height:100%;min-height:300px;max-height:430px;object-fit:contain;background:#eff5f3}
.knot-premium-hero-image figcaption{padding:10px 13px;background:#062530;color:#9fb7bf;font-size:11px;line-height:1.4}
.knot-premium-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:20px;background:linear-gradient(180deg,#0d3948,#0a303d);border:1px solid var(--line)}
.knot-premium-intro h3{margin:5px 0 5px;font-size:24px}.knot-premium-intro p{margin:0;color:var(--muted);line-height:1.55}
.knot-progress-pill{white-space:nowrap;padding:10px 13px;border-radius:999px;background:rgba(67,209,127,.1);border:1px solid rgba(67,209,127,.25);color:var(--green);font-size:12px;font-weight:950}
.knot-step-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.knot-step-panel{overflow:hidden;border-radius:22px;border:1px solid rgba(111,183,202,.19);background:linear-gradient(180deg,#0d3746,#082d3a);box-shadow:0 14px 32px rgba(0,0,0,.13)}
.knot-step-image-wrap{position:relative;aspect-ratio:3/2;background:#eef5f3;overflow:hidden}
.knot-step-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;background:#eef5f3;transition:transform .2s ease}
.knot-step-panel:hover .knot-step-image-wrap img{transform:scale(1.012)}
.knot-step-number{position:absolute;left:14px;top:14px;min-width:42px;height:42px;padding:0 10px;display:grid;place-items:center;border-radius:13px;background:rgba(4,31,40,.9);border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 18px rgba(0,0,0,.24);color:#fff;font-weight:950;font-size:15px;backdrop-filter:blur(8px)}
.knot-step-status{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(4,31,40,.86);border:1px solid rgba(255,255,255,.12);color:#b9d1d7;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(8px)}
.knot-step-panel:last-child .knot-step-status{background:rgba(42,139,91,.9);color:#fff;border-color:rgba(102,227,154,.35)}
.knot-step-content{padding:18px 19px 20px}.knot-step-kicker{display:block;color:var(--green);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.11em}
.knot-step-content h4{font-size:17px;line-height:1.38;margin:6px 0 8px}.knot-step-content p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.knot-premium-footer{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.knot-premium-footer .btn{white-space:nowrap}
.knot-card-grid .knot-card .knot-photo-card{margin:0}.knot-card-grid .knot-card .knot-photo-window{height:260px;border:0;border-radius:16px;background:#eef5f3}
.knot-card-grid .knot-card .knot-photo-window img{object-fit:contain!important;background:#eef5f3}
.knot-card-grid .knot-card .knot-photo-card figcaption{padding:0 2px 6px}
.knot-source{margin-top:18px}
@media(max-width:900px){.knot-premium-hero{grid-template-columns:1fr}.knot-premium-hero-image img{max-height:520px}.knot-step-gallery{grid-template-columns:1fr}.knot-premium-footer{grid-template-columns:1fr}.knot-premium-footer .btn{width:100%}}
@media(max-width:600px){.knot-premium-page{gap:14px}.knot-premium-hero{padding:16px;border-radius:20px;gap:16px}.knot-premium-copy h2{font-size:31px}.knot-premium-copy>p{font-size:14px}.knot-premium-hero-image{grid-template-rows:minmax(230px,1fr) auto;border-radius:16px}.knot-premium-hero-image img{min-height:230px;max-height:330px}.knot-premium-intro{display:grid;padding:16px}.knot-progress-pill{width:max-content}.knot-step-gallery{gap:14px}.knot-step-panel{border-radius:18px}.knot-step-content{padding:15px}.knot-step-content h4{font-size:16px}.knot-card-grid .knot-card .knot-photo-window{height:220px}}

/* ===== PetriGo Lernwelt Premium Bildkacheln 2026-09-29 ===== */
.learn-category-card{grid-template-columns:220px minmax(0,1fr);min-height:270px;border-color:rgba(220,180,91,.22);background:linear-gradient(145deg,#092d35,#061f27);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.learn-category-card:hover,.learn-category-card:focus-visible{border-color:rgba(236,197,104,.62);box-shadow:0 28px 70px rgba(0,0,0,.38)}
.learn-category-art{min-height:270px;background-size:cover!important;background-position:center!important;border-right:1px solid rgba(236,197,104,.18)}
.learn-category-art:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(3,17,22,.04) 10%,rgba(3,19,24,.22) 48%,rgba(3,20,25,.9) 100%);z-index:0}
.learn-category-art:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,transparent 60%,rgba(5,31,38,.48));z-index:0}
.learn-category-art>span{display:none}
.learn-category-art small{position:absolute;left:16px;right:16px;bottom:16px;padding:8px 10px;border:1px solid rgba(239,201,112,.4);border-radius:999px;background:rgba(4,24,29,.78);backdrop-filter:blur(8px);color:#f0cf80;font-size:9px;letter-spacing:.15em;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.learn-category-trainer .learn-category-art{background-image:url('assets/waters/schoenbrunn.jpg')!important}
.learn-category-knots .learn-category-art{background-image:url('assets/learn/knot-real-sprite.webp')!important}
.learn-category-rigs .learn-category-art{background-image:url('assets/learning/rigs-real/rig_01.png')!important}
.learn-category-recipes .learn-category-art{background-image:url('assets/recipes-real/001-zanderfilet-aus-der-pfanne.png')!important}
.learn-category-top h2{font-size:24px}.learn-category-top .pill{border-color:rgba(239,201,112,.25);background:rgba(239,201,112,.08);color:#f0cf80}
.learn-category-cta{color:#f0cf80;border-top-color:rgba(239,201,112,.14)}
.learn-category-tags span{border-color:rgba(239,201,112,.13);background:rgba(239,201,112,.045)}
@media(max-width:1050px){.learn-category-card{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:820px){.learn-category-card{grid-template-columns:170px minmax(0,1fr);min-height:230px}.learn-category-art{min-height:230px}}
@media(max-width:560px){.learn-category-card{grid-template-columns:1fr}.learn-category-art{min-height:190px;border-right:0;border-bottom:1px solid rgba(239,201,112,.15)}.learn-category-art:after{background:linear-gradient(180deg,transparent 55%,rgba(5,31,38,.45))}}

/* ===== Quick-Access look for FangCheck + Fangbuch pages ===== */
#page-catchcheck>.card,#page-journal>#catchEditor,#page-journal .catch-card{border:1px solid rgba(151,208,214,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important}
#page-catchcheck .upload-card,#page-journal .upload-card{position:relative;overflow:hidden;min-height:116px;border:1px solid rgba(151,208,214,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14);transition:.18s ease}
#page-catchcheck .upload-card:before,#page-journal .upload-card:before{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(105,237,115,.07);box-shadow:0 0 0 22px rgba(105,237,115,.025)}
#page-catchcheck .upload-card:hover,#page-journal .upload-card:hover{transform:translateY(-3px);border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)}
#page-catchcheck .upload-icon,#page-journal .upload-icon{position:relative;width:58px;height:58px;border:1px solid rgba(105,237,115,.15)!important;border-radius:16px;background:linear-gradient(145deg,rgba(105,237,115,.17),rgba(52,185,171,.08))!important;color:#fff}
#page-catchcheck .field input,#page-catchcheck .field select,#page-catchcheck .field textarea,#page-journal .field input,#page-journal .field select,#page-journal .field textarea{border-radius:14px!important;border:1px solid rgba(151,208,214,.15)!important;background:rgba(3,28,36,.82)!important}
#page-catchcheck .btn,#page-journal .btn{border-radius:14px!important}
#page-journal .catch-card{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
#page-journal .catch-card:hover{transform:translateY(-3px);border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)!important}
@media(max-width:820px){#page-catchcheck>.card,#page-journal>#catchEditor,#page-journal .catch-card,#page-catchcheck .upload-card,#page-journal .upload-card{border-radius:18px!important}#page-catchcheck .upload-card,#page-journal .upload-card{min-height:104px}}

/* ===== Gewässer typography / spacing fix · 2026-09-29 ===== */
#page-waters .water-card h3,#page-waters .water-card h2,#waterDetail h2,#waterDetail h3{line-height:1.18!important;margin-top:0}
#page-waters .water-card p,#waterDetail p,#waterDetail .muted,#waterDetail .accent,#waterDetail li{line-height:1.5!important}
#page-waters .water-card>div{display:flex;flex-direction:column;gap:8px}#page-waters .water-card .row{gap:8px;align-items:flex-start;flex-wrap:wrap}
#waterDetail .water-priority-title{gap:10px;margin-bottom:10px}#waterDetail .water-priority-title h3{line-height:1.22!important}
#waterDetail .card{line-height:1.5}#waterDetail .metric{line-height:1.1}
@media(max-width:820px){#page-waters .water-card h3,#waterDetail h2,#waterDetail h3{line-height:1.22!important}#page-waters .water-card p,#waterDetail p,#waterDetail li{line-height:1.55!important}}

/* ===== Mobile dashboard welcome fix · 2026-09-29 ===== */
@media(max-width:820px){
  .dash-hero{height:auto!important;min-height:400px!important;padding:0;display:flex;flex-direction:column;justify-content:space-between}
  .dash-hero>img,.dash-hero-shade{position:absolute;inset:0;width:100%;height:100%}
  .dash-welcome{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;padding:24px 20px 0;max-width:none!important;z-index:2}
  .dash-welcome:before{margin-bottom:9px;font-size:9px;letter-spacing:.13em}
  .dash-welcome h2{font-size:32px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0;max-width:100%}
  .dash-welcome h2 span{display:block;margin-top:3px;font-size:34px;line-height:1.06;overflow-wrap:anywhere}
  .dash-welcome p{margin:10px 0 0;font-size:14px;line-height:1.4}
  .dash-weather{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;min-width:0!important;margin:26px 16px 16px;padding:14px 16px;z-index:2}
  .dash-weather strong,.dash-weather span,.dash-weather small{line-height:1.35}
  .dash-weather-main{margin:4px 0}.dash-weather-main b{font-size:31px!important}
}
@media(max-width:390px){.dash-welcome h2{font-size:29px!important}.dash-welcome h2 span{font-size:31px}.dash-hero{min-height:390px!important}}

/* ===== Gewässer card spacing hard fix · 2026-09-29 ===== */
#page-waters>#watersGrid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:18px!important;row-gap:18px!important;align-items:stretch!important}
#page-waters>#watersGrid>.water-card{margin:0!important;height:100%;overflow:hidden}
@media(max-width:1000px){#page-waters>#watersGrid>.water-card{grid-column:span 12!important}}
@media(max-width:820px){#page-waters>#watersGrid{column-gap:14px!important;row-gap:14px!important;padding-left:12px!important;padding-right:12px!important}#page-waters>#watersGrid>.water-card{margin-bottom:0!important}}

/* ===== Deine Übersicht = Schnellzugriff Design ===== */
.dash-insights-wrap{padding:12px 28px 8px!important;margin-left:0!important;margin-right:0!important}
.dash-section-head{align-items:center;margin-bottom:14px}.dash-section-head h2{font-size:25px;letter-spacing:-.025em}.dash-section-head h2:after{content:"";display:inline-block;width:34px;height:3px;margin-left:10px;vertical-align:middle;border-radius:99px;background:var(--green)}
.dash-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.dash-insight-card{position:relative;overflow:hidden;min-height:126px!important;border:1px solid rgba(151,208,214,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;padding:16px!important;grid-template-columns:58px minmax(0,1fr) 24px!important;gap:13px!important;transition:.18s ease}
.dash-insight-card:before{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(105,237,115,.07);box-shadow:0 0 0 22px rgba(105,237,115,.025)}
.dash-insight-card:hover{transform:translateY(-3px)!important;border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)!important}
.di-icon{position:relative;width:58px!important;height:58px!important;border:1px solid rgba(105,237,115,.15);border-radius:16px!important;background:linear-gradient(145deg,rgba(105,237,115,.17),rgba(52,185,171,.08))!important;color:#fff}
.dash-insight-card small{color:#9fb7bd!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}.dash-insight-card strong{font-size:16px!important;margin-top:2px!important}.dash-insight-card em{color:#9fb7bd!important;font-size:12px!important;line-height:1.4}.dash-insight-card>i{position:relative;color:#6de978!important;font-size:30px!important}
@media(max-width:1150px){.dash-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.dash-insights-wrap{padding:10px 12px!important}.dash-insight-grid{grid-template-columns:1fr!important}.dash-insight-card{min-height:126px!important}}

/* ===== Fangbuch + Dokumente = Schnellzugriff Design ===== */
#page-journal .catch-card,#page-permits .permit-card,#page-permits #permitUploadCard,#page-permits .permit-list-head{position:relative;overflow:hidden;border:1px solid rgba(151,208,214,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;transition:.18s ease}
#page-journal .catch-card:before,#page-permits .permit-card:before,#page-permits #permitUploadCard:before{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(105,237,115,.07);box-shadow:0 0 0 22px rgba(105,237,115,.025);pointer-events:none}
#page-journal .catch-card:hover,#page-permits .permit-card:hover{transform:translateY(-3px);border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)!important}
#page-journal .catch-card .pill,#page-permits .permit-card .pill{border-color:rgba(105,237,115,.15)!important;background:rgba(105,237,115,.08)!important}
#page-journal .catch-photo-wrap,#page-permits .permit-thumb-wrap{border:1px solid rgba(105,237,115,.14)!important;border-radius:16px!important;background:#061f29!important}
#page-permits #permitUploadCard .upload-card{position:relative;overflow:hidden;min-height:116px;border:1px solid rgba(151,208,214,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)}
#page-permits #permitUploadCard .upload-card:hover{transform:translateY(-3px);border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)}
#page-permits #permitUploadCard .upload-icon{width:58px;height:58px;border:1px solid rgba(105,237,115,.15)!important;border-radius:16px;background:linear-gradient(145deg,rgba(105,237,115,.17),rgba(52,185,171,.08))!important}
#page-journal .hero,#page-permits .hero{border:1px solid rgba(105,237,115,.15)!important;border-radius:22px!important;background:linear-gradient(100deg,rgba(4,35,43,.97),rgba(8,55,63,.82))!important;padding:24px 26px!important}
#page-journal .btn,#page-permits .btn{border-radius:14px!important}
#page-permits .permit-list-head{padding:18px 20px!important;margin-top:18px!important}
@media(max-width:820px){#page-journal .catch-card,#page-permits .permit-card,#page-permits #permitUploadCard,#page-permits .permit-list-head{border-radius:18px!important}#page-journal .hero,#page-permits .hero{padding:18px!important;border-radius:18px!important}#page-permits #permitUploadCard .upload-card{min-height:104px}}

/* ===== Dashboard Fangbuch + Dokumente = Schnellzugriff Form, blaue Akzente ===== */
.dashboard-page .dash-bottom-grid{gap:14px!important;padding:10px 28px 22px!important}
.dashboard-page .dash-panel{position:relative;overflow:hidden;min-height:180px;border:1px solid rgba(92,176,235,.24)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important}
.dashboard-page .dash-panel:before{content:"";position:absolute;width:150px;height:150px;right:-68px;bottom:-86px;border-radius:50%;background:rgba(68,166,235,.10);box-shadow:0 0 0 26px rgba(68,166,235,.035);pointer-events:none}
.dashboard-page .dash-panel-head{position:relative;z-index:1;margin-bottom:14px}
.dashboard-page .dash-panel-head h3{font-size:22px;letter-spacing:-.025em}
.dashboard-page .dash-kicker{color:#6ec6ff!important}
.dashboard-page .dash-panel-head button{color:#6ec6ff!important}
.dashboard-page .dash-recent-list>button,.dashboard-page .permit-summary-row{position:relative;z-index:1;border:1px solid rgba(92,176,235,.16)!important;background:rgba(53,139,201,.06)!important;border-radius:16px!important}
.dashboard-page .dash-recent-list>button:hover,.dashboard-page .permit-summary-row:hover{border-color:rgba(92,176,235,.42)!important;background:rgba(53,139,201,.10)!important}
.dashboard-page .recent-fish,.dashboard-page .permit-summary-row>span{background:rgba(68,166,235,.12)!important;color:#8fd4ff!important;border-radius:14px}
.dashboard-page .permit-summary-row>span{width:44px;height:44px;display:grid;place-items:center}
.dashboard-page .permit-summary-row button{background:rgba(68,166,235,.16)!important;color:#8fd4ff!important}
@media(max-width:820px){.dashboard-page .dash-bottom-grid{padding:10px 12px 22px!important}.dashboard-page .dash-panel{border-radius:18px!important}}

/* ===== TRUE Schnellzugriff structure: Fangbuch + Dokumente, blue accents ===== */
.dashboard-page .dash-bottom-quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:10px 28px 22px!important}
.dashboard-page .dash-bottom-section{padding:0!important}
.dashboard-page .dash-bottom-section>h2{font-size:25px;letter-spacing:-.025em;margin:0 0 14px;color:#fff}
.dashboard-page .dash-bottom-section>h2:after{content:"";display:inline-block;width:34px;height:3px;margin-left:10px;vertical-align:middle;border-radius:99px;background:#59baf8}
.dashboard-page .dash-quick-subgrid{grid-template-columns:1fr!important;gap:14px!important}
.dashboard-page .dash-quick-subgrid>button{position:relative;overflow:hidden;min-height:126px;border:1px solid rgba(92,176,235,.22)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.14);display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:13px;align-items:center;padding:16px;color:#fff;text-align:left;cursor:pointer;transition:.18s ease}
.dashboard-page .dash-quick-subgrid>button:before{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(68,166,235,.10);box-shadow:0 0 0 22px rgba(68,166,235,.035)}
.dashboard-page .dash-quick-subgrid>button:hover{transform:translateY(-3px);border-color:rgba(92,176,235,.48)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)}
.dashboard-page .dash-quick-subgrid .dq-icon{position:relative;width:58px;height:58px;border:1px solid rgba(92,176,235,.22)!important;border-radius:16px;background:linear-gradient(145deg,rgba(68,166,235,.18),rgba(53,139,201,.08))!important;color:#fff}
.dashboard-page .dash-quick-subgrid strong{display:block;font-size:16px}.dashboard-page .dash-quick-subgrid small{display:block;color:#a8c8dc;font-size:12px;line-height:1.4;margin-top:4px}.dashboard-page .dash-quick-subgrid i{position:relative;font-style:normal;font-size:30px;color:#6ec6ff}
@media(max-width:1000px){.dashboard-page .dash-bottom-quick{grid-template-columns:1fr!important}}
@media(max-width:820px){.dashboard-page .dash-bottom-quick{padding:10px 12px 22px!important}.dashboard-page .dash-quick-subgrid>button{min-height:116px;border-radius:18px!important}}

/* ===== Fangbuch + Dokumente: green like Schnellzugriff ===== */
.dashboard-page .dash-bottom-section>h2:after{background:var(--green)!important}
.dashboard-page .dash-quick-subgrid>button{border-color:rgba(151,208,214,.14)!important;background:linear-gradient(145deg,rgba(11,51,61,.97),rgba(5,35,44,.99))!important}
.dashboard-page .dash-quick-subgrid>button:before{background:rgba(105,237,115,.07)!important;box-shadow:0 0 0 22px rgba(105,237,115,.025)!important}
.dashboard-page .dash-quick-subgrid>button:hover{border-color:rgba(105,237,115,.42)!important;background:linear-gradient(145deg,#0d4650,#07333d)!important}
.dashboard-page .dash-quick-subgrid .dq-icon{border-color:rgba(105,237,115,.15)!important;background:linear-gradient(145deg,rgba(105,237,115,.17),rgba(52,185,171,.08))!important}
.dashboard-page .dash-quick-subgrid i{color:#6de978!important}
.dashboard-page .dash-quick-subgrid small{color:#9fb7bd!important}

/* ===== PetriGo Feature Selling · Login/Registrierung 2026-09-29 ===== */
.pg-login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;max-width:820px}
.pg-login-feature-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;row-gap:3px;padding:13px 14px;border-radius:16px;background:rgba(4,31,40,.58);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px)}
.pg-login-feature-grid>div>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(82,215,133,.12);border:1px solid rgba(82,215,133,.18);font-size:18px}
.pg-login-feature-grid b{font-size:12px;color:#fff}.pg-login-feature-grid small{font-size:10px;line-height:1.45;color:#9fb8c1}
.pg-register-head{margin-bottom:16px}.pg-register-head h2{margin:8px 0 5px;font-size:25px}.pg-register-head p{margin:0;color:#9fb5be;font-size:12px;line-height:1.5}
.pg-register-kicker{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(81,215,134,.11);border:1px solid rgba(81,215,134,.25);color:#7fe8a5;font-size:9px;font-weight:950;letter-spacing:.11em}
.pg-register-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.pg-register-benefits>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;row-gap:2px;padding:10px;border-radius:13px;background:rgba(3,26,35,.7);border:1px solid rgba(255,255,255,.07)}
.pg-register-benefits>div>span{grid-row:1/3;font-size:17px}.pg-register-benefits b{font-size:10px;color:#eefafd}.pg-register-benefits small{font-size:9px;line-height:1.35;color:#7897a2}
.pg-register-learning{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0 12px;padding:13px 14px;border-radius:15px;background:linear-gradient(135deg,rgba(79,214,132,.13),rgba(24,112,116,.13));border:1px solid rgba(92,225,147,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.pg-register-learning-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(83,218,139,.13);border:1px solid rgba(83,218,139,.24);font-size:20px}.pg-register-learning div{display:grid;gap:3px}.pg-register-learning b{font-size:12px;color:#f1fbf5}.pg-register-learning small{font-size:9px;line-height:1.45;color:#8eabb5}.pg-register-learning-badge{padding:5px 7px;border-radius:999px;background:#58dc8b;color:#07301b;font-size:8px;font-weight:950;letter-spacing:.08em}
.pg-register-note{margin:12px 0 17px;padding:11px 12px;border-radius:13px;background:rgba(86,219,139,.08);border:1px solid rgba(86,219,139,.17);color:#cde9d7;font-size:10px;line-height:1.5}
.pg-register-submit{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;font-weight:950}
.pg-register-submit span{font-size:18px}.pg-register-trust{display:block;text-align:center;margin:9px 0 0;color:#7897a2;font-size:9px;line-height:1.4}
@media(max-width:650px){.pg-login-feature-grid{grid-template-columns:1fr}.pg-login-feature-grid>div:nth-child(n+5){display:none}.pg-register-benefits{grid-template-columns:1fr}.pg-register-learning{grid-template-columns:38px minmax(0,1fr);padding:12px}.pg-register-learning-badge{grid-column:2;justify-self:start}.pg-login-copy h1{font-size:42px}}

/* ===== PetriGo Profilfoto · 2026-09-29 ===== */
.dash-avatar{overflow:hidden;position:relative;flex:0 0 auto}
.dash-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.dash-avatar span{display:grid;place-items:center;width:100%;height:100%}
.profile-photo-manager{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;margin:8px 0 24px;padding:18px;border:1px solid rgba(111,194,216,.18);border-radius:18px;background:rgba(255,255,255,.025)}
.profile-photo-preview{width:112px;height:112px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#174d68,#0b3143);border:2px solid rgba(105,237,115,.32);box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:42px}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-preview span{display:grid;place-items:center;width:100%;height:100%}
.profile-photo-manager h3{margin:0 0 5px;font-size:20px}
@media(max-width:820px){.dash-user .dash-bell{display:none}.dash-user .dash-avatar{display:none!important;width:42px;height:42px}.profile-photo-manager{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:14px}.profile-photo-preview{width:78px;height:78px;font-size:30px}.profile-photo-manager .row{gap:8px}.profile-photo-manager .btn{padding:10px 12px}}
/* ===== PetriGo Experten-Vereinsportal · 2026-09-29 ===== */
.club-portal{background:radial-gradient(circle at 85% 0,rgba(58,188,132,.09),transparent 34%),linear-gradient(180deg,#041a22 0,#05242d 100%);min-height:100vh}
.club-portal .club-topbar{border-bottom:1px solid rgba(114,222,157,.16);background:rgba(3,24,31,.94);backdrop-filter:blur(14px)}
.club-portal .club-topbar .brand{display:flex;align-items:baseline;gap:10px}
.club-portal .club-topbar .brand small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#87a9ae}
.club-portal .club-role-pill{border-color:rgba(105,237,115,.26);background:rgba(105,237,115,.09);color:#8ff29a}
.club-portal .shell{grid-template-columns:248px minmax(0,1fr);gap:0}
.club-portal .sidebar{padding:18px 12px;background:linear-gradient(180deg,rgba(4,31,39,.98),rgba(3,22,29,.98));border-right:1px solid rgba(151,208,214,.11)}
.club-portal .navbtn{margin:3px 0;padding:12px 14px;border-radius:14px;text-align:left;font-weight:700;color:#b7cdd1;transition:.18s ease}
.club-portal .navbtn:hover{background:rgba(105,237,115,.06);color:#fff;transform:translateX(2px)}
.club-portal .navbtn.active{background:linear-gradient(90deg,rgba(105,237,115,.18),rgba(105,237,115,.06));border:1px solid rgba(105,237,115,.17);color:#fff;box-shadow:inset 3px 0 0 #6de978}
.club-portal .content{padding:24px 26px 44px;max-width:1600px;width:100%;margin:0 auto}
.club-portal .hero{padding:24px 26px;border:1px solid rgba(151,208,214,.13);border-radius:24px;background:linear-gradient(115deg,rgba(9,54,64,.98),rgba(4,34,43,.95));box-shadow:0 20px 60px rgba(0,0,0,.18);margin-bottom:18px}
.club-portal .hero h1{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin:0 0 8px}
.club-portal .hero p{max-width:860px;line-height:1.55;margin:0;color:#a6bdc2}
.club-portal .card{border:1px solid rgba(151,208,214,.13);border-radius:20px;background:linear-gradient(145deg,rgba(10,48,58,.96),rgba(5,33,42,.98));box-shadow:0 14px 36px rgba(0,0,0,.14)}
.club-portal .card h2,.club-portal .card h3{letter-spacing:-.02em;line-height:1.2}
 .club-portal .club-kpi{position:relative;overflow:hidden;min-height:132px}
.club-portal .club-kpi:after{content:"";position:absolute;width:120px;height:120px;right:-52px;bottom:-66px;border-radius:50%;background:rgba(105,237,115,.07);box-shadow:0 0 0 22px rgba(105,237,115,.025)}
.club-portal .club-kpi .metric{font-size:28px;margin:8px 0 2px}
.club-portal .club-kpi small{color:#88a7ad;font-size:11px}
.club-portal .module{border:1px solid rgba(151,208,214,.12);border-radius:17px;background:rgba(3,29,37,.54);padding:14px;min-height:84px}
.club-portal .module-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,rgba(105,237,115,.16),rgba(52,185,171,.07));border:1px solid rgba(105,237,115,.14)}
.club-portal .field{gap:7px}
.club-portal .field label{font-size:12px;font-weight:800;color:#b7cdd1}
.club-portal .field input,.club-portal .field select,.club-portal .field textarea{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(151,208,214,.15);background:rgba(3,25,33,.86);color:#fff;padding:11px 13px;outline:none;transition:.17s ease}
.club-portal .field textarea{min-height:104px;resize:vertical}
.club-portal .field input:focus,.club-portal .field select:focus,.club-portal .field textarea:focus{border-color:rgba(105,237,115,.52);box-shadow:0 0 0 3px rgba(105,237,115,.07)}
.club-portal .btn{border-radius:14px;min-height:44px;font-weight:800}
.club-portal .pill{white-space:nowrap}
.club-portal .club-list-card{grid-column:span 12;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 15px;border:1px solid rgba(151,208,214,.12);border-radius:16px;background:rgba(4,31,39,.62)}
.club-portal .club-list-card>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.club-portal .club-list-card strong{font-size:15px;line-height:1.25}
.club-portal .club-list-card span:not(.pill){color:#91aeb4;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.club-portal .club-list-meta{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.club-portal .club-empty{grid-column:span 12;padding:22px;border:1px dashed rgba(151,208,214,.17);border-radius:16px;background:rgba(3,26,33,.35)}
 .club-portal #page-submissions .table-wrap{border-radius:16px;overflow:auto;border:1px solid rgba(151,208,214,.12)}
.club-portal table{width:100%;border-collapse:collapse}
.club-portal th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8eaab0;background:rgba(3,25,32,.62)}
.club-portal th,.club-portal td{padding:12px 14px;border-bottom:1px solid rgba(151,208,214,.08);vertical-align:top}
.club-portal tr:last-child td{border-bottom:0}
.club-portal .login-card{border:1px solid rgba(151,208,214,.14);border-radius:24px;background:linear-gradient(145deg,rgba(9,49,59,.98),rgba(4,31,39,.98));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.club-portal #page-waters .card,.club-portal #page-permits .card,.club-portal #page-maps .card{overflow:hidden}
.club-portal #page-waters .card:hover,.club-portal #page-permits .card:hover,.club-portal #page-maps #mapHistory .card:hover{border-color:rgba(105,237,115,.28)}
.club-portal .warn{border-color:rgba(255,185,87,.28)!important;background:rgba(255,185,87,.08)!important;color:#ffd08a!important}
.club-portal .ok{border-color:rgba(105,237,115,.24)!important;background:rgba(105,237,115,.08)!important;color:#8ff29a!important}
@media(max-width:1100px){.club-portal .shell{grid-template-columns:220px minmax(0,1fr)}.club-portal .content{padding:20px 18px 38px}.club-portal .span-3{grid-column:span 6}}
@media(max-width:820px){.club-portal .shell{display:block}.club-portal .sidebar{position:sticky;top:58px;z-index:15;display:flex;overflow-x:auto;gap:6px;padding:9px 10px;border-right:0;border-bottom:1px solid rgba(151,208,214,.11)}.club-portal .navbtn{flex:0 0 auto;margin:0;padding:10px 12px}.club-portal .navbtn.active{box-shadow:inset 0 -3px 0 #6de978}.club-portal .content{padding:14px 12px 34px}.club-portal .hero{padding:19px;border-radius:19px}.club-portal .hero h1{font-size:27px}.club-portal .span-3,.club-portal .span-4,.club-portal .span-5,.club-portal .span-6{grid-column:span 12!important}.club-portal .club-list-card{align-items:flex-start;flex-direction:column}.club-portal .club-list-meta{justify-content:flex-start}.club-portal .topbar .brand small{display:none}}
@media(max-width:520px){.club-portal .content{padding-left:10px;padding-right:10px}.club-portal .hero{padding:16px}.club-portal .card{border-radius:17px}.club-portal .club-role-pill{font-size:9px}.club-portal .field input,.club-portal .field select,.club-portal .field textarea{font-size:16px}}
/* ===== Vereins- + Behördenportal Web Responsive Hardening · 2026-09-29 ===== */
@media(max-width:1000px){
  .club-portal #appView:not([hidden]){display:block!important;width:100%!important;min-height:calc(100vh - 78px)!important}
  .club-portal #appView:not([hidden])>.sidebar{display:flex!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;position:sticky!important;top:78px!important;z-index:30!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:8px 10px!important;border-right:0!important;border-bottom:1px solid rgba(151,208,214,.14)!important}
  .club-portal #appView:not([hidden])>.sidebar .navbtn{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;margin:0!important}
  .club-portal #appView:not([hidden])>.content{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;padding:18px 14px 40px!important;overflow:visible!important}
  .club-portal #appView:not([hidden])>.content>section:not([hidden]){display:block!important;width:100%!important;min-width:0!important}
  .club-portal .grid,.club-portal .mega-grid{min-width:0!important}
  .club-portal .grid>*,.club-portal .mega-grid>*{min-width:0!important}
  .club-portal .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
@media(max-width:820px){
  .club-portal .topbar{height:66px!important;padding:0 12px!important}
  .club-portal .brand{font-size:23px!important;min-width:0}
  .club-portal .top-actions{min-width:0;gap:6px!important}
  .club-portal .club-role-pill{max-width:140px;overflow:hidden;text-overflow:ellipsis}
  .club-portal #appView:not([hidden]){min-height:calc(100vh - 66px)!important}
  .club-portal #appView:not([hidden])>.sidebar{top:66px!important}
  .club-portal #appView:not([hidden])>.content{padding:14px 10px 34px!important}
  .club-portal .hero{display:block!important;width:100%!important;margin-bottom:14px!important}
  .club-portal .hero .toolbar{margin-top:12px}
  .club-portal .card{width:100%!important;min-width:0!important}
  .club-portal .row{max-width:100%}
  .club-portal .field{min-width:0!important}
  .club-portal .field input,.club-portal .field select,.club-portal .field textarea{min-width:0!important;max-width:100%!important}
  .club-portal .login-wrap{margin:18px auto!important;padding:0 10px!important}
  .club-portal .login-card{padding:18px!important;border-radius:18px!important}
  .authority-portal .authority-table{min-width:680px!important}
}
@media(max-width:520px){
  .club-portal .topbar{height:62px!important}
  .club-portal #appView:not([hidden])>.sidebar{top:62px!important}
  .club-portal .club-role-pill{max-width:112px;font-size:8px!important;padding:6px 7px!important}
  .club-portal #logoutBtn{padding:7px 8px!important;font-size:11px!important}
  .club-portal .hero h1{font-size:25px!important}
  .club-portal .metric,.club-portal .metric-big{overflow-wrap:anywhere}
}

/* PetriGo Shop */
.pg-shop-product{overflow:hidden}.pg-anchor-preview{min-height:220px;border-radius:24px;margin-bottom:18px;background:linear-gradient(145deg,#071d28,#0d3c4b);border:1px solid #1b5665;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-shadow:inset 0 0 50px rgba(67,209,127,.08)}.pg-anchor-symbol{font-size:58px;line-height:1}.pg-anchor-preview strong{font-size:clamp(20px,3vw,34px);margin-top:8px;letter-spacing:.04em;overflow-wrap:anywhere}.pg-anchor-preview small{color:#43d17f;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-top:8px}.shop-order-row{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid #174958}.shop-order-row:last-child{border-bottom:0}

.pg-sign-config{padding:18px;border-radius:22px;background:linear-gradient(145deg,#071d28,#0b3441);margin-bottom:18px}.pg-live-sign{position:relative;margin:16px auto;background:linear-gradient(180deg,#08705c,#005b4b);border-radius:7px;box-shadow:0 18px 36px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:.25s ease;overflow:visible}.pg-live-sign.size-200{width:min(100%,440px);aspect-ratio:4/1}.pg-live-sign.size-250{width:min(100%,480px);aspect-ratio:250/65}.pg-live-sign-text{color:#fff;font-weight:800;font-size:clamp(20px,4vw,36px);line-height:1.05;text-align:center;white-space:pre-line;overflow-wrap:anywhere;max-width:68%;max-height:82%;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.2)}.pg-suction{position:absolute;top:50%;width:54px;height:54px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.9) 0 8%,rgba(180,225,230,.6) 10% 27%,rgba(90,170,180,.34) 30% 55%,rgba(220,250,250,.35) 58% 70%,rgba(255,255,255,.12) 72%);border:2px solid rgba(220,250,250,.55);box-shadow:0 3px 8px rgba(0,0,0,.22)}.pg-suction.left{left:12px}.pg-suction.right{right:12px}.pg-preview-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#d6e7eb;font-size:13px}.pg-preview-meta strong{color:#fff}.pg-fixed-angler{background:linear-gradient(180deg,#08705c,#005b4b)}@media(max-width:620px){.pg-suction{width:42px;height:42px}.pg-live-sign-text{max-width:62%;font-size:clamp(17px,6vw,28px)}.pg-preview-meta{align-items:flex-start;flex-direction:column;gap:2px}}
.pg-shop-image{min-height:300px;padding:14px;margin-bottom:18px;border-radius:20px;background:#eef1f1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pg-shop-image img{display:block;width:100%;height:300px;object-fit:contain;border-radius:14px}@media(max-width:620px){.pg-shop-image,.pg-shop-image img{height:260px;min-height:260px}}
/* ===== Angelschein-Trainer Premium Hero ===== */
.learn-category-trainer .learn-category-art{background-image:linear-gradient(180deg,rgba(3,17,25,.10),rgba(3,17,25,.66)),url('assets/learning/angelschein-trainer-hero.png')!important;background-size:cover!important;background-position:center!important}
.learn-category-trainer .learn-category-art:before,.learn-category-trainer .learn-category-art:after{display:none!important}
.learn-category-trainer .learn-category-art>span{opacity:0!important}
.learn-category-trainer .learn-category-art small{padding:7px 10px;border-radius:999px;background:rgba(3,22,31,.68);backdrop-filter:blur(8px);color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.learn-detail-head.trainer-detail-hero{position:relative;min-height:300px;padding:34px 36px;overflow:hidden;border:1px solid rgba(112,215,161,.28);border-radius:26px;background-image:linear-gradient(90deg,rgba(3,20,29,.94) 0%,rgba(3,20,29,.82) 34%,rgba(3,20,29,.35) 65%,rgba(3,20,29,.10) 100%),url('assets/learning/angelschein-trainer-hero.png');background-size:cover;background-position:center;box-shadow:0 20px 52px rgba(0,0,0,.24)}
.learn-detail-head.trainer-detail-hero .learn-detail-copy{position:relative;z-index:2;max-width:720px}
.learn-detail-head.trainer-detail-hero #learnBackBtn{position:relative;z-index:2;align-self:start}
.learn-detail-head.trainer-detail-hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;text-shadow:0 4px 24px rgba(0,0,0,.42)}
.learn-detail-head.trainer-detail-hero #learnDetailIntro{color:#d9e7eb;font-size:17px;line-height:1.6;text-shadow:0 2px 14px rgba(0,0,0,.48)}
@media(max-width:820px){.learn-detail-head.trainer-detail-hero{min-height:270px;padding:24px 20px;background-image:linear-gradient(180deg,rgba(3,20,29,.50),rgba(3,20,29,.92)),url('assets/learning/angelschein-trainer-hero.png');background-position:center}.learn-detail-head.trainer-detail-hero h1{font-size:38px}}

/* ===== Mobile Dashboard Header + Layout Hard Fix 2026-10-01 ===== */
@media(max-width:820px){
 body{overflow-x:hidden}.content{min-width:0!important;padding-bottom:104px!important}.dashboard-page{width:100%;max-width:100%;overflow:hidden}
 .dashboard-topline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px 14px!important;min-height:76px}
 .dashboard-topline>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}
 .dashboard-topline>div:first-child:before{content:"";display:block;flex:0 0 48px;width:48px;height:48px;background:url('assets/petrigo-logo.png') center/contain no-repeat;border-radius:50%;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}
 .dashboard-topline h1{font-size:22px!important;line-height:1.05!important;margin:0!important}.dashboard-topline p{display:none!important}
 .dash-user{min-width:0!important;max-width:175px!important;gap:8px!important;padding:7px 9px!important;border-radius:16px!important}.dash-user>div:last-child{min-width:0}.dash-user strong{display:block;font-size:13px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user small{display:block;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user .dash-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
 .dash-hero{margin:0 12px 14px!important;min-height:0!important;height:auto!important;border-radius:22px!important;overflow:hidden!important}.dash-welcome{padding:22px 18px 0!important}.dash-welcome h2{font-size:29px!important;line-height:1.07!important}.dash-welcome h2 span{font-size:31px!important}.dash-welcome p{font-size:13px!important;margin-top:8px!important}
 .dash-weather{margin:20px 12px 12px!important;padding:13px 14px!important;border-radius:18px!important}.dash-weather-main{display:flex!important;align-items:center!important;gap:9px!important;margin:3px 0!important}.dash-weather-main .sun{font-size:30px!important}.dash-weather-main b{font-size:28px!important}.dash-weather>span{font-size:12px!important}.dash-weather>small{font-size:10px!important;margin-top:5px!important}
 .dash-stats{padding:0 12px!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-stat{min-width:0!important;min-height:94px!important;padding:12px!important;border-radius:18px!important}.dash-stat-icon{width:44px!important;height:44px!important;font-size:21px!important}.dash-stat small{font-size:11px!important;line-height:1.2!important}.dash-stat b{font-size:27px!important}.dash-stat i{font-size:25px!important}
 .dash-section{padding-left:12px!important;padding-right:12px!important}.dash-quick{gap:10px!important}.dash-quick>button{min-width:0!important}
 .mobile-bottom-nav,.bottom-nav,.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){.dashboard-topline{padding-left:10px!important;padding-right:10px!important}.dashboard-topline>div:first-child:before{width:42px;height:42px;flex-basis:42px}.dashboard-topline h1{font-size:20px!important}.dash-user{max-width:155px!important}.dash-user .dash-avatar{width:34px!important;height:34px!important;flex-basis:34px!important}.dash-welcome h2{font-size:27px!important}.dash-welcome h2 span{font-size:29px!important}}


.learn-category-dispatch .learn-category-art{background:linear-gradient(135deg,#123e49,#1a6b69)}
.fish-dispatch-intro,.fish-dispatch-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px;align-items:center;margin-bottom:18px}
.fish-dispatch-mini-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fish-dispatch-mini-flow span{padding:10px 8px;border-radius:12px;background:#0d3440;border:1px solid #235967;text-align:center;font-weight:700;font-size:.82rem}
.fish-dispatch-art{background:#eef7f3;border-radius:18px;padding:10px;overflow:hidden}.fish-dispatch-art img{width:100%;height:210px;object-fit:contain;display:block}
.fish-dispatch-card .fish-dispatch-art img{height:180px}.fish-dispatch-warning,.fish-dispatch-source{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #2b6673;border-radius:14px;background:#0c313b;margin:16px 0}.fish-dispatch-warning span,.fish-dispatch-source span{color:#c9dde2}
@media(max-width:760px){.fish-dispatch-intro,.fish-dispatch-hero{grid-template-columns:1fr}.fish-dispatch-mini-flow{grid-template-columns:1fr 1fr}.fish-dispatch-art img{height:180px}}

.learn-category-dispatch-art{padding:0!important;overflow:hidden;position:relative;min-height:170px}.learn-category-dispatch-art img{width:100%;height:100%;min-height:170px;object-fit:cover;display:block}.learn-category-dispatch-art small{position:absolute;left:12px;bottom:12px;background:rgba(7,53,62,.88);color:#fff;padding:7px 10px;border-radius:999px}
.fish-dispatch-onepage{display:grid;gap:18px}.fish-dispatch-mainhero img{width:100%;display:block;border-radius:22px}.fish-dispatch-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fish-dispatch-flow span{background:#0d3943;border:1px solid #28606b;border-radius:14px;padding:13px;text-align:center;font-weight:800}
.fish-dispatch-section{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px;align-items:center;padding:18px;border:1px solid #225763;border-radius:20px;background:#0a3039}.fish-dispatch-section-art img{width:100%;max-height:260px;object-fit:contain;border-radius:16px;background:#eef7f3}.fish-dispatch-section-copy h3{margin:8px 0}.fish-dispatch-section-copy ol{margin:12px 0 0;padding-left:22px}.fish-dispatch-section-copy li{margin:8px 0;line-height:1.45}
.fish-methods-block{display:grid;grid-template-columns:minmax(0,.55fr) minmax(300px,1.45fr);gap:18px;align-items:center;padding:20px;border-radius:22px;background:#eef7f3;color:#173b44}.fish-methods-block h2{color:#173b44}.fish-methods-block img{width:100%;display:block;border-radius:16px}.fish-dispatch-special{display:grid;gap:14px}
@media(max-width:760px){.fish-dispatch-flow{grid-template-columns:1fr 1fr}.fish-dispatch-section,.fish-methods-block{grid-template-columns:1fr}.fish-dispatch-section-art img{max-height:220px}.learn-category-dispatch-art,.learn-category-dispatch-art img{min-height:145px}}
/* ===== Gewässer Mobile – Initialansicht stabil ===== */
@media(max-width:700px){
  #page-waters{width:100%;max-width:100%;overflow-x:hidden;padding-bottom:22px!important}
  #page-waters>.hero{width:100%;max-width:100%;margin:0 0 14px!important;padding:20px 18px!important;border-radius:20px!important}
  #page-waters>.card{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}
  #page-waters>.water-finder{margin:0!important;padding:17px!important;overflow:hidden}
  #page-waters .water-finder-head{width:100%;min-width:0;gap:8px}
  #page-waters .water-finder-head>div{min-width:0;width:100%}
  #page-waters .water-finder-head h2{font-size:22px;line-height:1.18;overflow-wrap:anywhere}
  #page-waters #waterFilterStatus{align-self:flex-start;max-width:100%;white-space:normal}
  #page-waters .water-filter-chips{grid-template-columns:1fr 1fr;width:100%;gap:7px}
  #page-waters .water-filter-chips button{width:100%;min-width:0;padding:9px 10px;white-space:normal;overflow-wrap:anywhere}
  #page-waters .water-finder>.row{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
  #page-waters #waterSearchCount{display:block;min-width:0;overflow-wrap:anywhere}
  #page-waters #waterSearchClear{width:100%}
  #page-waters>#watersGrid{width:100%;max-width:100%;padding:14px 0 18px!important;grid-template-columns:1fr!important;gap:12px!important}
  #page-waters>#watersGrid>.water-card{grid-column:1!important;width:100%;min-width:0;max-width:100%}
  #page-waters>#waterDetail{width:100%;max-width:100%;margin:14px 0!important;overflow:hidden}
}
@media(max-width:390px){
  #page-waters .water-filter-chips{grid-template-columns:1fr}
}

.fish-dispatch-picker{display:grid;gap:20px}.fish-picker-block{display:grid;gap:14px}.fish-picker-head h2{margin:.25rem 0}.fish-species-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fish-species-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #235864;background:#0a3039;color:#fff;border-radius:16px;padding:10px;cursor:pointer;transition:.2s}.fish-species-card:hover,.fish-species-card.active{transform:translateY(-2px);border-color:#6ddf91;box-shadow:0 10px 24px rgba(0,0,0,.18)}.fish-species-card img{width:72px;height:58px;border-radius:12px;object-fit:cover;background:#eef7f3}.fish-species-card span{display:grid;gap:2px}.fish-species-card small{color:#9ebdc3}.fish-selected-guide{display:grid;gap:16px;padding:18px;border:1px solid #275f69;border-radius:20px;background:#082c34;scroll-margin-top:18px}.fish-selected-guide.special{border-color:#a77f38}.fish-guide-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center}.fish-guide-head img{width:100%;max-height:180px;object-fit:contain;border-radius:16px;background:#eef7f3}.fish-guide-steps{display:grid;gap:10px}.fish-guide-steps>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid #235864;border-radius:14px;background:#0c3640}.fish-guide-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1c756f}.fish-guide-steps span{display:grid;gap:4px}.fish-guide-steps small{color:#bbd1d6;line-height:1.4}.fish-guide-tip{display:flex;gap:10px;padding:13px 15px;border-radius:14px;background:#143e46;border-left:4px solid #65c78a}.fish-method-inline{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(0,.8fr);gap:16px;align-items:center;padding:14px;border-radius:16px;background:#eef7f3;color:#173b44}.fish-method-inline img{width:100%;border-radius:12px}.fish-method-inline div{display:grid;gap:8px}.fish-special-summary{display:grid;gap:10px}.fish-special-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fish-special-mini>div{display:grid;gap:4px;padding:14px;border-radius:14px;background:#0a3039;border:1px solid #775d2f}.fish-special-mini span{color:#bfd1d5}
@media(max-width:1000px){.fish-species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.fish-species-grid{grid-template-columns:1fr 1fr}.fish-guide-head,.fish-method-inline{grid-template-columns:1fr}.fish-guide-head img{max-height:210px}.fish-species-card{align-items:flex-start}.fish-species-card img{width:58px;height:52px}.fish-special-mini{grid-template-columns:1fr}}@media(max-width:480px){.fish-species-grid{grid-template-columns:1fr}}
/* Gewässer-Detailmodus: hidden muss die Grid-!important-Regel sicher schlagen */
#page-waters>#watersGrid[hidden]{display:none!important}
#page-waters>.water-finder[hidden]{display:none!important}
#page-waters>#waterDetail[hidden]{display:none!important}

/* ===== Mein Konto: Profilfoto im Header ===== */
.account-hero-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#174d68,#0b3143);border:2px solid rgba(116,215,255,.45);box-shadow:0 10px 28px rgba(0,0,0,.24)}
.account-hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.account-hero-avatar span{width:100%;height:100%;display:grid;place-items:center;font-size:30px}
@media(max-width:760px){.account-hero-avatar{width:58px;height:58px;flex-basis:58px}.account-hero-avatar span{font-size:25px}}

/* ===== Dashboard GPS-Wetter sichtbar & mobil stabil ===== */
#dashWeatherPlace,#dashWeatherLabel,#dashWeatherTime{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#dashWeatherLabel{line-height:1.35}
@media(max-width:820px){.dash-weather{width:auto!important;max-width:calc(100% - 24px)!important}.dash-weather strong,.dash-weather span,.dash-weather small{max-width:100%;white-space:normal;overflow-wrap:anywhere}}


/* 2026-10-01 Lernwelt Bildgrößen dauerhaft begrenzen */
.learn-category-art{position:relative;overflow:hidden!important}
.learn-category-art>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;
  display:block!important;z-index:0!important
}
.learn-category-art small{z-index:2!important}
.fish-dispatch-mainhero{overflow:hidden;border-radius:22px}
.fish-dispatch-mainhero img{
  width:100%!important;height:clamp(220px,32vw,420px)!important;max-height:420px!important;
  object-fit:cover!important;object-position:center!important;display:block!important
}
.fish-guide-head img{
  width:100%!important;height:180px!important;max-height:180px!important;
  object-fit:contain!important;display:block!important
}
.fish-method-inline img{
  width:100%!important;height:260px!important;max-height:260px!important;
  object-fit:contain!important;display:block!important
}
.rig-photo img,.recipe-detail-visual img{
  width:100%!important;max-height:360px!important;object-fit:cover!important
}
.knot-detail-page .knot-photo-window{max-height:300px!important}
@media(max-width:760px){
  .learn-category-art{min-height:165px!important;max-height:190px!important}
  .fish-dispatch-mainhero img{height:220px!important;max-height:220px!important}
  .fish-guide-head img{height:180px!important;max-height:180px!important}
  .fish-method-inline img{height:200px!important;max-height:200px!important}
  .rig-photo img,.recipe-detail-visual img{max-height:240px!important}
  .recipe-photo-wrap,.recipe-photo-wrap .recipe-photo{height:180px!important;min-height:180px!important}
  .knot-card-grid .knot-card .knot-photo-window{height:180px!important}
  .knot-detail-page .knot-photo-window{height:190px!important;max-height:190px!important}
}


/* 2026-10-01 Lernwelt Bildgrößen Final-Fit */
.learn-category-art{
  height:190px!important;min-height:190px!important;max-height:190px!important
}
.learn-category-card{min-height:0!important}
.fish-dispatch-mainhero img{height:300px!important;max-height:300px!important}
.fish-guide-head img{height:160px!important;max-height:160px!important}
.fish-method-inline img{height:220px!important;max-height:220px!important}
.rig-photo img,.recipe-detail-visual img{max-height:300px!important}
.recipe-photo-wrap,.recipe-photo-wrap .recipe-photo{max-height:190px!important}
.knot-card-grid .knot-card .knot-photo-window{height:210px!important}
@media(max-width:760px){
  .learn-category-art{
    height:150px!important;min-height:150px!important;max-height:150px!important
  }
  .fish-dispatch-mainhero img{height:190px!important;max-height:190px!important}
  .fish-guide-head img{height:150px!important;max-height:150px!important}
  .fish-method-inline img{height:170px!important;max-height:170px!important}
  .rig-photo img,.recipe-detail-visual img{max-height:210px!important}
  .recipe-photo-wrap,.recipe-photo-wrap .recipe-photo{height:160px!important;min-height:160px!important;max-height:160px!important}
  .knot-card-grid .knot-card .knot-photo-window{height:160px!important}
  .knot-detail-page .knot-photo-window{height:170px!important;max-height:170px!important}
}


/* 2026-10-01 Lernwelt Kartenformat: kompakte Bildspalte statt Breitbanner */
.learn-category-card{
  grid-template-columns:240px minmax(0,1fr)!important;
  align-items:stretch!important;
}
.learn-category-art{
  width:240px!important;
  min-width:240px!important;
  max-width:240px!important;
  height:200px!important;
  min-height:200px!important;
  max-height:200px!important;
  overflow:hidden!important;
}
.learn-category-art>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.learn-category-trainer .learn-category-art>img{object-position:center 35%!important}
.learn-category-rigs .learn-category-art>img{object-position:center 40%!important}
.learn-category-recipes .learn-category-art>img{object-position:center center!important}

@media(max-width:560px){
  .learn-category-card{
    grid-template-columns:1fr!important;
  }
  .learn-category-art{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
  }
}


/* 2026-10-01 Lernwelt doppelte Öffnen-Zeile entfernen */
.learn-category-cta{display:none!important}


/* 2026-10-01 Trainer Foto-Promo final */
.trainer-photo-hero{
  min-height:320px;border-radius:20px;overflow:hidden;margin-bottom:18px;
  background-size:cover;background-position:center;display:flex;align-items:center;
  padding:28px 30px;box-shadow:0 16px 36px rgba(0,0,0,.2)
}
.trainer-photo-copy{max-width:760px;display:grid;gap:10px}
.trainer-photo-copy h2{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.05}
.trainer-photo-copy p{margin:0;color:#d7e5e8;font-size:17px;line-height:1.5}
.trainer-photo-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.trainer-photo-badges span{padding:8px 12px;border-radius:999px;background:rgba(4,35,43,.78);border:1px solid rgba(236,197,104,.48);font-size:12px;font-weight:800}
.trainer-promo-card-img{display:block;width:100%;height:210px;object-fit:cover;object-position:center}
@media(max-width:760px){
  .trainer-photo-hero{min-height:220px;padding:18px 16px;background-position:center}
  .trainer-photo-copy h2{font-size:30px}
  .trainer-photo-copy p{font-size:14px}
  .trainer-photo-badges span{font-size:10px;padding:6px 9px}
  .trainer-promo-card-img{height:165px}
}

/* ===== Anmeldung komplett & professionell · 2026-10-01 ===== */
.pg-login-sectionhead{margin:30px 0 12px;max-width:860px}
.pg-login-sectionhead>span{display:inline-block;color:#75e6a0;font-size:9px;font-weight:950;letter-spacing:.15em}
.pg-login-sectionhead h2{margin:7px 0 5px;font-size:25px;line-height:1.12;letter-spacing:-.03em;color:#fff}
.pg-login-sectionhead p{margin:0!important;max-width:680px;color:#9fb8c1!important;font-size:11px!important;line-height:1.55!important}
.pg-login-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:980px!important;gap:9px!important}
.pg-login-feature-grid>div{min-height:84px;align-content:center;padding:12px 13px!important;background:linear-gradient(145deg,rgba(5,36,45,.76),rgba(5,27,36,.7))!important;border-color:rgba(126,208,178,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pg-login-feature-grid>div>span{background:linear-gradient(145deg,rgba(82,215,133,.16),rgba(53,162,164,.08))!important}
.pg-login-feature-grid b{font-size:11px!important;line-height:1.25}.pg-login-feature-grid small{font-size:9px!important;line-height:1.45!important}
.pg-register-alltitle{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 0 8px}
.pg-register-alltitle b{font-size:12px;color:#fff}.pg-register-alltitle span{font-size:9px;color:#7897a2;text-align:right}
.pg-register-benefits-all{grid-template-columns:1fr 1fr!important;max-height:360px;overflow:auto;padding-right:4px;scrollbar-width:thin}
.pg-register-benefits-all>div{min-height:58px;align-content:center}
.pg-register-benefits-all>div>span{align-self:center}.pg-register-benefits-all b{font-size:9.5px!important}.pg-register-benefits-all small{font-size:8.5px!important}
@media(max-width:1180px){.pg-login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.pg-login-sectionhead{margin-top:22px}.pg-login-sectionhead h2{font-size:22px}.pg-login-feature-grid{grid-template-columns:1fr!important}.pg-login-feature-grid>div{display:grid!important;min-height:76px}.pg-register-benefits-all{grid-template-columns:1fr!important;max-height:420px}.pg-register-alltitle{align-items:flex-start;flex-direction:column}.pg-register-alltitle span{text-align:left}}

/* ===== Fisch waidgerecht: Sonderfälle klar hervorheben · 2026-10-01 ===== */
.fish-species-card{position:relative}
.fish-species-special{border:2px solid #d59a3b!important;background:linear-gradient(145deg,#3a2a13,#142e35)!important;box-shadow:0 0 0 1px rgba(255,206,110,.08),0 12px 28px rgba(0,0,0,.2)}
.fish-species-special:hover,.fish-species-special.active{border-color:#ffd36f!important;box-shadow:0 0 0 3px rgba(255,211,111,.14),0 14px 30px rgba(0,0,0,.26)!important}
.fish-special-badge{position:absolute;top:7px;right:7px;z-index:2;padding:4px 7px;border-radius:999px;background:#d89a36;color:#211304;font-size:8px;line-height:1;font-weight:950;letter-spacing:.08em}
.fish-species-special img{outline:2px solid rgba(255,211,111,.2)}
.fish-special-summary{padding:20px;border:2px solid #c88a2d!important;border-radius:20px;background:linear-gradient(145deg,rgba(66,43,13,.96),rgba(16,47,53,.98))!important;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.fish-special-summary-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start}
.fish-special-alert{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#d89a36;color:#241504;font-size:30px;font-weight:950;box-shadow:0 0 0 7px rgba(216,154,54,.12)}
.fish-special-summary .eyebrow{color:#ffd477!important}
.fish-special-summary h2{margin:4px 0 6px;color:#fff;font-size:22px;line-height:1.2}
.fish-special-summary p{margin:0;color:#d9c9aa;line-height:1.5}
.fish-special-mini{margin-top:14px!important}
.fish-special-mini>div{position:relative;padding:16px!important;border:1px solid rgba(255,211,111,.38)!important;background:rgba(67,44,14,.62)!important}
.fish-special-mini strong{font-size:17px;color:#fff}
.fish-special-label{display:inline-flex;width:max-content;margin-bottom:4px;padding:4px 7px;border-radius:999px;background:#d89a36;color:#271604!important;font-size:8px!important;font-weight:950;letter-spacing:.08em}
.fish-selected-guide.special{border:2px solid #d59a3b!important;background:linear-gradient(145deg,#2b2112,#082f37)!important;box-shadow:0 0 0 2px rgba(213,154,59,.06)}
.fish-selected-guide.special .pill{background:#d89a36!important;color:#221404!important;border-color:#ffd36f!important;font-weight:950}
@media(max-width:650px){.fish-special-summary{padding:16px}.fish-special-summary-head{grid-template-columns:44px minmax(0,1fr);gap:11px}.fish-special-alert{width:40px;height:40px;font-size:24px;box-shadow:0 0 0 5px rgba(216,154,54,.12)}.fish-special-summary h2{font-size:19px}.fish-special-mini{grid-template-columns:1fr!important}.fish-special-badge{top:5px;right:5px}.fish-species-special{padding-top:25px!important}}

/* Login: prominent Android app download */
.pg-app-download-hero{margin-top:26px;display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:center;padding:24px;border:1px solid rgba(87,226,155,.38);border-radius:24px;background:linear-gradient(135deg,rgba(4,44,57,.94),rgba(8,87,76,.88));box-shadow:0 20px 55px rgba(0,0,0,.28);position:relative;overflow:hidden}
.pg-app-download-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-120px;background:rgba(77,232,158,.12)}
.pg-app-download-icon{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;font-size:27px;font-weight:900;letter-spacing:-3px;color:#fff;background:linear-gradient(145deg,#0d715f,#27d889);border:1px solid rgba(255,255,255,.25);box-shadow:0 14px 35px rgba(0,0,0,.25)}
.pg-app-download-icon span{color:#8dffd0}.pg-app-download-copy{position:relative;z-index:1}.pg-app-download-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#6ef2ae}
.pg-app-download-copy h2{font-size:clamp(24px,3vw,36px);line-height:1.04;margin:6px 0 9px;color:#fff}.pg-app-download-copy p{margin:0 0 14px;color:#d4e8e7;max-width:720px}
.pg-app-download-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 13px}.pg-app-download-meta strong,.pg-app-download-meta span{font-size:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#e9fffa}
.pg-app-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 18px;border-radius:14px;background:#59e99d;color:#042c2c!important;text-decoration:none!important;font-weight:900;box-shadow:0 10px 28px rgba(44,220,143,.22);transition:.18s ease}
.pg-app-download-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.pg-app-download-btn b{font-size:21px}.pg-app-download-copy>small{display:block;margin-top:10px;color:#a9c8c5;line-height:1.45}
@media(max-width:720px){.pg-app-download-hero{grid-template-columns:1fr;padding:20px}.pg-app-download-icon{width:64px;height:64px;border-radius:18px}.pg-app-download-btn{display:flex;width:100%;box-sizing:border-box}.pg-app-download-copy h2{font-size:28px}}

.pg-existing-app-update{margin:38px auto 8px;max-width:1180px;padding:0 22px 26px}
.pg-existing-app-update-inner{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;padding:20px 22px;border:1px solid rgba(87,226,155,.24);border-radius:20px;background:rgba(4,44,57,.76)}
.pg-existing-app-update .pg-app-download-copy h2{font-size:25px;margin:4px 0 7px}.pg-existing-app-update .pg-app-download-copy p{font-size:14px;margin-bottom:11px}
.pg-existing-app-update .pg-app-download-icon{width:64px;height:64px;border-radius:18px;font-size:22px}.pg-existing-app-update .pg-app-download-btn{min-height:44px;font-size:14px}
@media(max-width:720px){.pg-existing-app-update{padding:0 14px 20px;margin-top:28px}.pg-existing-app-update-inner{grid-template-columns:1fr;padding:18px}.pg-existing-app-update .pg-app-download-copy h2{font-size:23px}}

.pg-mobile-logout-wrap{display:none}
@media(max-width:820px){body.logged-in .pg-mobile-logout-wrap{display:block;padding:26px 16px 110px}.pg-mobile-bottom-logout{width:100%;min-height:52px;font-weight:900;font-size:15px}}

.buddy-quick-folder{margin:10px 0 0}.buddy-quick-folder>summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;user-select:none}.buddy-quick-folder>summary::-webkit-details-marker{display:none}.buddy-quick-folder>summary:after{content:'▾';font-size:11px;transition:transform .18s ease}.buddy-quick-folder[open]>summary:after{transform:rotate(180deg)}.buddy-quick-folder .buddy-quick-send{padding:10px 0 2px}.buddy-quick-folder .buddy-quick-send .btn{margin:0}@media(max-width:650px){.buddy-quick-folder>summary{width:100%;justify-content:space-between}.buddy-quick-folder .buddy-quick-send{display:grid;grid-template-columns:1fr}.buddy-quick-folder .buddy-quick-send .btn{width:100%;justify-content:flex-start}}

.buddy-at-water-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.buddy-at-water-stack>.btn{margin:0}.buddy-at-water-stack .buddy-quick-folder{margin:0}@media(max-width:650px){.buddy-at-water-stack{width:100%}.buddy-at-water-stack>.btn,.buddy-at-water-stack .buddy-quick-folder{width:100%}}

/* Rules & closed seasons cleanup */
#page-rules #rulesGrid{gap:14px}
#page-rules .rule-change-card{padding:18px}
#page-rules .rule-update-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}
#page-rules .rule-update-head h3{margin:3px 0 0}
#page-rules .rule-update-item{padding:11px 12px;margin-top:8px}
#page-rules .rule-update-item .muted{display:block;margin-top:3px}
#page-rules .rules-fish-card{padding:16px;border-radius:18px}
#page-rules .rules-fish-card.allowed{border-color:rgba(91,220,151,.22)}
#page-rules .rules-fish-card.closed,#page-rules .rules-fish-card.banned{border-color:rgba(239,103,103,.28)}
#page-rules .rules-fish-card.limited{border-color:rgba(231,187,62,.24)}
#page-rules .rules-fish-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
#page-rules .rules-fish-head h3{margin:3px 0 0}
#page-rules .rules-fish-status{font-weight:850;margin:10px 0 8px}
#page-rules .rules-fish-status.allowed{color:#8fe6b3}
#page-rules .rules-fish-status.closed,#page-rules .rules-fish-status.banned{color:#ffb0b0}
#page-rules .rules-fish-status.limited{color:#f2d889}
#page-rules .rules-fish-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#page-rules .rules-fish-facts span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:12px;color:#abc2cc}
#page-rules .rules-fish-facts b{color:#eef8fb}
#page-rules .rules-fish-source{margin:9px 0 0;color:#8faab6;font-size:11px;font-weight:800}
@media(max-width:650px){#page-rules .rules-fish-facts{grid-template-columns:1fr}#page-rules .rule-update-head{flex-direction:column}}

#page-rules .rule-change-history>details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;flex-wrap:wrap}
#page-rules .rule-change-history>details>summary::-webkit-details-marker{display:none}
#page-rules .rule-change-history>details>summary>div{display:flex;flex-direction:column;gap:3px}
#page-rules .rule-change-history>details>summary strong{font-size:18px;color:#eef8fb}
#page-rules .rule-change-history>details>summary:after{content:'▾';font-size:12px;transition:transform .18s ease}
#page-rules .rule-change-history>details[open]>summary:after{transform:rotate(180deg)}
#page-rules .rule-change-history-body{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:650px){#page-rules .rule-change-history>details>summary{align-items:flex-start;flex-direction:column}}

/* PetriGo dashboard spacing contract 2026-10-06 */
.dashboard-page .dash-stats{gap:18px!important}
.dashboard-page .dash-quick{gap:18px!important}
.dashboard-page .dash-section{margin-top:20px}
.dashboard-page .field{margin-bottom:16px}
.dashboard-page .grid{column-gap:16px!important;row-gap:16px!important}
@media(max-width:720px){
 .dashboard-page .dash-stats{gap:14px!important;padding-left:14px!important;padding-right:14px!important}
 .dashboard-page .dash-quick{gap:14px!important}
 .dashboard-page .grid{column-gap:14px!important;row-gap:14px!important}
 .dashboard-page .field{margin-bottom:14px}
}


/* PetriGo customer card spacing contract v2 2026-10-06 */
#appView main.content>section:not(.dashboard-page){padding-bottom:28px}
#appView main.content>section:not(.dashboard-page)>.card{margin-top:18px!important;margin-bottom:18px!important}
#appView main.content>section:not(.dashboard-page)>.card+.card{margin-top:20px!important}
#appView main.content .grid{column-gap:16px!important;row-gap:18px!important}
#appView main.content .grid>.card{margin:0!important}
#appView main.content .field{margin-bottom:14px!important}
#appView main.content .grid>.field{margin-bottom:0!important}
#appView main.content .card>.grid{margin-top:14px;margin-bottom:14px}
#appView main.content .card>.row{margin-top:16px!important}
@media(max-width:720px){
 #appView main.content>section:not(.dashboard-page)>.card{margin-top:14px!important;margin-bottom:14px!important}
 #appView main.content>section:not(.dashboard-page)>.card+.card{margin-top:16px!important}
 #appView main.content .grid{column-gap:14px!important;row-gap:16px!important}
 #appView main.content .field{margin-bottom:12px!important}
 #appView main.content .grid>.field{margin-bottom:0!important}
}


/* PetriGo upper dashboard spacing v3 2026-10-06 */
.dashboard-page .dashboard-topline{margin-bottom:20px!important}
.dashboard-page .dash-hero{margin:0 28px 22px!important}
.dashboard-page .dash-stats{padding-top:6px!important;padding-bottom:20px!important}
@media(max-width:720px){
 .dashboard-page .dashboard-topline{margin-bottom:14px!important}
 .dashboard-page .dash-hero{margin:0 12px 18px!important}
 .dashboard-page .dash-stats{padding-top:4px!important;padding-bottom:18px!important}
}
@media(max-width:390px){
 .dashboard-page .dashboard-topline{margin-bottom:12px!important}
 .dashboard-page .dash-hero{margin-bottom:16px!important}
 .dashboard-page .dash-stats{padding-bottom:16px!important}
}


.pg-premium-widget{display:grid;gap:10px;padding:12px}.pg-premium-widget h3{margin:0}.pg-premium-widget button{width:max-content;max-width:100%;border-radius:10px;padding:10px 16px;background:#0d765e;color:white;border:0;cursor:pointer}@media(max-width:600px){.pg-premium-widget button{width:100%}}
/* V2 logout: sidebar #logoutNavBtn is the only logout; 6th slot in mobile bottom bar */
@media(max-width:820px){body.logged-in:not(.club-portal) .sidebar{grid-template-columns:repeat(6,1fr)}body.logged-in:not(.club-portal) .sidebar #logoutNavBtn{display:flex!important;min-width:0;min-height:54px;margin:0!important;padding:5px 2px!important;gap:2px;flex-direction:column;justify-content:center;text-align:center;border-top:0!important;border-radius:14px!important;font-size:9px;line-height:1.05}body.logged-in:not(.club-portal) .sidebar #logoutNavBtn .navico{width:27px;height:27px;flex-basis:27px;font-size:16px}}

/* V2 premium page: plan cards (r6) */
#premiumCard .subscription-status h2{margin:0 0 6px}
#premiumCard .pg-premium-state{display:inline-block;margin:0 0 4px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:13px}
#premiumCard .pg-premium-state.on{background:rgba(67,209,127,.12);border-color:rgba(67,209,127,.45);color:var(--green)}
#premiumCard .pg-premium-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 10px}
#premiumCard .pg-premium-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--card2);border:1px solid var(--line)}
#premiumCard .pg-premium-plan.featured{border-color:rgba(67,209,127,.55);box-shadow:0 0 0 1px rgba(67,209,127,.25),0 12px 30px rgba(0,0,0,.18)}
#premiumCard .pg-premium-plan h3{margin:0;font-size:16px;color:var(--muted);font-weight:800;letter-spacing:.02em}
#premiumCard .pg-premium-price{font-size:28px;line-height:1.15;font-weight:900;color:var(--text)}
#premiumCard .pg-premium-plan p{margin:0 0 6px;font-size:13px}
#premiumCard .pg-premium-plan .btn{margin-top:auto;width:100%;min-height:46px}
#premiumCard .pg-premium-badge{position:absolute;top:-11px;right:14px;padding:3px 10px;border-radius:999px;background:var(--green);color:#05261d;font-size:11px;font-weight:900}
#premiumCard .pg-premium-benefits{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
#premiumCard .pg-premium-benefits li{position:relative;padding-left:24px}
#premiumCard .pg-premium-benefits li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
#premiumCard .pg-premium-note{font-size:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
@media(max-width:640px){#premiumCard .pg-premium-plans,#premiumCard .pg-premium-benefits{grid-template-columns:1fr}#premiumCard .pg-premium-price{font-size:24px}}
/*PG-MARKE-R-20261027 eingetragene Marke: (R) klein hochgestellt hinter der Wortmarke PetriGo*/
.topbar .brand>span>b::after,.side-brand-text>span::after,.pg-tb-word>b::after,.pg-play-word>b::after,.pg-login-logo strong::after,.logo>b::after,.brand h1>b::after{content:"\00AE";display:inline;font-size:.42em;font-weight:700;letter-spacing:0;line-height:0;vertical-align:super;margin-left:.06em;text-transform:none}
.side-brand-text>span::after{font-size:.34em}
.brand h1>b::after{font-size:.55em;margin-left:-.45em;margin-right:.3em}
/*/PG-MARKE-R-20261027*/