04.04.2026 12:17
<select class="AusWahlMenue" onchange="applyTheme(this.value)">
<option value="">--Xobor Design wählen--</option>
<option value="dark">Dark & Metallic</option>
<option value="bokeh">Bokeh</option>
<option value="history">History</option>
<option value="spring">Spring</option>
<option value="floral">Floral</option>
<option value="reset">Standard-Design</option>
</select>
<script>
const themes = {
floral: `
* { font-size: 13px; }
body { font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif; background: #f5f0e7 !important; }
.usercontent{ height:120px; }
.header { background-image: url(http://files.homepagemodules.de/b521574/a_4381_190fd36c.jpg) !important; color: #ffffff !important; }
.attention { background: #ede7ca !important; }
.boxheader,.footer { background: #b8a686 !important; color: #ffffff !important;}
.success { background: #fff3d4 !important; }
.content table,.content h2, td h2, .content h2 a, td h2 a, .forums { background: #fffdf7 !important; color: #383838 !important; }
a:not([style],.button),.cmhsp a:not([style]),.fstat a small,#hpm_pagebody a,.nnor a{ color: #a16600 !important; }
.content { background: #ffffff !important; color: #383838 !important;}
.box .boxheader { background: #b8a686 bottom left repeat-x !important;background-image: linear-gradient(to bottom, #b8a686, #a58e65) !important; color:#ffffff !important; }
.boxheader td { background: #b8a686 bottom left repeat-x !important;background-image: linear-gradient(to bottom, #b8a686, #aa946e) !important; }
td.reply,td.sidebar,.box .boxcontent.message { background: #fef6dd !important; }
.box .boxcontent,.boxcontent { background: #fffdf7 !important; }
ul.navigation, .navigation_wrap {background: #b1a899 !important; background-image: linear-gradient(to bottom right, #a79c8b, #b1a899) !important; }
.topnavigation_wrap{background: #b8a686 !important; background-image: linear-gradient(to bottom right, #a58e65, #ae9a75) !important; }
textarea, input { border: 1px solid #b8a686 !important; box-shadow: 0px 0px 6px #fee391 !important; color: #383838 !important; background-color: #ffffff !important; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none !important; border: 1px solid #67583d !important; background: #ede7ca !important; }
.navigation_wrap a,ul.navigation li a,.topnavigation a,.boxheader a,.footer a { color: #ffffff !important; }
ul.navigation li:hover, ul.navigation li.currentpage{ background: #a79c8b !important;}
ul.submenu { background: #b1a899 !important; }
ul.submenu li { border-bottom: 1px solid #a79c8b !important; }
.topnavigation_wrap li:hover { background: #b4a17f !important; }
ul.navigation li { border-right: 1px solid #9c907c !important; border-left: 1px solid #9c907c !important; }
#global-news-box-wrap span:hover { background: #ae9a75 !important; }
#news-headline, #news-headline:hover { background: #a79069 !important; }
#global-news-box-wrap, .login_box { background: #b4a17f !important;border: 1px solid #988159 !important; }
#global-news-box-wrap span { border-bottom: 1px solid #a8936c !important; }
#global-news-box-wrap span:last-child { border-bottom: none !important; }
#headerSearchSubmit { background: transparent url(http://files.homepagemodules.de/b2001010/a_853_ae5368b6.png) center center no-repeat !important; }
#breadcrumbs { color: #383838 !important; }
.options { background: #fef6dd !important; border: 1px solid #ffe9aa !important; }
.foptions, .foptions1, .foptions2, .foptions3, .foptions4, .foptions5 { border-left: 1px solid #ffe9aa !important; }
#fpages span,#fpages a,#fpages,#foptions { background:#fef6dd !important ; border:1px solid #ffe9aa !important; }
table.scnd tr:hover { background:#fdebb5 !important; }
.optext {top:13px !important;}
table.scnd tr:nth-child(2n+1), #activities tr:nth-child(2n+1) {background:#fef6dd !important;}
table.scnd tr{border:none !important;}
a.button { background: #b8a686 bottom left repeat-x !important; box-shadow: 0px 0px 6px #fee391 !important; border: 1px solid #a58e65 !important; color: #ffffff !important; }
input.button, button.input {border: 1px solid #a58e65 !important; background: #b8a686 bottom left repeat-x !important; color: #ffffff !important; }
a.button:hover, input.button:hover, button.input:hover { background-image: linear-gradient(to bottom, #b4a17f, #a8936c) !important; }
#blog-article-wrap { border-right: 1px solid #fff0c3 !important; }
.blog-article-Header {background:#fef6dd !important;border-top:3px solid #fff0c3 !important;border-bottom:1px solid #fff0c3 !important; background-image: linear-gradient(to bottom, #fff4d3, #fffaec) !important; }
#blog-sidebar strong.caption,strong.lcaption { border-top: 3px solid #fff0c3 !important; background: #fef6dd !important; }
#blog-sidebar ul,div.lcaption-body { background: #fffaec !important; }
#blog-sidebar li { border-bottom: 1px solid #fff0c3 !important; }
.np-blog-wrap { border-top: 1px solid #fff0c3 !important; }
div.blog-catlist-wrap { background: #ffffff !important; }
strong.blog-catlist-caption { background-color:#fef6dd !important; border-top:3px solid #fff0c3 !important; }
`,
spring: `
body { background: #e9e9e9 !important; }
.usercontent{ height:120px; }
.header { background-image: url(http://files.homepagemodules.de/b521574/a_6575_c4c77847.png) !important; }
.attention { background: #ede7ca !important; }
.boxheader,.footer { background: #84a7a0 !important; }
.success { background: #084b7a !important; }
.content table,.forums { background: #ffffff !important; }
.content { background: #ffffff !important; }
ul.navigation, .navigation_wrap, .topnavigation_wrap { background: #84a7a0 !important; }
ul.navigation li:hover, ul.navigation li.currentpage{ background: #679088 !important;}
ul.submenu { background: #759c94 !important; }
ul.submenu li { border-bottom: 1px solid #679088 !important; }
.topnavigation_wrap li:hover { background: #7ea29b !important; }
ul.navigation li { border-right: 1px solid #5c817a !important; border-left: 1px solid #5c817a !important; }
#global-news-box-wrap span:hover { background: #759c94 !important; }
#news-headline, #news-headline:hover { background: #69938b !important; }
#global-news-box-wrap, .login_box { background: #7ea29b !important;border: 1px solid #5c817a !important; }
#global-news-box-wrap span { border-bottom: 1px solid #6c958d !important; }
#global-news-box-wrap span:last-child { border-bottom: none !important; }
#headerSearchSubmit { background: transparent url(http://files.homepagemodules.de/b2001010/a_853_ae5368b6.png) center center no-repeat !important; }
.box .boxheader{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#84a7a0), to(#679088)) !important; }
.boxheader td{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#84a7a0), to(#6a958d)) !important; }
.box { box-shadow: -2px 4px 6px #cccccc !important; border: 1px solid #52726c !important; }
a.button,.ratingbutton,.treetalk_button { border: 1px solid #679088 !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#84a7a0), to(#759c94)) !important;box-shadow: 0px 0px 6px #cccccc !important; }
input.button, button.input { background: #84a7a0 bottom left repeat-x !important;border: 1px solid #679088 !important; }
table.calendar td.calendar_today div.day_header { background: #789e96 !important;border-bottom: 1px solid #bfd1cd !important; }
.optext {top:13px !important;}
`,
history: `
.usercontent{ height:200px; }
.header { background-image: url(http://files.homepagemodules.de/b521574/a_8773_112a61aa.png) !important; }
.attention { background: #ede7ca !important; }
.boxheader,.footer { background: #80581d !important; }
ul.navigation, .navigation_wrap, .topnavigation_wrap { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#563b13), to(#6b4918)) !important; border: 1px solid #412d0e !important; }
ul.navigation li:hover, ul.navigation li.currentpage{ background: #563b13 !important;}
ul.submenu { background: #6b4918 !important; }
ul.submenu li { border-bottom: 1px solid #563b13 !important; }
.topnavigation_wrap li:hover { background: #77521b !important; }
ul.navigation li { border-right: 1px solid #412d0e !important; border-left: 1px solid #412d0e !important; }
#global-news-box-wrap span:hover { background: #6b4918 !important; }
#news-headline, #news-headline:hover { background: #5a3e14 !important; }
#global-news-box-wrap, .login_box { background: #77521b !important;border: 1px solid #412d0e !important; }
#global-news-box-wrap span { border-bottom: 1px solid #5e4115 !important; }
#global-news-box-wrap span:last-child { border-bottom: none !important; }
#headerSearchSubmit { background: #80581d url(http://files.homepagemodules.de/b2001010/a_927_320b66d7.png) center center no-repeat !important; }
.box .boxheader{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80581d), to(#563b13)) !important; }
.boxheader td { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80581d), to(#60451d)) !important; }
.success { background: #d4e4b8 !important; }
.content table,.forums { background: #ffffff !important; }
.content { background: #e9e9e9 !important; }
body { background: #e9e9e9 !important; }
.box { box-shadow:none !important; }
a.button,.ratingbutton,.treetalk_button { border: 1px solid #563b13 !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80581d), to(#6b4918)) !important;box-shadow: 0px 0px 6px #cccccc !important; }
input.button, button.input { background: #80581d bottom left repeat-x !important;border: 1px solid #563b13 !important; }
input[name=calendar_event_location]:focus { background: #ede7ca !important; }
table.calendar td.calendar_today div.day_header { background: #6f4c19 !important;border-bottom: 1px solid #d09032 !important; }
table.scnd tr:hover { background:#d9d9d9 !important; }
.optext {top:13px !important;}
`,
bokeh: `
.usercontent{ height:120px; }
body { background: #767877 !important; }
.header { background-image: url(http://files.homepagemodules.de/b521574/a_4385_62d81c10.png) !important; }
.attention { background: #96887e; }
.boxheader,.footer { background: #6d7a77 !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d7a77), to(#545f5c)) !important;}
.success { background: #d4e4b8; }
.content table,.forums { background: #8c9c99; }
.content { background: #525252 !important; }
.content { margin:0px 0 9px 0!important; }
.navigation_wrap { background: #88a4b6; }
a:not([style],.button),.cmhsp a:not([style]),.fstat a small,#hpm_pagebody a,.nnor a,.gbschriftfarbe,.cmhsp,.content,.boxheader,.header,.header span,.navigation_wrap a,.forums,#hpm_pagebody,#closeDialog strong,.topnavigation_wrap a,div#breadcrumbs a,div#breadcrumbs,.content h2, td h2, .content h2 a, td h2 a { color: #ffffff !important; }
body, p, td { color: #fafafa; }
body { font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif; }
* { font-size: 13px; }
#breadcrumbs { color: #fafafa; }
#fb-root { color-scheme: dark; }
.box { box-shadow:none !important; border:none !important; }
textarea, input { background-color: #c2cbc9 !important;color: #black !important; box-shadow: 0px 0px 6px #596865 !important;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none !important; border: 1px solid #242928 !important; background: #96887e !important; color:#ffffff !important; }
.topnavigation_wrap li:hover { background: #687471 !important; }
.topnavigation_wrap { background: #6d7a77 !important;background-image: -moz-linear-gradient(30% 90% 90deg,#545f5c, #606c69 100%) !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#545f5c), to(#606c69)) !important;background-image: -ms-linear-gradient(top left, #545f5c 0%,#606c69 100%) !important;border-bottom: 1px solid #48514f !important; }
#global-news-box-wrap span:hover { background: #606c69 !important; }
.box .boxcontent,.boxcontent { background: #8c9c99 !important; }
div#global-news-box-wrap { background: DimGrey !important; }
#news-headline, #news-headline:hover { background: #57615f !important; }
div.login_box{ background: #687471 !important; }
input.button, button.input { background: #6d7a77 bottom left repeat-x !important; border: 1px solid #545f5c !important;}
.foptions, .foptions1, .foptions2, .foptions3, .foptions4, .foptions5{ border-left: 1px solid #657572 !important; }
#fpages span,#fpages a,#fpages,#foptions { background:#7e908c !important;border:1px solid #525252 !important; }
.options { background: #7e908c !important; border: 1px solid #657572 !important; }
.foptions_list, .foptions_list_flist { background: #7e908c !important;border-top: 1px solid #718380 !important;border-bottom: 1px solid #657572 !important; border-left: 1px solid #657572 !important; border-right: 1px solid #657572 !important; }
.foptions_list_flist strong.lnull { background: #718380 !important;}
.foptions_list_flist a, .foptions_list_flist strong { border: 1px solid #718380 !important; border-top: none !important; background: #869794 !important; }
.reply,td.sidebar { background: #7e908c !important; }
.messageAvatar,.messageinformation,.mtextwrap { background: #8c9c99 !important; border: 1px solid #6c7e7a !important; box-shadow: 0px 0px 6px #6c7e7a !important; }
div#upload_div { border: 1px solid #545f5c !important; }
ul.modad li.active { background: #869794 !important; }
ul.modad li:first-child { border-top: none !important; }
ul.modad li { border-bottom: 1px solid #7e908c !important; border-top: 1px solid #7e908c !important;border-right: 1px solid black !important;}
ul.modad li:hover { background: #869794 !important; }
table.scnd tr:nth-child(2n+1), #activities tr:nth-child(2n+1) { background-image: -moz-linear-gradient(5% 98% 90deg, #7e908c, #7e908c, #8c9c99 200%) !important; }
table.scnd tr:hover { background:#7e908c !important; }
.foptions_list a { border-bottom: 1px solid #657572 !important; }
table.calendar tr.calendar_header td { background: #768985 !important; }
table.calendar td.calendar_notcurrentmonth { background:#869794 !important; }
table.calendar td { border: 1px solid #596865 !important;}
table.calendar div.day_header { background: #839491 !important; border-bottom:1px solid #657572 !important; }
table.calendar td a.calendar_link, table.calendar td .calendar_nolink { color:#fafafa !important; }
table.calendar td.calendar_today div.day_header { background: #636f6c !important; border-bottom: 1px solid #a1aba9 !important;}
.eventImage { background: #8c9c99 !important; border: 1px solid #6c7e7a !important;box-shadow: 0px 0px 6px #6c7e7a !important;}
a.button { background: #6d7a77 bottom left repeat-x !important; box-shadow: 0px 0px 6px #596865 !important; border: 1px solid #545f5c !important;}
ul.forum li:last-child { border: None !important; }
ul.forum li, table, #news-headline { background-image: -webkit-gradient(linear, 15% 90%, 15% 20%, from(#869794), to(#8c9c99), color-stop(1, #8c9c99)) !important; }
hr { color: #718380 !important; background-color: #718380 !important; }
#wiki_rev #rev_table td,#comp_table td { border: 1px solid #545f5c !important; }
div.attention, ul.attention { background: #7d7965 !important; }
#rev_comp .sub .compdiv, .rev1,#rev_comp .sub .compdiv, .rev2 { color: #404040!important; }
.blog-article-Header {background:#7e908c !important;border-top:3px solid #718380 !important;border-bottom:1px solid #718380 !important;background-image: -moz-linear-gradient(19% 75% 90deg,#788b87, #869794) !important; }
#blog-sidebar strong.caption,strong.lcaption { border-top: 3px solid #718380 !important; background: #7e908c !important; }
#blog-sidebar ul,div.lcaption-body { background: #869794 !important; }
#blog-sidebar li { border-bottom: 1px solid #718380 !important; }
#blog-article-wrap { border-right: 1px solid #718380 !important; }
.np-blog-wrap { border-top: 1px solid #718380 !important; }
div.blog-catlist-wrap { background: #99a7a5 !important; }
strong.blog-catlist-caption { background-color:#7e908c !important; border-top:3px solid #718380 !important; }
.photolistitem div:nth-child(1){ background: #7e908c !important; border-bottom:1px solid #718380 !important; }
.photolistitem div:nth-child(4){ border:1px solid #718380 !important; }
.photolistitem div:nth-child(2){ border-top:1px solid #718380 !important; border-bottom:0px solid #718380 !important; }
#hpm_pagebody { background-color: rgb(140, 156, 153) !important; }
.gpicutre_wrap div:nth-child(2){ background: #7e908c !important; }
.gpicutre_wrap div:nth-child(3){ border-bottom:0px solid #718380 !important; border-top:1px solid #718380 !important; }
.gcat_further { border-top:1px solid #7e908c !important; }
.gcat td { border-right:1px solid #7e908c !important; }
ul.gcat li{ border-top:#7e908c !important; }
.optext { top:13px !important; background: rgb(140, 156, 153) !important; box-shadow: 0px 4px 4px #2a3130 !important; }
.gallpic { border:2px solid #768985 !important; }
.fpages a, .fpages .crtp, .fpages .crtp_strip { background: #7e908c !important;border-right: 1px solid #657572 !important;border-left: 1px solid #657572 !important; }
#htmlcode11,#bbcode11 { background: #7e908c !important; }
.picture_integrations .int_sub { padding:1px; background: #8c9c99 !important; }
`,
dark: `
body { background-image: url(http://files.homepagemodules.de/b521574/a_4401_ceec1e39.jpg) !important; }
div.attention, ul.attention { background: #7d7965 !important; }
#foverview_stat3 tr{border-top: 1px solid #1a1a1a !important;}
.topnavigation_wrap,.header,ul.navigation, .navigation_wrap,.boxheader,.footer,.reply { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#333333)) !important; }
.content table,.forums { background: #333333 }
.content{ background: #1a1a1a !important; }
.content { margin:0 0 !important; }
a:not([style],.button),.cmhsp a:not([style]),.fstat a small,#hpm_pagebody a,.nnor a,.gbschriftfarbe { color: #db9834 !important; }
.box .boxheader a { color: #c9c9c9 !important; }
body, p,td { color: #ffffff; }
.header,.header span,.footer a,.topnavigation a,.navigation_wrap a,div#breadcrumbs a,div#breadcrumbs,.content h2, td h2,#hpm_pagebody,#closeDialog strong,.content h2 a, td h2 a { color: #ffffff !important; }
body { font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif; }
* { font-size: 13px; }
#breadcrumbs { color: #ffffff !important; }
.header, .footer { width: 100%; }
.container { width: 95%; }
#fb-root { color-scheme: dark; }
.boxcontent,.options,.mtextwrap,.sidebar { background: #333333 !important; }
.content:not(.content a){ color: #ffffff !important; }
#legend_link a, .threadnp, .threadnp a { color: #ffffff !important; }
textarea, input { background-color: #656565 !important;box-shadow: 0px 0px 6px #000000 !important;border:none !important;color: #ffffff !important;}
textarea:focus,input:focus { background: #7d7965 !important; }
.submenu li { background:#404040 !important; padding:0px !important; }
.menu_item { background:#404040 !important; }
.box { box-shadow:none !important; border:none !important; }
.ifo1 { border-bottom:1px solid black !important; }
td.fdesc { border-right: 1px solid #1a1a1a !important; }
ul.forum li,table,#news-headline { border-bottom: none !important; background-image: -webkit-gradient(linear, 15% 90%, 15% 20%, from(#2d2d2d), to(#333333), color-stop(1, #333333)) !important;}
#navigation a:hover,.topnavigation li:hover { background:#222222 !important; }
#navigation li,#navigation ul { border-color: #233111 !important; }
.messageinformation {box-shadow: 0px 0px 6px #141414 !important; background: #333333 !important; border: 1px solid #141414 !important; }
.messageAvatar { background: #333333 !important; border: 1px solid #141414 !important; box-shadow: 0px 0px 6px #141414 !important; }
#global-news-box-wrap span:nth-child(n+2) { border-bottom:1px solid #233111; }
#global-news-box-wrap { background:#404040 !important;border:1px solid black !important; }
#global-news-box-wrap span:hover { background: #333333 !important; }
.foptions, .foptions1, .foptions2, .foptions3, .foptions4, .foptions5{ border-left:1px solid #0c0c0c !important; }
#fpages span,#fpages a,#fpages,#foptions { background:#333333 !important ; border:1px solid black !important; }
.options { border: 1px solid #0c0c0c !important; }
table.scnd tr:nth-child(2n+1), #activities tr:nth-child(2n+1) {background:#444444 !important;}
table.scnd tr{border:none !important;}
table.scnd tr:hover { background:#666666 !important; }
table.calendar tr.calendar_header td { background: #1e1e1e !important; }
table.calendar div.day_header { background: #2b2b2b !important; border:1px solid black !important; }
table.calendar td { border: 1px solid black !important;}
table.calendar td.calendar_notcurrentmonth { background:#292929 !important; }
table.calendar td a.calendar_link, table.calendar td .calendar_nolink { color:#ffffff !important; }
table.calendar td.calendar_today div.day_header { background: #424242 !important; border-bottom: 1px solid #808080 !important;}
input.button, button.input, a.button{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#404040)) !important; background: #4d4d4d bottom left repeat-x !important; box-shadow: 0px 0px 6px #000000 !important; border: 1px solid #333333 !important;color: #c9c9c9 !important;}
.eventImage { background: #333333 !important; margin: 5px 15px !important; padding: 5px !important;border: 1px solid #141414 !important;box-shadow: 0px 0px 6px #141414 !important;}
td.sidebar { background: #262626 !important; }
hr { width: 100% !important; display: block !important; margin: 5px 0px !important; border: none !important; color: #191919 !important; background-color: #191919 !important; height: 1px !important; }
#blog-sidebar strong.caption,strong.lcaption { border-top: 3px solid #191919 !important;background: #262626 !important; }
#blog-sidebar ul,div.lcaption-body { background: #2d2d2d !important; }
#blog-sidebar li { border-bottom: 1px solid #191919 !important; }
div.blog-catlist-wrap { background: #3f3f3f !important; }
strong.blog-catlist-caption { background-color:#262626; border-top:3px solid #191919 }
.blog-article-Header {background:#262626 !important;border-top:3px solid #191919 !important;border-bottom:1px solid #191919 !important;}
.np-blog-wrap { border-top: 1px solid #191919 !important; }
#blog-article-wrap { border-right: 1px solid #191919 !important;}
#wiki_edit #upload_div,div#upload_div { border:none !important; }
#rev_comp .sub .compdiv, .rev1,#rev_comp .sub .compdiv, .rev2 { color: #404040!important; }
ul.modad li.active { background: #2d2d2d !important; }
ul.modad li:first-child { border-top: none !important; }
ul.modad li { border-bottom: 1px solid #262626 !important; border-top: 1px solid #262626 !important;border-right: 1px solid black !important;}
ul.modad li:hover { background: #2d2d2d !important; }
.gcat_further { border-top:1px solid #262626 !important; }
.gcat td { border-right:1px solid #262626 !important; }
ul.gcat li{ border-top:#262626 !important; }
#hpm_pagebody { background-color: rgb(51, 51, 51) !important; }
#hpmdialogwrap { box-shadow: rgb(172, 172, 172) 0px 0px 12px !important; }
.optext {top:13px !important;}
.gallpic { border:2px solid #191919 !important; }
.fpages a, .fpages .crtp, .fpages .crtp_strip { background: #333333 !important;border-right: 1px solid #0c0c0c !important;border-left: 1px solid #0c0c0c !important; }
.foptions_list { background: #333333 !important; border-top: 1px solid #191919 !important;border-bottom:1px solid #191919 !important;border-left: 1px solid #191919 !important;border-right: 1px solid #191919 !important;}
.foptions_list a { border-bottom:1px solid #191919 !important; }
.foptions_list a:last-child { border:none !important; }
#htmlcode11,#bbcode11 { background: #333333 !important; }
.picture_integrations .int_sub { padding:1px; background: #333333 !important; }
`
};
function applyTheme(name) {
const oldStyle = document.getElementById("dynamicTheme");
if (oldStyle) oldStyle.remove();
if (name === "reset") {
localStorage.removeItem("activeTheme");
return;
}
const css = themes[name];
if (!css) return;
const style = document.createElement("style");
style.id = "dynamicTheme";
style.textContent = css;
document.head.appendChild(style);
localStorage.setItem("activeTheme", name);
}
</script>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="de" lang="de">
<head>

