/** Shopify CDN: Minification failed

Line 103:18 Unexpected "{"
Line 103:27 Expected ":"
Line 104:18 Unexpected "{"
Line 104:27 Expected ":"

**/


/* CSS from section stylesheet tags */
.caamate-shipping .page-width{
  margin:0 auto;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* Titel - Versand nach... */
.caamate-shipping .cs-panel__title{
  font-size: 24px;   /* Größe */
  font-weight: 700;  /* 600 = Semibold, 700 = Bold */
  letter-spacing: .01em;
}

/* Labels: Versandkosten, Kostenloser Versand ab etc. */
.caamate-shipping .cs-panel__body strong{
  font-size: 16px;   /* Label-Größe */
  font-weight: 700;  /* Label-Gewicht */
}

/* 3) Werte (Text rechts der Labels) */
.caamate-shipping .cs-panel__body{
  font-size: 16px;   /* Grundgröße der Werte */
  line-height: 1.5;  /* Zeilenhöhe */
}
.caamate-shipping .cs-panel__body p{
  margin: 4px 0;     /* Abstand zwischen den Zeilen */
}

/* Optional: Kasten-Look anpassen */
.caamate-shipping .cs-panel{
  border-radius: 16px;
  padding: 16px 18px;
}

/* Optional: Seitenüberschrift „Versand nach...“ */
.caamate-shipping .cs-title{
  font-size: 28px;
  font-weight: 700;
  text-align:left !important;  /* überschreibt zentrierende Globals */
  width:100%;
  max-width:760px;
  margin:0!important;  
  align-self:stretch;           /* volle Zeilenbreite innerhalb der Spalte */
}

/* Optional: andere Größen auf sehr kleinen Screens */
@media (max-width: 480px){
  .caamate-shipping .cs-panel__title{ font-size: 17px; }
  .caamate-shipping .cs-panel__body strong,
  .caamate-shipping .cs-panel__body{ font-size: 15px; }
}
/* dünner Trenner im Panel */
.caamate-shipping .cs-panel__divider{
  border:0;
  border-top:1px solid #eee;
  margin:10px 0 12px;
}

/* Info-Text im Panel */
.caamate-shipping .cs-info--inline p{ margin:.5rem 0; }
.caamate-shipping .cs-info--inline strong{ font-weight:700; }

/* Box ohne Rahmen; Text bündig zur H1 (links kein Padding) */
.caamate-shipping .cs-panel{
  background:#FFFFFF !important;
  border:0;
  border-radius:16px;
  padding:0;
  max-width:760px;
  width:100%;
  margin:9px 0;
}

/* nur vertikale Innenabstände im Body – links/rechts 0 → fluchtet mit H1 */
.caamate-shipping .cs-panel__body{
  padding:12px 0 16px 0;
  text-align:left;
}

/* -------Anderes css noch nicht sortiert------- */

.cs-title{
    /* Hauptüberschrift auf Versandseite */
  font-size:clamp(1.8rem,2.2vw,2.4rem); /* MIN, FLUID, MAX - Schrifgröße */
  margin:0 0 12px;
  font-weight:700;
}

/* Versandtitel sicher einfärben */
#shopify-section-{{ section.id }} .cs-title,
#shopify-section-{{ section.id }} .cs-title #csTitleText{
  color: #333333 !important; 
}

