/* ===== Webseiten im Stil der späten 90er ===== */
.webpage{font-family:"Times New Roman",Times,serif;font-size:16px;color:#000;background:#fff;min-height:100%;user-select:text;cursor:auto;-webkit-font-smoothing:auto;line-height:normal}
.webpage a{color:#0000ee;cursor:pointer}
.webpage a:visited{color:#551a8b}
.webpage input[type=text],.webpage input[type=password]{font-family:Arial;font-size:13px;height:auto;padding:2px 3px;box-shadow:none;border:2px inset #ddd}
.webpage .nj-btn,.webpage input[type=submit],.webpage input[type=button]{font-family:Arial;font-size:13px;min-width:0;min-height:0;padding:1px 8px;border:2px outset #ddd;background:#ddd;box-shadow:none}
.webpage .nj-btn:active{border-style:inset}
.webpage table{font-size:inherit}

/* anklickbare Fakten (Lupe) */
.webpage .clue{cursor:help;transition:background .1s}
.webpage.lupa .clue{border-bottom:2px dotted #e08000;background:rgba(255,255,0,.12)}
.webpage .clue:hover{background:#ffff66!important;color:#000!important;outline:1px solid #c0a000}
.webpage .clue.got{background:#c8f7c8!important;border-bottom:2px solid #00a000!important;color:#000}
.webpage .clue.got::after{content:" 📌";font-size:.8em}

/* gemeinsame Retro-Elemente */
.w-counter{display:inline-flex;gap:1px;vertical-align:middle;background:#000;padding:2px;border:2px inset #888}
.w-counter i{font-style:normal;font-family:"Courier New",monospace;font-weight:bold;color:#00ff00;background:#111;width:13px;text-align:center;font-size:14px}
.w-uc{display:inline-block;background:repeating-linear-gradient(45deg,#ffd800 0 12px,#000 12px 24px);padding:4px;margin:4px}
.w-uc span{display:block;background:#ffd800;color:#000;font:bold 13px Arial;padding:3px 10px}
.w-new{display:inline-block;margin-left:6px;background:#f00;color:#ff0;font:bold 11px Arial;padding:0 4px;animation:blink 1s steps(1) infinite}
.w-blink{animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.w-rainbow{height:6px;width:560px;max-width:90%;margin:0 auto 12px;background:linear-gradient(90deg,red,orange,yellow,lime,cyan,blue,magenta,red)}
.w-88,.w-88b{display:inline-block;width:88px;height:31px;font:bold 9px/12px Arial;color:#fff;background:#003366;border:2px outset #6688aa;text-align:center;padding-top:2px;vertical-align:middle}
.w-err{padding:16px 20px}

/* Findo! */
.w-najdi{font-family:Arial,sans-serif;padding:0 10px}
.nj-logo{font-family:"Arial Black",Arial,sans-serif;font-style:italic;font-weight:900;font-size:58px;letter-spacing:-1px;color:#d01010;text-shadow:3px 3px 0 #ffcc00,5px 5px 0 #000;display:inline-block}
.nj-logo.small{font-size:28px;text-shadow:2px 2px 0 #ffcc00,3px 3px 0 #000}
.nj-dog{font-style:normal;font-size:.6em;vertical-align:middle;margin-right:4px;text-shadow:none}
.nj-ex{color:#0040c0}
.nj-dir td{width:200px;vertical-align:top;font-size:14px}
.nj-res{padding:4px 10px}
.nj-res p{margin:0 0 14px}

/* BizLink */
.w-biz{background:#f3f6fa;min-height:100%;font-family:Verdana,sans-serif}
.biz-left{background:#e5ecf4;border-right:1px solid #b8c8dc}
.biz-left svg{border:3px solid #fff;outline:1px solid #8aa}
.biz-box{border:1px solid #b8c8dc;background:#fff}
.biz-comment{background:#f3f6fa;border-left:3px solid #336699;padding:4px 6px;margin-top:4px;font-size:12px;display:flex;align-items:center;gap:6px}
.biz-card{background:#fff;border:1px solid #b8c8dc;width:140px}

/* Martins Homepage */
.w-home{background:#000 radial-gradient(#fff 1px,transparent 1.4px) 0 0/34px 34px;min-height:100%;color:#fff}
.w-home .w-88b{background:#006000}

/* AlpenBank */
.w-bank{background:#fff;min-height:100%}
.ab-nav td{padding:0}
.ab-nav a{display:inline-block;padding:5px 14px;font:bold 12px Arial;color:#003366;text-decoration:none;border-right:1px solid #fff;border-left:1px solid #9aaac4;background:linear-gradient(#e8eef6,#c0ccdc)}
.ab-nav a:hover{background:#ffcc00}
.ab-nav a.on{background:#fff;color:#000}
.ab-nav a.pf{float:right;background:#ffcc00;color:#003366}
.ab-side{border-right:1px solid #c8d4e4}
.ab-news td{border-bottom:1px dotted #99aacc}

/* PayFlow */
.w-pf{background:#e8eef6;min-height:100%;font-family:Arial}

/* Archiv */
.w-arch{background:#fdf6e8;min-height:100%;font-family:Arial}
.w-archbar{background:#8a1c1c;color:#fff;font:bold 12px Arial;padding:5px 8px}
.w-archbar a{color:#ffd}

/* Forum */
.w-forum{background:#e5e5f0;min-height:100%;font-family:Verdana,sans-serif;font-size:12px;padding:8px}
.fr-head{background:linear-gradient(#5a6e9a,#3a4e7a);color:#fff;padding:8px;font-size:14px;border:1px solid #223}
.fr-t{background:#a0a8c0;margin-top:6px}
.fr-h td{background:#3a4e7a;color:#fff;font-weight:bold}
.fr-a td,.fr-t tr:not(.fr-h):not(.fr-b) td{background:#f4f4fa}
.fr-b td{background:#e6e6f2}

/* CyberWiki */
.w-wiki{font-family:sans-serif;font-size:14px;background:#f6f6f6;min-height:100%}
.wk-side{background:#f6f6f6;padding:10px;font-size:12px;line-height:1.6}
.wk-logo{font-family:Georgia,serif;font-size:13px;line-height:1.2;color:#333}
.wk-logo b{font-size:16px}
.wk-main{background:#fff;border:1px solid #aaa;border-right:0;padding:0 18px 14px;line-height:1.6}
.wk-tabs{margin:0 0 0 -18px;padding:6px 0 0 18px;background:#f6f6f6;border-bottom:1px solid #aaa}
.wk-tabs span{display:inline-block;padding:2px 10px;margin-right:4px;border:1px solid #aaa;border-bottom:0;background:#eee;font-size:12px}
.wk-tabs span.on{background:#fff;position:relative;top:1px}
.wk-main h1{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:26px;border-bottom:1px solid #aaa;margin:10px 0 2px}
.wk-sub{font-size:12px;color:#555;margin-bottom:10px}