<style>
.AusWahlMenue{
background:yellow;
}
</style>
<script>
const savedTheme = localStorage.getItem("activeTheme");
if (savedTheme && themes[savedTheme]) {
const style = document.createElement("style");
style.id = "dynamicTheme";
style.textContent = themes[savedTheme];
document.head.appendChild(style);
}
</script>

<meta property="xobor:tid" content="144"/>
<meta name="description" content="Handwerker-Forum" />

<meta charset="utf-8">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="NOINDEX,FOLLOW" />
<link rel="stylesheet" type="text/css" href="style8296-t138600-2410-global-144-global-1.css" />
<link rel="alternate" type="application/rss+xml" title="Handwerker - Hilfe" href="feed/all.rss" />
<title>Handwerker - Hilfe</title>


<script type="text/javascript" src="//img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="plugin8296.js"></script>
<script>
var xobor_plugin_default_configs = {
libjs: {
jqueryui: '//img.homepagemodules.de/ds/static/jquery/ui/jquery-ui-1.8.5.custom.js'
},
libcss: {
jqueryui: '//img.homepagemodules.de/ds/static/jquery/css/ui-lightness/jquery-ui-1.8.5.custom.css'
}
};
</script>

<script type="text/Javascript" src="script8296.js"></script>
<script type="text/Javascript" src="business8296.js"></script>
<meta property="og:title" content="Handwerker - Hilfe"/> <meta property="og:type" content="article"/><meta property="og:image" content="https://files.homepagemodules.de/b138600/a_189_a85fe7b1.jpg"/><link rel="image_src" href="https://files.homepagemodules.de/b138600/a_189_a85fe7b1.jpg" /><meta property="og:url" content="http://138600.homepagemodules.de/t274f502-Wieviel-ist-x-im-Hexadezimalsystem.html"/><meta property="og:site_name" content="Handwerker - Hilfe"/>
</head>
<body >
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script type="text/plain" data-type="text/javascript" data-name="facebook">
window.fbAsyncInit = function() {
FB.init({

xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<style>.fb_iframe_widget_lift{z-index:1000 !important;}</style>

<div class="wrap" id="obere_leiste">

<div class="topnavigation_wrap">
</div>

<div class="header">

<div class="login_box">
<a href="./login.php?goto=%2Ft274f502-Wieviel-ist-x-im-Hexadezimalsystem.html" class="header_login">Einloggen »</a>
<div style="margin-top: 6px; margin-left: 10px;"><small style="font-size: 11px !important;">Neuer Benutzer? <a href="./anmeldung.php?goto=%2Ft274f502-Wieviel-ist-x-im-Hexadezimalsystem.html"><strong>Jetzt anmelden!</strong></a></small></div>
</div>
<div class="spacer">
<div class="usercontent">
<div class="spacer20"><h1>Handwerker - Hilfe</h1></div>
</div>
<div id="navigation" class="navigation_wrap">
<ul class="navigation">


<li id="link_portal" class="menu_item" style="padding:0px 0px;" >
<a href="/portal.html" >

<span style="padding:0px 6px;">Portal</span>
</a>
</li>

<li id="link_index" class="menu_item currentpage" style="padding:0px 0px;" >
<a href="./" >

<span style="padding:0px 6px;">Forum Übersicht</span>
</a>
</li>

<li id="user_page01966731667869559" class="menu_item" style="padding:0px 0px;" >
<a href="http://138600.homepagemodules.de/" >

<span style="padding:0px 6px;">Spiele</span>
</a>

<ul class="submenu">

<li id="user_page06307943056588874">
<a href="http://138600.homepagemodules.de/tier-memory.html" >
Memory Tiere
</a>
</li>

<li id="user_page05636977033397035">
<a href="http://138600.homepagemodules.de/memory-weihnachten.html" >
Memory Weihnachten
</a>
</li>

<li id="user_page04797647374110964">
<a href="http://138600.homepagemodules.de/kniffel.html" >
Kniffel
</a>
</li>

<li id="user_page03183155462752669">
<a href="http://138600.homepagemodules.de/hangman.html" >
Hangman
</a>
</li>

<li id="user_page012737375329043088">
<a href="http://138600.homepagemodules.de/solitaer.html" >
Peg Solitär
</a>
</li>

</ul>

<img src="http://img.homepagemodules.de/ds/cached/svg-object_navsub-color1_ffffff-color2_ffffff-color3_FFF.png" class='dwn' />

</li>

<li id="user_page06994543056667635" class="menu_item" style="padding:0px 0px;" >
<a href="/forum.php?show=last" >

<span style="padding:0px 6px;">Letzten Beiträge</span>
</a>
</li>

<li id="link_blog" class="menu_item" style="padding:0px 0px;" >
<a href="blog.html" >

<span style="padding:0px 6px;">Forums-Blog</span>
</a>
</li>

<li id="link_gallery" class="menu_item" style="padding:0px 0px;" >
<a href="gallery.php" >

<span style="padding:0px 6px;">Bildergalerie</span>
</a>

<ul class="submenu">

<li id="user_page04357108530534649">
<a href="http://138600.homepagemodules.de/g3-Rettungs-Hubschrauber-Christoph.html" >
Rettungs-Hubschrauber von ADAC
</a>
</li>

<li id="user_page007742862650428006">
<a href="http://138600.homepagemodules.de/g4p11-JD.html" >
RC-Heli ARK X450
</a>
</li>

</ul>

<img src="http://img.homepagemodules.de/ds/cached/svg-object_navsub-color1_ffffff-color2_ffffff-color3_FFF.png" class='dwn' />

</li>

<li id="link_calendar" class="menu_item" style="padding:0px 0px;" >
<a href="calendar.php" >

<span style="padding:0px 6px;">Kalender</span>
</a>
</li>

<li id="link_wiki" class="menu_item" style="padding:0px 0px;" >
<a href="/wiki:home" >

<span style="padding:0px 6px;">Wiki</span>
</a>
</li>

<li id="link_chat" class="menu_item" style="padding:0px 0px;" >
<a href="/chat.php" >

<span style="padding:0px 6px;">Chat</span>
</a>
</li>

<li id="link_register" class="menu_item" style="padding:0px 0px;" >
<a href="anmeldung.php" >

<span style="padding:0px 6px;">Registrieren</span>
</a>
</li>

<li id="link_login" class="menu_item" style="padding:0px 0px;" >
<a href="login.php" >

<span style="padding:0px 6px;">Login</span>
</a>

</li>

<li class="searchli">
<form method="get" id="hpmsearchform" action="./search.php" name="hpmsearchform">
<table>
<tr>
<td style="width: 105px; vertical-align: middle;">
<input type="hidden" name="zeit" value="9999" />
<input type="hidden" name="s" value="2" />
<input type="hidden" name="forum" value="0" />
<input type="text" value="Suche..." onfocus="if(this.value == 'Suche...'){this.value='';}" onblur="if(this.value == ''){this.value='Suche...';}" id="search" name="suchen" style="width: 100px;" />
</td>
<td style="vertical-align: middle; padding-left: 5px;">
<input type="submit" value="" id='headerSearchSubmit' />
</td>
</tr>
</table>
</form>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
shownews = false;
outnews = false;
$('#search').click(function() {
if($(this).val() == 'Suche...') {$(this).val('');}})
.blur(function() {
if($(this).val() == '') {$(this).val('Suche...');}});
function newsblink() {
$el_list = $('.blinker');
$.each($el_list, function(index, value) {
if($(this).css('visibility') == 'visible')
{$(this).css('visibility', 'hidden'); }
else
{ $(this).css('visibility', 'visible'); }
});
}
var topnavHeight = $('#topnavigation-ul').outerHeight();
topnavHeight = topnavHeight + 2;
topnavHeight = topnavHeight + 'px'

$('#global-news-box-wrap').css('top', topnavHeight);
$('#global-news-li, #global-news-box-wrap').mouseenter(function() {
try {clearTimeout(linkout);} catch(err) {}
if(!shownews) { $('#global-news-box-wrap').fadeIn(400); shownews = true;}
else { $('#global-news-box-wrap').show();} });
$('#global-news-li').mouseleave(function() {linkout = setTimeout("$('#global-news-box-wrap').hide();", 200);});
$('#global-news-box-wrap').mouseenter(function() {try { clearTimeout(linkout);} catch(err) {} $('#global-news-box-wrap').show(); });
$('#global-news-box-wrap').mouseleave(function() {$('#global-news-box-wrap').hide();});
w = $('#navigation').innerWidth()-17;
$('.usercontent img').css('maxWidth',w);
try{window.addEventListener("resize", headerRez);}catch(e){}</script>

</div>

<table class="container">
<tr>

<td class="main ">
<div class="content page_topic">
<div class="spacer20">

<script>
            var tuserID = 0;
            var xoborPluginData = {};
            var xoborDynamic = [];
            
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  abschaltuserlist */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_abschaltuserlistmeta = jQuery.parseJSON('{"abschaltuserlist":{"confVars":{"beitraege":true,"beitraege_string":"77704,77701,77702,77703,112233","beitraege_boolean":true,"bilder":true,"bilder_string":"77704,77701,77702,77703,112233","bilder_boolean":true,"email":true,"email_string":"77704,77701,77702,77703,112233","email_boolean":true,"homepage":true,"homepage_string":"77704,77701,77702,77703,112233","homepage_boolean":true,"mitglied_seit":true,"mitglied_seit_string":"77704,77701,77702,77703,112233","mitglied_seit_boolean":true,"online_zeit":true,"titel":true,"titel_string":"77704,77701,77702,77703,112233","titel_boolean":true,"zuletzt_online":true,"zuletzt_online_string":"77704,77701,77702,77703,112233","zuletzt_online_boolean":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_abschaltuserlistmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  avatargb */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_avatargbmeta = jQuery.parseJSON('{"avatargb":{"confVars":{"user_rechte":true,"user_rechte_string":"all","user_rechte_boolean":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_avatargbmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  effekte */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_effektemeta = jQuery.parseJSON('{"effekte":{"confVars":{"anzahl_feuerwerk":"0.03","blaetter_aderfarbe":"#000000","effekt_feuerwerk":"kreis","end_zeit":"01.01.2026 01:00","explosion_groesse":"1.0","gruppen_rechte":true,"gruppen_rechte_string":"77704,77701,77702","gruppen_rechte_boolean":true,"laufschrift_tempo":"100","laufschrift_text":"Frohe Ostern. <img src=\\"\\/\\/files.homepagemodules.de\\/b138600\\/a_301_33217395.gif\\">","laufschrift_textfarbe":"#0303fa","lauf_schriftgroesse":"24","modus":"ostereier","nur_laufschrift":"1","partikel_feuerwerk":"3 + 3","partikel_groesse":"10 + 18","schnee_anzahl_bilder":"0.06","schnee_farbe":"#c7c7c7","schnee_funkeln":false,"start_zeit":"01.01.2026 00:12","testmodus":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_effektemeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  fmprofil */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_fmprofilmeta = jQuery.parseJSON('{"fmprofil":{"confVars":{"user_rechte":true,"user_rechte_string":"77704,77701,77702,77703,112233","user_rechte_boolean":true},"globVars":{"test":"31,13"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_fmprofilmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  game */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_gamemeta = jQuery.parseJSON('{"game":{"confVars":{"test":"44"},"globVars":{"timenowglob":"","versucheglob":"99","zeitglob":"99"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_gamemeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  geburtstagsanz */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_geburtstagsanzmeta = jQuery.parseJSON('{"geburtstagsanz":{"confVars":{"admin_ausblenden":false,"alter_ausschalten":true,"anzeige_alles_blinken":false,"anzeige_ausblenden":false,"gb_user":true,"gb_user_string":"77704,77701,77702,77703,112233","gb_user_boolean":true,"geburtstage_fett":false,"img":"\\/\\/files.homepagemodules.de\\/b2001010\\/a_769_36d596be.png","info_borderfarbe":"#0000ff","info_hinterg_farbe":"#858568","info_ja_nein":true,"info_musiklink":"http:\\/\\/files.homepagemodules.de\\/b138600\\/f43t51p249n2_WhHvLCNm.mp3","info_schriftfarbe":"#660033","info_schriftgroesse":"14","info_schrift_fett":false,"info_text":"Ich w\\u00fcnsche Dir zu Deinem Geburtstag alles Gute.\\r\\n\\r\\n<img src=\\"\\/\\/files.homepagemodules.de\\/b138600\\/a_159_05a974bb.gif\\">","mailjanein":true,"mailtext":"Herzlichen Gl\\u00fcckwunsch zum Geburtstag w\\u00fcnschen Dir die Mitglieder vom Forum. &#127881;\\r\\n","mailtitel":"Geburtstagsgr\\u00fc\\u00dfe vom Forum","nur_bei_gb_anzeige":false,"rechts_links":false,"schriftfarbe":"#000000","schriftgroesse":"12","usernameam29":"","user_beitraege_anzahl":"0","user_null_beitraege":false,"wenn_geburtstag_blinken":false},"globVars":{"daytimestamp":"17","daytimestampschalt":"01","monthtimestamp":"03","monthtimestampschalt":"03"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_geburtstagsanzmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  hangman */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_hangmanmeta = jQuery.parseJSON('{"hangman":{"confVars":{"background":"#d1d68b","background_bild":"\\/\\/files.homepagemodules.de\\/b138600\\/a_97_cc70f549.jpg","background_hover":"#bdbdbd","background_taste":"#d7f208","background_taste_disablend":"#7a767a","farbe_glueckwunsch":"#784605","hintergrundbild_ja_nein":true,"taste_neues_spiel_back":"#d9f6f7","user_rechte":true,"user_rechte_string":"77704,77701,77702,77703,112233","user_rechte_boolean":true,"versuche":"7","woerter_array":"JAVASCRIPT,PROGRAMMIEREN,COMPUTER,GALGENMAENNCHEN,GLUECK,PECH,PFERD,BLATT,SCHOKOLADE,GELD,SCHWAMM,GELDAUTOMAT,AUTOBAHN,ACHTERBAHN,FREIZEITPARK,APFEL,COMPUTER,MONITOR,FERNBEDIENUNG,AUTO,GALGENRATEN,KEGELBAHN,HANDY,TELEFON,MOBILTELEFON,BRILLE,ZAUBERER,FERNSEHER,BETT,LANGEWEILE,HEADSET,COMPUTERMAUS,TASTATUR,KATER,WEBCAM,PROGRAMM,GESCHWISTER,ELTERN,SPARSCHWEIN,LICHT,KUECHE,BADEZIMMER,WASSER,SPUELBECKEN,KATZENKLO,TOILETTE,FESTPLATTE,ENDE,WINKELSCHLEIFER"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_hangmanmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  hitanzeige */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_hitanzeigemeta = jQuery.parseJSON('{"hitanzeige":{"confVars":{"anzahlposter":"10","position_box_portal":".Hauptbereich_Links","userrechte":true,"userrechte_string":"77704,77701,77702,77703,112233","userrechte_boolean":true,"userrechte_portal":true,"userrechte_portal_string":"77704,77701,77702,77703,112233","userrechte_portal_boolean":true},"globVars":{"hitvari_editable":"","hitvari":"[\\"u1_Olaf.html\\",\\"#ff0000\\",\\"Olaf\\",\\"1480\\",\\"u15_dilgun.html\\",\\"#1313bd\\",\\"dilgun\\",\\"78\\",\\"u4_Maurerstochter.html\\",\\"#ff0000\\",\\"Maurerstochter\\",\\"69\\",\\"u10_julie.html\\",\\"#1313bd\\",\\"julie\\",\\"30\\",\\"u7_Frau-Meyer-Pipenbrink.html\\",\\"#1313bd\\",\\"Frau Meyer Pipenbrink\\",\\"23\\",\\"u16_Peter.html\\",\\"#1313bd\\",\\"Peter\\",\\"23\\",\\"u2_Gerd.html\\",\\"#1313bd\\",\\"Gerd\\",\\"11\\",\\"u36_jens.html\\",\\"#1313bd\\",\\"jens\\",\\"11\\",\\"u3_Paul.html\\",\\"#009933\\",\\"Paul\\",\\"8\\",\\"u19_Gandalf.html\\",\\"#1313bd\\",\\"Gandalf\\",\\"6\\",\\"u34_JRB.html\\",\\"#1313bd\\",\\"JRB\\",\\"5\\",\\"u38_Andre.html\\",\\"#1313bd\\",\\"Andre\\",\\"5\\",\\"u43_XiNaru.html\\",\\"#1313bd\\",\\"XiNaru\\",\\"4\\",\\"u9_jennyfrech.html\\",\\"#1313bd\\",\\"jennyfrech\\",\\"3\\",\\"u35_tst-admin.html\\",\\"#1313bd\\",\\"tst-admin\\",\\"2\\",\\"u47_Nordlicht.html\\",\\"#1313bd\\",\\"Nordlicht\\",\\"2\\",\\"u18_cappu.html\\",\\"#1313bd\\",\\"cappu\\",\\"1\\",\\"u23_rudir----.html\\",\\"#1313bd\\",\\"rudir1962\\",\\"1\\",\\"u30_fuchs---.html\\",\\"#1313bd\\",\\"fuchs100\\",\\"1\\",\\"u31_hansmuse.html\\",\\"#1313bd\\",\\"hansmuse\\",\\"1\\",\\"u6_Herr-Meyer-Pipenbrink.html\\",\\"#1313bd\\",\\"Herr Meyer Pipenbrink\\",\\"0\\",\\"u12_Rumo.html\\",\\"#1313bd\\",\\"Rumo\\",\\"0\\",\\"u39_oldi.html\\",\\"#1313bd\\",\\"oldi\\",\\"0\\",\\"u14_schmiermaxe.html\\",\\"#1313bd\\",\\"schmiermaxe\\",\\"0\\",\\"u13_sindern.html\\",\\"#1313bd\\",\\"sindern\\",\\"0\\",\\"u20_Hans.html\\",\\"#1313bd\\",\\"Hans\\",\\"0\\",\\"u21_Fred.html\\",\\"#009933\\",\\"Fred\\",\\"0\\",\\"u22_Jan.html\\",\\"#1313bd\\",\\"Jan\\",\\"0\\",\\"u25_Giselas.html\\",\\"#1313bd\\",\\"Giselas\\",\\"0\\",\\"u24_Egolicious.html\\",\\"#1313bd\\",\\"Egolicious\\",\\"0\\",\\"u26_ingo.html\\",\\"#1313bd\\",\\"ingo\\",\\"0\\",\\"u27_bialilly.html\\",\\"#1313bd\\",\\"bialilly\\",\\"0\\",\\"u28_Holges.html\\",\\"#1313bd\\",\\"Holges\\",\\"0\\",\\"u29_toggodamian.html\\",\\"#1313bd\\",\\"toggodamian\\",\\"0\\",\\"u32_Olaf--.html\\",\\"#1313bd\\",\\"Olaf22\\",\\"0\\",\\"u33_Christian.html\\",\\"#1313bd\\",\\"Christian\\",\\"0\\",\\"u37_Matthias---.html\\",\\"#1313bd\\",\\"Matthias108\\",\\"0\\",\\"u40_Mary.html\\",\\"#1313bd\\",\\"Mary\\",\\"0\\",\\"u41_Agnes.html\\",\\"#1313bd\\",\\"Agnes\\",\\"0\\",\\"u42_nobody.html\\",\\"#1313bd\\",\\"nobody\\",\\"0\\",\\"u46_Ludger.html\\",\\"#1313bd\\",\\"Ludger\\",\\"0\\",\\"u51_Juergen.html\\",\\"#1313bd\\",\\"J&uuml;rgen\\",\\"0\\",\\"u44_codelili--.html\\",\\"#1313bd\\",\\"codelili26\\",\\"0\\",\\"u45_Mike--.html\\",\\"#1313bd\\",\\"Mike48\\",\\"0\\",\\"u49_Sirius.html\\",\\"#1313bd\\",\\"Sirius\\",\\"0\\",\\"u50_Crusher.html\\",\\"#1313bd\\",\\"Crusher\\",\\"0\\"]","now_time":"14.03.2026"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_hitanzeigemeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  info */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_infometa = jQuery.parseJSON('{"info":{"confVars":{"bedien_pos_left":"3","bedien_pos_top":"5","bueroklammer":true,"color_nummerierung":"#000000","farbe_haken":"#cc0e15","farbe_menuebueroklammer":"#ffb405","farbe_posting_oder_forum":"#5c4300","fenster_pos_left":"120","fenster_pos_top":"5","gr_buerokl":"40","img_oder_button_hover":"#5e63f7","info_fenster_boerder_farbe":"#3347ff","info_fenster_border_breite":"2","info_fenster_bottonschriftfarbe":"#000000","info_fenster_buttonhoverfarbe":"#a1a10f","info_fenster_farbe":"#c4ccc7","info_fenster_hinterfarbe":"#ffffc7","info_fenster_hover_farbe":"#cc0000","info_fenster_info":"#bd0707","info_fenster_linkfarbe":"#003399","info_fenster_schriftgroesse":"14","lesefenster_fett":false,"lesezeichen_farbe":"#f79b8f","lesezeichen_groesse":"18","menue_border_farbe":"#5770b5","menue_schriftgr":"11","menue_schrift_bolt":false,"no_handy":true,"pos_mobile_bedienfeld":"8","pos_mobile_fenster":"13","uswer_rechte":false,"uswer_rechte_string":"member,moderator,administrator","uswer_rechte_boolean":false}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_infometa);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  kniffel */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_kniffelmeta = jQuery.parseJSON('{"kniffel":{"confVars":{"background_bestenliste":"#f28c8c","blinkende_zeile_back":"#fad6ad","button_background":"#e0dde0","color_name_punkte":"#1905fa","farbe_haltenbutton":"#b3810d","gruppen_rechte":true,"gruppen_rechte_string":"77704,77701,77702","gruppen_rechte_boolean":true,"handy_aus":false,"hightscore_back":"#ebf525","hightscore_schriftfarbe":"#051699","hintergrundfarbe_navi":"#e6ed0c","hintergrundfarbe_oben":"#d0d0d0","hintergrundfarbe_unten":"#888888","hintergrund_wuerfel":"#faf8cd","link_ausschalten":false,"loeschkreuz_farbe":"#000000","loeschkreuz_hoverfarbe":"#ed0e0e","monatsliste_loeschen":false,"name_vom_link":"Kniffel","nur_backgroundfarbe":false,"popup_background":"#000000","popup_schriftfarbe":"#ffffff","schriftfarbe_bestenliste":"#070ea6","schriftfarbe_navi":"#190eeb","verzoegerung":"300"},"globVars":{"date_out":"4","timer_out":"31"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_kniffelmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  letzterbeitrag */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_letzterbeitragmeta = jQuery.parseJSON('{"letzterbeitrag":{"confVars":{"anzeigefarbe_kopf":"#000000","anzeigetext_farbe":"#730526","anzeigetext_fett":false,"anzeigetext_groesse":"12","an_aus_beitrag_gekuerzt":true,"farbe_beitrag_gekuerzt":"#3705ff","farbe_ladebalken":"#ffc105","fensterpos_top":"15","gekuerzt_blinken_aus":true,"hintergrund_farbe":"#bdc59d","horizontallinie_farbe":"#857f28","hoverfarbe_toggler":"#707070","ladebalken_aus_ein":true,"ladebalken_background":"#ddd","ladebalken_schrift_fett":false,"name_gast_aendern":"Gast","no_avatarbild":"\\/\\/files.homepagemodules.de\\/b2001010\\/a_551.png","schriftfarbe_ladebalken":"#050505","schriftfarbe_togglebu":"#fafafa","select_uebersicht_ansicht":"7","text_center":false,"toggler_hintergrund":"#918e91","toggler_schriftgroesse":"12","userrechte":true,"userrechte_string":"77704,77701,77702,77703,112233","userrechte_boolean":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_letzterbeitragmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  makierung */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_makierungmeta = jQuery.parseJSON('{"makierung":{"confVars":{"auswahl":"7","groesse_max":"15","user_rechte":true,"user_rechte_string":"77704,77701,77702,77703,112233","user_rechte_boolean":true,"vari1":"\\/\\/img.homepagemodules.de\\/frage.gif","vari2":"\\/\\/img.homepagemodules.de\\/idee.gif","vari3":"\\/\\/img.homepagemodules.de\\/laugh.gif","vari4":"\\/\\/img.homepagemodules.de\\/wink.gif","vari5":"\\/\\/img.homepagemodules.de\\/shocked.gif","vari6":"\\/\\/files.homepagemodules.de\\/b138600\\/a_45_94697d97.gif","vari7":"\\/\\/files.homepagemodules.de\\/b138600\\/a_47_64d12c34.gif"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_makierungmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  ohshoutbox */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_ohshoutboxmeta = jQuery.parseJSON('{"ohshoutbox":{"confVars":{"beitraege_max":"160","farbe_delete_kreuz":"#ff0000","farbe_feld_unten":"#f5e8ba","farbe_header":"#fffcf2","farbe_headerschrift":"#000000","farbe_postinghintergrund":"#f3ebdf","farbe_schreibfeld":"#ededed","farbe_schreibfeld_aktiv":"#f7f2de","farbe_schrift_schreibfeld":"#000000","farbe_scoutbox":"#fffcf2","farbe_sendenbutton":"#4a90e2","farbe_smiliehintergrund":"#fffcf2","farbe_smilieumrandung":"#e9e9e9","farbe_uhrzeit":"#8f877b","farbe_user":"#000000","farbe_userschrift":"#000000","hintergrundfarbetogglebutton":"#120af7","hintergrundfarbe_colorfeld":"#f5e8ba","hoehe_shoutbox":"95","position_togglebutton":"88","schriftfarbe_sendenbutton":"#ffffff","schriftfarbe_togglebutton":"#ffffff","schriftgroesse_nachricht":"14","title_hintergrundfarbe":"#000000","title_schriftfarbe":"#ffffff","user_rechte":true,"user_rechte_string":"77704,77701,77702","user_rechte_boolean":true,"zeichenlimit_anzahl":"400","zeichenlimit_schriftfarbe":"#000000"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_ohshoutboxmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  sudoku */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_sudokumeta = jQuery.parseJSON('{"sudoku":{"confVars":{"background_alert":"#c4ccc7","blinken_zahlen":false,"farbe_aktives_feld":"#0511fc","farbe_ueberschrift":"#000000","gruppenrechte":true,"gruppenrechte_string":"77704,77701,77702,77703,112233","gruppenrechte_boolean":true,"hintergrundbild":"\\/\\/files.homepagemodules.de\\/b138600\\/a_294_3d4b87ca.jpg","hintergrundbild_transparent":"0.3","hintergrundfarbe_navi":"#e6ed0c","hintergrundfarbe_sudoku":"transparent","hintergrund_groesse":"cover","hintergrund_wiederh":"no-repeat","link_ausschalten":false,"name_vom_link":"Sudoku","schriftfarbe_navi":"#190eeb","sofort_ueberpruefen":"1"},"globVars":{"bestlist4leicht":[{"name":"Gast","time":8.15},{"name":"Olaf","time":8.24},{"name":"Gast","time":8.46},{"name":"Olaf","time":8.63},{"name":"Olaf","time":8.79},{"name":"Gast","time":8.79},{"name":"Gast","time":9.24},{"name":"Olaf","time":9.29}],"bestlist4mittel":[{"name":"Olaf","time":23.08},{"name":"Olaf","time":24.12},{"name":"Gast","time":24.55},{"name":"Olaf","time":27.18},{"name":"Olaf","time":28.45},{"name":"Gast","time":28.71},{"name":"Olaf","time":30.92},{"name":"Olaf","time":34.45}],"bestlist4schwer":"[]","bestlist6leicht":[{"name":"Olaf","time":38.93},{"name":"Olaf","time":43.35},{"name":"Olaf","time":45.79},{"name":"Olaf","time":47.59},{"name":"Olaf","time":50.39},{"name":"Gast","time":57.48}],"bestlist6mittel":[{"name":"Olaf","time":88.94},{"name":"Olaf","time":91.46}],"bestlist6schwer":"[]","bestlist9leicht":[{"name":"Olaf","time":154.68},{"name":"Olaf","time":157.3}],"bestlist9mittel":"[]","bestlist9schwer":"[]"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_sudokumeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  testprobe */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_testprobemeta = jQuery.parseJSON('{"testprobe":{"confVars":{"user_rechte":true,"user_rechte_string":"77704,77701","user_rechte_boolean":true},"globVars":{"test":"0","test2_editable":"","test2":[{"msg":"A","time":1770483585044},{"msg":"B","time":1770483585044},{"msg":"C","time":1770483585044}],"test3_editable":"","test3":"13"}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_testprobemeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  themeswitcher */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_themeswitchermeta = jQuery.parseJSON('{"themeswitcher":{"confVars":{"gruppenrechte":true,"gruppenrechte_string":"77704,77701","gruppenrechte_boolean":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_themeswitchermeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  usertitle */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_usertitlemeta = jQuery.parseJSON('{"usertitle":{"confVars":{"balkendiagramm":true,"schriftfarbe":"#910510","userrechte":true,"userrechte_string":"77704,77701,77702,77703,112233","userrechte_boolean":true,"user_punkte":"0,100,250,400,550,700,850,1000,1200,1500,2000,2500,3000,4000,5000","zeile_noch_soviel":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_usertitlemeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  wortzeilen */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_wortzeilenmeta = jQuery.parseJSON('{"wortzeilen":{"confVars":{"bezeichnungthread":"W\\u00f6rter","bild_anzahl":"0","eingabelimit":"100","farbe_hinweis":"#0505ff","forum_id":"0","limiteinoderaus":true,"schriftfarbe":"#850018","schrift_fett":false,"spoilerjanein":true,"user_rechte":true,"user_rechte_string":"77704,77701,77702,77703,112233","user_rechte_boolean":true}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_wortzeilenmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                
                //////////////////////////////////////////////////////////////////////
                /* Loading config-, meta- and global-data from:  zusatzantwort */
                //////////////////////////////////////////////////////////////////////
                try {
                    var xstatic_zusatzantwortmeta = jQuery.parseJSON('{"zusatzantwort":{"confVars":{"userrechte":false,"userrechte_string":"administrator","userrechte_boolean":false}}}'); 
                    jQuery.extend(xoborPluginData, xstatic_zusatzantwortmeta);
                } catch(e) {
                    console.log("Plugin Data Error",e);
                }
                //////////////////////////////////////////////////////////////////////
                //////////////////////////////////////////////////////////////////////
                
                </script>
<style>
.PlayButton{
background:gray;
color:#ffffff;
padding:5px;
box-shadow: 0px 0px 6px #e0e0e0;
cursor: pointer;
margin-bottom:8px;
border-radius: 6px;
}
#geb_anzeige,#schalt_gb {
text-align:right;

margin:15px 5px 15px 0px;
font-size:12px !important;

}
.gbschriftfarbe,.schaltschriftfarbe {
color:#000000;
}
.geb_blinken {
-webkit-animation-name: blinken;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinken;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
animation-name: blinken;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@-webkit-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes blinken {
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes blinken {
50% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}

#GB_infobox,#GB_Portal {
width:300px;
height:auto;
margin-top: -100px;
margin-left: -150px;
top: 30%;
left: 50%;
padding:10px;
text-align:center;
line-height:20px;
position:fixed;
z-index:1000;
display:none;
border:2px solid #0000ff;
background-color:#858568;
color:#660033;
font-size:14px !important;

border-radius: 15px;
-moz-border-radius: 15px;
-moz-box-shadow: 10px 10px 15px #000;
-webkit-border-radius: 15px;
-webkit-box-shadow: 10px 10px 15px #000;
-khtml-border-radius: 75px;
box-shadow: 10px 10px 15px #000;
}
a.schliessen_info {
position:absolute;
right:12px;
border:1px solid #aaaaaa;
border-radius:3px;
background-color:#334487;
padding:0 6px 0 6px;
color:#ffffff;
}
a.schliessen_info:hover {
color:#aa0000;
text-decoration:none !important;
}
#GB_infobox hr{
height:1px;
background-color:#595959;
border:none;
margin-top:6px;
margin-bottom:6px;
}
</style>
<!---------------------------Mobile V6 Start-Portal---------------------------------------->
<!---------------------------Mobile V6 End-Portal------------------------------------------>


<script>
$(".navigation").append('<li class="menu_item" style="padding: 0px;"><a href="/kniffel.html"><span style="padding:0px 6px;background:#e6ed0c;color:#190eeb;">Kniffel</span></a></li>');
</script>


<div id="anzeige_fenster2"></div>
<div class="progress-container"></div>
<style type="text/css">
#toggleButton{
background:#918e91;
color: #fafafa;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
float:right;

padding:0px 5px;
margin-top:10px;
height:22px;
font-size:12px;

margin-right:20px;
}
#toggleButton:hover{
background-color:#707070;
}
.withoutIMG{
animation: blinken 1s infinite;
}
#beitrag_gekuerzt{
position: absolute;
top: 5px;
left: 6px;
padding: 5px 10px;
background-color: transparent;
color: #3705ff;
font-weight: bold;
border-radius: 4px;
font-size:12px !important;
z-index: 1002;

animation: blinken 1s infinite;

}
@keyframes blinken {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}

.progress-container {
width: 135px;
background-color:#ddd;
border-radius: 25px;
overflow: hidden;
position: absolute;
z-index: 1000;
opacity: 1;
visibility: visible;
display: flex;
align-items: center;
justify-content: center;
height: 16px;
}
div.progress-container{
display:none;
}
.progress-text {
left:14px;
position: relative;
z-index: 2;

font-size: 12px;
color: #050505;
}
.fade-out {
animation: fadeOutContainer 0.5s forwards;
}
@keyframes fadeOutContainer {
to {
opacity: 0;
visibility: hidden;
}
}
.progress-bar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 16px;
z-index: 1;
background-color: #ffc105;
animation: progress-animation 0.6s ease-in-out forwards;
}
@keyframes progress-animation {
from {
width: 0;
}
to {
width: 100%;
}
}
#anzeige_fenster2 {
padding:15px;
display:none;
position:fixed;
top:15%;
left:10%;
z-index: 1001;
width:30%;
border: 2px solid #525252;
background-color: #bdc59d;
border-radius: 15px;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 6px #565656;
-webkit-border-radius: 5px;
-webkit-box-shadow: 5px 5px 6px #565656;
-khtml-border-radius: 5px;
box-shadow: 5px 5px 6px #565656;
overflow:hidden !important;
}
.anzeige_fenster_text p,.anzeige_fenster_text {
color:#730526 !important;
font-size:12px !important;

clear:left;

}
.kopf_zeile {
white-space: nowrap !important;
overflow: hidden !important;
width: 80% !important;
text-overflow: ellipsis !important;
float:left;
color:#000000;
font-size:12px !important;
}
.horizontal_linie {
width:100%;
border:1px solid #857f28;
}
@media (max-width: 1080px) {
.vorschau_button,#anzeige_fenster2,.progress-container{
display:none;
}
}
</style>

<style>
.sb-refresh-btn {
background: transparent;
border: none;
font-size: 18px;
font-weight:bold;
cursor: pointer;
margin-left: 10px;
color: #000000;
}
.sb-refresh-btn:active{
border:1px solid black;
-webkit-tap-highlight-color: transparent;
}
.sb-refresh-btn:focus {
outline: none;
}
.anzahlUser{
color:#000000;
}
.chat-header svg {
width: 22px;
height: 22px;
color:#000000;

transform: translateY(4px);

}
.tb-btn,.toolbar-btn,.tb-link,.tb-color,#emojiToggle,.ytBtn,.imgBtn,#chatRestartBtn,.sb-guest-btn,.deleteBtn,.send-inside,.userGrop,.sb-refresh-btn {
position: relative;
}
.tb-btn::after,.toolbar-btn::after,.tb-link::after,.tb-color::after,#emojiToggle::after,.ytBtn::after,.imgBtn::after,#chatRestartBtn::after,.sb-guest-btn::after,.deleteBtn::after,.send-inside::after,.userGrop::after,.sb-refresh-btn::after {
content: attr(titel);
position: absolute;
background: #000000;
color: #ffffff;
padding: 5px 8px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition:opacity 0.15s ease-out,visibility 0s linear 0.15s;
font-size: 13px;
pointer-events: none;
z-index: 9999;
bottom: 160%;
}
.tb-btn:hover::after,.toolbar-btn:hover::after,.tb-link:hover::after,.tb-color:hover::after,#emojiToggle:hover::after,.ytBtn:hover::after,.imgBtn:hover::after,#chatRestartBtn:hover::after,.sb-guest-btn:hover::after,.deleteBtn:hover::after,.send-inside:hover::after,.userGrop:hover::after,.sb-refresh-btn:hover::after {
opacity: 1;
font-size: 13px;
visibility: visible;
transition:opacity 0.4s ease-in 0.25s,visibility 0s linear 0s;
}
.tooltip-left::after {
left: auto;
right: 5%;
transform: translateY(50%);
}
.tooltip-right::after {
left: 5%;
transform: translateY(50%);
}
#chatRestartBtn::after{
margin-bottom: 12px;
}
.userGrop::after{
margin-bottom: 6px;
}
.chat-input-wrapper {
display: flex;
flex-direction: column;
}
#charCount{
font-size:12px;
margin:4px 0 10px 20px;
}
.chat-container,
#chatToggleBtn {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.show-chat {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.show-toggle {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.chat-container #ohwoerter,.chat-container #ohwoerter2,.chat-container div[style^="margin:8px 10px 10px 5px;"]{
display:none;
}
.chat-container {
position: fixed;
top: 50%;
right: 15px;
width: 420px;
height: 95vh;
transform: translate(calc(100% + 25px), -50%);
z-index: 99999;
display: flex !important;
flex-direction: column;
overflow: hidden;
border:1px solid black;
border-radius:20px;
box-shadow: 0 6px 25px rgba(0,0,0,0.5);
transition: none;
pointer-events: none;
}
.chat-container.open {
pointer-events: auto;
transform: translate(0, -50%);
}
.chat-container.bounce {
animation: bounceIn 0.5s ease-out;
}
@keyframes bounceIn {
0% { transform: translate(calc(100% + 25px), -50%); }
60% { transform: translate(-25px, -50%); }
80% { transform: translate(10px, -50%); }
100% { transform: translate(0, -50%); }
}
.chat-container.ready {
transition: transform 0.35s ease-out;
}
#chatToggleBtn {
position: fixed;
border-radius: 0 8px 8px 0;
top: 88vh;
left: 0px;
background: #120af7;
color: #ffffff;
padding: 1px 3px;
cursor: pointer;
z-index: 100000;
font-weight: bold;

width:63px;

border: 1px solid black;
}
.chat-header {
margin-bottom:-2px;
border-radius: 15px 15px 0 0;
padding: 10px 15px;
background: #fffcf2;
color: #000000;
font-weight: bold;
font-size:14px;
}
.chat-messages {
flex: 1;
overflow-y: auto;
padding: 4px;
background: #fffcf2;
}
.message {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 95%;
padding: 10px;
border-radius: 8px;
font-size: 12px;
line-height: 1.3;
clear: both;
word-wrap: break-word;
overflow-wrap: break-word;
}
.message.user {
background: #f3ebdf;
color: #000000;
margin-left: 15px;
margin-right: 15px;
}
.message.bot {
background: #e0e0e0;
color: #333;
margin-left: 5px;
margin-right: auto;
}
.chat-input-area {
padding: 6px;
background: #fffcf2;
border-top: 1px solid #ddd;
display: flex;
flex-direction: column;
gap: 4px;
border-radius: 0px 0px 15px 15px;
}
#chatInput {
margin-top:-3px;
margin-left:10.5px;
margin-bottom:10px;

width: 94.8%;

resize: none;
border-radius: 0px 0px 8px 8px;
border: 1px solid #ccc;
background: #ededed;
color: #000000;
font-size: 14px;
line-height: 1.3;
height: auto;
max-height: 70px;
overflow-y: auto;
}
#chatInput:focus {
background: #f7f2de;
}
.message:last-child {
margin-bottom: 0;
}
#sendBtn {
padding: 2px 3px;
background: #4a90e2;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.send-inside {
position: absolute;
bottom: 22px;
right: 16px;
background: #4a90e2;
color: #ffffff;
border: none;
padding: 4px 8px;
border-radius: 4px;
cursor: pointer;
}
#emojiArea {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 10px;
background: #fff;
border-top: 1px solid #ddd;
}
.emoji-btn {
background: transparent;
border: none;
font-size: 24px;
cursor: pointer;
padding: 3px;
}
.emoji-inside {
position: absolute;
top: 4px;
right: 6px;
background: transparent;
border: none;
font-size: 20px;
cursor: pointer;
padding: 0px;
}
.emoji-bar {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 6px;
background: #fffcf2;
border: 2px solid #e9e9e9;
border-radius: 5px;
height: auto;
overflow: auto;
}
.emoji-bar span {
cursor: pointer;
padding: 1px;
font-size: 24px;
}
.emoji-bar span:hover {
background: transparent;
}
.emoji-bar::-webkit-scrollbar {
height: 6px;
}
.emoji-bar::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
.emoji-bar::-webkit-scrollbar-track {
background: #eee;
}
#emojiToggle {
background: transparent;
border: none;
font-size: 16px;
cursor: pointer;
padding: 0px;
}
.emoji-popup {
position: absolute;
top: 15px;
right: 15px;
width: 380px;
max-height: 100%;
background: #fffcf2;
border-radius: 8px;
padding: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.8);
overflow-y: auto;
z-index: 99999;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.emoji-popup.show {
opacity: 1;
transform: translateY(0px);
pointer-events: auto;
}
.emoji-popup.hide {
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}
.textarea-wrapper {
position: relative;
flex: 1;
}
.input-toolbar {
margin: 0 0 0 10px;
width: 95%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 4px 2px;
background-color: #f5e8ba;
border-radius: 8px 8px 0 0;
box-sizing: border-box;
outline: none;
}
.input-toolbar:focus{
outline: none;
}
.input-toolbar:active{
-webkit-tap-highlight-color: transparent;
}
.sb-name-field {

width: 94%;

padding: 4px 6px;
}
.sb-name-wrapper {
position: relative;
width:100%;
}
.sb-username {
margin-left:6px;
width: 100%;
box-sizing: border-box;
padding: 4px 90px 4px 10px;
border-radius: 6px;
background: #f3ebdf;
color: #000000;
font-size: 13px;
box-shadow: 0 0 6px rgba(0,0,0,0.3);
border: none;
outline: none;
}
.sb-guest-btn {
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
padding: 1px 8px;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
}
.tb-btn, .tb-link, .tb-color {
background: #f5e8ba;
border: none;
padding: 2px 6px;
cursor: pointer;
border-radius: 4px;
font-size: 16px;
}
.color-popup {
position: absolute;
top: 50vh;
left: 16%;
display: flex;
flex-wrap: wrap;
gap: 6px;
width: auto;
padding: 8px;
background: #f5e8ba;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.7);
z-index: 99999;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.color-popup.show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.color-popup span {
width: 22px;
height: 22px;
border-radius: 4px;
cursor: pointer;
}
#chatToolbar {
margin-top:-2px;
display: flex;
gap: 5px;
}
#ytBtn,#imgBtn,#spoilerBtn,#codeBtn,#quoteBtn{
background:transparent;
border:none;
}
#imgBtn {
font-size:16px;
}
#ytBtn {
font-size:20px;
}
.spoiler {
border: 1px solid #000000;
font-size: 12px;
border-radius: 5px;
box-shadow: 0 6px 25px rgba(0,0,0,0.1);
margin: 6px 0;
overflow: hidden;
}
.spoiler-header {
font-size: 12px;
padding: 6px 8px;
cursor: pointer;
color: #000000;
user-select: none;
}
.spoiler-content {
font-size: 12px;
padding: 8px;
color: #000000;
border-top: 1px solid #000000;
border-radius: 5px;
}
.code-block {
color: #000000;
padding: 10px 10px 10px 3px;
border-radius: 6px;
box-shadow: 0 6px 25px rgba(0,0,0,0.1);
font-size: 12px;
white-space: pre;
overflow-wrap: break-word;
max-width: 100%;
box-sizing: border-box;
border: 1px solid #000000;
margin: 6px 0;
position: relative;
}
.code-lines {
display: block;
}
.code-line {
display: flex;
align-items: flex-start;
}
.code-line .ln {
display: inline-block;
width: 20px;
flex-shrink: 0;
text-align: right;
padding-right: 9px;
color: #000000;
border-right: 1px solid #444;
margin-right: 1px;
}
.quote-title {
font-size: 12px;
color: #000000;
margin-bottom: 4px;
font-style: normal;
letter-spacing: 1px;
}
.quote-block {
border: 1px solid #000000;
box-shadow: 0 6px 25px rgba(0,0,0,0.1);
padding: 8px 10px;
margin: 6px 0;
color: #000000;
font-size: 12px;
border-radius: 4px;
white-space: pre-wrap;
word-wrap: break-word;
font-style: italic;
}
@keyframes pulseGlow {
0% { box-shadow: 0 0 0px rgba(0, 150, 255, 0.0); }
50% { box-shadow: 0 0 12px rgba(0, 150, 255, 0.6); }
100% { box-shadow: 0 0 0px rgba(0, 150, 255, 0.0); }
}
#chatStatusBar.pulsing {
animation: pulseGlow 1.6s ease-in-out infinite;
}
#chatStatusBar{
width: 90%;

