/* Block-Modul von minoka-kern (seit 0.19.0). Aussehen nach den Entwürfen vom 2026-10-23 im Look von threedom.de;
   Farben je Seite über die Eigenschaften unten überschreibbar (Modul `stile`). */
:root{
	--minoka-bloecke-text:#1f2933;
	--minoka-bloecke-leise:#52606d;
	--minoka-bloecke-linie:#e4e7eb;
	--minoka-bloecke-flaeche:#f3f4f7;
	--minoka-bloecke-link:#1159af;
	--minoka-bloecke-akzent:#37aecf;
	--minoka-bloecke-angebot:#ffbf00;
	--minoka-bloecke-gut:#13612e;
	--minoka-bloecke-gut-flaeche:#eef7f1;
	--minoka-bloecke-schlecht:#b82105;
	--minoka-bloecke-schlecht-flaeche:#fbefec;
}

/* Inhaltsverzeichnis */
.minoka-inhalt{ margin:24px 0; }
.minoka-inhalt details{ background:var(--minoka-bloecke-flaeche); border-radius:8px; padding:8px 24px; }
.minoka-inhalt details[open]{ padding-bottom:20px; }
.minoka-inhalt summary{ display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; cursor:pointer; list-style:none; }
.minoka-inhalt summary::-webkit-details-marker{ display:none; }
.minoka-inhalt-titel{ font-size:15px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(--minoka-bloecke-text); }
.minoka-inhalt-schalter{ font-size:14px; color:var(--minoka-bloecke-link); display:inline-flex; align-items:center; gap:6px; }
.minoka-inhalt-schalter::before{ content:"Aufklappen"; }
.minoka-inhalt details[open] .minoka-inhalt-schalter::before{ content:"Einklappen"; }
.minoka-inhalt-schalter::after{ content:""; width:8px; height:8px; border:solid currentColor; border-width:0 2.5px 2.5px 0; transform:rotate(45deg) translateY(-2px); }
.minoka-inhalt details[open] .minoka-inhalt-schalter::after{ transform:rotate(-135deg) translate(-2px,-1px); }
.minoka-inhalt ol{ margin:4px 0 0; padding-left:22px; font-size:16px; line-height:1.5; }
.minoka-inhalt ol ol{ margin:6px 0 0; padding-left:20px; list-style:lower-alpha; font-size:15px; }
.minoka-inhalt li{ margin:6px 0; }
.minoka-inhalt a{ color:var(--minoka-bloecke-link); }
.minoka-inhalt a:hover{ color:var(--minoka-bloecke-text); }

