/* MG Site Tools – Design-Grundlage (lokal gehostete Schriften, kein Google-Server) */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/barlow-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2")}

:root{
	--mg-navy:#012d50;--mg-navy-deep:#011a2f;--mg-orange:#ef6326;--mg-orange-dark:#d14f15;
	--mg-ink:#16212e;--mg-muted:#5b6878;--mg-line:#dde3ea;--mg-surface:#f2f5f8;--mg-white:#fff;
	--mg-head:"Barlow Condensed",Arial Narrow,sans-serif;--mg-body:"Barlow",Arial,sans-serif;
	--mg-wrap:1160px;--mg-radius:10px;
}

/* ---------- Bausteine (per Klasse an GenerateBlocks-Elementen nutzbar) */
.mg-section{padding:104px 24px;background:var(--mg-white)}
.mg-section--surface{background:var(--mg-surface)}
.mg-section--navy{background:var(--mg-navy)}
.mg-section--orange{background:var(--mg-orange);padding-top:72px;padding-bottom:72px}
.mg-wrap{max-width:var(--mg-wrap);margin-left:auto;margin-right:auto;width:100%}
.mg-hero{padding:72px 24px 104px;background:linear-gradient(160deg,#013a66 0%,var(--mg-navy) 40%,var(--mg-navy-deep) 100%);color:var(--mg-white)}

.mg-eyebrow{font-family:var(--mg-head);font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mg-orange);line-height:1.2;margin:0 0 14px}
.mg-h1{font-family:var(--mg-head);font-size:76px;font-weight:800;line-height:.96;letter-spacing:-.01em;text-transform:uppercase;color:var(--mg-white);margin:0 0 22px}
.mg-h2{font-family:var(--mg-head);font-size:48px;font-weight:700;line-height:1.02;text-transform:uppercase;color:var(--mg-navy);margin:0 0 20px}
.mg-h3{font-family:var(--mg-head);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--mg-navy);margin:0 0 10px}
.mg-body,.mg-body p{font-family:var(--mg-body);font-size:17px;line-height:1.7;color:var(--mg-ink)}
.mg-lead{font-family:var(--mg-body);font-size:20px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.82);max-width:560px;margin:0 0 8px}
.mg-on-dark .mg-h2,.mg-section--navy .mg-h2,.mg-section--orange .mg-h2{color:var(--mg-white)}

.mg-btn,.mg-btn-ghost,a.mg-btn,a.mg-btn-ghost{display:inline-block;font-family:var(--mg-head);font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:18px 30px;border-radius:6px;border:2px solid var(--mg-orange);background:var(--mg-orange);color:var(--mg-white);text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.mg-btn:hover,a.mg-btn:hover{background:var(--mg-orange-dark);border-color:var(--mg-orange-dark);color:var(--mg-white)}
.mg-btn-ghost,a.mg-btn-ghost{background:transparent;border-color:rgba(255,255,255,.4)}
.mg-btn-ghost:hover,a.mg-btn-ghost:hover{border-color:var(--mg-white);color:var(--mg-white)}
.mg-btn--navy,a.mg-btn--navy{background:var(--mg-navy);border-color:var(--mg-navy)}
.mg-btn--navy:hover,a.mg-btn--navy:hover{background:var(--mg-navy-deep);border-color:var(--mg-navy-deep)}
.mg-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}