padding: 5px 10px;
margin-left:10px;
background: #f3ebdf;
border-bottom: 1px solid #ccc;
font-size: 13px;
border-radius:6px;
justify-content: space-between;
align-items: center;
}
#chatRestartBtn{
padding: 1px 8px;
font-size: 12px;
border-radius: 6px;
border: 1px solid #888;
background: #fff;
cursor: pointer;
display: none;
}
#chatStatusGroup {
display: inline-flex;
align-items: center;
gap: 6px;
}
#chatDebugInfo {
white-space: pre-line;
}
#chatToggleBtn .icon {
font-size: 22px;
}
.sb-name-wrapper {
position: relative;
width: 100%;
}
#sbGuestOverlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 100000;
}
.sbGuestBox {
background: #fff;
padding: 20px;
border-radius: 8px;
width: 260px;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sb-guest-btn {
white-space: nowrap;
margin-right:7px
padding: 1px 8px;
font-size: 12px;
border-radius: 6px;
border: 1px solid #888;
background: #fff;
cursor: pointer;
}
#sbRefreshBtn {
transition: transform 0.2s ease;
cursor: pointer;
}
#sbRefreshBtn.zoom-effect {
transform: scale(1.5);
}
@media (max-width: 600px) {
#charCount{
margin: 4px 0 4px 60px;
}
.chat-container {
width: 98vw;
height: 95vh;
border-radius: 6px;
margin-bottom: 10px;
right: 1vw;
transform: translate(calc(100% + 25px), -50%);
}
.chat-container.open {
transform: translate(0, -50%);
}
.chat-header {
font-size: 13px;
padding: 8px 12px;
}
.chat-messages {
padding: 6px;
}
.message {
max-width: 95%;
font-size: 13px;
padding: 8px 10px;
margin-right: 15px;
}
.chat-input-area {
padding: 6px;
gap: 4px;
}
#chatInput {
padding: 6px;
font-size: 14px;
}
#sendBtn {
padding: 6px 10px;
font-size: 13px;
}
#emojiToggle {
font-size: 22px;
padding: 0;
}
.emoji-popup {
width: 95%;
right: 2.5%;
top: 55px;
max-height: auto;
padding: 6px;
}
.emoji-bar span {
font-size: 22px;
padding: 2px;
}
.color-popup {
position: fixed;
transform: translateX(-50%);
width: auto;
padding: 10px;
border-radius: 8px;
}
.color-popup .color-option {
flex: 1;
}
#chatStatusBar {
width: calc(100% - 20px);
box-sizing: border-box;
}
}
</style>
<div id="chatToggleBtn"><span class="icon">&#128172;</span> An </div>
<div class="chat-container">

