:root{--g:#667b58;--d:#2f3b31;--c:#f5f2e9;--s:#e8ece3;--gold:#b7a579;--m:#6f756f;--bg:#f6f7f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--d);font-family:Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:24px}a{text-decoration:none;color:var(--g)}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:16px}.brand img{height:60px;max-width:290px}.nav{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;background:var(--g);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;display:inline-block;cursor:pointer}.btn.alt{background:#fff;color:var(--d);border:1px solid #d8ddd3}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(30,40,32,.07);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.s12{grid-column:span 12}.s6{grid-column:span 6}.s4{grid-column:span 4}.s3{grid-column:span 3}.s2{grid-column:span 2}.field label{display:block;font-size:12px;font-weight:bold;color:var(--m);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #d8ddd3;border-radius:9px;font:inherit}.field textarea{min-height:90px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi{background:var(--s);padding:16px;border-radius:14px}.kpi b{font-size:24px;display:block;margin-top:4px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 7px;border-bottom:1px solid #eef0eb;text-align:left;font-size:14px}.badge{background:var(--s);color:var(--g);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:bold}.flash{background:#e3f0da;padding:12px;border-radius:10px;margin-bottom:14px}.error{background:#f2d9d5;color:#803e36;padding:12px;border-radius:10px}@media(max-width:800px){.s6,.s4,.s3,.s2{grid-column:span 12}.kpis{grid-template-columns:1fr 1fr}.top{flex-direction:column;align-items:flex-start}}

/* ===== Premium Angebot / Drucklayout ===== */
.offer-body{margin:0;background:#e9ece7;color:#2f3b31;font-family:Arial,Helvetica,sans-serif}
.offer{box-sizing:border-box;width:210mm;height:297mm;margin:12mm auto;background:#fff;padding:12mm 14mm;position:relative;overflow:hidden}
.offer-head{height:22mm;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #667b58;padding-bottom:5mm;box-sizing:border-box}
.offer-head img{width:76mm;height:auto;max-height:16mm;object-fit:contain;object-position:left top}
.contact{text-align:right;color:#6f756f;font-size:7.6pt;line-height:1.45}
.hero{height:74mm;margin-top:7mm;background-size:cover;background-position:center;border-radius:4mm;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:30mm;background:linear-gradient(transparent,rgba(0,0,0,.68))}
.hero-title{position:absolute;z-index:2;left:7mm;bottom:6mm;color:#fff}.hero-title h1{margin:0 0 1mm;font-size:22pt}.hero-title p{margin:0;font-size:9pt}
.guest-address{margin-top:6mm;padding:4mm 5mm;background:#f5f2e9;border-left:4px solid #667b58;border-radius:2mm;font-size:9pt;line-height:1.35}
.guest-address small{font-size:7pt;letter-spacing:.13em;color:#667b58;font-weight:bold}.guest-address h2{margin:1mm 0 1mm;font-size:13pt}
.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:5mm;font-size:9pt}.stay-grid h3{margin:0 0 2mm;color:#667b58;font-size:9pt;letter-spacing:.08em}.stay-grid p{margin:0;line-height:1.55}
.box{background:#f5f2e9;padding:4mm;border-radius:3mm}.box> b{color:#667b58;font-size:8pt}.box small{color:#6f756f}.dogfee{margin-top:2mm!important;color:#667b58;font-weight:bold}
.price{display:grid;grid-template-columns:1fr 1.15fr;gap:6mm;margin-top:6mm;background:#e8ece3;padding:4mm;border-radius:3mm}.price small{font-size:7.5pt;font-weight:bold;letter-spacing:.04em}.price h2{margin:2mm 0 0;font-size:18pt}.regular{padding:3mm}.your{background:#667b58;color:#fff;padding:3mm 4mm;border-radius:2.5mm}.your h2{font-size:21pt}.tax{margin:2mm 0 0 4mm;color:#6f756f;font-size:7pt}
.photos{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin-top:7mm}.photos img{width:100%;height:52mm;object-fit:cover;border-radius:3mm}
.section-title{margin:6mm 0 3mm;color:#667b58;font-size:10pt;letter-spacing:.07em}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}.feature{background:#f5f2e9;border-radius:2.5mm;padding:4mm;min-height:15mm;font-size:8pt;display:flex;align-items:center;font-weight:bold}
.tips{display:grid;grid-template-columns:1fr 1.35fr;gap:5mm;margin-top:5mm}.pool,.liva{padding:4mm;border-radius:3mm;font-size:8pt;line-height:1.4}.pool{background:#e8ece3}.pool p,.liva p{margin:2mm 0 0}.liva{background:#efe3c8;border-left:4px solid #8a6f3d}.tiptag{display:inline-block;background:#8a6f3d;color:#fff;border-radius:10mm;padding:1mm 3mm;font-size:6.5pt;font-weight:bold;margin-right:2mm}
.payment{margin-top:5mm;font-size:8.4pt;line-height:1.45}.payment h3{color:#667b58;font-size:10pt;margin:0 0 2mm}.payment p{margin:2mm 0}.azref{color:#667b58}
.bank{background:#e8ece3;padding:4mm;border-radius:3mm;margin-top:3mm}.bank p{margin:1.5mm 0 0}
.foot{position:absolute;left:14mm;right:14mm;bottom:7mm;border-top:1px solid #b7a579;padding-top:3mm;display:flex;justify-content:space-between;align-items:center;font-size:7pt;color:#6f756f}.foot a{color:#667b58}
.searchbar{display:flex;gap:10px;align-items:center}.searchbar input{flex:1}

@media screen and (max-width:900px){.offer{width:100%;height:auto;min-height:297mm;margin:0 0 12px;padding:18px}.contact{font-size:10px}.stay-grid,.price,.tips{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}}

@media print{
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  body,.offer,.offer *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .no-print{display:none!important}
  .offer{width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;padding:12mm 14mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important}
  .offer:last-child{page-break-after:auto!important;break-after:auto!important}
  @page{size:A4 portrait;margin:0}
}

.checkin-box{display:grid;grid-template-columns:1fr 34mm;gap:5mm;margin-top:5mm;padding:4mm;background:#f5f2e9;border-radius:3mm;align-items:center}
.checkin-text h3{margin:0 0 2mm;color:#667b58;font-size:9pt}
.checkin-text p{margin:1.5mm 0;font-size:7.8pt;line-height:1.35}
.checkin-text a{color:#667b58;font-weight:bold}
.checkin-qr{text-align:center}.checkin-qr img{width:30mm;height:30mm;background:#fff;padding:1mm}
@media screen and (max-width:900px){.checkin-box{grid-template-columns:1fr}.checkin-qr{text-align:left}}
@media print{.checkin-box{background:#f5f2e9!important}}


/* ===== Mobile Reservierungs-Schnellansicht ===== */
.quick-fix{font-weight:800}
@media (max-width:700px){
    .decisionbar{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    .decisionbar form{
        width:100%!important;
        margin:0!important;
    }
    .decisionbar .btn{
        display:block!important;
        width:100%!important;
        min-height:54px!important;
        padding:15px 12px!important;
        font-size:16px!important;
        text-align:center!important;
    }
    .nav{gap:8px!important}
    .nav .btn{min-height:46px}
    .azline{font-size:16px}
}
