body {color:#072A65;background-color:#FFFFFF !important;background-image:none;font-family:'Ubuntu';font-weight:400;font-style:normal;font-size:20px;} .sp-el-row{max-width:1000px;}#primary.content-area{max-width:900px;} h1, h2, h3, h4, h5, h6{color:#072A65; font-family:'Ubuntu Condensed';font-weight:400;font-style:normal;}  h1{font-size:90px;} h2{font-size:65px;} h3{font-size:45px;} h4{font-size:24px;} h5{font-size:20px;} h6{font-size:16px;} a{color:#072A65;font-family:'Ubuntu Condensed';font-weight:700;font-style:normal;} a:hover{color:#072A65;} ::placeholder{color:rgba(12, 10, 9, 0.5) !important;} .sp-button,  #edd-purchase-button.edd-submit.sp-button, input[type='submit'].edd-submit.sp-button, .edd-add-to-cart, button.edd-submit.sp-button, a.edd-submit.sp-button, .edd-submit, input[type='submit'].edd-submit, #edd-save-cart-button, #edd_next_button, input[type='submit'], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .button.wp-element-button,  .widget-content-block input[type='submit']{color:#FFFFFF;background-color:#A8B5A2;border-radius:5px;border-width:0px;border-style:solid;} .sp-button:hover{background-color:#D8A7A7;color:#072A65;} input[type="text"],  input[type="password"],  input[type="email"], input[type="url"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="datetime"],  input[type="datetime-local"],  input[type="week"],  input[type="number"],  input[type="search"],  input[type="tel"],  input[type="color"],  select,  textarea, .woocommerce input, .woocommerce select, .woocommerce textarea, .widget-content-block input, .widget-content-block select, .widget-content-block textarea{color:#0c0a09;background-color:#fafaf9;border:1px solid #e7e5e4;border-radius:100px;padding:15px;font-family:'Ubuntu';font-weight:400;font-style:normal;} .btn{background-color:#A8B5A2}@media (max-width: 480px){ h1 {font-size:50px;} h2 {font-size:40px;}}/*endmobile*/@media (min-width: 481px) and (max-width: 1024px){}/*endtablet*/

/* Custom CSS */
/* Grundfläche Salbei auf allen Blogseiten */ html, body.single-post, body.blog, body.archive { background-color: #a8b5a2 !important; 
}
/* Alle typischen Innen-Container transparent (SeedProd + WP + Theme) */ .single-post .wp-site-blocks, .single-post .site, .single-post #content, .single-post .content-area, .single-post .site-main, .single-post .container, .single-post .entry-content, .single-post .seedprod-section, .single-post .seedprod-row, .single-post .seedprod-column, .blog .wp-site-blocks, .blog .site, .blog #content, .blog .content-area, .blog .site-main, .blog .container, .blog .entry-content, .archive .wp-site-blocks, .archive .site, .archive #content, .archive .content-area, .archive .site-main, .archive .container, .archive .entry-content 

{ background: transparent !important; box-shadow: none !important; 
} 
/* Angenehme Standard-Abstände im Artikel */ 
.single-post .entry-content > * { margin: 18px 0 !important; } 
/* Bilder hübsch */ .single-post figure.wp-block-image img { border-radius: 12px; display:block; height:auto; 
} 
/* Design-Bausteine */ .box-rosa { background:#e9b6b9; padding:18px; border-radius:12px; } .box-creme { background:#f6f1ea; padding:18px; border-radius:12px; 
} 
/* NEU – klar sichtbarer Rahmen auf Desktop & Handy */ .wp-block-group.box-rahmen, .box-rahmen { border: 2px solid #072a65; 
	/* Markenblau, gut lesbar auf Salbeigrün */ 
border-radius: 16px; background: transparent; 
/* kein Schleier */ 
padding: 16px 18px; margin: 20px 0; 
}

/* Medien & Text – schöner Abstand */ .wp-block-media-text { gap: 16px; } :root { --meeri-text: #072a65; } 

/* Standard-Textfarbe im Inhalt */ body, .entry-content, .wp-site-blocks { color: var(--meeri-text); 
} 

/* Falls das Theme Paragraphen überschreibt */ .entry-content p { color: var(--meeri-text); } 
/* Deine Boxen sollen die globale Textfarbe erben/nutzen */ .box-creme, .box-rosa, .box-rahmen, .box-creme p, .box-rosa p, .box-rahmen p { color: var(--meeri-text); 
} 
/* Pippa-Icon als Listenpunkt – robust für Gutenberg + SeedProd */ .box-rahmen ul, .box-rahmen .wp-block-list { list-style: none !important; padding-left: 2.8em; margin-left: 0 !important; } .box-rahmen ul li, .box-rahmen .wp-block-list li { position: relative; margin-bottom: 0.6em; 
} 
/* Icon statt Bullet */ .box-rahmen ul li::before, .box-rahmen .wp-block-list li::before { content: ""; position: absolute; left: -2.8em; top: 0.15em; width: 28px; height: 28px; background: url("https://diemeerschweinerei.at/wp-content/uploads/2025/09/ChatGPT-Image-9.-Juli-2025-16_40_48.png") no-repeat center / contain; 
} 
/* Falls Theme Marker hart erzwingt (versteckt Standardpunkte) */ .box-rahmen ul li::marker, .box-rahmen .wp-block-list li::marker { content: "" !important; 
} 
/* KOMPAKT: Rahmen & Listen in .box-rahmen schmaler machen */ .wp-block-group.box-rahmen, .box-rahmen { padding: 12px 14px; 

/* weniger Innenabstand */ border-radius: 12px; /* etwas kompaktere Ecken */ 
} 
/* Liste: kleinere Einrückung + kleineres Icon → mehr Textbreite */ .box-rahmen ul, .box-rahmen .wp-block-list { list-style: none !important; padding-left: 1.9em; /* vorher 2.8em */ margin-left: 0 !important; 
} .box-rahmen li { position: relative; margin-bottom: 0.4em; 
	/* engerer Zeilenabstand zwischen Punkten */ 
} 
.box-rahmen li::before { content: ""; position: absolute; left: -1.9em; 
	/* passend zur neuen Einrückung */ top: 0.10em; width: 20px; /* vorher 28px */ height: 20px; background: url("https://diemeerschweinerei.at/wp-content/uploads/2025/09/ChatGPT-Image-9.-Juli-2025-16_40_48.png") no-repeat center / contain; 
} /* Headline in der Box näher an den Text */ .box-rahmen h3 { margin: 0 0 8px; 
}

/* Extra kompakt auf kleinen Bildschirmen */ @media (max-width: 480px) { .wp-block-group.box-rahmen, .box-rahmen { padding: 10px 12px; border-width: 1.5px; 
	/* feinerer Rand mobil */ 
} .box-rahmen ul, .box-rahmen .wp-block-list { padding-left: 1.6em; } .box-rahmen li::before { left: -1.6em; width: 18px; height: 18px; top: 0.12em; 
}
/* FIX: kompakte Listen-Icons INNEN in .box-rahmen, ohne negativen Versatz */ .box-rahmen ul, .box-rahmen ol, .box-rahmen .wp-block-list { margin-left: 0 !important; padding-left: 0 !important; 
	
/* keine zusätzliche Einrückung am UL */ } .box-rahmen ul li, .box-rahmen ol li, .box-rahmen .wp-block-list li { list-style: none !important; position: relative; padding-left: 26px; /* Platz NUR für das Icon */ margin: 0 0 8px 0; /* etwas Abstand zwischen Punkten */ } .box-rahmen ul li::before, .box-rahmen ol li::before, .box-rahmen .wp-block-list li::before { content: ""; position: absolute; left: 0; /* Icon beginnt an der Innenkante */ top: 0.15em; width: 20px; height: 20px; background: url("https://diemeerschweinerei.at/wp-content/uploads/2025/09/ChatGPT-Image-9.-Juli-2025-16_40_48.png") no-repeat center / contain; 
} 
	/* Box etwas schmaler; mehr nutzbare Breite */ .wp-block-group.box-rahmen, .box-rahmen { padding: 12px 14px; border-radius: 12px; } @media (max-width: 480px) { .box-rahmen .wp-block-list li, .box-rahmen ul li, .box-rahmen ol li { padding-left: 22px; /* noch kompakter mobil */ margin-bottom: 6px; } .box-rahmen .wp-block-list li::before, .box-rahmen ul li::before, .box-rahmen ol li::before { width: 16px; height: 16px; top: 0.2em; 
}
	/* Meerli-Buttons – Gutenberg "Buttons"-Block mit Klasse 'meeri-buttons' */ .meeri-buttons{ display:flex; gap:12px; flex-wrap:wrap; align-items:stretch; margin-top:8px; } .meeri-buttons .wp-block-button{ margin:0; 
}
	/* Einheitlicher Look, verhindert "schwarz" durch Theme */ .meeri-buttons .wp-block-button__link{ display:inline-flex; align-items:center; justify-content:center; gap:.5em; min-height:40px; padding:10px 16px !important; font-family: Ubuntu, system-ui, sans-serif; font-weight:700; font-size:16px; line-height:1.1; color:#f6f3ef !important; /* Weiß */ background:#d8a7a7 !important; /* Altrosa */ border:0 !important; border-radius:10px !important; text-decoration:none !important; box-shadow: 0 2px 0 rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08); transition: transform .12s ease, box-shadow .12s ease, filter .12s ease; 
} 
	/* Hover / Active */ .meeri-buttons .wp-block-button__link:hover{ transform: translateY(-1px); filter: brightness(1.04); box-shadow: 0 3px 0 rgba(0,0,0,.12), 0 10px 22px rgba(0,0,0,.10); } .meeri-buttons .wp-block-button__link:active{ transform: translateY(0); box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08); 
}
/* Tastatur-Fokus (barrierefrei) */ .meeri-buttons .wp-block-button__link:focus{ outline: none !important; box-shadow: 0 0 0 3px #f6f3ef, 0 0 0 6px #d8a7a7; 
}
	
/* Falls Gutenberg "Umriss/Outline" gewählt ist → trotzdem Fill */ .meeri-buttons .wp-block-button.is-style-outline .wp-block-button__link{ background:#d8a7a7 !important; color:#f6f3ef !important; border-color:#d8a7a7 !important; } /* Mobil: untereinander, volle Breite */ @media (max-width:640px){ .meeri-buttons{ flex-direction:column; } .meeri-buttons .wp-block-button, .meeri-buttons .wp-block-button__link{ width:100%; }
}
/* Zoom-Hinweis auf klickbarem Bild */ .poesie-karte .wp-block-image a{position:relative;display:inline-block;cursor:zoom-in} .poesie-karte .wp-block-image a::after{ content:"🔍"; position:absolute; right:8px; bottom:8px; font-size:18px; background:rgba(246,243,239,.9); border-radius:50%; padding:4px 6px; line-height:1; 
}
/* ==== Deutsch-Labels für Vorher/Nächster in der Post-Navigation ==== */ /* Versucht die gängigsten Markups (SeedProd & Core-Block) abzudecken. */ .post-nav .nav-previous a, .post-nav .wp-block-post-navigation-link__previous a, .post-nav .seedprod-post-navigation .prev a, .post-nav .seedprod-post-navigation .previous a { position: relative; color: transparent !important; /* Originaltext unsichtbar */ 
}

	/* Deutsches Label für "Vorheriger" einblenden */ .post-nav .nav-previous a::before, .post-nav .wp-block-post-navigation-link__previous a::before, .post-nav .seedprod-post-navigation .prev a::before, .post-nav .seedprod-post-navigation .previous a::before { content: "← Vorheriger Artikel"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #f6f3ef; /* passt zu deinem Buttonstil */ 
} 
/* Astra: Vorheriger/Nächster Artikel – Farbe & (optional) Rosa-Pill-Style */ /* Farbe ZWINGEND Blau, egal was Astra vorgibt */ nav.navigation.post-navigation .nav-links a, nav.navigation.post-navigation .nav-links a:visited{ color:#072a65 !important; } nav.navigation.post-navigation .nav-links a:hover{ color:#072a65 !important; 
}
/* Auch Pfeile/Icons blau färben */ nav.navigation.post-navigation svg, nav.navigation.post-navigation .ast-left-arrow, nav.navigation.post-navigation .ast-right-arrow{ fill:#072a65 !important; stroke:#072a65 !important; 
}
/* Optional: hübscher Rosa-Button-Look (wenn du das willst) */ nav.navigation.post-navigation .nav-links{ display:flex; gap:12px; flex-wrap:wrap; } nav.navigation.post-navigation .nav-links a{ display:inline-flex; align-items:center; justify-content:center; gap:.35em; padding:10px 16px; min-height:40px; background:#d8a7a7 !important; 
	
/* Rosa */ border-radius:10px !important; text-decoration:none !important; box-shadow:0 2px 0 rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08); } @media (max-width:640px){ nav.navigation.post-navigation .nav-links{ flex-direction:column; } nav.navigation.post-navigation .nav-links a{ width:100%; } 
}
/* "Continue reading" visuell zu "Weiterlesen" machen (SeedProd, Astra, WP) */ a.more-link, a.ast-read-more, a.seedprod-post-readmore, a.seedprod-read-more{ position:relative; display:inline-block; padding:10px 16px; background:#d8a7a7; /* Rosa */ border-radius:10px; text-decoration:none !important; font-size:0 !important; /* Originaltext ausblenden */ color:#072a65 !important; /* Blau */ 
} a.more-link::after, a.ast-read-more::after, a.seedprod-post-readmore::after, a.seedprod-read-more::after{ content:"Weiterlesen"; font-size:16px; /* sichtbarer Text */ line-height:1; color:#072a65; /* Blau */ 

}
	a.more-link:hover, a.ast-read-more:hover, a.seedprod-post-readmore:hover, a.seedprod-read-more:hover{ filter:brightness(1.06); transform:translateY(-1px); } /* Grundsetup */ .hero-video { width: 100%; object-fit: cover; }
		
.search-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px;
}

.search-title {
  font-size: 32px !important;
  margin-bottom: 20px !important;
}

.search-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
}