<div class="chat-header">
<span style="font-size:18px;margin-left:2px;">Shoutbox 2&nbsp;&nbsp;</span>
<span class="userGrop tooltip-right" titel="Anzahl Gäste + User im Forum"><svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
<path d="M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V20h14v-3.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V20h6v-3.5c0-2.33-4.67-3.5-7-3.5z"/>
</svg><span class="anzahlUser">&nbsp;0</span></span>
<button id="sbRefreshBtn" class="sb-refresh-btn tooltip-right" titel="Box 1X aktualisieren">&#10227;</button>

</div>
<div class="chat-messages" id="chatMessages"></div>
<div class="chat-input-area">
<div class="sb-name-field">
<div class="sb-name-wrapper">
<input type="text" class="sb-username" placeholder="">
<button class="sb-guest-btn tooltip-left" titel="Gastname eingeben" style="display:none;">Gastname ändern</button>
</div>
</div>
<div id="chatStatusBar">
<span id="chatStatusGroup">
<span id="chatStatusText">Box aktualisiert sich selber</span>
</span>
<button id="chatRestartBtn" class="tooltip-left" titel="Automatische Aktualisierung starten">Starten</button>
</div>
<div class="input-block">
<div class="input-toolbar">
<div id="chatToolbar">
<button class="tb-btn tooltip-right" data-tag="b" titel="Fette Schrift"><b>B</b></button>
<button class="tb-btn tooltip-right" data-tag="i" titel="Cursive Schrift"><i>I</i></button>
<button class="tb-btn tooltip-right" data-tag="u" titel="Unterstrichene Schrift"><u>U</u></button>
<button id="spoilerBtn" class="toolbar-btn tooltip-right" titel="Spoiler einfügen">
<svg width="22" height="19" viewBox="0 0 24 24" fill="#4a4a4a">
<path d="M12 1a5 5 0 0 0-5 5v4H5v12h14V10h-2V6a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0v4H9V6z"/>
</svg>
</button>
<button id="codeBtn" class="toolbar-btn tooltip-right" titel="Code einfügen">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#4a4a4a">
<path d="M8 17l-5-5 5-5 1.5 1.5L6 12l3.5 3.5L8 17zm8-10l5 5-5 5-1.5-1.5L18 12l-3.5-3.5L16 7zm-4.5-2h2l-3 14h-2l3-14z"/>
</svg>
</button>
<button id="quoteBtn" class="toolbar-btn tooltip-right" titel="Zitat einfügen">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#4a4a4a">
<path d="M7.17 6A4.17 4.17 0 0 0 3 10.17V18h6v-8H6.83A2.83 2.83 0 0 1 9.66 6H7.17zm9 0A4.17 4.17 0 0 0 12 10.17V18h6v-8h-2.17A2.83 2.83 0 0 1 18.66 6h-2.49z"/>
</svg>
</button>
<button class="tb-link tooltip-right" titel="Link einfügen"><span class="icon-link">&#128279;</span></button>
<button class="tb-color tooltip-left" titel="Farbe einfügen">&#127912;</button>
<div id="colorPalette" class="color-popup">
<span data-color="#ff0000" style="background:#ff0000;"></span>
<span data-color="#ff7f00" style="background:#ff7f00;"></span>
<span data-color="#ffff00" style="background:#ffff00;"></span>
<span data-color="#00ff00" style="background:#00ff00;"></span>
<span data-color="#0000ff" style="background:#0000ff;"></span>
<span data-color="#4b0082" style="background:#4b0082;"></span>
<span data-color="#9c8461" style="background:#9c8461;"></span>
<span data-color="#9400d3" style="background:#9400d3;"></span>
<span data-color="#000000" style="background:#000000;"></span>
<span data-color="#ffffff" style="background:#ffffff; border:1px solid #ccc;"></span>
</div>
<button id="emojiToggle" class="tooltip-left" titel="Smilie einfügen">&#128578;</button>
<button id="ytBtn" class="toolbar-btn tooltip-left" titel="YouTube einfügen">&#127902;&#65039;</button>
<button id="imgBtn" class="toolbar-btn tooltip-left" titel="Bild einfügen">&#128444;&#65039;</button>
</div>
</div>
<div class="chat-input-wrapper">
<div id="charCount"></div>
<textarea id="chatInput" rows="3" placeholder="Nachricht schreiben..."></textarea>
<button id="sendBtn" class="send-inside tooltip-left" titel="Absenden">&#10148;</button>
</div>
</div>
</div>
<div id="emojiPopup" class="emoji-popup">
<div id="emojiBar" class="emoji-bar">
<span>&#128515;</span>
<span>&#128516;</span>
<span>&#128518;</span>
<span>&#128520;</span>
<span>&#128523;</span>
<span>&#128524;</span>
<span>&#128527;</span>
<span>&#128529;</span>
<span>&#128530;</span>
<span>&#128531;</span>
<span>&#128532;</span>
<span>&#128533;</span>
<span>&#128534;</span>
<span>&#128535;</span>
<span>&#128536;</span>
<span>&#128537;</span>
<span>&#128538;</span>
<span>&#128539;</span>
<span>&#128540;</span>
<span>&#128541;</span>
<span>&#128542;</span>
<span>&#128543;</span>
<span>&#128544;</span>
<span>&#128548;</span>
<span>&#128549;</span>
<span>&#128550;</span>
<span>&#128552;</span>
<span>&#128553;</span>
<span>&#128554;</span>
<span>&#128555;</span>
<span>&#128512;</span>
<span>&#128513;</span>
<span>&#128514;</span>
<span>&#129315;</span>
<span>&#128517;</span>
<span>&#128522;</span>
<span>&#128519;</span>
<span>&#128521;</span>
<span>&#128525;</span>
<span>&#129392;</span>
<span>&#128526;</span>
<span>&#129321;</span>
<span>&#129300;</span>
<span>&#128528;</span>
<span>&#128580;</span>
<span>&#128546;</span>
<span>&#128557;</span>
<span>&#128545;</span>
<span>&#129324;</span>
<span>&#128561;</span>
<span>&#11088;</span>
<span>&#10024;</span>
<span>&#128293;</span>
<span>&#128175;</span>
<span>&#127881;</span>
<span>&#127882;</span>
<span>&#127880;</span>
<span>&#9889;</span>
<span>&#128161;</span>
<span>&#10004;&#65039;</span>
<span>&#128077;</span>
<span>&#128078;</span>
<span>&#128076;</span>
<span>&#9996;&#65039;</span>
<span>&#129310;</span>
<span>&#128079;</span>
<span>&#128588;</span>
<span>&#128591;</span>
<span>&#129309;</span>
<span>&#129311;</span>
<span>&#10084;&#65039;</span>
<span>&#129505;</span>
</div>
</div>
</div>
<div id="sbGuestOverlay" style="display:none;">
<div class="sbGuestBox">
<p><b>Bitte gib Deinen Namen ein:</b><br>(Smilies werden automatisch gelöscht!)</p>
<input id="sbGuestInput" type="text" style="width:100%; padding:6px;">
<button onclick="sbSaveGuestName()" style="margin-top:10px; padding:6px 12px;">OK</button>
</div>
</div>

