/* L1 Wiki Prototyp — shared styles (Basis: Style Tile v1) */
:root{
  --navy:#1f2041; --petrol:#598590; --slate:#3c5369;
  --cream:#fcf9f0; --cream-2:#f9f3e3; --ink:#141414;
  --gray-1:#f5f5f5; --gray-2:#ebebeb; --gray-3:#d9d9d9;
  --white:#fff; --radius:14px;
  --shadow:0 2px 10px rgba(31,32,65,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3{font-family:'Nunito Sans',sans-serif;font-weight:800;color:var(--navy)}
a{color:inherit;text-decoration:none}

/* App bar */
.appbar{background:var(--navy);color:#fff;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10}
.appbar .back{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.12)}
.appbar .title{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbar img.mini{height:22px;background:none;border-radius:0;padding:0}

/* Layout */
.wrap{width:100%;max-width:640px;margin:0 auto;padding:20px 16px calc(40px + env(safe-area-inset-bottom));flex:1}
@media(min-width:768px){.wrap{max-width:760px;padding-top:28px}}

/* Buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:16.5px;cursor:pointer;border:none;width:100%}
.btn svg{flex:none}
.btn-primary{background:var(--navy);color:#fff}
.btn-accent{background:var(--petrol);color:#fff}
.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn:active{transform:scale(.99);opacity:.92}

/* List rows */
.row{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:15px 16px;margin-bottom:10px;font-weight:500;font-size:15.5px;color:var(--navy);min-height:56px}
.row .chev{margin-left:auto;color:var(--gray-3);font-size:22px;font-weight:700;line-height:1}
.row:active{background:var(--gray-1)}
.badge{flex:none;width:36px;height:36px;border-radius:50%;color:#fff;font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.badge.blue{background:var(--navy)} .badge.green{background:var(--petrol)}
.row .ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--cream-2);display:flex;align-items:center;justify-content:center;color:var(--slate)}

/* Cards */
.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}

/* Section label */
.tag{display:inline-block;background:var(--cream-2);color:var(--slate);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin:22px 0 10px}
.tag:first-child{margin-top:0}

/* Search */
.search{display:flex;align-items:center;gap:10px;background:var(--white);border:1.5px solid var(--gray-3);border-radius:12px;padding:0 14px;min-height:50px;margin-bottom:16px;color:#888}
.search input{border:none;outline:none;font-size:16px;font-family:'DM Sans',sans-serif;flex:1;background:transparent}

/* Video */
.player{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9;margin-bottom:14px}
.player video{width:100%;height:100%;display:block}
.vmeta h1{font-size:22px;margin-bottom:6px}
.vmeta p{font-size:15px;color:#444}

/* Document */
.doc{display:flex;gap:14px;align-items:center}
.doc .pdf{flex:none;width:52px;height:64px;border-radius:8px;background:var(--cream-2);display:flex;align-items:center;justify-content:center;font-family:'Nunito Sans',sans-serif;font-weight:800;color:#c0392b;font-size:13px;border:1px solid var(--gray-2)}
.doc h3{font-size:16.5px;margin-bottom:2px}
.doc .meta{font-size:13px;color:#777}

/* Forms */
input[type=text],input[type=password]{width:100%;min-height:52px;border:1.5px solid var(--gray-3);border-radius:12px;padding:0 14px;font-size:16px;font-family:'DM Sans',sans-serif;background:var(--white);margin-bottom:12px}
input:focus{outline:2px solid var(--petrol);border-color:var(--petrol)}

/* Footer */
.foot{text-align:center;padding:16px 18px calc(16px + env(safe-area-inset-bottom));font-size:13.5px;color:#7a7a7a;line-height:1.6}
.foot a{color:var(--slate);font-weight:700;white-space:nowrap;border-bottom:1px solid rgba(60,83,105,.3)}
.foot .legal-links{display:inline-block;margin-top:6px;font-size:12.5px}
.foot .legal-links a{font-weight:600}

/* Support / Kontakt block (Startseite) */
.support{display:flex;gap:13px;align-items:flex-start;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;max-width:440px;margin:26px auto 0;color:var(--ink)}
.support .ic{flex:none;width:40px;height:40px;border-radius:11px;background:var(--cream-2);display:flex;align-items:center;justify-content:center}
.support .txt{display:flex;flex-direction:column;gap:2px;font-size:14.5px;line-height:1.5}
.support strong{font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:15.5px;color:var(--navy)}
.support b{color:var(--petrol);white-space:nowrap}
.support:active{background:var(--gray-1)}

/* Legal / text pages (Impressum, Datenschutz) */
.legal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;font-size:15px;line-height:1.7}
.legal h1{font-size:23px;margin-bottom:14px}
.legal h2{font-size:17px;margin:22px 0 6px}
.legal h3{font-size:15.5px;color:var(--slate);margin:16px 0 4px}
.legal p{margin-bottom:11px}
.legal ul{margin:0 0 12px 20px}
.legal li{margin-bottom:5px}
.legal a{color:var(--petrol);font-weight:600;overflow-wrap:anywhere}
.legal strong{color:var(--navy)}
.legal hr{border:none;border-top:1px solid var(--gray-2);margin:20px 0}

/* Grid for tablets */
@media(min-width:768px){
  .grid-t{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .grid-t .row{margin-bottom:0}
}

/* --- WordPress additions --- */
body.admin-bar .appbar{top:32px}
@media(max-width:782px){body.admin-bar .appbar{top:46px}}
.search form{display:flex;align-items:center;gap:10px;flex:1}
.appbar .back svg{display:block}

/* --- PDF inline viewer --- */
.pdfframe{background:var(--gray-2);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}
.pdfframe canvas{display:block;margin:0 auto 10px;box-shadow:0 1px 6px rgba(0,0,0,.18);border-radius:4px;background:#fff}
.pdfframe canvas:last-of-type{margin-bottom:0}
.pdfnote{padding:14px;text-align:center;color:#666;font-size:14px}

/* --- Fix: search input must not inherit the global bordered input style --- */
.search input[type=text]{border:none;outline:none;min-height:48px;margin:0;background:transparent;padding:0}
.search input[type=text]:focus{outline:none;border:none}