<style>
/* --- Nur innerhalb dieses Templates wirksam --- */
.klpp-wrap > :not(.klpp-toggle):not(input[type="checkbox"]) { display: none; }
.klpp-wrap > input[type="checkbox"]:checked ~ * { display: revert; }
.klpp-toggle { text-align:center; margin:.25rem 0; } .klpp-btn {
display:inline-block; padding:.55rem 1rem; border:2px solid #000; border-radius:12px; background:#fff; color:#000; font-weight:700; text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.08); cursor:pointer;
} /* Checkbox unsichtbar, aber vorhanden (für Toggle-Logik) */ .klpp-check {
position:absolute; opacity:0; width:0; height:0; pointer-events:none;
} /* Optional: Button-Style bei geöffnetem Zustand leicht betonen */ .klpp-wrap > input[type="checkbox"]:checked + label .klpp-btn {
box-shadow:0 2px 6px rgba(0,0,0,.12);
} </style>
<input class="klpp-check" type="checkbox" >
<label class="klpp-toggle">
Details >>
</label>