<script>
var sbIsUser = false;
var sbUserId = 0;
var sbIsAdmin = false;
var sbUserName;
const counter = document.getElementById("charCount");
const box = document.querySelector(".chat-container");
const toggle = document.querySelector("#chatToggleBtn");

let shoutVisible = 1;
box.classList.add("show-chat");
toggle.classList.add("show-toggle");

document.addEventListener("DOMContentLoaded", () => {
document.addEventListener("click", function(e) {
if (e.target.classList.contains("spoiler-header")) {
const content = e.target.nextElementSibling;
const isHidden = content.style.display === "none";
content.style.display = isHidden ? "block" : "none";
e.target.innerHTML = isHidden ? "Spoiler verbergen &#9650;" : "Spoiler anzeigen &#9660;";
}
});
function extractYouTubeId(url) {
const regex = /(?:v=|youtu\.be\/|shorts\/|embed\/)([A-Za-z0-9_-]{11})/;
const match = url.match(regex);
return match ? match[1] : null;
}
function insertIntoShoutbox(text) {
chatInput.value += text;
updateCounter();
}
const chatInput = document.getElementById("chatInput");
function insertBB(tag) {
const start = chatInput.selectionStart;
const end = chatInput.selectionEnd;
const selected = chatInput.value.substring(start, end);
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(end);
chatInput.value = before + "[" + tag + "]" + selected + "[/" + tag + "]" + after;
chatInput.focus();
chatInput.selectionStart = start + tag.length + 2;
chatInput.selectionEnd = end + tag.length + 2;
updateCounter();
}
document.querySelectorAll(".tb-btn").forEach(btn => {
btn.addEventListener("click", () => {
insertBB(btn.dataset.tag);
});
});
let MAX_CHARS = window.shoutboxLimit || 400;
chatInput.addEventListener("input", updateCounter);
function updateCounter() {
const len = chatInput.value.length;
const remaining = MAX_CHARS - len;
counter.textContent = remaining + " Zeichen übrig";
if (remaining <= 50) {
counter.style.color = "red";
}
else {
counter.style.color = "#000000";
}
if (len > MAX_CHARS) {
chatInput.value = chatInput.value.substring(0, MAX_CHARS);
}
}
document.querySelector(".tb-link").addEventListener("click", () => {
const url = prompt("Bitte URL (Link) eingeben:");
if (!url) return;
const start = chatInput.selectionStart;
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(start);
chatInput.value = before + "[url]" + url + "[/url]" + after;
});
document.getElementById("ytBtn").addEventListener("click", () => {
const url = prompt("YouTube URL (Link) eingeben:");
if (!url) return;
const videoId = extractYouTubeId(url);
if (!videoId) {
alert("Ungültige YouTube URL");
return;
}
const placeholder = `[youtube]${videoId}[/youtube]`;
chatInput.value += placeholder;
});
document.getElementById("imgBtn").addEventListener("click", () => {
const url = prompt("Bild URL (Link) eingeben (https://...)");
if (!url) return;
if (!url.startsWith("http")) {
alert("Bitte eine gültige Bild URL eingeben");
return;
}
const placeholder = `[img]${url}[/img]`;
chatInput.value += placeholder;
});
document.getElementById("spoilerBtn").addEventListener("click", () => {
const start = chatInput.selectionStart;
const end = chatInput.selectionEnd;
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(end);
const insert = "[spoiler][/spoiler]";
chatInput.value = before + insert + after;
const cursorPos = before.length + 9; // Position nach [spoiler]
chatInput.setSelectionRange(cursorPos, cursorPos);
chatInput.focus();
});
document.getElementById("codeBtn").addEventListener("click", () => {
const start = chatInput.selectionStart;
const end = chatInput.selectionEnd;
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(end);
const insert = "[code][/code]";
chatInput.value = before + insert + after;
const cursorPos = before.length + 6;
chatInput.setSelectionRange(cursorPos, cursorPos);
chatInput.focus();
});
document.getElementById("quoteBtn").addEventListener("click", () => {
const selected = window.getSelection();
const selectedText = selected.toString().trim();
if (!selectedText) {
insertQuote(`[quote][/quote]`);
return;
}
let node = selected.anchorNode;
if (!node) return;
while (node && !node.classList?.contains("message")) {
node = node.parentNode;
}
if (!node) {
insertQuote(`[quote]${selectedText}[/quote]`);
return;
}
const nameSpan = node.querySelector("div span");
let author = nameSpan ? nameSpan.textContent.trim() : "Unbekannt";
const quote = `[quote=${author}]${selectedText}[/quote]`;
insertQuote(quote);
});
function insertQuote(quote) {
const start = chatInput.selectionStart;
const end = chatInput.selectionEnd;
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(end);
chatInput.value = before + quote + after;
const cursorPos = before.length + quote.length;
chatInput.setSelectionRange(cursorPos, cursorPos);
chatInput.focus();
}
const colorBtn = document.querySelector(".tb-color");
const colorPopup = document.getElementById("colorPalette");
colorBtn.addEventListener("click", () => {
colorPopup.classList.toggle("show");
});
colorPopup.addEventListener("click", (e) => {
if (e.target.dataset.color) {
const color = e.target.dataset.color;
const start = chatInput.selectionStart;
const end = chatInput.selectionEnd;
const selected = chatInput.value.substring(start, end);
const before = chatInput.value.substring(0, start);
const after = chatInput.value.substring(end);
const openTag = "[color=" + color + "]";
const closeTag = "[/color]";
chatInput.value = before + openTag + selected + closeTag + after;
const cursorPos = before.length + openTag.length;
chatInput.focus();
chatInput.selectionStart = cursorPos;
chatInput.selectionEnd = cursorPos;
colorPopup.classList.remove("show");
}
});
document.addEventListener("click", (e) => {
if (!colorPopup.contains(e.target) && e.target !== colorBtn) {
colorPopup.classList.remove("show");
}
});
});
function removeEmojis(str) {
if (typeof str !== "string") return "";
str = str.replace(/([\uD800-\uDBFF][\uDC00-\uDFFF])/g, "");
str = str.replace(/&#\d+;/g, "");
return str;
}
function sbSaveGuestName() {
var name = document.getElementById("sbGuestInput").value.trim();
name = removeEmojis(name);
if (name === "") {
xobor.plugin("ohshoutbox").getGlob("guestCounter", function(counter) {
if (!counter) counter = 0;
counter++;
xobor.plugin("ohshoutbox").setGlob("guestCounter", counter);
name = "Gast " + counter;
sbUserName = name;
sessionStorage.setItem("sbGuestName", sbUserName);
if (sbNameInput) {
sbNameInput.value = "Dein Chatname = " + sbUserName;
sbNameInput.readOnly = true;
}
document.getElementById("sbGuestOverlay").style.display = "none";
if (sbGuestBtn) sbGuestBtn.style.display = "none";
});
return;
}
else {
name = name + " (Gast)";
}
sbUserName = name;
sessionStorage.setItem("sbGuestName", sbUserName);
if (sbNameInput) {
sbNameInput.value = "Dein Chatname = " + sbUserName;
sbNameInput.readOnly = true;
}
document.getElementById("sbGuestOverlay").style.display = "none";
if (sbGuestBtn) sbGuestBtn.style.display = "none";
}
document.addEventListener("DOMContentLoaded", function () {
sbNameInput = document.querySelector(".sb-username");
sbNameInput.value = "Dein Chatname =";
sbGuestBtn = document.querySelector(".sb-guest-btn");
if (sbIsUser) {
sbUserName = "";
sbNameInput.value = "Dein Chatname = " + sbUserName;
sbNameInput.readOnly = true;
}
else {
var storedGuest = sessionStorage.getItem("sbGuestName");
if (storedGuest) {
sbUserName = storedGuest;
sbNameInput.value = "Dein Chatname = " + sbUserName;
sbNameInput.readOnly = true;
}
else {
if (sbGuestBtn) {
sbGuestBtn.style.display = "inline-block";
sbGuestBtn.addEventListener("click", function () {
document.getElementById("sbGuestOverlay").style.display = "flex";
});
}
}
}
});
const toggleBtn = document.getElementById("chatToggleBtn");
const savedState = localStorage.getItem("shoutboxOpen");
if (savedState === "true") {
box.classList.add("open");
toggleBtn.innerHTML = "<span class='icon'>&#128172;</span> Aus ";
}
else {
box.classList.remove("open");
toggleBtn.innerHTML = "<span class='icon'>&#128172;</span> An ";
}
toggleBtn.addEventListener("click", () => {
const isOpen = box.classList.contains("open");
if (isOpen) {
box.classList.remove("open");
box.classList.remove("bounce");
toggleBtn.innerHTML = "<span class='icon'>&#128172;</span> An ";
localStorage.setItem("shoutboxOpen", "false");
}
else {
box.classList.add("open");
box.classList.remove("bounce");
void box.offsetWidth;
box.classList.add("bounce");
toggleBtn.innerHTML = "<span class='icon'>&#128172;</span> Aus ";
localStorage.setItem("shoutboxOpen", "true");
}
});
let chat_inhalt = [];
let chatMessages;
let chatInput;
let sendBtn;
function looksEncoded(str) {
return typeof str === "string" && str.includes("&#");
}
function encodeEmoji(str) {
let out = "";
for (const cp of str) {
const code = cp.codePointAt(0);
if (code > 127) {
out += "&#" + code + ";";
}
else {
out += cp;
}
}
return out;
}
function stripHTML(str) {
return str.replace(/<[^>]*>/g, "");
}
function decodeHTML(html) {
const txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
function parseBB(text) {
if (typeof text !== "string") {
text = "";
}
text = text.replace(/\[b\](.*?)\[\/b\]/gi, "<b>$1</b>");
text = text.replace(/\[i\](.*?)\[\/i\]/gi, "<i>$1</i>");
text = text.replace(/\[u\](.*?)\[\/u\]/gi, "<u>$1</u>");
text = text.replace(/\[color=(.*?)\](.*?)\[\/color\]/gi, (match, color, content) => {
if (!/^[a-zA-Z]+$/.test(color) && !/^#[0-9A-F]{3,6}$/i.test(color)) {
color = "inherit";
}
return `<span style="color:${color}">${content}</span>`;
});
text = text.replace(/\[url\](.*?)\[\/url\]/gi, (match, url) => {
url = url.replace(/["'<>\s]/g, "");
if (!/^https?:\/\/[a-z0-9\-._~:/?#\[\]@!$&'()*+,;=%]+$/i.test(url)) {
return url;
}
return `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
});
text = text.replace(/\[youtube\]([A-Za-z0-9_-]{11})\[\/youtube\]/g,`<iframe width="100%" height="250" src="https://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>`);
text = text.replace(/\[img\](.*?)\[\/img\]/gi, (match, url) => {
url = url.replace(/["'<>\s]/g, "");
if (!/^https?:\/\/[a-z0-9\-._~:/?#\[\]@!$&'()*+,;=%]+\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(url)) {
return "";
}
return `<img src="${url}" style="max-width:100%; border-radius:6px; margin:5px 0;">`;
});
text = text.replace(/\[spoiler\]([\s\S]*?)\[\/spoiler\]/g,`<div class="spoiler"><div class="spoiler-header">Spoiler anzeigen &#9660;</div><div class="spoiler-content" style="display:none;">$1</div></div>`);
text = text.replace(/\[quote(?:=([^\]]+))?\]([\s\S]*?)\[\/quote\]/g, (match, name, content) => {
name = name ? name.replace(/<[^>]*>/g, "") : "";
content = content.replace(/on\w+=/gi, "");
const title = name ? `Zitat von ${name}:` : `Zitat:`;
return `<div class="quote-block"><div class="quote-title">${title}</div>${content}</div>`;
});
text = text.replace(/\[code\]([\s\S]*?)\[\/code\]/g, (match, code) => {
code = code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
let lines = code.split('\n');
if (lines[lines.length - 1].trim() === "") {
lines.pop();
}
const htmlLines = lines.map((line, index) => {
return `<div class="code-line"><span class="ln">${index + 1}</span> ${line}</div>`;
})
.join('');
return `<pre class="code-block"><code class="code-lines">${htmlLines}</code></pre>`;
});
text = text.replace(/\n/g, "<br>");
return text;
}
function addMessage(
text,
sender = 'user',
senderName = '',
save = true,
index = null,
msgTime = null,
msgUserId = null
) {
if (typeof text !== "string") text = "";
const msgWrapper = document.createElement('div');
msgWrapper.style.position = "relative";
msgWrapper.style.marginBottom = "10px";
let timestamp = msgTime || new Date(1775297825 * 1000).toLocaleString();
const msg = document.createElement('div');
msg.classList.add('message', sender);
msg.style.width = "90%";
msg.innerHTML = parseBB(stripHTML(text));
const header = document.createElement('div');
header.style.fontSize = "12px";
header.style.fontWeight = "bold";
header.style.marginBottom = "4px";
header.innerHTML = `
<span style="color: #000000;">${senderName}</span>
<span style="color: #8f877b; font-size: 10px; float:right;margin-right: 6px;font-weight: 300;letter-spacing: -0.5px;">${timestamp}</span>
`;
msg.prepend(header);
if (sbIsAdmin || (sbIsUser && sbUserId === msgUserId)){
const delBtn = document.createElement("button");
delBtn.className = "deleteBtn tooltip-left";
delBtn.dataset.index = index;
delBtn.style.position = "absolute";
delBtn.style.top = "0";
delBtn.style.right = "5px";
delBtn.style.border = "none";
delBtn.style.background = "transparent";
delBtn.style.color = "#ff0000";
delBtn.style.cursor = "pointer";
delBtn.style.fontSize = "14px";
delBtn.setAttribute("titel", "Diesen Post löschen");
delBtn.innerHTML = "&#10006;";
delBtn.addEventListener("click", function () {
deleteMessage(index);
});
msgWrapper.appendChild(delBtn);
}
msgWrapper.appendChild(msg);
chatMessages.appendChild(msgWrapper);
chatMessages.scrollTop = chatMessages.scrollHeight;
if (save) {
const cleaned = stripHTML(text);
const encodedText = encodeEmoji(cleaned);
const newMsg = {
text: encodedText,
sender: sender,
name: senderName,
time: timestamp,
user_id: sbUserId
};
chat_inhalt.push(newMsg);
xobor.plugin("ohshoutbox").getGlob("test2", function(res) {
let old = Array.isArray(res) ? res : [];
old.push(newMsg);
xobor.plugin("ohshoutbox").setGlob("test2", old);
});
}
}
function renderChat() {
chatMessages.innerHTML = "";
chat_inhalt.forEach((msg, i) => {
addMessage(msg.text, msg.sender, msg.name, false, i, msg.time, msg.user_id);
});
}
function deleteMessage(index) {
const msg = chat_inhalt[index];
if (!msg) return;
if (!sbIsAdmin && sbUserId !== msg.user_id) {
alert("Du darfst diesen Beitrag nicht löschen.");
return;
}
if (!confirm("Diesen Beitrag wirklich löschen?")) return;
chat_inhalt.splice(index, 1);
xobor.plugin('ohshoutbox').setGlob('test2', chat_inhalt);
renderChat();
}
function deleteAllMessages() {

return;

if (!confirm("Wirklich den gesamten Chat löschen?")) return;
chat_inhalt = [];
xobor.plugin('ohshoutbox').setGlob('test2', chat_inhalt);
chatMessages.innerHTML = "";
xobor.plugin('ohshoutbox').setGlob('guestCounter', 0);
}
document.addEventListener("DOMContentLoaded", function() {
const emojiToggle = document.getElementById("emojiToggle");
const emojiPopup = document.getElementById("emojiPopup");
const emojiBar = document.getElementById("emojiBar");
chatMessages = document.getElementById('chatMessages');
chatInput = document.getElementById('chatInput');
sendBtn = document.getElementById('sendBtn');
emojiToggle.addEventListener("click", () => {
if (emojiPopup.classList.contains("show")) {
emojiPopup.classList.remove("show");
emojiPopup.classList.add("hide");
}
else {
emojiPopup.classList.remove("hide");
emojiPopup.classList.add("show");
}
});
document.addEventListener("click", (e) => {
if (!emojiPopup.contains(e.target) && e.target !== emojiToggle) {
if (emojiPopup.classList.contains("show")) {
emojiPopup.classList.remove("show");
emojiPopup.classList.add("hide");
}
}
});
emojiBar.addEventListener("click", (e) => {
if (e.target.tagName === "SPAN") {
chatInput.value += e.target.textContent;
emojiPopup.classList.remove("show");
emojiPopup.classList.add("hide");
}
});
xobor.plugin("ohshoutbox").getGlob("test2", function(res) {
chat_inhalt = Array.isArray(res) ? res : [];
renderChat();
});
function sendMessageAfterName(text) {
addMessage(
text,
'user',
sbUserName,
true,
chat_inhalt.length,
null,
sbIsUser ? sbUserId : null
);
chatInput.value = "";
counter.textContent = "";
}
function handleSend() {
const text = chatInput.value.trim();
if (text === "") return;
if (!sbIsUser && (!sbUserName || sbUserName.trim() === "")) {
xobor.plugin("ohshoutbox").getGlob("guestCounter", function(counter) {
if (!counter) counter = 0;
counter++;
xobor.plugin("ohshoutbox").setGlob("guestCounter", counter);
sbUserName = "Gast " + counter;
sessionStorage.setItem("sbGuestName", sbUserName);
if (sbNameInput) {
sbNameInput.value = "Dein Chatname = " + sbUserName;
sbNameInput.readOnly = true;
}
if (sbGuestBtn) sbGuestBtn.style.display = "none";
sendMessageAfterName(text);
});
return;
}
sendMessageAfterName(text);
chatInput.value = "";
counter.textContent = "";
}
sendBtn.addEventListener('click', handleSend);
chatInput.addEventListener('keydown', (event) => {
if (event.key === 'Enter' && event.shiftKey) {
event.preventDefault();
handleSend();
return;
}
if (event.key === 'Enter') {
return;
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("deleteBtn")) {
const index = e.target.getAttribute("data-index");
deleteMessage(index);
}
});
const deleteAllBtn = document.getElementById("deleteAllBtn");
if (deleteAllBtn) deleteAllBtn.addEventListener("click", deleteAllMessages);
});
let pollingCount = 0;
const maxPolling = 20;
let pollingActive = false;
const statusBar = document.getElementById("chatStatusBar");
const statusText = document.getElementById("chatStatusText");
const restartBtn = document.getElementById("chatRestartBtn");
const chatBox = document.querySelector(".chat-container");
statusBar.style.display = "flex";
statusText.textContent = "Box für 100s automatisch aktualisieren.";
restartBtn.style.display = "inline-block";
statusBar.classList.remove("pulsing");
function startPolling() {
pollingActive = true;
pollingCount = 0;
sessionStorage.setItem("pollingCount", "0");
sessionStorage.setItem("pollingActive", "1");
statusText.textContent = "Box aktualisiert sich jetzt selber";
restartBtn.style.display = "none";
statusBar.classList.add("pulsing");
}
function stopPolling() {
pollingActive = false;
statusText.textContent = "Box für 100s automatisch aktualisieren.";
restartBtn.style.display = "inline-block";
statusBar.classList.remove("pulsing");
}
function resetPolling() {
pollingCount = 0;
sessionStorage.setItem("pollingCount", "0");
pollingActive = true;
sessionStorage.setItem("pollingActive", "1");
statusText.textContent = "Box aktualisiert sich jetzt selber";
restartBtn.style.display = "none";
statusBar.classList.add("pulsing");
}
const observer = new MutationObserver(() => {
if (!chatBox.classList.contains("open")) {
stopPolling();
localStorage.setItem("boxState", "collapsed");
sessionStorage.removeItem("pollingActive");
return;
}
localStorage.setItem("boxState", "expanded");
});
observer.observe(chatBox, { attributes: true, attributeFilter: ["class"] });
document.addEventListener("visibilitychange", () => {
const nav = performance.getEntriesByType("navigation")[0];
const isReload = nav && nav.type === "reload";
if (isReload) {
return;
}
if (document.hidden) {
pollingActive = false;
return;
}
if (!pollingActive) {
statusText.textContent = "Box für 100s automatisch aktualisieren.";
restartBtn.style.display = "inline-block";
statusBar.classList.remove("pulsing");
}
});
function manualRefresh() {
xobor.plugin('ohshoutbox').getGlob('test2', function(data) {
if (!data) return;
if (JSON.stringify(data) !== JSON.stringify(chat_inhalt)) {
chat_inhalt = Array.isArray(data) ? data : [];
renderChat();
}
});
}
setInterval(() => {
if (!pollingActive) return;
if (pollingCount >= maxPolling) {
stopPolling();
return;
}
pollingCount++;
sessionStorage.setItem("pollingCount", pollingCount);
const remaining = (maxPolling - pollingCount) * 5;
xobor.plugin('ohshoutbox').getGlob('test2', function(data) {
if (!data) return;
if (JSON.stringify(data) !== JSON.stringify(chat_inhalt)) {
chat_inhalt = Array.isArray(data) ? data : [];
renderChat();
}
});
}, 5000);
const MAX_MESSAGES = Math.min(160, 150);
const DELETE_COUNT = 10;
function updateChatDebugInfo() {
const el = document.getElementById("chatDebugInfo");
if (!el) return;
const count = chat_inhalt.length;
el.style.color = "#000000";
el.textContent = `Einträge: ${count} / Max: ${MAX_MESSAGES}`;
if (count >= MAX_MESSAGES - 5) {
el.style.color = "red";
el.textContent += "\n&#9888; Fast voll!";
}
else if (count >= MAX_MESSAGES - 10) {
el.style.color = "orange";
el.textContent += "\n&#9888; Wird knapp";
}
if (count > MAX_MESSAGES) {
chat_inhalt = chat_inhalt.slice(DELETE_COUNT);
el.textContent += `\n&#9888; ${DELETE_COUNT} alte Einträge gelöscht`;
xobor.plugin('ohshoutbox').setGlob('test2', JSON.stringify(chat_inhalt));
renderChat();
if (chat_inhalt.length > MAX_MESSAGES) {
stopPolling();
statusText.textContent = "&#9888; Zu viele Einträge &#150; bitte Chat leeren!";
}
}
}
setInterval(updateChatDebugInfo, 5000);
updateChatDebugInfo();
function restorePollingUI() {
statusText.textContent = "Box aktualisiert sich jetzt selber";
restartBtn.style.display = "none";
statusBar.classList.add("pulsing");
}
window.addEventListener("load", () => {
const box = document.querySelector(".chat-container");
const toggle = document.querySelector("#chatToggleBtn");
const wait = setInterval(() => {
if (shoutVisible === null) return;
clearInterval(wait);
if (shoutVisible === 0) {
box.classList.remove("show-chat");
toggle.classList.remove("show-toggle");
box.classList.remove("open");
return;
}
box.classList.add("show-chat");
toggle.classList.add("show-toggle");
const boxState = localStorage.getItem("boxState");
const polling = sessionStorage.getItem("pollingActive");
const savedCount = sessionStorage.getItem("pollingCount");
if (boxState === "collapsed") {
box.classList.remove("open");
stopPolling();
return;
}
box.classList.add("open");
if (polling === "1") {
if (savedCount !== null) {
pollingCount = parseInt(savedCount, 10);
}
if (pollingCount >= maxPolling) {
stopPolling();
return;
}
pollingActive = true;
restorePollingUI();
}
}, 10);
});
restartBtn.addEventListener("click", () => {
resetPolling();
sessionStorage.setItem("pollingActive", "1");
sessionStorage.setItem("boxState", "expanded");
});
const btn = document.getElementById("sbRefreshBtn");
btn.addEventListener("click", () => {
btn.classList.remove("zoom-effect");
void btn.offsetWidth;
btn.classList.add("zoom-effect");
setTimeout(() => {
btn.classList.remove("zoom-effect");
}, 500);
manualRefresh();
});
</script>


<script>
$(".navigation").append('<li class="menu_item" style="padding: 0px;"><a href="/sudoku.html"><span style="padding:0px 6px;background:#e6ed0c;color:#190eeb;">Sudoku</span></a></li>');
</script>



<style>
#ohwoerter{
color: #850018;

font-style:italic;
margin-left:10px;
}
#ohwoerter .Blink{
color:#ff0000;
-webkit-animation-name: anaus;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: anaus;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
animation-name: anaus;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@-webkit-keyframes anaus {
50% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes anaus {
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes anaus {
50% { opacity: 1; }
100% { opacity: 0; }
}
</style>


<div style="float: left; text-align:left;">
<table width="100%">
<tr>
<td width="50px">
<img src="http://files.homepagemodules.de/b2001010/a_366.png" />
</td>
<td>
<b>Es ist ein Fehler aufgetreten!</b><br/> Die Seite existiert nicht mehr oder Sie haben nicht die nötigen Rechte, um diese Seite aufzurufen<br>
Zurück zur <a href="./">Startseite</a><br/>
</td>
</tr>
</table>
</div>


<div style="clear: both;"></div>

<table style="width:80%; margin:15px 0px 0px 0px; text-align:left;">
<tr>
<td style="width:50%;">
<form method="POST" action="./login.php?goto=%2Ft274f502-Wieviel-ist-x-im-Hexadezimalsystem.html" onsubmit="">
<input type="hidden" name="last_location" value="">
<input type="hidden" name="next_location" value="/t274f502-Wieviel-ist-x-im-Hexadezimalsystem.html">
<table width="100%">
<tr>
<td>Name:</td>
<td style="padding: 5px;"><input type="text" tabindex="6" name="name" size="25" value="" class="inputbox autowidth" style="width: 100%;"/></td>
</tr>
<tr>
<td>Passwort:</td>
<td style="padding: 5px;"><input type="password" tabindex="7" name="pww" size="25" value="" class="inputbox autowidth" style="width: 100%;"/></td>
</tr>

<tr>
<td></td>
<td><input type="submit" name="B1" size="25" value="Login" tabindex="9" class="inputbox autowidth button button1" /> <a href="/anmeldung.php">Registrieren</a></td>
</tr>
</table>
</form>
</td>

</tr>
</table>
<style type='text/css'>.mobileview #forumtitle{display:none !important;}</style>

<!-- ads_err_stats: addspam: , x_n_a_display: , adsense_deactivated_werb: , ad_nosense: 0, ad_adsleg: , no_ads_page: 1, ad_adsense: 
    


     NULL -->

<style type="text/css">.xoborAdsSeite { background-color:#969696; } .xoborAdsSeiteFeedback, .xoborAdsSeiteFeedback a { text-decoration:none;font-size:12px; font-weight: normal;color:#ffffff;background-color:#a3a3a3;margin-top:1px!important; } .xoborAdsSeiteAdblock { background-color:#ffffff; } .xoborAdsSeiteAdblock a { color:#5a7382; } .xoborAdsSeiteAdblock a:hover { color:#303d45; } .xoborAdsSeiteAdblockText { color:#383838; } .xoborAdsSeiteAdblockTitle { font-weight:bold;} #xoborAdSeiteEl { padding:10px 5px 2px 20px!important;  }.xoborAdMessage { background-color: #a3a3a3 }.xoborAdMessage div { background-color: #ffffff }.xoborAdMessageFeedback a { color: #383838 }.xoborAdMessageTitle { color: #5a7382;font-weight:bold; }.xoborAdMessageText { color: #383838; }.xoborAdMessageUrl { color: #5a7382; }.xoborAdMessageUrl:hover, .xoborAdMessageTitle:hover { color:#000000; } .xoborAdOben { background-color: #ffffff;margin-bottom:0px!important;margin-top:2px!important;z-index: 4; }.xoborAdObenAd { background: #ffffff bottom left repeat-x;background-image: -moz-linear-gradient(15% 90% 90deg,#f2f2f2, #ffffff, #ffffff 100%);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f2f2f2));z-index: 4; }.xoborAdObenAd span { color: #383838; }.xoborAdObenAd a, .xoborAdObenAd a span  { color:#5a7382; }.xoborAdObenAd a:hover, .xoborAdObenAd table td a:hover span { color: #303d45; }#XoborAdObenBreadcrumb { margin-bottom: 20px; -moz-box-shadow: -2px 4px 6px #cccccc; -webkit-box-shadow: -2px 4px 6px #cccccc; box-shadow: -2px 4px 6px #cccccc; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;	border: 1px solid #707070;z-index: 1; }#XoborAdObenBottomfail, #XoborAdObenBottom { margin-bottom: 20px; -moz-box-shadow: -2px 4px 6px #cccccc; -webkit-box-shadow: -2px 4px 6px #cccccc; box-shadow: -2px 4px 6px #cccccc; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;	border: 1px solid #707070;z-index: 1; }</style>
<script>
var zusammen;
var einZahlW;
var einZahlM;

$('#ma_fr').click(function(){
var userliste = [];
var maennlich = 0;
var weiblich = 0;
var idata = {target_type : 3, limit : "all"}
xobor.plugin("fmprofil").getDeepList(idata,function(res){
userliste = Object.keys(res);
});
var jdata = {target_type: 3, target_id: userliste};
xobor.plugin("fmprofil").getDeep(jdata,function(res){
$.each(res,function(){
if(this.user_gender_m){
maennlich++;
}
if(this.user_gender_w){
weiblich++;
}
});
});
zusammen = maennlich +','+weiblich;
xobor.plugin("fmprofil").setGlob('test',zusammen);
location.reload();
});
zusammen = xobor.plugin("fmprofil").getGlob('test');
var geteilt = zusammen.split(',');
if(geteilt[1] == 1){
einZahlW = "weiblichen";
}
else{
einZahlW = "weibliche";
}
if(geteilt[0] == 1){
einZahlM = "männlichen";
}
else{
einZahlM = "männliche";
}

$("#foverview_stat3 table").prepend('<tr style="border-top: 1px solid #3c566a;"><td style="padding: 5px 0px;">Weibliche Mitglieder</td><td style="padding: 5px 0px;">'+geteilt[1]+'</td></tr>'+
'<tr style="border-top: 1px solid #3c566a;"><td style="padding: 5px 0px;">Männliche Mitglieder</td><td style="padding: 5px 0px;">'+geteilt[0]+'</td></tr>');
</script>


</td></tr></table>

<script type="text/javascript">
try{
$("a[href='#no_permission_userprofile']").on("click",function(){ alert('Sie haben nicht die nötigen Rechte, um die Benutzerprofile zu öffnen'); return false;}); }catch(e){}

try { $('#'+cursorfield).focus(); } catch(err) {}
$('.menu_item').hover(function() {
if(!$(this).hasClass('searchli')) {
var $sumen = $(this).find('ul.submenu');
$sumen.css('top', $('.menu_item').outerHeight() + 'px');
$sumen.stop().fadeTo("fast",1);
}
}, function() {
var $sumen = $(this).find('ul.submenu');
$sumen.hide();
});
function cancup() {window.location.href='http://138600.homepagemodules.de/t274f502-Wieviel-ist-x-im-Hexadezimalsystem.html';}
function initDonationBlocks(){
$('.donationbox .donation_goal_target').html('10' + '&euro;');
$('.donationbox .donation_goal_percent_current').html("0%");
$('.donationbox .ppercent').css('width',"0%");
}
try{initDonationBlocks();}catch(e){}
function fixMenuZ(){
var c = $('ul.navigation li').length;
var baseZ = 200;
$('ul.navigation li').css('z-index', function(i) {
return 200 + (c - i);
});
}
try{fixMenuZ();}catch(e){/*Error setting Z-Index*/}
</script>

<div class="footer">
<ul>
<li id="privacy_link"><a href="./datenschutz.html">Datenschutzerklärung</a></li>
<li id="impressum_link"><a href="./faq.php#impressum">Impressum</a></li>
<li id="faq_link"><a href="./faq.php">FAQ</a></li>

<li id="member_link"><a href="./userlist.php">Mitgliederliste</a></li>
<li id="useronline_link"><a href="./useronline.php">Wer ist Online?</a></li>
</ul>
</div>
<br/><br/>
</div>
<script>try{
            function manualKlaroEnabled(){
                $('script[data-name]').each( function() { 
                if( $(this).data('noklaro') !== '1'){
                    $(this).data('noklaro',1);                  
                    var $newscript = $('<script type=\'text/javascript\'>');
                    if($(this).data('src')){$newscript.attr('src',$(this).data('src'));}
                    else{$newscript.html($(this).html());}                                
                    $newscript.prependTo('head');                
                }
                } );                
                
                $('[data-name]').each( function() { 
                if( $(this).data('noklaro') !== '1'){
                    $(this).data('noklaro',1);
                    if($(this).data('src')){ $(this).attr('src',$(this).data('src'));$(this).data('src',false);}                                    
                }
                } );
            }
            
            manualKlaroEnabled();
            
                 
            (adsbygoogle = window.adsbygoogle || []).push();
        }catch(e){console.log(e)}</script>

<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#firework-dim {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.0);
z-index: 1000000;
pointer-events: none;
opacity: 0;
transition: opacity 0.5s ease;
}
#fireworks-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 1000001;
}
#firework-toggle {
position: fixed;
bottom: 30px;
right: 10px;
z-index: 1000003;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 10px 15px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
}
#lauftext-container {
position: relative;
top:10px;
margin-bottom: 10px;
left: 0;
width: 100%;
height: auto;
overflow-x: hidden;
z-index: 1000001;
}
#lauftext-wrapper {
display: flex;
white-space: nowrap;
will-change: transform;
}
#lauftext{
font-size: 24px;
color: #0303fa;
}
</style>
<div id="firework-dim"></div>
<canvas id="fireworks-overlay"></canvas>
<div id="firework-toggle">Effekt Aus</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
function updateLauftextAnimation() {
$(".container").first().before(`<div id="lauftext-container"><div id="lauftext-wrapper"><span id="lauftext">Frohe Ostern. <img src="//files.homepagemodules.de/b138600/a_301_33217395.gif"></span></div></div>`);
const wrapper = document.getElementById("lauftext-wrapper");
const lauftextContainer = document.getElementById("lauftext-container");
const text1 = document.getElementById("lauftext");
const textWidth = text1.offsetWidth;
const containerWidth = document.getElementById("lauftext-container").offsetWidth;
const startX = containerWidth;
const endX = -textWidth;
const speed = 100;
const duration = (startX - endX) / speed;
wrapper.style.animation = `lauftextAnim ${duration}s linear infinite`;
const style = document.createElement("style");
style.innerHTML = `
@keyframes lauftextAnim {
0% { transform: translateX(${startX}px); }
100% { transform: translateX(${endX}px); }
}
`;
document.head.appendChild(style);
lauftextContainer.addEventListener("mouseenter", () => {
document.getElementById("lauftext-wrapper").style.animationPlayState = "paused";
});
lauftextContainer.addEventListener("mouseleave", () => {
document.getElementById("lauftext-wrapper").style.animationPlayState = "running";
});
}
updateLauftextAnimation();

var laufschriftAktiv = "1";
var nurLaufschrift = "0";

var globalScale = "1.0";
var feuerwerkTyp = "kreis";
var effektModus = "ostereier";
var schneeFarbe = "#c7c7c7";
var partikelRate = parseFloat("0.06") || 0.10;
var partikelGroesse = parseFloat("10 + 18") || 8;
var plugin_zeitsteuerung = "1".trim();
if (laufschriftAktiv === "1") {
localStorage.setItem("laufschriftAktiv", "1");
}
else {
localStorage.setItem("laufschriftAktiv", "0");
}
function parseGermanDateTime(str) {
const [datum, zeit] = str.split(" ");
const [tag, monat, jahr] = datum.split(".");
const [stunden, minuten] = zeit.split(":");
return new Date(
parseInt(jahr),
parseInt(monat) - 1,
parseInt(tag),
parseInt(stunden),
parseInt(minuten)
);
}
const startZeit = "01.01.2026 00:12";
const endZeit = "01.01.2026 01:00";
const testmodus = (plugin_zeitsteuerung == "1");
const zeitmodus = (plugin_zeitsteuerung == "");
function istInnerhalbZeitraum() {
const jetzt = new Date();
const start = parseGermanDateTime(startZeit);
const ende = parseGermanDateTime(endZeit);
return jetzt >= start && jetzt <= ende;
}
let fireworkEnabled = localStorage.getItem("fireworkEnabled");
if (fireworkEnabled !== "on" && fireworkEnabled !== "off") {
console.log("Schalter auf off")
fireworkEnabled = "off";
localStorage.setItem("fireworkEnabled", "off");
}
if (testmodus) {
fireworkEnabled = "on";
localStorage.setItem("fireworkEnabled", "on");
}
const dim = document.getElementById("firework-dim");
const canvas = document.getElementById("fireworks-overlay");
const btns = document.getElementById("firework-toggle");
const ctx = canvas.getContext("2d");
const lauftextContainer = document.getElementById("lauftext-container");
function resize() {
let h = window.visualViewport ? window.visualViewport.height : window.innerHeight;
let w = window.visualViewport ? window.visualViewport.width : window.innerWidth;
canvas.width = w;
canvas.height = h;
canvas.style.width = w + "px";
canvas.style.height = h + "px";
canvas.style.top = "0px";
canvas.style.left = "0px";
}
resize();
window.addEventListener("resize", resize);
window.visualViewport.addEventListener("resize", resize);
let fireworkParticles = [];
function spawnFirework() {
let x = Math.random() * canvas.width;
let y = Math.random() * canvas.height * 0.8 + canvas.height * 0.1;
let type = feuerwerkTyp;
if (type === "random") {
let t = ["kreis", "stern", "ring", "multi-ring", "spirale", "herz"];
type = t[Math.floor(Math.random() * t.length)];
}
let count = 80; // Anzahl Partikel
for (let i = 0; i < count; i++) {
let angle, speed;
if (type === "kreis") {
angle = Math.random() * Math.PI * 2;
speed = Math.random() * 4 + 1 * globalScale;
}
if (type === "stern") {
let rays = 8; // Anzahl Strahlen
angle = (i % rays) * (Math.PI * 2 / rays);
speed = Math.random() * 3 + 2 * globalScale;
}
if (type === "ring") {
angle = Math.random() * Math.PI * 2;
speed = 4 * globalScale;
}
if (type === "multi-ring") {
angle = Math.random() * Math.PI * 2;
if (i < count / 3) speed = 2 * globalScale;
else if (i < count * 2 / 3) speed = 4 * globalScale;
else speed = 6 * globalScale;
}
if (type === "spirale") {
let spiralFactor = 0.15;
angle = i * 0.3;
speed = spiralFactor * i * globalScale;
}
if (type === "herz") {
let t = (i / count) * Math.PI * 2;
let hx = 16 * Math.pow(Math.sin(t), 3);
let hy = 13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t);
hy = -hy;
hx *= globalScale;
hy *= globalScale;
angle = Math.atan2(hy, hx);
speed = Math.sqrt(hx * hx + hy * hy) * 0.1 + 0.1;
}
fireworkParticles.push({
x,
y,
angle,
speed,
life: 100,
size: Math.random() * 3 + 3,
color: `hsl(${Math.random() * 360}, 100%, 60%)`
});
}
}
function drawFirework() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
fireworkParticles.forEach((p, i) => {
p.x += Math.cos(p.angle) * p.speed;
p.y += Math.sin(p.angle) * p.speed;
p.life--;
ctx.fillStyle = p.color;
ctx.fillRect(p.x, p.y, p.size, p.size);
if (p.life <= 0) fireworkParticles.splice(i, 1);
});
if (Math.random() < 0.03) spawnFirework();
}
function darfScriptLaufen() {
if (testmodus) {
return true;
}
if (zeitmodus) {
const ok = istInnerhalbZeitraum();
return ok;
}
return false;
}
function animate() {
if (!darfScriptLaufen()) {
requestAnimationFrame(animate);
return;
}
if (fireworkEnabled === "on" && canvas.style.display !== "none") {
if (effektModus === "schnee") {
drawSnow();
}
else if (effektModus === "herzen") {
drawHearts();
}
else if (effektModus === "feuerwerk") {
drawFirework();
}
else if (effektModus === "sterne") {
drawStars();
}
else if (effektModus === "blumen") {
drawFlowers();
}
else if (effektModus === "blaetter") {
drawLeaves();
}
else if (effektModus === "ostereier") {
drawEggs();
}
}
requestAnimationFrame(animate);
}
let snowflakes = [];
function hexToRgba(hex, alpha) {
hex = hex.replace("#", "");
if (hex.length === 3) {
hex = hex.split("").map(c => c + c).join("");
}
let r = parseInt(hex.substring(0, 2), 16);
let g = parseInt(hex.substring(2, 4), 16);
let b = parseInt(hex.substring(4, 6), 16);
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
}
function drawRealLeaf(x, y, size) {
ctx.beginPath();
ctx.moveTo(x, y - size);
ctx.quadraticCurveTo(x + size * 0.6, y - size * 0.6, x + size * 0.7, y);
ctx.quadraticCurveTo(x + size * 0.6, y + size * 0.6, x, y + size * 0.8);
ctx.quadraticCurveTo(x - size * 0.6, y + size * 0.6, x - size * 0.7, y);
ctx.quadraticCurveTo(x - size * 0.6, y - size * 0.6, x, y - size);
ctx.closePath();
ctx.fill();
ctx.strokeStyle = hexToRgba("#000000", 1);
ctx.lineWidth = size * 0.12;
ctx.beginPath();
ctx.moveTo(x, y + size * 0.8);
ctx.lineTo(x, y + size * 1.2);
ctx.stroke();
ctx.strokeStyle = hexToRgba("#000000", 1);
ctx.lineWidth = size * 0.08;
ctx.beginPath();
ctx.moveTo(x, y - size);
ctx.lineTo(x, y + size * 0.8);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(x, y - size * 0.4);
ctx.lineTo(x + size * 0.5, y - size * 0.1);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(x, y);
ctx.lineTo(x + size * 0.5, y + size * 0.3);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(x, y - size * 0.4);
ctx.lineTo(x - size * 0.5, y - size * 0.1);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(x, y);
ctx.lineTo(x - size * 0.5, y + size * 0.3);
ctx.stroke();
}
function spawnLeaf() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -10,
size: Math.random() * partikelGroesse * 1.8,
speedY: Math.random() * 1 + 0.5,
speedX: Math.random() * 0.5 - 0.25,
alpha: 0.7 + Math.random() * 0.3,
rotation: Math.random() * Math.PI * 2,
rotationSpeed: (Math.random() * 0.02 - 0.01)
});
}
function drawLeaves() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;
s.rotation += s.rotationSpeed;