.mg-media{position:relative;padding:40px;background:radial-gradient(circle at 50% 40%,#fff 0%,#dfe6ee 100%);border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.mg-media img{display:block;width:100%;height:auto;border-radius:6px}
.mg-stoerer{position:absolute;top:20px;left:-8px;z-index:2;padding:9px 16px 9px 18px;background:var(--mg-orange);color:var(--mg-white);font-family:var(--mg-head);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;border-radius:4px;box-shadow:0 6px 18px rgba(239,99,38,.35)}

.mg-crumb{font-family:var(--mg-body);font-size:14px;color:rgba(255,255,255,.55);margin-bottom:28px;display:flex;gap:8px;flex-wrap:wrap}
.mg-crumb a{color:rgba(255,255,255,.85);text-decoration:none}
.mg-crumb a:hover{color:var(--mg-orange)}

.mg-stats{display:flex;gap:40px;flex-wrap:wrap;padding-top:24px;margin:18px 0 6px;border-top:1px solid rgba(255,255,255,.16)}
.mg-stat{display:flex;flex-direction:column;gap:6px}
.mg-stat__num{font-family:var(--mg-head);font-size:44px;font-weight:800;line-height:1;color:var(--mg-white)}
.mg-stat:first-child .mg-stat__num{color:var(--mg-orange)}
.mg-stat__lbl{font-family:var(--mg-head);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}

table.mg-specs{width:100%;border-collapse:collapse;border:0;border-top:2px solid var(--mg-navy);margin:16px 0 0}
table.mg-specs th,table.mg-specs td{border:0;border-bottom:1px solid var(--mg-line);padding:16px 0;text-align:left;vertical-align:baseline;background:none}
table.mg-specs th{width:40%;padding-right:24px;font-family:var(--mg-head);font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mg-muted)}
table.mg-specs td{font-family:var(--mg-body);font-size:18px;font-weight:600;color:var(--mg-ink)}

.mg-aside{padding:40px 36px;background:var(--mg-surface);border-left:4px solid var(--mg-orange);border-radius:var(--mg-radius)}
.mg-aside ul{margin:0 0 20px 18px;font-family:var(--mg-body);line-height:1.9;color:var(--mg-ink)}

.mg-tile{display:flex;flex-direction:column;gap:12px;padding:32px 28px;background:var(--mg-white);border-top:4px solid var(--mg-orange);border-radius:var(--mg-radius);transition:transform .15s}
.mg-tile:hover{transform:translateY(-4px)}
.mg-tile__n{font-family:var(--mg-head);font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--mg-orange)}
.mg-tile p{font-family:var(--mg-body);font-size:16px;line-height:1.6;color:var(--mg-muted);margin:0}

/* Karten der Übersicht */
.mg-card{position:relative;display:flex;flex-direction:column;background:var(--mg-white);border-radius:var(--mg-radius);overflow:visible;box-shadow:0 1px 0 var(--mg-line),0 12px 32px rgba(1,45,80,.08);transition:transform .15s,box-shadow .15s}
.mg-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--mg-line),0 22px 44px rgba(1,45,80,.16)}
.mg-card__media{padding:24px;background:radial-gradient(circle at 50% 40%,#fff 0%,#e4eaf0 100%);border-radius:var(--mg-radius) var(--mg-radius) 0 0}
.mg-card__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.mg-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.mg-card__title{font-family:var(--mg-head);font-size:28px;font-weight:800;line-height:1;text-transform:uppercase;color:var(--mg-navy);margin:0}
.mg-card__title a{color:inherit;text-decoration:none}
.mg-card__title a::after{content:"";position:absolute;inset:0}
.mg-card__meta{font-family:var(--mg-head);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mg-muted)}
.mg-card__more{margin-top:auto;font-family:var(--mg-head);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mg-orange)}

/* Responsive */
@media (max-width:1024px){
	.mg-h1{font-size:56px}.mg-section{padding:72px 24px}
}
@media (max-width:767px){
	.mg-h1{font-size:42px}.mg-h2{font-size:34px}.mg-section{padding:56px 20px}.mg-hero{padding:48px 20px 64px}
	.mg-stats{gap:20px}.mg-stat__num{font-size:30px}
	table.mg-specs th,table.mg-specs td{display:block;width:auto;padding:0}
	table.mg-specs th{padding-top:14px}table.mg-specs td{padding:4px 0 14px}
	table.mg-specs tr{border-bottom:1px solid var(--mg-line);display:block}
	table.mg-specs th,table.mg-specs td{border-bottom:0}
}

/* Responsives Bild aus mg/image */
img.mg-image{display:block;width:100%;height:auto;border-radius:6px}
.mg-card__media img.mg-image{aspect-ratio:4/3;object-fit:contain;border-radius:0}

/* Kartenraster der Übersicht */
.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mg-card .mg-stoerer{top:16px;left:-8px}
.mg-card__text{font-family:var(--mg-body);font-size:15px;line-height:1.6;color:var(--mg-muted);margin:0}
@media (max-width:1024px){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mg-grid{grid-template-columns:1fr}}