.search-tab {
  padding: 10px 16px;
  border-radius: 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  background: #fff;
  font-weight: 600;
}

.search-tab.active {
  background: #123b84;
  color: #fff;
}

.search-tab-content {
  display: none;
}

.search-tab-content.active {
  display: block;
}

.search-grid {
  display: grid;
  gap: 20px;
}

.products-grid {
  grid-template-columns: repeat(4, 1fr);
}

.posts-grid {
  grid-template-columns: repeat(3, 1fr);
}

.search-card {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  text-align: center;
}

.search-card img {
  width: 100%;
  border-radius: 10px;
}

.search-card h3 {
  font-size: 18px !important;
  margin: 10px 0 !important;
}

.price {
  font-weight: bold;
  margin-bottom: 10px;
}

.btn {
  display: inline-block;
  padding: 8px 14px;
  background: #123b84;
  color: white !important;
  border-radius: 8px;
  text-decoration: none;
}

.btn.secondary {
  background: #8fa17f;
}

@media (max-width: 900px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .products-grid,
  .posts-grid {
    grid-template-columns: 1fr;
  }
}
		.header-search {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
  max-width: 420px;
  margin-left: auto;
}

.header-search input {
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  font-size: 14px;
}

.header-search button {
  border: none;
  background: #A8B5A2;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
}