ctx.fillStyle = schneeFarbe;

ctx.save();
ctx.translate(s.x, s.y);
ctx.rotate(s.rotation);
drawRealLeaf(0, 0, s.size);
ctx.restore();
if (s.y > canvas.height + 20) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate) spawnLeaf();
}
function drawFlower(x, y, size) {
const petals = 5;
const radius = size;
const petalRadius = size * 0.6;
ctx.beginPath();
for (let i = 0; i < petals; i++) {
let angle = (i * 2 * Math.PI) / petals;
let px = x + Math.cos(angle) * radius;
let py = y + Math.sin(angle) * radius;
ctx.moveTo(px, py);
ctx.arc(px, py, petalRadius, 0, Math.PI * 2);
}
ctx.closePath();
ctx.fill();
}
function spawnFlower() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -10,
size: Math.random() * partikelGroesse,
speedY: Math.random() * 1 + 0.5,
speedX: Math.random() * 0.5 - 0.25,
alpha: 0.7 + Math.random() * 0.3
});
}
function drawFlowers() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;

ctx.fillStyle = schneeFarbe;

drawFlower(s.x, s.y, s.size);
if (s.y > canvas.height + 20) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate) spawnFlower();
}
function drawStarShape(x, y, size) {
const spikes = 5;
const outer = size;
const inner = size / 2.5;
let rot = Math.PI / 2 * 3;
let step = Math.PI / spikes;
ctx.beginPath();
ctx.moveTo(x, y - outer);
for (let i = 0; i < spikes; i++) {
ctx.lineTo(x + Math.cos(rot) * outer, y + Math.sin(rot) * outer);
rot += step;
ctx.lineTo(x + Math.cos(rot) * inner, y + Math.sin(rot) * inner);
rot += step;
}
ctx.closePath();
ctx.fill();
}
function spawnStar() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -10,
size: Math.random() * partikelGroesse,
speedY: Math.random() * 1 + 0.5,
speedX: Math.random() * 0.5 - 0.25,
alpha: 0.7 + Math.random() * 0.3
});
}
function drawStars() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;

