<script type="text/javascript">
 
function spoiler_on(me) {
if (me.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display != 'block') {
me.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'block';
me.innerText = '';
me.value = 'Schliessen';
} else {
me.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none';
me.value = 'Öffnen'; }}
function spoiler_off(me) {
me.parentNode.style.display = 'none';
me.parentNode.parentNode.parentNode.getElementsByTagName('span')[0].getElementsByTagName('input')[0].value = 'Öffnen'; }
 
</script>
 

<script>
window.addEventListener('load', function() {
// Auswahlfenster schliesst nach Mausklick
$('.cpbase_deluxe2, .cpbase, .chosenColor, #cpbase, #chosenColor, .xob_icon_cont img:not(.xob_icon_on), #colormin_light div, .colormin_on div').click(function(){
$(this).mouseout();
$('.menue_close_xobor span').click();
});
});
</script>
 
 

<script>
/* Xobor-Spoiler mit Scroll-Funktion */
var TopSpoil = 250; /* Lesehöhe (ohne Pixel-Eintrag!) */
var TimeSpoil = 500; /* Scroll-Geschwindigkeit! */
 
$(".hpm_spoiler_headdiv").click(function (){
$('html,body').animate({scrollTop: ($(this).offset().top) - TopSpoil}, TimeSpoil);
 
$('.hpm_spoiler_closebutton').click(function (){
$('html,body').scrollTop($(this).closest('.hpm_spoiler').offset().top - TopSpoil);
});
 
});
</script>
 

<style>
.attent {
display: inline-block;
width: auto;
padding: 15px 20px; 
margin:10px 10px 20px 10px;
background: #cccccc;
color: #000;
border: 1px solid #555555; 
border-radius: 6px;
box-shadow: 5px 5px 5px #aaaaaa;  
}
.attent.profil {
  margin-top: 30px;
}
</style>
 

/* Spoiler-Design + Pre + Code */
.hpm_spoiler  {display:inline-block; width:auto;max-width:98%;}
.hpm_spoiler, .hpm_spoiler_headinput {outline:none; color:#ffffff;}
 
.hpm_spoiler_body {width:auto; background-color:#fafafa; color:#000000; border-color:#383838; border-style:double; border-width:0 5px 5px 5px; border-radius:0 0 5px 5px; margin-left:5px;}
 
.hpm_spoiler_headdiv {background:#cccccc; border:2px solid #777777; border-radius:1px;}
.hpm_spoiler_headdiv input {position:relative;color:#383838;width:98%}
.hpm_spoiler_headdiv:hover {background:#dddddd;}
 
.hpm_spoiler_closebutton {background-color:#cccccc; font:normal 11px Verdana,Arial,sans-serif; font-style:italic; border-top:1px solid #383838; padding:2px 10px;}
.hpm_spoiler_closebutton a {display:block; width:100%; text-decoration:none; color:#383838 !important; }
.hpm_spoiler_closebutton:hover {background-color:#dddddd;}
 
 pre {background-color:#fdfdfd; width:auto; max-width: 65vw; min-width:10vw; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4)}
.codelines {background-color:#aaaaaa; color:#ffffff;}
.bbcode_code {color:#eeeeee;}
.code {display:inline-block; max-width:90%;}
.code pre {color:#000000; width:inherit;}
 pre code {background:transparent !important; padding:inherit !important; font-weight:lighter; font-size:10px; overflow-x:auto;width:auto;max-width:100vw; margin-right: 15px;}
 
 

 
.hpm_spoiler {display:inline-block; width:62.3%; max-width:98%;}
.hpm_spoiler, .hpm_spoiler_headinput {outline:none; color:#000000;}
 
.hpm_spoiler_body ul.xul {margin-left:0;}
.hpm_spoiler_body {width:auto; background-color:#595959; color:#ffffff; border-color:#000000; border-style:double; border-width:0 5px 5px 5px;margin-left:5px;}
 
.hpm_spoiler_headdiv {background:#595959; border:2px solid #000000;}
.hpm_spoiler_headdiv input {position:relative; color:#fcfdfc; width:98%}
.hpm_spoiler_headdiv:hover {background:#303331;}
 
.hpm_spoiler_closebutton {background-color:#595959; font:normal 11px Verdana,Arial,sans-serif; font-style:italic; border-top:1px solid #000000; padding:2px 10px;}
.hpm_spoiler_closebutton a {display:block; width:100%; text-decoration:none; color:#ffffff !important; }
.hpm_spoiler_closebutton:hover {background: conic-gradient(#303331,#303331, #303331, #303331, #303331);}