/* billigxxl · Version 2026.11.15 · Reiseziel-Blöcke nach Muster reiseziel-kreta.html */
.rh .ra-section,.rh .mu-sec,.rh .ho-section{margin:24px 0;padding:clamp(16px,2.4vw,24px);background:#fff;border:1px solid #cad2df;border-radius:14px;box-shadow:0 1px 3px #0001}
.rh .ra-section h2,.rh .mu-sec h2,.rh .ho-section h2{margin:0 0 12px;font-size:22px;line-height:1.25;color:#0c1f44}
.zm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.zm-head h2{margin:0 0 6px}
.zm-lead{margin:0;color:#4c586b;font-size:15px}
.zm-logo{flex:none;width:96px;height:auto}
.zm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zm-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #cad2df;border-radius:12px;background:#fff;overflow:hidden}
.zm-media{position:relative;aspect-ratio:1.25;background:#eef2f7}
.zm-media img{display:block;width:100%;height:100%;object-fit:cover}
.zm-rating{position:absolute;left:10px;bottom:10px;display:flex;align-items:baseline;gap:5px;margin:0;padding:5px 9px;border-radius:8px;background:#0c1f44;color:#fff;font-size:13px;line-height:1.2}
.zm-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px}
.zm-body h3{margin:0;font-size:1rem;line-height:1.3;color:#0c1f44;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zm-sterne{margin:0;color:#f5a623;font-size:14px;letter-spacing:1px}
.zm-ort{margin:0;color:#4c586b;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zm-preis{margin:4px 0 8px;font-size:13px;color:#4c586b}
.zm-preis b{display:block;font-size:1.45rem;line-height:1.2;color:#0c1f44}
.zm-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;background:#075fff;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}
.zm-button::after{content:"";position:absolute;inset:0;z-index:1}
.zm-button:focus-visible{outline:2px solid #1765bb;outline-offset:2px}
.zm-hinweis{margin:10px 0 0;font-size:13px;color:#5b6475}
.zm-scroll{overflow-x:auto}
.zm-table{width:100%;min-width:0;border-collapse:collapse;font-size:15px}
.zm-table th,.zm-table td{padding:9px 10px;border-bottom:1px solid #e3e6ec;text-align:left}
.zm-table thead th{font-size:13px;color:#4c586b;font-weight:600}
.zm-table tbody th{font-weight:500}
.zm-ab{color:#0a7a3d;font-weight:700}
.zm-tipps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.zm-tipp{padding:12px;border:1px solid #d6e4f7;border-radius:10px;background:#f3f8ff;font-size:14px;line-height:1.5}
.zm-tipp b{display:block;margin-bottom:4px;color:#0c1f44}
.zm-partner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.zm-pk{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid #f6d3bb;border-radius:12px;background:#fff6ef;font-size:14px}
.zm-pk b{color:#0c1f44;font-size:15px}
.zm-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding:0 12px;border-radius:8px;background:#c2410c;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}
@media(max-width:1100px){.zm-grid,.zm-tipps,.zm-partner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.zm-grid,.zm-tipps,.zm-partner{grid-template-columns:minmax(0,1fr)}.zm-grid{gap:10px}.zm-head{flex-direction:column-reverse;gap:8px}.zm-card{display:grid;grid-template-columns:104px minmax(0,1fr)}.zm-media{aspect-ratio:auto}.zm-media img{position:absolute;inset:0}.zm-rating{left:6px;bottom:6px;padding:3px 6px;font-size:12px}.zm-rating span{display:none}.zm-body{padding:10px 12px;gap:3px}.zm-body h3{font-size:15px;-webkit-line-clamp:1}.zm-preis{margin:2px 0 4px}.zm-preis b{display:inline;font-size:1.15rem}.zm-button{font-size:14px;padding:0 12px}}
.ho-section p{margin:0 0 10px;max-width:760px;font-size:15px;line-height:1.6;color:#26324a}
.ho-section p:last-child{margin-bottom:0}
.ho-section h3{margin:16px 0 8px;font-size:17px;line-height:1.3;color:#0c1f44}
.ho-section strong{color:#0c1f44;background:linear-gradient(transparent 62%,#ffe7b8 62%)}
.ho-section a,.mu-fakten a{color:#0b4fb3;text-decoration:underline;text-underline-offset:2px}
.mu-tab{overflow-x:auto;margin:12px 0 0}
.mu-tab table,.facts-table{width:100%;border-collapse:collapse;font-size:14px}
.mu-tab th,.mu-tab td,.facts-table th,.facts-table td{padding:9px 10px;border-bottom:1px solid #e3e6ec;text-align:left;vertical-align:top}
.mu-tab thead th,.facts-table thead th{font-size:12px;font-weight:600;color:#4c586b}
.facts-table{max-width:760px}
.facts-table tbody th{width:34%;font-weight:700;color:#0c1f44}
.facts-table tbody tr:nth-child(even){background:#f6f8fb}
.mu-stand{margin:10px 0 0;font-size:13px;line-height:1.5;color:#5b6475}
.ho-faq details{border-bottom:1px solid #e3e6ec}
.ho-faq summary{display:flex;align-items:center;min-height:44px;padding:6px 0;font-weight:700;font-size:15px;color:#0c1f44;cursor:pointer}
.ho-faq details p{margin:0 0 12px}
.mu-links{display:flex;flex-wrap:wrap;gap:8px}
.mu-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #cad2df;border-radius:999px;background:#fff;color:#0c1f44;font-weight:600;font-size:14px;text-decoration:none}
.mu-links a:hover,.mu-links a:focus-visible{border-color:#0b5bd3;color:#0b5bd3}
.mu-fakten{background:#f3f8ff!important}
.mu-fakten ul{margin:0 0 10px;padding-left:20px;font-size:15px;line-height:1.6}
.source-note{margin:0;font-size:13px;line-height:1.5;color:#5b6475}
@media(max-width:570px){.zm-table th,.zm-table td{padding:8px 6px;font-size:14px}.mu-tab th,.mu-tab td{padding:8px 6px;font-size:13px}.facts-table tbody th{width:40%}}
.rh .zm-table,.rh .mu-tab table,.rh .facts-table{min-width:0;table-layout:auto}
.rh .mu-tab th,.rh .mu-tab td,.rh .facts-table th,.rh .facts-table td{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.rh .mu-tab thead th,.rh .facts-table thead th{font-size:12px}
@media(max-width:570px){.rh .mu-tab th,.rh .mu-tab td{padding:7px 4px;font-size:12.5px}.rh .mu-tab thead th{font-size:11px}.rh .zm-table th,.rh .zm-table td{font-size:14px}}
.rh .mu-tab tbody th,.rh .mu-tab td{white-space:nowrap;overflow-wrap:normal}
.rh .mu-tab thead th{overflow-wrap:normal;hyphens:auto;vertical-align:bottom}
@media(max-width:570px){.rh .mu-tab th,.rh .mu-tab td{padding:7px 3px;font-size:12px}.rh .mu-tab thead th{font-size:10.5px}}
.rh .mu-tab th,.rh .mu-tab td,.rh .zm-table th,.rh .zm-table td,.rh .facts-table td{width:auto}