/* FAQ auf core/details */
.wp-block-details.is-style-minoka-faq{ border:1px solid var(--minoka-bloecke-linie); border-radius:8px; background:#fff; margin:0 0 10px; padding:0; }
.wp-block-details.is-style-minoka-faq > summary{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 18px; min-height:44px; box-sizing:border-box; cursor:pointer; list-style:none; font-size:17px; font-weight:600; color:var(--minoka-bloecke-text); }
.wp-block-details.is-style-minoka-faq > summary::-webkit-details-marker{ display:none; }
.wp-block-details.is-style-minoka-faq > summary::after{ content:""; flex:none; width:9px; height:9px; border:solid var(--minoka-bloecke-text); border-width:0 2.5px 2.5px 0; transform:rotate(45deg) translateY(-3px); }
.wp-block-details.is-style-minoka-faq[open] > summary::after{ transform:rotate(-135deg) translate(-3px,-1px); }
.wp-block-details.is-style-minoka-faq > :not(summary){ margin-left:18px; margin-right:18px; font-size:16px; line-height:1.6; }
.wp-block-details.is-style-minoka-faq > summary + *{ border-top:3px solid var(--minoka-bloecke-akzent); padding-top:12px; margin-top:0; }
.wp-block-details.is-style-minoka-faq > :last-child:not(summary){ padding-bottom:16px; margin-bottom:0; }

/* Knöpfe auf core/button */
.wp-block-button[class*="is-style-minoka-"] .wp-block-button__link{ display:inline-flex; align-items:center; gap:8px; min-height:48px; box-sizing:border-box; font-size:16px; font-weight:700; text-decoration:none; line-height:1.2; }
.wp-block-button.is-style-minoka-haupt .wp-block-button__link{ padding:0 26px; border-radius:9999px; background:var(--minoka-bloecke-akzent); color:var(--minoka-bloecke-text); border:0; }
.wp-block-button.is-style-minoka-rahmen .wp-block-button__link{ padding:0 26px; border-radius:9999px; background:transparent; color:var(--minoka-bloecke-text); border:2px solid currentColor; }
.wp-block-button.is-style-minoka-angebot .wp-block-button__link{ padding:0 22px; border-radius:6px; background:var(--minoka-bloecke-angebot); color:var(--minoka-bloecke-text); border:0; gap:10px; }
.wp-block-button.is-style-minoka-angebot .wp-block-button__link::after{ content:""; width:16px; height:16px; flex:none; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-9 9'/%3E%3Cpath d='M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-9 9'/%3E%3Cpath d='M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center/contain no-repeat; }
.wp-block-button.is-style-minoka-textlink .wp-block-button__link{ padding:0; min-height:44px; background:none; border:0; border-radius:0; color:var(--minoka-bloecke-link); font-size:17px; font-weight:600; }
.wp-block-button.is-style-minoka-textlink .wp-block-button__link::after{ content:"→"; font-weight:700; }
.wp-block-button[class*="is-style-minoka-"] .wp-block-button__link:hover,
.wp-block-button[class*="is-style-minoka-"] .wp-block-button__link:focus{ filter:brightness(0.95); text-decoration:none; }
.wp-block-button.is-style-minoka-textlink .wp-block-button__link:hover,
.wp-block-button.is-style-minoka-textlink .wp-block-button__link:focus{ color:var(--minoka-bloecke-text); filter:none; }
.wp-block-button[class*="is-style-minoka-"] .wp-block-button__link:focus-visible{ outline:3px solid var(--minoka-bloecke-link); outline-offset:3px; }
@media (max-width:600px){
	.wp-block-buttons > .wp-block-button.is-style-minoka-haupt,
	.wp-block-buttons > .wp-block-button.is-style-minoka-rahmen,
	.wp-block-buttons > .wp-block-button.is-style-minoka-angebot{ width:100%; }
	.wp-block-button.is-style-minoka-haupt .wp-block-button__link,
	.wp-block-button.is-style-minoka-rahmen .wp-block-button__link,
	.wp-block-button.is-style-minoka-angebot .wp-block-button__link{ width:100%; justify-content:center; }
}

/* Vor- und Nachteile auf core/group */
.wp-block-group.is-style-minoka-vorteile,
.wp-block-group.is-style-minoka-nachteile{ border-radius:8px; padding:20px 22px; height:100%; box-sizing:border-box; }
.wp-block-group.is-style-minoka-vorteile{ background:var(--minoka-bloecke-gut-flaeche); }
.wp-block-group.is-style-minoka-nachteile{ background:var(--minoka-bloecke-schlecht-flaeche); }
.is-style-minoka-vorteile .minoka-vn-titel,
.is-style-minoka-nachteile .minoka-vn-titel{ margin:0 0 12px; font-size:17px; font-weight:700; }
.is-style-minoka-vorteile .minoka-vn-titel{ color:var(--minoka-bloecke-gut); }
.is-style-minoka-nachteile .minoka-vn-titel{ color:var(--minoka-bloecke-schlecht); }
.is-style-minoka-vorteile ul,
.is-style-minoka-nachteile ul{ margin:0; padding:0; list-style:none; font-size:16px; line-height:1.45; color:var(--minoka-bloecke-text); }
.is-style-minoka-vorteile li,
.is-style-minoka-nachteile li{ position:relative; padding-left:30px; margin:0 0 10px; }
.is-style-minoka-vorteile li::before,
.is-style-minoka-nachteile li::before{ content:""; position:absolute; left:0; top:1px; width:20px; height:20px; }
.is-style-minoka-vorteile li::before{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313612e' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat; }
.is-style-minoka-nachteile li::before{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b82105' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Verwandte Inhalte */
.minoka-verwandte{ margin:32px 0; }
.minoka-verwandte-titel{ margin:0 0 20px; font-size:26px; color:var(--minoka-bloecke-text); }
.minoka-verwandte ul{ margin:0; padding:0; list-style:none; }
.minoka-verwandte-karten ul{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.minoka-verwandte-karten li{ margin:0; }
.minoka-verwandte-karten a{ display:flex; flex-direction:column; height:100%; border:1px solid var(--minoka-bloecke-linie); border-radius:8px; overflow:hidden; text-decoration:none; color:inherit; background:#fff; }
.minoka-verwandte-karten a:hover{ border-color:var(--minoka-bloecke-akzent); }
.minoka-verwandte-bild img{ display:block; width:100%; height:130px; object-fit:cover; }
.minoka-verwandte-text{ padding:14px 16px 18px; display:flex; flex-direction:column; gap:8px; }
.minoka-verwandte-etikett,
.minoka-weiterlesen-etikett{ font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--minoka-bloecke-gut); }
.minoka-verwandte-name{ font-size:17px; font-weight:700; line-height:1.3; color:var(--minoka-bloecke-text); }
.minoka-verwandte-auszug{ font-size:14px; line-height:1.5; color:var(--minoka-bloecke-leise); }
.minoka-verwandte-liste ul{ border-top:1px solid var(--minoka-bloecke-linie); }
.minoka-verwandte-liste li{ margin:0; border-bottom:1px solid var(--minoka-bloecke-linie); }
.minoka-verwandte-liste a{ display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; font-size:16px; font-weight:600; text-decoration:none; color:var(--minoka-bloecke-link); }
.minoka-verwandte-liste a::after{ content:"›"; font-size:22px; line-height:1; }
@media (max-width:900px){ .minoka-verwandte-karten ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .minoka-verwandte-karten ul{ grid-template-columns:minmax(0,1fr); } }

/* Weiterlesen-Verweis */
.minoka-weiterlesen{ margin:20px 0; }
.minoka-weiterlesen-kasten a{ display:flex; align-items:center; gap:16px; padding:16px 18px; border-radius:8px; background:var(--minoka-bloecke-flaeche); text-decoration:none; color:inherit; }
.minoka-weiterlesen-kasten a::after{ content:"→"; flex:none; font-size:22px; font-weight:700; color:var(--minoka-bloecke-text); }
.minoka-weiterlesen-bild{ flex:0 0 72px; }
.minoka-weiterlesen-bild img{ display:block; width:72px; height:72px; border-radius:6px; object-fit:cover; }
.minoka-weiterlesen-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; }
.minoka-weiterlesen-kasten .minoka-weiterlesen-name{ font-size:18px; font-weight:700; line-height:1.3; color:var(--minoka-bloecke-text); }
.minoka-weiterlesen-auszug{ font-size:14px; color:var(--minoka-bloecke-leise); }
.minoka-weiterlesen-zeile a{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; min-height:44px; padding-left:16px; border-left:4px solid var(--minoka-bloecke-akzent); font-size:16px; text-decoration:none; }
.minoka-weiterlesen-zeile .minoka-weiterlesen-etikett{ font-size:16px; font-weight:400; letter-spacing:0; text-transform:none; color:var(--minoka-bloecke-leise); }
.minoka-weiterlesen-zeile .minoka-weiterlesen-name{ font-weight:700; color:var(--minoka-bloecke-link); }
@media (max-width:600px){
	.minoka-weiterlesen-kasten a{ align-items:flex-start; }
	.minoka-weiterlesen-bild, .minoka-weiterlesen-bild img{ flex-basis:56px; width:56px; height:56px; }
	.minoka-weiterlesen-auszug{ display:none; }
}