ctx.fillStyle = schneeFarbe;

drawStarShape(s.x, s.y, s.size);
if (s.y > canvas.height + 20) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate) spawnStar();
}
function drawEggs() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;
s.rotation += s.rotationSpeed;
ctx.save();
ctx.translate(s.x, s.y);
s.rollAngle += s.rollSpeed;
ctx.rotate(s.rollAngle);
let kippen = Math.sin(s.rotation * s.tiltSpeed) * s.tilt;
let drehen = s.rotation * 0.05;
ctx.rotate(kippen + drehen);
ctx.beginPath();
ctx.ellipse(0, 0, s.size * 0.6, s.size * 0.8, 0, 0, Math.PI * 2);
let grad = ctx.createRadialGradient(-s.size * 0.25, -s.size * 0.25, s.size * 0.1,0, 0, s.size);
grad.addColorStop(0, "white");
grad.addColorStop(0.2, s.color);
grad.addColorStop(1, "black");
ctx.fillStyle = grad;
ctx.fill();
ctx.beginPath();
ctx.ellipse(-s.size * 0.25,-s.size * 0.25,s.size * 0.15,s.size * 0.1,0,0,Math.PI * 2);
ctx.fillStyle = "rgba(255,255,255,0.35)";
ctx.fill();
ctx.restore();
if (s.y > canvas.height + 60) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate * 0.1) spawnEgg();
}
function spawnSnowflake() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -10,
size: Math.random() * partikelGroesse,
speedY: Math.random() * 1 + 0.5,
speedX: Math.random() * 0.5 - 0.25,
alpha: 0.7 + Math.random() * 0.3
});
}
function spawnHeart() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -10,
size: Math.random() * partikelGroesse,
speedY: Math.random() * 1 + 0.2,
speedX: Math.random() * 0.5 - 0.25,
alpha: 0.7 + Math.random() * 0.3
});
}
function spawnEgg() {
snowflakes.push({
x: Math.random() * canvas.width,
y: -40,
size: Math.random() * partikelGroesse * 1.2 + 12,
speedY: Math.random() * 0.3 + 0.3, // langsamer fallen
speedX: Math.random() * 0.4 - 0.2,
rotation: Math.random() * Math.PI * 2,
rotationSpeed: (Math.random() * 0.0002 - 0.0001),
tilt: Math.random() * 0.25 + 0.05,
tiltSpeed: Math.random() * 0.02 + 0.005,
rollAngle: Math.random() * Math.PI * 2,
rollSpeed: (Math.random() * 0.01 + 0.005),
color: `hsl(${Math.random() * 360}, 70%, 60%)`
});
}
function drawHeartShape(x, y, size) {
ctx.beginPath();
ctx.moveTo(x, y + size / 4);
ctx.bezierCurveTo(
x + size, y - size / 2,
x + size * 1.5, y + size / 2,
x, y + size * 1.5
);
ctx.bezierCurveTo(
x - size * 1.5, y + size / 2,
x - size, y - size / 2,
x, y + size / 4
);
ctx.fill();
}
function drawEggShape(x, y, size, rotation) {
ctx.save();
ctx.translate(x, y);
ctx.rotate(rotation);
ctx.beginPath();
ctx.scale(1, 1.3); // Ei-Form
ctx.arc(0, 0, size, 0, Math.PI * 2);
ctx.restore();
ctx.fill();
ctx.save();
ctx.translate(x, y);
ctx.rotate(rotation);
ctx.strokeStyle = "rgba(255,255,255,0.6)";
ctx.lineWidth = size * 0.25;
for (let i = -1; i <= 1; i++) {
ctx.beginPath();
ctx.arc(0, i * size * 0.5, size * 0.8, 0, Math.PI * 2);
ctx.stroke();
}
ctx.restore();
}
function drawArmSnowflake(x, y, size) {
ctx.beginPath();
ctx.moveTo(x - size, y);
ctx.lineTo(x + size, y);
ctx.moveTo(x, y - size);
ctx.lineTo(x, y + size);
ctx.moveTo(x - size * 0.7, y - size * 0.7);
ctx.lineTo(x + size * 0.7, y + size * 0.7);
ctx.moveTo(x - size * 0.7, y + size * 0.7);
ctx.lineTo(x + size * 0.7, y - size * 0.7);
ctx.strokeStyle = ctx.fillStyle;
ctx.lineWidth = size * 0.2;
ctx.stroke();
}
function drawSnow() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;

