/* ===--- GENERAL ---=== */
body{font-family:arial,sans-serif;color:#fff;background:#000}
*{box-sizing:border-box;margin:0;padding:0;}
.pp-wrap{width:100%}

a{color:#fff;text-decoration:none}
a:active, a:focus, a:hover{color:#ccc}


/* ===--- IMAGE ---=== */
.pp-img-wrap{position:relative;width:100%;height:100vh;overflow:hidden}
.pp-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}

/* ===--- HEADLINE ---=== */
.pp-headline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:1px solid #ccc;border-radius:14px;color:#fff;font-size:32px;line-height:135%;text-align:center;padding:20px}
.pp-headline::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:14px;background:#000;opacity:0.8}

/* ===--- BOXEN ---=== */
.pp-boxes{position:absolute;margin:0 10px;bottom:36px;left:0;right:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

.pp-box{display:block;padding:25px;background:#000;color:#fff;border:1px solid #ccc;border-radius:14px;text-decoration:none;transition:background 0.15s;opacity:0.9}

.pp-box:hover{background:#333;opacity:0.95}

.pp-box-t{font-size:20px;color:#fff;line-height:150%;margin-bottom:5px;}
.pp-box-d{color:#fff;line-height:150%;}


/* ===--- FOOTER ---=== */
.pp-footer{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;padding:5px 15px;align-items:center;justify-content:space-between;background:#000}

.pp-copyright{font-size:12px;color:#fff;letter-spacing:0.03em}

.pp-legal{display:flex;gap:8px;align-items:center}
.pp-legal span{font-size:12px;color:#fff}
.pp-legal a{font-size:12px;color:#fff;text-decoration:none;letter-spacing:0.04em}
.pp-legal a:hover{color:#ccc;}


/* ===--- RESPONSIV ---=== */
@media(max-width:1200px){
.pp-img-wrap{height:auto;background:#000}
.pp-img-wrap img{height:auto;object-fit:unset}

.pp-overlay{display:none}

.pp-headline{position:static;border:0;border-radius:0;
border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:max-content;margin:20px auto;transform:none}

.pp-boxes{position:static;bottom:auto;grid-template-columns:1fr;gap:30px;padding:8px}

.pp-footer{position:static;margin-top:25px}
}

/* ===--- MODAL ---=== */
.pp-panel{display:none;width:100%}

.pp-panel:target, .pp-panel.active{display:block}

.pp-panel-inner{padding:30px;max-width:1200px;margin:0 auto;background:#000}

.pp-back-btn{margin-bottom:20px;text-align:right}

.pp-close-link{display:inline-block;padding:10px 20px;border:1px solid #ccc;border-radius:8px;color:#fff;text-decoration:none}
.pp-close-link:hover{background:#333;text-decoration:none}

.lawHeadlineT{font-size:28px;margin-bottom:30px !important}
.lawHeadline2{font-size:16px;margin-bottom:10px;text-decoration:underline}
.lawContent p{margin:5px 0;padding:5px}
.lawContent ol, .lawContent ul{padding-left:25px}
.abst20{height:20px}


/* ===--- AB 1200PX:FIXIERTES OVERLAY ÜBER VW100/VH100 ---=== */
@media(min-width:1200px){
.pp-panel:target, .pp-panel.active{
position:fixed;top:0;left:0;padding:0 20px;width:75vw;max-width:1200px;height:100vh;z-index:100;overflow-y:auto;background:#000;opacity:.95}

.pp-back-btn{position:sticky;top:0;background:#000;padding-bottom:15px;z-index:101;padding:20px 0}
}