/* mfangano.com – gemeinsame Bereichsvorlage (Claude 04.10.2026) */
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;min-height:100%;overflow-x:hidden;font-family:Verdana,Arial,Helvetica,sans-serif;background:#0b1a2e;color:#fff}
.bx-hero{position:relative;width:100%;min-height:100vh;background-size:cover;background-position:center top;background-repeat:no-repeat;display:flex;flex-direction:column}
.bx-home{position:absolute;left:1.5%;top:1.5%;width:17%;height:19%;z-index:20;border-radius:10px}
.bx-home:hover{background:rgba(255,255,255,.08)}
.bx-header{position:relative;z-index:30;display:flex;justify-content:flex-end;align-items:flex-start;gap:18px;padding:22px 32px 0 21%;flex-wrap:wrap}
.bx-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.bx-item{position:relative}
.bx-item>a{display:block;padding:9px 14px;border-radius:8px;background:rgba(5,15,25,.62);color:#fff;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.3px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bx-item>a:hover,.bx-item:focus-within>a{background:rgba(5,15,25,.85);color:#f0b84a}
.bx-dd{position:absolute;top:100%;left:0;min-width:250px;margin-top:6px;padding:12px 16px;background:rgba(5,15,25,.88);border:1px solid #d9a441;border-radius:10px;opacity:0;visibility:hidden;transition:opacity .15s;z-index:40}
.bx-item:hover .bx-dd,.bx-item:focus-within .bx-dd{opacity:1;visibility:visible}
.bx-dd a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:5px 0}
.bx-dd a:hover{color:#f0b84a}
.bx-tools{display:flex;gap:8px;align-items:center}
.bx-lang{padding:9px 12px;border-radius:8px;background:rgba(5,15,25,.62);font-weight:800}
.bx-lang a{color:#fff;text-decoration:none}.bx-lang a.on{color:#f0b84a}
.bx-search{display:flex}
.bx-search input{width:160px;height:38px;padding:0 10px;border:1px solid #d9a441;border-right:0;border-radius:8px 0 0 8px;background:rgba(5,15,25,.62);color:#fff;font-size:14px;outline:none}
.bx-search input::placeholder{color:#ddd}
.bx-search button{width:40px;height:38px;border:1px solid #d9a441;border-radius:0 8px 8px 0;background:rgba(5,15,25,.8);color:#fff;cursor:pointer}
.bx-panel{margin:auto 0 6vh 4%;max-width:min(760px,92%);padding:26px 30px;background:rgba(5,15,25,.78);border-left:4px solid #d9a441;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}
.bx-crumbs{font-size:13px;color:#ccc;margin-bottom:8px}
.bx-crumbs a{color:#f0b84a;text-decoration:none}
.bx-panel h1{font-size:clamp(24px,3vw,40px);line-height:1.15;margin-bottom:10px}
.bx-panel p{font-size:16px;line-height:1.55;color:#eee}
.bx-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.bx-links a{display:inline-block;padding:10px 16px;border-radius:8px;background:rgba(217,164,65,.18);border:1px solid #d9a441;color:#fff;text-decoration:none;font-weight:700;font-size:15px}
.bx-links a:hover{background:#d9a441;color:#0b1a2e}
.bx-back{display:inline-block;margin-top:16px;color:#f0b84a;text-decoration:none;font-weight:700}
@media(max-width:900px){.bx-header{padding:14px 14px 0 14px;justify-content:flex-start}.bx-home{width:40%;height:12%}.bx-header{margin-top:13vh}.bx-dd{position:relative;margin-top:4px}.bx-panel{margin:4vh 4%}}

/* Fusszeile (Claude 04.10.2026) */
.bx-foot{background:#0b1a2e;border-top:2px solid #d9a441;color:#ddd;font-size:14px}
.bx-foot-in{max-width:1300px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:flex-start}
.bx-foot a{color:#fff;text-decoration:none}.bx-foot a:hover{color:#f0b84a}
.bx-f2{display:flex;flex-direction:column;gap:5px}.bx-f2 b{color:#d9a441;font-size:13px;letter-spacing:.5px}
.bx-f1 a{color:#f0b84a;font-weight:800}.bx-f3{text-align:center;line-height:1.6}
.bx-text{margin-top:10px;font-size:15px;line-height:1.6;color:#eee;max-height:none}
.bx-text h2{font-size:18px;color:#f0b84a;margin:16px 0 6px}.bx-text p{margin:6px 0}.bx-text a{color:#f0b84a}
.bx-text ul{margin:6px 0 6px 20px}
.bx-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px}
.bx-gal figure{margin:0;background:rgba(255,255,255,.06);border-radius:8px;overflow:hidden}
.bx-gal img{width:100%;height:150px;object-fit:cover;display:block}.bx-gal figcaption{padding:6px 8px;font-size:13px}
.bx-panel.breit{max-width:min(1100px,92%)}
@media(max-width:700px){.bx-foot-in{flex-direction:column}}
/* Neutrale Seiten (Claude 04.10.2026) */
.nx{background:#f4f1ea;color:#1b2a3a}
.nx-top{background:#0b1a2e;border-bottom:2px solid #d9a441;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;flex-wrap:wrap}
.nx-brand{color:#fff;font-weight:900;font-size:20px;letter-spacing:1px;text-decoration:none}
.nx-brand span{display:block;font-size:12px;font-weight:400;font-style:italic;color:#7cc576;letter-spacing:0}
.nx-main{max-width:900px;margin:36px auto;padding:30px 34px;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(11,26,46,.12)}
.nx-main.breit{max-width:1200px}
.nx-main h1{color:#0b1a2e;font-size:clamp(24px,3vw,36px);margin-bottom:8px}
.nx .bx-crumbs a,.nx .bx-back{color:#a5741b}
.nx .bx-text{color:#1b2a3a}.nx .bx-text h2{color:#a5741b}.nx .bx-text a{color:#a5741b}
.nx .bx-gal figure{background:#f4f1ea}.nx .bx-gal figcaption{color:#1b2a3a}
@media(max-width:700px){.nx-main{margin:16px;padding:20px}}

/* Home-Knopf (Claude 04.10.2026) */
.bx-homebtn{position:fixed;left:16px;bottom:16px;z-index:99999;background:rgba(5,15,25,.88);color:#fff;
  border:1px solid #d9a441;border-radius:24px;padding:10px 18px;font:700 15px Arial,Helvetica,sans-serif;text-decoration:none;
  box-shadow:0 4px 14px rgba(0,0,0,.35)}
.bx-homebtn:hover{background:#d9a441;color:#0b1a2e}