/* Reisemagazin (reisemagazin.billigxxl.de, /reisemagazin): Übersicht + Artikel, Optik wie Ratgeber/Deals */
html body.magazin-page{background:#fff}
html body .mg{width:min(1320px,94%);margin:0 auto;padding:22px 0 30px;font-family:"Segoe UI",Arial,sans-serif;color:#0c1f44}
html body .mg .hx-eyebrow{margin:0 0 6px;font:800 12px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#0054d7}
html body .mg-hero{position:relative;display:flex;align-items:flex-end;min-height:300px;border-radius:24px;overflow:hidden;background:#0c1f44}
html body .mg-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
html body .mg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,31,68,.86) 0,rgba(12,31,68,.55) 55%,rgba(12,31,68,.05) 100%)}
html body .mg-hero-text{position:relative;z-index:1;max-width:640px;padding:36px 40px}
html body .mg-hero-text .hx-eyebrow{color:#9fc4ff}
html body .mg-hero h1{margin:0 0 10px;font:900 clamp(30px,4vw,46px)/1.08 "Segoe UI",Arial,sans-serif;letter-spacing:-.03em;color:#fff}
html body .mg-lead{margin:0;font-size:17px;line-height:1.5;color:#e6eefc}
html body .mg-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:26px;border:1px solid #e4eaf2;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(25,54,86,.07);color:inherit;text-decoration:none}
html body .mg-feature img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
html body .mg-feature-text{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:34px 38px}
html body .mg-feature-text strong{font:900 clamp(24px,2.6vw,34px)/1.12 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em}
html body .mg-feature-text>span:not(.hx-eyebrow){font-size:16px;line-height:1.55;color:#33475f}
html body .mg-feature-text em,html body .mg-card em{font:600 13px/1 "Segoe UI",Arial,sans-serif;font-style:normal;color:#5b6b80}
html body .mg-feature:hover strong,html body .mg-card:hover strong{color:#0054d7}
html body .mg-list{margin-top:34px}
html body .mg-list h2,html body .mg-more h2{margin:0 0 16px;font:900 clamp(22px,2.4vw,30px)/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em}
html body .mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body .mg-card{display:flex;flex-direction:column;border:1px solid #e4eaf2;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(25,54,86,.06);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
html body .mg-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(25,54,86,.12)}
html body .mg-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfe8f3}
html body .mg-card-text{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
html body .mg-card-text strong{font:800 18px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.01em}
html body .mg-card-teaser{font-size:14.5px;line-height:1.5;color:#33475f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .mg-cta{margin-top:36px;padding:30px 34px;border-radius:24px;background:#eef4ff}
html body .mg-cta h2{margin:0 0 8px;font:900 clamp(22px,2.4vw,30px)/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em}
html body .mg-cta>p{margin:0;font-size:15.5px;line-height:1.55;color:#33475f}
html body .mg-cta-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px!important}
html body .mg-btn{display:inline-block;padding:12px 22px;border-radius:10px;background:#ff7a00;color:#fff;font:700 15px/1 "Segoe UI",Arial,sans-serif;text-decoration:none}
html body .mg-btn:hover{background:#e86e00}
html body .mg-btn-light{background:#fff;color:#0054d7;border:1px solid #c9d8f5}html body .mg-btn-light:hover{background:#f7faff}
/* Artikel */
html body .mg-article{max-width:860px;margin:0 auto}
html body .mg-article-head{position:relative;border-radius:24px;overflow:hidden;background:#0c1f44;min-height:380px;display:flex;align-items:flex-end}
html body .mg-article-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .mg-article-head::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,31,68,0) 30%,rgba(12,31,68,.85) 100%)}
html body .mg-article-title{position:relative;z-index:1;padding:34px 38px 30px}
html body .mg-article-title .hx-eyebrow{color:#9fc4ff}
html body .mg-article-title h1{margin:0 0 10px;font:900 clamp(28px,3.6vw,42px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.03em;color:#fff}
html body .mg-meta{margin:0;font-size:14px;color:#dbe6fb}html body .mg-meta a{color:#fff}
html body .mg-intro{margin:28px 0 6px;font-size:19px;line-height:1.6;color:#0c1f44;font-weight:600}
html body .mg-section{margin-top:26px}
html body .mg-section h2{margin:0 0 10px;font:900 24px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em}
html body .mg-section p{margin:0 0 12px;font-size:16.5px;line-height:1.65;color:#243650}
html body .mg-tip{padding:12px 16px;border-left:4px solid #ff7a00;border-radius:0 12px 12px 0;background:#fff7ef;color:#0c1f44!important}
html body .mg-note{margin:30px 0 0;font-size:13px;line-height:1.5;color:#5b6b80}
html body .mg-more{margin-top:44px}
@media(max-width:1024px){html body .mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){html body .mg{width:calc(100% - 32px)}html body .mg-hero{min-height:240px}html body .mg-hero-text{padding:24px 22px}html body .mg-feature{grid-template-columns:1fr}html body .mg-feature img{min-height:0;aspect-ratio:16/10}html body .mg-feature-text{padding:20px 22px 24px}html body .mg-article-head{min-height:280px}html body .mg-article-title{padding:22px 20px}html body .mg-cta{padding:22px 20px}html body .mg-btn{width:100%;text-align:center;box-sizing:border-box}}
@media(max-width:560px){html body .mg-grid{grid-template-columns:1fr}html body .mg-intro{font-size:17px}html body .mg-section p{font-size:16px}}