/*
Theme Name: suedamerika-info
Theme URI: https://suedamerika.info
Description: Reiseportal suedamerika.info — Design A "Anden-Textil" (Indigo, Magenta, Safran; Unbounded + Manrope, selbst gehostet).
Author: Triplemind GmbH
Version: 1.0.0
Text Domain: suedamerika-info
*/
:root{--indigo:#1E2A5A;--magenta:#C2185B;--saffron:#F2A900;--teal:#0E7C66;--orange:#C2501A;--blue:#2E5EAA;--violet:#6A3D9A;
--cream:#FBF7F2;--ink:#1E2A5A;--mute:#4A4F6A;--line:#E4DDD3;--white:#fff;
--fd:"Unbounded",system-ui,sans-serif;--ft:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--wrap:1200px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 var(--ft)}
img{max-width:100%;height:auto;display:block}
a{color:var(--indigo);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--magenta)}
:focus-visible{outline:3px solid var(--magenta);outline-offset:2px;border-radius:4px}
.sa-head :focus-visible,.sa-foot :focus-visible{outline-color:var(--saffron)}
.sa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sa-skip{position:absolute;left:-999px;top:8px;background:var(--saffron);color:var(--indigo);padding:10px 16px;border-radius:8px;z-index:200;font-weight:700}
.sa-skip:focus{left:8px}
.sa-icon{flex:none;vertical-align:-.2em}
.sa-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.15;margin:0 0 .6em;text-wrap:balance}
/* Header */
.sa-head{background:var(--indigo);position:sticky;top:0;z-index:100}
.sa-head__in{max-width:1320px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}
.sa-logo{font:700 22px/1 var(--fd);color:#fff;text-decoration:none;white-space:nowrap}
.sa-logo span{color:var(--saffron)}
.sa-logo:hover{color:#fff}
.sa-nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:space-between}
.sa-menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.sa-menu>li{position:relative;display:flex;align-items:center}
.sa-menu a{color:#fff;text-decoration:none;font:500 15px/1 var(--ft);padding:12px 10px;display:block;border-radius:8px}
.sa-menu a:hover,.sa-menu a:focus-visible{color:var(--saffron)}
.sa-sub-toggle{background:none;border:0;color:#fff;padding:8px 6px 8px 0;margin-left:-6px;cursor:pointer;display:inline-flex;border-radius:6px}
.sa-sub{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(30,42,90,.28);padding:10px;list-style:none;margin:0;z-index:50}
.sa-sub a{color:var(--indigo);padding:9px 12px;font-weight:600}
.sa-sub a:hover{color:var(--magenta);background:#F6EFF3}
.sa-sub ul{list-style:none;margin:0;padding:0}
.sa-has-sub:hover>.sa-sub,.sa-has-sub:focus-within>.sa-sub,.sa-has-sub.open>.sa-sub{display:block}
.sa-mega{min-width:620px;padding:16px}
.sa-mega ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px}
.sa-mega i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:9px;vertical-align:-1px}
.sa-cta{background:var(--saffron);color:var(--indigo);border-radius:999px;padding:11px 20px;text-decoration:none;font:700 14px var(--ft);white-space:nowrap}
.sa-cta:hover{background:#fff;color:var(--indigo)}
.sa-burger{display:none;margin-left:auto;background:none;border:2px solid rgba(255,255,255,.55);color:#fff;border-radius:10px;padding:7px;cursor:pointer;line-height:0}
.sa-burger__close{display:none}
.sa-head.is-open .sa-burger__close{display:block}
.sa-head.is-open .sa-burger__open{display:none}
.sa-band{height:14px;background:repeating-linear-gradient(90deg,#1E2A5A 0 28px,#C2185B 28px 56px,#F2A900 56px 84px,#0E7C66 84px 112px,#E0611F 112px 140px)}
/* Hero */
.sa-hero{max-width:var(--wrap);margin:0 auto;padding:44px 24px 20px;display:flex;gap:40px;flex-wrap:wrap;align-items:center}
.sa-hero__txt{flex:1 1 440px;display:flex;flex-direction:column;gap:18px}
.sa-hero h1{font-size:clamp(30px,5.2vw,56px);line-height:1.04;margin:0}
.sa-hero__map{flex:0 1 380px;margin:0 auto}
.sa-eyebrow{margin:0 0 6px;font:700 13px var(--ft);letter-spacing:.12em;text-transform:uppercase;color:var(--magenta)}
.sa-hero .sa-eyebrow{margin:0}
.sa-lead{font-size:18px;line-height:1.55;color:var(--mute);margin:0}
.sa-search{display:flex;gap:8px;max-width:560px}
.sa-search input{flex:1;min-width:0;font:400 17px var(--ft);padding:14px 18px;border:2px solid var(--indigo);border-radius:14px;background:#fff;color:var(--ink)}
.sa-search button{border:0;border-radius:14px;background:var(--magenta);color:#fff;font:700 16px var(--ft);padding:0 24px;cursor:pointer}
.sa-search button:hover{background:var(--indigo)}
/* Sections */
.sa-sec{max-width:var(--wrap);margin:0 auto;padding:36px 24px 0}
.sa-h2{font-size:clamp(22px,3vw,30px)}
.sa-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sa-land{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:124px;padding:16px;border-radius:18px;text-decoration:none;transition:transform .15s}
.sa-land:hover{transform:translateY(-3px);color:inherit;filter:brightness(1.07)}
.sa-land b{font:700 18px/1.15 var(--fd);overflow-wrap:anywhere}
.sa-land span{font:500 13px/1.35 var(--ft)}
.sa-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sa-photo{position:relative;border-radius:22px;overflow:hidden;min-height:260px;display:flex;align-items:flex-end;text-decoration:none;background:var(--indigo)}
.sa-photo.is-big{grid-row:span 2;min-height:540px}
.sa-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sa-photo div{position:relative;margin:14px;background:var(--cream);border-radius:14px;padding:12px 14px;color:var(--indigo)}
.sa-photo b{display:block;font:700 17px/1.2 var(--fd)}
.sa-photo span{font:500 14px var(--ft);color:var(--mute)}
.sa-rubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sa-rub{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--indigo)}
.sa-rub:hover{border-color:var(--magenta);color:var(--indigo)}
.sa-rub .sa-icon{color:var(--magenta)}
.sa-rub b{font:700 18px var(--fd)}
.sa-rub span{font-size:14.5px;color:var(--mute);line-height:1.5}
.sa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.sa-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.sa-card__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sa-card__b{padding:16px 18px 20px}
.sa-card time{font:700 12px var(--ft);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sa-card h3{font-size:17px;margin:6px 0 8px}
.sa-card h3 a{text-decoration:none}
.sa-card p{margin:0;font-size:15px;color:var(--mute);line-height:1.5}
.sa-more{margin:18px 0 0;font-weight:700}
.sa-more a{display:inline-flex;gap:8px;align-items:center}
.sa-offers{max-width:var(--wrap);margin:36px auto 0;padding:0 24px}
.sa-article .sa-offers{padding:0;margin:32px 0}
/* Page head, article, sidebar */
.sa-pagehead{padding:26px 0 8px}
.sa-pagehead h1{font-size:clamp(28px,4.4vw,46px);margin:0 0 10px}
.sa-by{margin:0;font-size:14px;color:var(--mute)}
.sa-pagehead__img{margin-top:22px}
.sa-pagehead__img img{width:100%;border-radius:22px;max-height:460px;object-fit:cover}
.sa-bc ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--mute)}
.sa-bc li+li::before{content:"›";margin:0 8px;color:var(--magenta);font-weight:700}
.sa-bc a{color:var(--mute)}
.sa-shell{max-width:var(--wrap);margin:0 auto;padding:20px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.sa-article{font-size:18px;line-height:1.72;min-width:0}
.sa-article h2{font-size:clamp(22px,2.8vw,28px);margin:1.8em 0 .6em;scroll-margin-top:90px}
.sa-article h3{font-size:19px;margin:1.6em 0 .5em;scroll-margin-top:90px}
.sa-article a{color:var(--magenta);font-weight:600}
.sa-article a:hover{color:var(--indigo)}
.sa-article img{border-radius:16px}
.sa-article figure{margin:1.6em 0}
.sa-article figcaption{font-size:14px;color:var(--mute);margin-top:6px}
.sa-article table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.sa-article th,.sa-article td{border-bottom:1px solid var(--line);padding:9px 12px;text-align:left}
.sa-article th{background:#F3E6EC}
.sa-article blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:6px solid var(--saffron);color:var(--mute)}
.sa-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.sa-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.sa-box__t{font:700 15px var(--fd);margin:0 0 12px}
.sa-box ul,.sa-box ol{margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.5}
.sa-box ul{list-style:none;padding:0}
.sa-box li{margin:0 0 8px}
.sa-box--cta{background:var(--indigo);color:#fff;border:0}
.sa-box--cta .sa-box__t{color:#fff}
.sa-box--cta p{margin:0 0 14px;font-size:15px}
.sa-btn{display:inline-block;background:var(--saffron);color:var(--indigo)!important;border-radius:999px;padding:11px 20px;font:700 14px var(--ft);text-decoration:none}
.sa-btn:hover{background:#fff}
/* Shortcodes */
.sa-kapsel{background:#FFF6DC;border-left:6px solid var(--saffron);border-radius:0 16px 16px 0;padding:16px 20px;margin:0 0 1.6em}
.sa-kapsel__t{font:700 13px var(--ft);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:8px;align-items:center;margin-bottom:6px;color:var(--indigo)}
.sa-kapsel__b p{margin:0 0 .6em;font-size:18px;line-height:1.6}
.sa-kapsel__b p:last-child{margin:0}
.sa-fakten{margin:1.6em 0}
.sa-fakten dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;font-size:16px}
.sa-fakten dt{font-weight:700}
.sa-fakten dd{margin:0}
.sa-faq{margin:2em 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 22px 14px}
.sa-faq__t{font-size:20px;display:flex;gap:10px;align-items:center;margin:14px 0 6px!important;color:var(--indigo)}
.sa-q{border-bottom:1px solid var(--line)}
.sa-q:last-child{border:0}
.sa-q summary{cursor:pointer;font-weight:700;padding:14px 28px 14px 0;list-style:none;position:relative}
.sa-q summary::-webkit-details-marker{display:none}
.sa-q summary::after{content:"+";position:absolute;right:4px;top:10px;font:700 22px var(--ft);color:var(--magenta)}
.sa-q[open] summary::after{content:"–"}
.sa-q__a{padding:0 0 12px;font-size:17px}
.sa-q__a p{margin:0 0 .7em}
.sa-rz{background:#fff;border-radius:18px;padding:18px;margin:1.6em 0;border:1px solid var(--line)}
.sa-rz__scroll{overflow-x:auto}
.sa-rz table{display:table;width:100%;min-width:620px;border-collapse:separate;border-spacing:3px;font-size:13px}
.sa-rz caption{text-align:left;font:700 16px var(--fd);padding-bottom:10px}
.sa-rz th,.sa-rz td{border:0;padding:6px 2px;text-align:center;background:none;font-weight:700}
.sa-rz tbody th{text-align:left;font-size:14px;white-space:nowrap;padding-right:10px}
.sa-rz td{border-radius:6px}
.sa-rz abbr{text-decoration:none}
.sa-rz .r0{background:#F3E6EC;color:#7A1040}
.sa-rz .r1{background:#FCE6B3;color:#5C4000}
.sa-rz .r2{background:var(--teal);color:#fff}
.sa-rz__leg{margin:10px 0 0;font-size:13px;color:var(--mute)}
/* Listing, pagination */
.sa-list{padding-top:20px;padding-bottom:56px}
.pagination{margin-top:28px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:700}
.pagination .current{background:var(--indigo);color:#fff;border-color:var(--indigo)}
/* Footer */
.sa-foot{background:var(--indigo);color:#fff;padding:44px 24px 20px}
.sa-foot a{color:#fff}
.sa-foot a:hover{color:var(--saffron)}
.sa-foot__grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.2fr 1.6fr 1fr;gap:36px}
.sa-foot p{color:#D6DAEE;max-width:38ch;font-size:15px}
.sa-foot h2{font:700 14px var(--fd);margin:0 0 12px;color:var(--saffron)}
.sa-foot ul{list-style:none;margin:0;padding:0;font-size:15px}
.sa-foot li{margin:0 0 7px}
.sa-foot__cols{columns:2;column-gap:20px}
.sa-foot__copy{max-width:var(--wrap);margin:30px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#D6DAEE}
.sa-foot__links{display:flex;gap:18px}
.sa-foot__links li{margin:0}
/* Responsive */
@media(max-width:1024px){.sa-shell{grid-template-columns:1fr}.sa-side{position:static}}
@media(max-width:900px){
.sa-burger{display:block}
.sa-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--indigo);flex-direction:column;align-items:stretch;padding:8px 24px 24px;max-height:calc(100vh - 70px);overflow-y:auto;border-top:1px solid rgba(255,255,255,.2)}
.sa-head.is-open .sa-nav{display:flex}
.sa-menu{flex-direction:column;flex-wrap:nowrap;gap:0}
.sa-menu>li{flex-wrap:wrap}
.sa-menu a{padding:14px 4px;font-size:17px}
.sa-menu>li>a{flex:1}
.sa-sub-toggle{padding:12px;margin:0}
.sa-sub{position:static;display:none;width:100%;box-shadow:none;border-radius:12px;min-width:0}
.sa-has-sub:hover>.sa-sub,.sa-has-sub:focus-within>.sa-sub{display:none}
.sa-has-sub.open>.sa-sub{display:block}
.sa-mega{min-width:0}
.sa-mega ul{grid-template-columns:1fr 1fr}
.sa-cta{text-align:center;margin-top:12px}
.sa-photos{grid-template-columns:1fr 1fr}.sa-photo.is-big{grid-column:span 2;grid-row:auto;min-height:320px}
.sa-foot__grid{grid-template-columns:1fr}
}
@media(max-width:560px){body{font-size:16px}.sa-wrap,.sa-sec,.sa-hero,.sa-shell{padding-left:16px;padding-right:16px}.sa-head__in{padding:12px 16px}.sa-photos{grid-template-columns:1fr}.sa-photo.is-big{grid-column:auto}.sa-tiles{grid-template-columns:1fr 1fr}.sa-mega ul{grid-template-columns:1fr}.sa-fakten dl{grid-template-columns:1fr;gap:2px}.sa-fakten dd{margin-bottom:8px}.sa-article{font-size:17px}.sa-search button{padding:0 18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* fm720 package offers (inc/sa-offers.php, fm720/sa-offers.template.php) */
.sa-offers{margin:2.2rem 0;padding:1.25rem 1.25rem 1rem;background:var(--white);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}
.sa-offers::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:repeating-linear-gradient(90deg,var(--magenta) 0 28px,var(--saffron) 28px 56px,var(--teal) 56px 84px,var(--orange) 84px 112px)}
.sa-offers-h{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 .9rem;font:600 1.05rem/1.3 var(--fd);color:var(--indigo)}
.sa-offers-h svg{color:var(--magenta);flex:none}
.sa-offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.sa-offer{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.sa-offer:hover,.sa-offer:focus-visible{border-color:var(--magenta);transform:translateY(-2px)}
.sa-offer:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}
.sa-offer-stars{color:var(--saffron);font-size:.85rem;letter-spacing:.05em}
.sa-offer-name{font:600 .98rem/1.3 var(--ft)}
.sa-offer-meta{font-size:.82rem;color:var(--mute)}
.sa-offer-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.4rem}
.sa-offer-price{font-size:.85rem}.sa-offer-price strong{font:700 1.05rem var(--fd);color:var(--indigo)}
.sa-offer-btn{font-size:.78rem;font-weight:700;color:var(--white);background:var(--magenta);border-radius:999px;padding:.35rem .7rem;white-space:nowrap}
.sa-offers-more{display:inline-block;margin-top:.8rem;font-weight:700;color:var(--magenta)}
.sa-offers-front{margin-top:2.5rem;margin-bottom:2.5rem}
@media (prefers-reduced-motion:reduce){.sa-offer{transition:none}.sa-offer:hover{transform:none}}