:root{--ink:#173a5a;--muted:#61788b;--line:#dce5ea;--soft:#f1f5f6;--white:#fff;--max:1120px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:#fff}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand{font:40px Georgia,serif;margin-right:auto}.nav a{font-size:15px}.hero{min-height:330px;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.83) 39%,rgba(255,255,255,.08) 70%),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80') center/cover}.hero .wrap{padding-top:56px}.hero h1{font:38px Georgia,serif;max-width:500px;margin:0 0 16px}.hero p{max-width:510px;font-size:18px;margin:0}.section{padding:38px 0}.section-title{text-align:center;font:34px Georgia,serif;margin:0 0 28px}.info{font:16px Arial;border:1px solid #9eb0bc;border-radius:50%;display:inline-grid;place-items:center;width:23px;height:23px;vertical-align:4px;margin-left:8px}.axes{display:grid;gap:12px}.axis{display:block;background:var(--soft);border:1px solid transparent;border-radius:8px;padding:17px 56px 15px 24px;text-align:center;position:relative;transition:.15s}.axis:hover{background:#eaf0f2;border-color:#cbd9df;transform:translateY(-1px)}.axis strong{font:21px Georgia,serif}.axis small{display:block;color:var(--muted);font-size:14px;margin-top:5px}.axis .chev{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px}.tags{display:flex;flex-wrap:wrap;gap:9px}.tag{background:#eef3f5;border-radius:18px;padding:7px 14px;font-size:14px;color:#36556d}.subhead{font:27px Georgia,serif;margin:0 0 18px}.films{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.film{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.film .poster{height:150px;background:linear-gradient(135deg,#d8e1e5,#f3e6d6);display:grid;place-items:center;font:20px Georgia,serif;color:#547084;text-align:center;padding:15px}.film .body{padding:12px}.film h3{font:18px Georgia,serif;margin:0 0 8px}.film .tags{gap:5px}.film .tag{font-size:11px;padding:4px 8px}footer{border-top:1px solid var(--line);margin-top:35px;padding:22px 0 35px;font-size:13px;color:#526a7b}.foot{display:flex;gap:28px}.foot span:last-child{margin-left:auto}.axis-head{text-align:center;padding:54px 0 34px}.axis-head h1{font:36px Georgia,serif;margin:0 0 14px}.leit{font:italic 23px Georgia,serif;margin:0;color:#2f526d}.poles{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative}.poles:after{content:'↔';position:absolute;left:50%;top:175px;transform:translate(-50%,-50%);background:#fff;padding:7px;font-size:25px}.pole-img{height:300px;border-radius:7px;background-size:cover;background-position:center}.p1{background-image:url('https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=1000&q=80')}.p7{background-image:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1000&q=80')}.pole h2{font:27px Georgia,serif;margin:16px 0 4px}.astro{color:var(--muted);margin-bottom:12px}.pole p{font-size:16px}.film-list{margin-top:22px}.film-row{padding:12px 0;border-top:1px solid var(--line)}.film-row strong{font:18px Georgia,serif}.breadcrumb{font-size:13px;color:var(--muted);padding-top:20px}@media(max-width:760px){.brand{font-size:31px}.nav a:not(:last-child){display:none}.hero{min-height:290px}.hero h1{font-size:31px}.axis strong{font-size:18px}.films{grid-template-columns:1fr 1fr}.poles{grid-template-columns:1fr}.poles:after{display:none}.pole-img{height:240px}}@media(max-width:480px){.wrap{padding:0 18px}.films{grid-template-columns:1fr}.section-title{font-size:29px}.axis{padding-left:15px;padding-right:38px}.axis strong{font-size:16px}.axis small{font-size:12px}}

.prose{max-width:820px;padding-top:18px;padding-bottom:35px}.prose h1{font:38px Georgia,serif;margin:12px 0 28px}.prose h2{font:25px Georgia,serif;margin:34px 0 10px}.prose p{font-size:17px;margin:0 0 17px}.prose a{text-decoration:underline;text-underline-offset:3px}
.admin-form{max-width:800px;display:grid;gap:1rem}.admin-form label{display:grid;gap:.35rem}.admin-form input,.admin-form textarea,.admin-form select{font:inherit;padding:.7rem;border:1px solid #ccd5dc;border-radius:8px}.admin-form button,.admin-button{display:inline-block;background:#123a56;color:white;border:0;border-radius:8px;padding:.7rem 1rem;text-decoration:none}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.7rem;border-bottom:1px solid #dde3e7}.axis-edit{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}.page{max-width:1100px;margin:2rem auto;padding:0 1rem}@media(max-width:700px){.admin-table{font-size:.85rem}.axis-edit{display:grid}}

/* =========================================================
   Film-Detailseite
   ========================================================= */

.film-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 28px 70px;
}

.preview-notice {
    margin-bottom: 28px;
    padding: 12px 16px;
    background: #f3eee9;
    border-left: 3px solid #9a6d5f;
    font-size: 0.95rem;
}

.back-link {
    margin-bottom: 32px;
}

.film-header {
    margin-bottom: 38px;
}

.film-header h1 {
    margin: 0 0 8px;
    font-size: 2.3rem;
    line-height: 1.15;
    font-weight: 600;
}

.film-originaltitel {
    margin: 0 0 12px;
    font-size: 1.1rem;
    font-style: italic;
}

.film-meta {
    margin: 0 0 8px;
}

.film-darsteller {
    margin: 0;
    line-height: 1.6;
}

.film-image {
    margin: 30px 0 42px;
}

.film-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.film-section {
    margin: 42px 0;
}

.film-section h2 {
    margin: 0 0 18px;
    font-size: 1.55rem;
    font-weight: 600;
}

.film-section p {
    line-height: 1.7;
}

/* Themenräume */

.film-axis {
    margin: 0 0 20px;
    padding: 18px 20px;
    background: #f6f3f1;
    border-left: 3px solid #9a6d5f;
}

.film-axis h3 {
    margin: 0 0 8px;
    font-size: 1.08rem;
    line-height: 1.45;
    font-weight: 600;
}

.axis-focus {
    margin: 0;
    font-size: 0.95rem;
}

/* Schlagwörter */

.film-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.film-tag {
    display: inline-block;
    padding: 6px 11px;
    background: #f1efed;
    border-radius: 16px;
    font-size: 0.9rem;
}

/* Trigger-Hinweis */

.trigger-section {
    padding: 18px 20px;
    background: #f7f4f1;
    border-left: 3px solid #9a6d5f;
}

.trigger-section h2 {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

/* Reflexionsfragen */

.reflection-questions {
    margin: 0;
    padding-left: 24px;
}

.reflection-questions li {
    margin-bottom: 12px;
    line-height: 1.6;
}

/* Abschluss */

.film-closing {
    margin-top: 52px;
    padding-top: 24px;
    border-top: 1px solid #ddd6d1;
}

.film-closing p {
    line-height: 1.6;
}

.film-closing a {
    font-weight: 600;
}

/* Admin-Vorschau */

.admin-preview-link {
    margin-top: 30px;
    font-size: 0.9rem;
}

/* Smartphone */

@media (max-width: 650px) {

    .film-page {
        padding: 25px 18px 50px;
    }

    .film-header h1 {
        font-size: 1.9rem;
    }

    .film-section {
        margin: 34px 0;
    }

    .film-axis {
        padding: 15px 16px;
    }
}

.film-closing a {
    color: #8b3f32;
    text-decoration: underline;
    font-weight: 600;
}

.film-closing a:hover {
    text-decoration: none;
}