.cs-hero{border:1px solid #e5e5e5;border-radius:16px;padding:16px 18px;display:grid;gap:10px;margin:10px 0 18px;background:#fff;}
.cs-hero--selector{margin-top:0;padding:10px 12px}
.cs-hero__top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.cs-hero__chips{display:flex;gap:10px;flex-wrap:wrap}
.cs-chip{border:1px solid #ddd;border-radius:999px;padding:6px 10px;font-size:.95rem}
.cs-change{font-size:.95rem;text-decoration:underline;cursor:pointer}
.cs-accordion{border:1px solid #e5e5e5;border-radius:14px;padding:8px 12px;margin:8px 0 16px;background:#fff;}
.cs-accordion__summary{cursor:pointer;list-style:none;font-weight:600}
.cs-cards{display:grid;gap:10px;margin-top:10px}
.cs-card{border:1px solid #eee;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;}
.cs-card__title{font-weight:600}
.cs-card__meta{opacity:.85}
.cs-notes{margin-top:24px}
.cs-h2{font-size:1.25rem;margin:1rem 0 .5rem;font-weight:700}
.cs-h3{font-size:1.05rem;margin:.8rem 0 .4rem;font-weight:600}

/* —— Titlebar: H1 links, Link rechts (Desktop) —— */
.cs-titlebar{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  max-width:760px;
  margin:0 auto .75rem;
}

/* Titel darf umbrechen, Link bleibt einzeilig rechts */
.cs-titlebar .cs-title{ 
  flex: 1 1 auto; 
  min-width: 0; 
  margin: 0; 
}

/* H1 behält eure bestehende Typo */
.cs-title{ margin:0; }

/* Link kleiner (14px), dezenter */
.caamate-shipping .cs-titlebar a.cs-change{
  font-size:14px;
  line-height:1.5;
  color:#899482;
  font-weight:600;
  white-space: nowrap;                 /* nie umbrechen */
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  text-decoration-skip-ink: auto;
  flex: 0 0 auto;                      /* Link darf nicht schrumpfen */
}

/* Fokus sichtbar, aber dezent */
.cs-change:focus-visible{
  outline:2px solid rgba(137,148,130,.6);
  outline-offset:2px;
}

/* Mobil: unter H1, linksbündig */
@media (max-width:989px){
  .cs-titlebar{
    flex-direction:column;
    align-items:flex-start;
    gap:.125rem !important; /* halbiert */
  }
}


/* --- Modal Backdrop/Container --- */
.cs-country-dialog::backdrop{ background: rgba(0,0,0,.45); }
.cs-country-dialog{ border:0; padding:0; width:min(94vw, 560px); border-radius:12px; }
.cs-country-box{ background: rgb(var(--color-background)); color: rgb(var(--color-foreground)); padding:16px; border-radius:12px; }

/* Kopf */
.cs-country-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.cs-country-title{ margin:0; font-size:1.7rem; }

.cs-country-close{
  border:0;
  background:transparent;
  font-size:26px;        /* größer */
  line-height:1;
  cursor:pointer;
  width:40px; height:40px;   /* größere Hit-Area */
  display:inline-flex; align-items:center; justify-content:center;
  color:#000 !important;     /* schwarz */
}
.cs-country-close:focus-visible{ outline:2px solid rgba(0,0,0,.35); outline-offset:2px; }

/* Alles im Modal in schwarz erzwingen (auch iOS) */
.cs-country-dialog, 
.cs-country-dialog *{
  color:#111 !important;
  -webkit-text-fill-color:#111; /* iOS Safari */
}

/* Falls einzelne Länder als <a> gerendert werden */
.cs-country-list a{
  color:#111 !important;
  text-decoration:none;  /* die Länder selbst nicht unterstreichen */
}

/* Subline */
.cs-country-sub{ margin:.25rem 0 .75rem; opacity:.8; }

/* Liste: 5 Zeilen sichtbar, Rest scrollt */
.cs-country-list{ 
  list-style:none; margin:0; padding:0;
  max-height: calc(48px * 5 + 8px * 4);
  overflow:auto;
  border:1px solid rgba(var(--color-foreground), .12);
  border-radius:8px;
}
.cs-country-list li{ margin:0; padding:0; }
.cs-country-item{
  display:flex; align-items:center; gap:.75rem; width:100%;
  padding:10px 12px; background:transparent; border:0; cursor:pointer; text-align:left;
}
.cs-country-item:hover, .cs-country-item:focus-visible{ background: rgba(var(--color-foreground), .06); }

.cs-name{ font-size:1.5rem; }

.cs-country-foot{ display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }

@media (max-width:749px){
  .cs-country-dialog{ width: 94vw; }
}