<style>
  .baustelleZeit .bautstelleIMG {max-width:300px; border:0;}
  .bautstelleDIV {background-image:linear-gradient(180deg,#aaa,#eee 50%,#aaa); border:1px solid #7777aa; color:#fff; border-radius:8px; padding:10px 20px; max-width:800px; margin-top:10px;}
  .bautstelleText {color:#222; font-weight:bold; font-size:20px;}
  .baustelleZeit .specialBox {display:none;}
  .baustelleZeit .errorMsg {background:#ffe6e6; color:#b00020!important; font-weight:bold; border:1px solid #b00020; border-radius:4px; box-shadow:0 0 8px rgba(176,0,32,0.6); margin-top:8px; margin-bottom:8px; padding:10px; }
  .baustelleZeit .hintMsg {background:#eee; color:#222; font-style:italic; border:1px solid #aaa; border-radius:4px; box-shadow:0 0 6px rgba(0,0,0,0.2); mmargin-top:8px; margin-bottom:8px; padding:10px; }
</style>
 

<div class="baustelleZeit">
  <center>
    <img class="bautstelleIMG" src="https://files.homepagemodules.de/b104774/a_654_45875850.gif">
    <div class="bautstelleDIV">
      <div class="bautstelleText">Überraschung - Zu sehen vom 10.12.25 - 31.12.25</div>
    </div>
  </center>
  <div class="specialBox" data-start="10.12.25" data-end="31.12.25]"> 
 
    <b>Hier kommt der Beitrag, ein eigener Text, Videos oder Bilder hinein, der im angegebenen Zeitfenster zu sehen ist! </b>   
 
  </div>
</div>
 
<script>
document.addEventListener('DOMContentLoaded', function() {
  const today=new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),
   isEditor=$("#metext, .c_r_content3 #messagetext, #message_form #messagetext, #nachricht").length>0;
 
  function msg(t,l,x,$c){if(t==="hint"&&!isEditor)return;$("<div>",{class:t==="hint"?"hintMsg":"errorMsg",html:(t==="hint"?"&#8505; "+x:"&#9888; "+l+" "+x)}).insertAfter($c);}
  function parseDate(v,$c,l){
    let s=String(v||"").replace(/\]/g,"").trim(); if(!s) return null;
    let m=s.match(/^(\d{1,2})\.(\d{1,2})\.(\d{2}|\d{4})$/); if(!m) return msg("error",l,"Formatfehler: "+s,$c),null;
    let d=+m[1],mo=+m[2]-1,y=+m[3]; if(y<100)y+=2000; if(y<1900||y>2100) return msg("error",l,"Jahresfehler: "+s,$c),null;
    let dt=new Date(y,mo,d); if(dt.getFullYear()!==y||dt.getMonth()!==mo||dt.getDate()!==d) return msg("error",l,"Ungültiges Datum: "+s,$c),null;
    return dt;
  }
  $(".specialBox").each(function(){
    let $c=$(this).nextAll(".errorMsg,.hintMsg").remove().end(), startStr=String($c.attr("data-start")||"").replace(/\]/g,"").trim(),endStr  =String($c.attr("data-end")||"").replace(/\]/g,"").trim(),hasStart=!!startStr, hasEnd=!!endStr,s=parseDate(startStr,$c,"Start-Datum"),e=parseDate(endStr,$c,"End-Datum");
 
    if(!hasStart) msg("hint","Start-Datum","Start-Datum (z.B. 09.12.2025) – Keine Angabe: Startet sofort, wenn 'End-Datum' größer als 'Heute' ist!",$c);
    if(!hasEnd)   msg("hint","End-Datum","End-Datum (z.B. 10.12.2025) – Keine Angabe: Startet ab 'Start-Datum', ohne Ende!",$c);
 
    // Logik mit Datumswerten:
    // 1) Kein Start & kein Ende --> sichtbar, Nachricht wird angezeigt!
    // 2) Nur Start vorhanden --> sichtbar ab Start. Wenn Start ungültig ist, wird Nachricht geschlossen.
    // 3) Nur Ende vorhanden --> sichtbar wenn "Heute" kleiner ist als Ende. Wenn Ende ungültig ist, wird Nachricht geschlossen.
    // 4) Start & Ende vorhanden --> sichtbar wenn Start kleiner ist als "Heute" und Ende größer ist als "Heute". Wenn ungültig, wird Nachricht geschlossen.
    let visible = (!hasStart && !hasEnd) || (hasStart && !hasEnd && !!s && today>=s) || (!hasStart && hasEnd && !!e && today<=e) || (hasStart && hasEnd && !!s && !!e && today>=s && today<=e);
 
    $c.toggle(visible);
  });
});
</script>
 

<style>
  .baustelleZeit .bautstelleIMG {max-width:300px; border:0;}
  .bautstelleDIV {background-image:linear-gradient(180deg,#aaa,#eee 50%,#aaa); border:1px solid #7777aa; color:#fff; border-radius:8px; padding:10px 20px; max-width:800px; margin-top:10px;}
  .bautstelleText {color:#222; font-weight:bold; font-size:20px;}
  .baustelleZeit .specialBox {display:none;}
  .baustelleZeit .errorMsg {background:#ffe6e6; color:#b00020!important; font-weight:bold; border:1px solid #b00020; border-radius:4px; box-shadow:0 0 8px rgba(176,0,32,0.6); margin-top:8px; margin-bottom:8px; padding:10px; }
  .baustelleZeit .hintMsg {background:#eee; color:#222; font-style:italic; border:1px solid #aaa; border-radius:4px; box-shadow:0 0 6px rgba(0,0,0,0.2); mmargin-top:8px; margin-bottom:8px; padding:10px; }
</style>
 

<script>
document.addEventListener('DOMContentLoaded', function() {
  const today=new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),
   isEditor=$("#metext, .c_r_content3 #messagetext, #message_form #messagetext, #nachricht").length>0;
 
  function msg(t,l,x,$c){if(t==="hint"&&!isEditor)return;$("<div>",{class:t==="hint"?"hintMsg":"errorMsg",html:(t==="hint"?"&#8505; "+x:"&#9888; "+l+" "+x)}).insertAfter($c);}
  function parseDate(v,$c,l){
    let s=String(v||"").replace(/\]/g,"").trim(); if(!s) return null;
    let m=s.match(/^(\d{1,2})\.(\d{1,2})\.(\d{2}|\d{4})$/); if(!m) return msg("error",l,"Formatfehler: "+s,$c),null;
    let d=+m[1],mo=+m[2]-1,y=+m[3]; if(y<100)y+=2000; if(y<1900||y>2100) return msg("error",l,"Jahresfehler: "+s,$c),null;
    let dt=new Date(y,mo,d); if(dt.getFullYear()!==y||dt.getMonth()!==mo||dt.getDate()!==d) return msg("error",l,"Ungültiges Datum: "+s,$c),null;
    return dt;
  }
  $(".specialBox").each(function(){
    let $c=$(this).nextAll(".errorMsg,.hintMsg").remove().end(), startStr=String($c.attr("data-start")||"").replace(/\]/g,"").trim(),endStr  =String($c.attr("data-end")||"").replace(/\]/g,"").trim(),hasStart=!!startStr, hasEnd=!!endStr,s=parseDate(startStr,$c,"Start-Datum"),e=parseDate(endStr,$c,"End-Datum");
 
    if(!hasStart) msg("hint","Start-Datum","Start-Datum (z.B. 09.12.2025) – Keine Angabe: Startet sofort, wenn 'End-Datum' größer als 'Heute' ist!",$c);
    if(!hasEnd)   msg("hint","End-Datum","End-Datum (z.B. 10.12.2025) – Keine Angabe: Startet ab 'Start-Datum', ohne Ende!",$c);
 
    // Logik mit Datumswerten:
    // 1) Kein Start & kein Ende --> sichtbar, Nachricht wird angezeigt!
    // 2) Nur Start vorhanden --> sichtbar ab Start. Wenn Start ungültig ist, wird Nachricht geschlossen.
    // 3) Nur Ende vorhanden --> sichtbar wenn "Heute" kleiner ist als Ende. Wenn Ende ungültig ist, wird Nachricht geschlossen.
    // 4) Start & Ende vorhanden --> sichtbar wenn Start kleiner ist als "Heute" und Ende größer ist als "Heute". Wenn ungültig, wird Nachricht geschlossen.
    let visible = (!hasStart && !hasEnd) || (hasStart && !hasEnd && !!s && today>=s) || (!hasStart && hasEnd && !!e && today<=e) || (hasStart && hasEnd && !!s && !!e && today>=s && today<=e);
 
    $c.toggle(visible);
  });
});
</script>