ctx.fillStyle = schneeFarbe;

drawArmSnowflake(s.x, s.y, s.size);
if (s.y > canvas.height + 20) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate) spawnSnowflake();
}
function drawHearts() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
snowflakes.forEach((s, i) => {
s.x += s.speedX;
s.y += s.speedY;

ctx.fillStyle = schneeFarbe;

drawHeartShape(s.x, s.y, s.size);
if (s.y > canvas.height + 20) {
snowflakes.splice(i, 1);
}
});
if (Math.random() < partikelRate) spawnHeart();
}
animate();
let manualOff = localStorage.getItem("manualOff") === "1";
function updateButtonVisibility() {
if (nurLaufschrift === "1") {
btns.style.display = "none";
return;
}
btns.style.display = (testmodus || istInnerhalbZeitraum()) ? "block" : "none";
}
function updateButtonText() {
if (testmodus) {
btns.textContent = (fireworkEnabled === "on")
// ? "Testmodus Animation AUS"
// : "Testmodus Animation AN";
? "Animation AUS"
: "Animation AN";
}
else {
btns.textContent = (fireworkEnabled === "on")
? "Animation AUS"
: "Animation AN";
}
}
function startFirework() {
dim.style.opacity = "1";
canvas.style.display = "block";
if (localStorage.getItem("laufschriftAktiv") === "1") {
lauftextContainer.style.visibility = "visible";
}
else {
lauftextContainer.style.visibility = "hidden";
}
}
function stopFirework() {
dim.style.opacity = "0";
canvas.style.display = "none";
lauftextContainer.style.visibility = "hidden";
}
btns.onclick = () => {
if (zeitmodus && !istInnerhalbZeitraum()) {
alert("Der Effekt kann nur im vorgesehenen Zeitraum aktiviert werden.");
return;
}
fireworkEnabled = (fireworkEnabled === "on") ? "off" : "on";
localStorage.setItem("fireworkEnabled", fireworkEnabled);
if (fireworkEnabled === "off") {
localStorage.setItem("manualOff", "1");
manualOff = true;
stopFirework();
}
else {
localStorage.removeItem("manualOff");
manualOff = false;
startFirework();
}
updateButtonText();
};
if (nurLaufschrift === "1") {
canvas.style.display = "none";
dim.style.opacity = "0";
if (laufschriftAktiv === "1") {
lauftextContainer.style.visibility = "visible";
}
else {
lauftextContainer.style.visibility = "hidden";
}
updateButtonVisibility();
updateButtonText();
return;
}
if (testmodus) {
fireworkEnabled = "on";
localStorage.setItem("fireworkEnabled", "on");
manualOff = false;
localStorage.removeItem("manualOff");
startFirework();
}
else if (zeitmodus) {
if (istInnerhalbZeitraum()) {
if (fireworkEnabled === "on" && !manualOff) {
startFirework();
}
else {
stopFirework();
}
}
else {
stopFirework();
}
}
else {
if (fireworkEnabled === "on" && !manualOff) {
startFirework();
}
else {
stopFirework();
}
}
updateButtonText();
updateButtonVisibility();
if (zeitmodus && nurLaufschrift !== "1") {
let zeitAktiv = istInnerhalbZeitraum();
function checkZeitfenster() {
const jetztAktiv = istInnerhalbZeitraum();
if (jetztAktiv && !zeitAktiv) {
fireworkEnabled = "on";
localStorage.setItem("fireworkEnabled", "on");
manualOff = false;
localStorage.removeItem("manualOff");
startFirework();
updateButtonText();
updateButtonVisibility();
}
if (!jetztAktiv && zeitAktiv) {
stopFirework();
updateButtonText();
updateButtonVisibility();
}
zeitAktiv = jetztAktiv;
}
checkZeitfenster();
setInterval(checkZeitfenster, 5000);
}
animate();
});
</script>
<!-------------------------Business Start Portal----------------------------------------->
<!-------------------------Business End Portal------------------------------------------->
<!-----------------------------Gaia End------------------------------------------------------->


<div align="center" style="margin:0 auto;padding:0;margin-top:5px;width:auto;border:0px;"><table cellspacing="0" cellpadding="0"  border="0" align="center" style="opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:.60;margin-top:2px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #383838; background-color:#ffffff;width:auto;">

<tr><td><img style="border: 0pt none; padding: 1px 2px 0px 2px; margin: 0pt;" src="//img.homepagemodules.de/xl16c.png" alt="Xobor" /> </td><td nowrap="nowrap" style="padding:1px 2px 2px 1px;color:#383838; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px!important; line-height:13px; font-weight: normal;text-align:center">Ein <a href="http://www.xobor.de/" target="_blank" style="color:#5a7382;font-size:11px!important;">Kostenloses Forum</a> | Einfach ein <a href="http://www.xobor.de/forum-erstellen.html" target="_blank" style="color:#5a7382;font-size:11px!important;">Forum erstellen</a></td></tr></table></div>
    <div style='text-align: center; margin-top:10px; margin-bottom:10px'><a href='./datenschutz.html'>Datenschutz</a></div>    <script type="text/javascript">
// var ao_subid = "";
</script>
   
    
        </body>
</html>