<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Djursland Skadedyr</title>
	<atom:link href="https://djurslandskadedyr.dk/feed/" rel="self" type="application/rss+xml" />
	<link>https://djurslandskadedyr.dk/</link>
	<description>Djursland skadedyr skadedyrsbekæmpelse.</description>
	<lastBuildDate>Tue, 09 Dec 2025 21:18:49 +0000</lastBuildDate>
	<language>da-DK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://djurslandskadedyr.dk/wp-content/uploads/2024/10/subtil-lille-gee-150x150.png</url>
	<title>Djursland Skadedyr</title>
	<link>https://djurslandskadedyr.dk/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Muldvarpebekæmpelse i Jylland</title>
		<link>https://djurslandskadedyr.dk/muldvarpebekaempelse-i-jylland/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 09 Nov 2025 21:34:44 +0000</pubDate>
				<category><![CDATA[Muldvarper]]></category>
		<category><![CDATA[Bekæmpelse]]></category>
		<category><![CDATA[Have]]></category>
		<category><![CDATA[Professionel bekæmpelse]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=13266</guid>

					<description><![CDATA[<p>Muldvarpebekæmpelse i Jylland Guide til giftfri muldvarpebekæmpelse – metoder, priser og lokale undersider for hurtig booking. Muldvarpebekæmpelse: fra skud til stabil, jævn plæne Vi lokaliserer aktive gange og arbejder mekanisk med fælder – uden gas og uden gift. Se metode og faste priser på hovedsiden, og gå videre til din lokale side for bestilling. Mekanisk, giftfri bekæmpelse med korrekt placerede muldvarpesakse. Muldvarpebekæmpelse i Aarhus og forstæder Hurtig hjælp i villahaver, fællesarealer og grønne anlæg – vi dækker bydele og forstæder uden for centrum. Aarhus · Viby J · Risskov · Højbjerg · Brabrand · Hasselager · Egå · Lystrup · Tilst · Tranbjerg · Mårslet · Beder · Hornslet · Harlev Muldvarpebekæmpelse på Djursland Hyppig aktivitet i sommerhuse og let jord – vi kommer hurtigt og arbejder effektivt. Djursland · Norddjurs · Syddjurs Friske skud i klynger og striber afslører de mest aktive gange. Muldvarpebekæmpelse i Øvrige Østjylland Villahaver, landbrug og grønne arealer – planlagt indsats og 14 dages garanti. Randers · Favrskov · Mariagerfjord Giftfri metode – hurtig effekt Vi arbejder 100% uden gas og uden gift. Fælder placeres i aktive gange, området markeres tydeligt, og vi følger op ved behov – inkl. 14 dages garanti efter endt bekæmpelse. Priser fra 1.200 kr. (0–1500 m²) og 1.750 kr. (1500–3000 m²) – inkl. kørsel. Genbesøg ved behov og tydelig rådgivning på stedet. Skånsom behandling, der er sikker for børn og kæledyr. Kendskab til adfærd og fødevalg øger træfsikkerheden i indsatsen. Lokal oversigt (fold ud efter behov) Aarhus og forstæder Aarhus Viby J Risskov Højbjerg Brabrand Hasselager Egå Lystrup Tilst Tranbjerg Mårslet Beder Hornslet Harlev Djursland Djursland (samlet) Norddjurs Syddjurs Øvrige Østjylland Randers Favrskov Mariagerfjord Hovedside Muldvarpebekæmpelse – priser &#038; metode Indhold Guide Lokal oversigt Seneste fra bloggen Indlæser… Se alle indlæg Kontakt os Få hurtig hjælp til muldvarpebekæmpelse – vi lokaliserer, bekæmper og følger op med garanti. Giftfri metode – ingen gas Faste priser inkl. kørsel 14 dages garanti efter endt bekæmpelse Kontakt os Få tilbud FAQ om muldvarpebekæmpelse Bruger I gas eller gift? Nej. Metoden er 100% giftfri og uden gas – vi bruger fælder i aktive gange og markerer området. Hvordan ser jeg friske skud? Mørk, løs jord i klynger/striber og nye skud på kort tid i samme zone tyder på aktive gange. Er det sikkert for børn og kæledyr? Ja. Fælderne ligger i lukkede gange. Du får tydelige anvisninger om adfærd under forløbet.</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse-i-jylland/">Muldvarpebekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13266" class="elementor elementor-13266" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Muldvarpebekæmpelse i Jylland" – landingsside (v11)
     • Grønne .btn: ingen kant normalt; SORT kant ved hover (når de bliver hvide)
     • Hvid .btn.alt ("Få tilbud"): sort kant normalt; INGEN kant ved hover (når den bliver grøn)
     ========================================================= -->
<section id="jy-mole-root" data-dsx-talpa aria-labelledby="h1-muldvarp" class="flow">
  <style>
    [data-dsx-talpa]{
      --brand:#7FB03E; --ink:#0b1220; --bg:#ffffff;
      --panel:#ffffff; --panel-2:#f8fafc; --border:#e3eaf2;
      --radius:16px; --wrap:1280px; --gap:clamp(16px,3.4vw,28px);
      --shadow:0 8px 24px rgba(2,6,23,.07);
      --flow: clamp(12px, 2.2vw, 20px);
      color:var(--ink); background:var(--bg);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      font-size:16px; line-height:1.7; color-scheme:light;
    }
    .flow > * + * { margin-top: var(--flow); }
    .flow-lg > * + * { margin-top: calc(var(--flow) * 1.4); }
    .flow-sm > * + * { margin-top: calc(var(--flow) * 0.7); }

    [data-dsx-talpa] .wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(12px,2.5vw,22px)}

    /* Headings */
    [data-dsx-talpa] h1,[data-dsx-talpa] h2,[data-dsx-talpa] h3{line-height:1.2; font-weight:800; margin:0}
    [data-dsx-talpa] h1{font-size:clamp(30px,5.4vw,42px); margin-block:.2rem .6rem}
    [data-dsx-talpa] h2{font-size:clamp(20px,3.6vw,26px); position:relative; padding-bottom:.45rem; margin-block:1.1rem .7rem}
    [data-dsx-talpa] h2::after{content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; border-radius:2px; background:var(--brand)}
    [data-dsx-talpa] h3{font-size:clamp(17px,2.8vw,20px); margin-block:.9rem .5rem}

    [data-dsx-talpa] p{margin:0}
    [data-dsx-talpa] a{color:inherit;text-decoration:none}
    [data-dsx-talpa] a:hover{color:var(--brand); text-decoration:underline}
    [data-dsx-talpa] :focus-visible{outline:3px solid rgba(127,176,62,.30);outline-offset:2px}

    /* Layout & paneler */
    [data-dsx-talpa] .grid{display:grid;gap:var(--gap)}
    @media(min-width:980px){[data-dsx-talpa] .grid{grid-template-columns: 1.42fr .58fr}}
    [data-dsx-talpa] .panel{
      position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--panel-2));
      border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
      padding:clamp(16px,2.6vw,24px)
    }

    /* Billeder */
    [data-dsx-talpa] figure{margin:0; max-width:520px; margin-inline:auto}
    [data-dsx-talpa] figure img{
      width:100%; height:auto; max-height:220px; object-fit:cover;
      border-radius:12px; border:1px solid var(--border)
    }
    [data-dsx-talpa] figure figcaption{font-size:13px;color:#667085;margin-top:.35rem}
    @media(max-width:520px){
      [data-dsx-talpa] figure{max-width:92%}
      [data-dsx-talpa] figure img{max-height:200px}
    }

    /* Callouts */
    [data-dsx-talpa] .callout{
      border-left:6px solid var(--brand); background:#fff; border:1px solid var(--border);
      border-radius:12px; padding:14px;
    }

    /* Sticky ASIDE */
    @media(min-width:900px){
      [data-dsx-talpa] aside.panel.sticky-aside{
        position:sticky; top:clamp(12px,2.2vw,24px); align-self:start; height:fit-content;
      }
    }

    /* TOC */
    [data-dsx-talpa] .toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
    [data-dsx-talpa] .toc ol{margin:0; padding-left:1.1rem}
    [data-dsx-talpa] .toc li + li{margin-top:.35rem}

    /* Blogliste */
    #dsx-blog-list{margin-top:.4rem}
    #dsx-blog-list ul{list-style:none;padding:0;margin:0}
    #dsx-blog-list li{padding:10px 0;border-bottom:1px solid var(--border)}
    #dsx-blog-list li:last-child{border-bottom:none}
    #dsx-blog-list a{display:block;font-weight:800;line-height:1.35;text-decoration:none}
    #dsx-blog-list a:hover{color:var(--brand);text-decoration:underline}
    #dsx-blog-list time{display:block;font-size:12px;color:#667085;margin-top:2px}

    /* CTA-boks i sidebar */
    [data-dsx-talpa] .cta-box{
      background:#fff; border:1px solid var(--border); border-left:6px solid var(--brand);
      border-radius:12px; padding:14px; box-shadow:0 8px 22px rgba(2,6,23,.06);
    }
    [data-dsx-talpa] .cta-box h3{margin:0 0 .6rem; font-size:18px}
    [data-dsx-talpa] .cta-box p{color:#475467}
    [data-dsx-talpa] .cta-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}

    /* ========= KNAPPER ========= */
    [data-dsx-talpa] .btn{
      --h:38px; display:inline-flex; min-height:var(--h); align-items:center; justify-content:center;
      padding:0 12px; border-radius:10px;
      border:0 !important;
      font-weight:600; text-decoration:none !important;
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; box-shadow:0 6px 14px rgba(127,176,62,.18) !important;
      transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease, box-shadow .2s ease;
    }
    [data-dsx-talpa] .btn:hover{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important;
      text-decoration:none !important; transform:translateY(-1px);
      box-shadow:0 8px 18px rgba(2,6,23,.12) !important;
    }
    [data-dsx-talpa] .btn:active{
      transform:translateY(0); box-shadow:0 4px 10px rgba(2,6,23,.12) !important;
    }
    [data-dsx-talpa] .btn:focus{outline:none}

    [data-dsx-talpa] .btn.alt{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important; text-decoration:none !important;
      box-shadow:0 6px 14px rgba(2,6,23,.06) !important;
    }
    [data-dsx-talpa] .btn.alt:hover{
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; border:0 !important;
      text-decoration:none !important;
      box-shadow:0 8px 18px rgba(127,176,62,.18) !important;
    }
    [data-dsx-talpa] .btn:focus-visible{outline:3px solid rgba(127,176,62,.30) !important; outline-offset:2px}

    /* Accordion */
    [data-dsx-talpa] details{
      border:1px solid var(--border); border-radius:12px; padding:12px; background:#fff;
      transition: background .2s ease, border-color .2s ease;
    }
    [data-dsx-talpa] details + details{margin-top:12px}
    [data-dsx-talpa] summary{
      cursor:pointer; font-weight:800; list-style:none; position:relative; padding-left:24px;
    }
    [data-dsx-talpa] summary::-webkit-details-marker{display:none}
    [data-dsx-talpa] summary::before{
      content:""; position:absolute; left:0; top:.35em;
      width:12px; height:12px; border:2px solid var(--brand); border-left:0; border-top:0;
      transform:rotate(45deg); transition: transform .2s ease, border-color .2s ease;
    }
    [data-dsx-talpa] details[open] summary::before{ transform:rotate(225deg); }
    [data-dsx-talpa] details[open]{ background:linear-gradient(0deg, rgba(127,176,62,.06), rgba(127,176,62,.06)), #fff; border-color: rgba(127,176,62,.35); }

    [data-dsx-talpa] .dir-list{columns:1;column-gap:18px;padding-left:1.2rem;margin:.45rem 0 0}
    @media(min-width:860px){[data-dsx-talpa] .dir-list{columns:2}}
    [data-dsx-talpa] .dir-list li{break-inside:avoid;margin:0 0 .45rem}
  </style>

  <div class="wrap flow-lg">
    <!-- HEADER -->
    <header class="panel flow-sm" aria-labelledby="h1-muldvarp">
      <h1 id="h1-muldvarp">Muldvarpebekæmpelse i Jylland</h1>
      <p class="lead">Guide til giftfri muldvarpebekæmpelse – metoder, priser og lokale undersider for hurtig booking.</p>
    </header>

    <div class="grid" role="region" aria-label="Indhold & oversigt">
      <!-- MAIN -->
      <main class="panel flow" id="indhold">
        <h2>Muldvarpebekæmpelse: fra skud til stabil, jævn plæne</h2>
        <p>Vi lokaliserer aktive gange og arbejder mekanisk med fælder – uden gas og uden gift. Se metode og faste priser på <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/">hovedsiden</a>, og gå videre til din lokale side for bestilling.</p>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/01/Muldvarpefaelder.webp" alt="Muldvarpesakse sat korrekt i aktive gange" loading="lazy">
          <figcaption>Mekanisk, giftfri bekæmpelse med korrekt placerede muldvarpesakse.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Muldvarpebekæmpelse i Aarhus og forstæder</h3>
          <p>Hurtig hjælp i villahaver, fællesarealer og grønne anlæg – vi dækker bydele og forstæder uden for centrum.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/aarhus/">Aarhus</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/viby-j/">Viby J</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/risskov/">Risskov</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hoejbjerg/">Højbjerg</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/brabrand/">Brabrand</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hasselager/">Hasselager</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/egaa/">Egå</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/lystrup/">Lystrup</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/tilst/">Tilst</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/tranbjerg/">Tranbjerg</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/maarslet/">Mårslet</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/beder/">Beder</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hornslet/">Hornslet</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/harlev/">Harlev</a>
          </p>
        </div>

        <div class="callout flow-sm">
          <h3>Muldvarpebekæmpelse på Djursland</h3>
          <p>Hyppig aktivitet i sommerhuse og let jord – vi kommer hurtigt og arbejder effektivt.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/djursland/">Djursland</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/norddjurs/">Norddjurs</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/syddjurs/">Syddjurs</a>
          </p>
        </div>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/01/Muldvarpeskud-fordelt.webp" alt="Muldvarpeskud fordelt i plæne" loading="lazy">
          <figcaption>Friske skud i klynger og striber afslører de mest aktive gange.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Muldvarpebekæmpelse i Øvrige Østjylland</h3>
          <p>Villahaver, landbrug og grønne arealer – planlagt indsats og 14 dages garanti.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/randers/">Randers</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/favrskov/">Favrskov</a> ·
            <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/mariagerfjord/">Mariagerfjord</a>
          </p>
        </div>

        <h2>Giftfri metode – hurtig effekt</h2>
        <p>Vi arbejder 100% uden gas og uden gift. Fælder placeres i aktive gange, området markeres tydeligt, og vi følger op ved behov – inkl. <strong>14 dages garanti</strong> efter endt bekæmpelse.</p>
        <ul>
          <li>Priser fra 1.200 kr. (0–1500 m²) og 1.750 kr. (1500–3000 m²) – inkl. kørsel.</li>
          <li>Genbesøg ved behov og tydelig rådgivning på stedet.</li>
          <li>Skånsom behandling, der er sikker for børn og kæledyr.</li>
        </ul>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2024/10/448457535_122149557410175151_157210802484481329_n.webp" alt="Muldvarp tæt på – artsforståelse og adfærd" loading="lazy">
          <figcaption>Kendskab til adfærd og fødevalg øger træfsikkerheden i indsatsen.</figcaption>
        </figure>

        <!-- Lokal-oversigt (fold-ud) -->
        <section class="flow" aria-labelledby="h2-oversigt">
          <h2 id="h2-oversigt">Lokal oversigt (fold ud efter behov)</h2>
          <details>
            <summary>Aarhus og forstæder</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/aarhus/">Aarhus</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/viby-j/">Viby J</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/risskov/">Risskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hoejbjerg/">Højbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/brabrand/">Brabrand</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hasselager/">Hasselager</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/egaa/">Egå</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/lystrup/">Lystrup</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/tilst/">Tilst</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/tranbjerg/">Tranbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/maarslet/">Mårslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/beder/">Beder</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/hornslet/">Hornslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/harlev/">Harlev</a></li>
            </ul>
          </details>
          <details>
            <summary>Djursland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/djursland/">Djursland (samlet)</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/norddjurs/">Norddjurs</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/syddjurs/">Syddjurs</a></li>
            </ul>
          </details>
          <details>
            <summary>Øvrige Østjylland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/randers/">Randers</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/favrskov/">Favrskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/mariagerfjord/">Mariagerfjord</a></li>
            </ul>
          </details>
          <details>
            <summary>Hovedside</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/muldvarpebekaempelse/">Muldvarpebekæmpelse – priser & metode</a></li>
            </ul>
          </details>
        </section>
      </main>

      <!-- SIDEBAR (sticky) -->
      <aside class="panel sticky-aside flow" aria-label="Indholdsfortegnelse og blog">
        <nav class="toc flow-sm" aria-labelledby="toc-title">
          <h3 id="toc-title">Indhold</h3>
          <ol>
            <li><a href="#indhold">Guide</a></li>
            <li><a href="#h2-oversigt">Lokal oversigt</a></li>
          </ol>
        </nav>

        <section class="panel flow-sm" aria-label="Seneste fra bloggen">
          <h3>Seneste fra bloggen</h3>
          <div id="dsx-blog-list" aria-live="polite">
            <p>Indlæser…</p>
          </div>
          <p><a class="btn" href="https://djurslandskadedyr.dk/blog/">Se alle indlæg</a></p>
        </section>

        <!-- CTA-BOKS nederst -->
        <section class="cta-box flow-sm" aria-label="Kontakt os">
          <h3>Kontakt os</h3>
          <p>Få hurtig hjælp til muldvarpebekæmpelse – vi lokaliserer, bekæmper og følger op med garanti.</p>
          <ul style="padding-left:1.2rem;margin:.4rem 0 0">
            <li>Giftfri metode – ingen gas</li>
            <li>Faste priser inkl. kørsel</li>
            <li>14 dages garanti efter endt bekæmpelse</li>
          </ul>
          <div class="cta-actions">
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Kontakt Djursland Skadedyr">Kontakt os</a>
            <a class="btn alt" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Få et tilbud på muldvarpebekæmpelse">Få tilbud</a>
          </div>
        </section>
      </aside>
    </div>

    <!-- FAQ -->
    <section class="panel flow" aria-labelledby="jy-faq-h2">
      <h2 id="jy-faq-h2">FAQ om muldvarpebekæmpelse</h2>
      <details>
        <summary>Bruger I gas eller gift?</summary>
        <div><p>Nej. Metoden er 100% giftfri og uden gas – vi bruger fælder i aktive gange og markerer området.</p></div>
      </details>
      <details>
        <summary>Hvordan ser jeg friske skud?</summary>
        <div><p>Mørk, løs jord i klynger/striber og nye skud på kort tid i samme zone tyder på aktive gange.</p></div>
      </details>
      <details>
        <summary>Er det sikkert for børn og kæledyr?</summary>
        <div><p>Ja. Fælderne ligger i lukkede gange. Du får tydelige anvisninger om adfærd under forløbet.</p></div>
      </details>
    </section>
  </div>

  <!-- JSON-LD -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ItemList",
    "name":"Muldvarpebekæmpelse i Jylland – lokale sider",
    "itemListElement":[
      {"@type":"ListItem","position":1,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/"},
      {"@type":"ListItem","position":2,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/aarhus/"},
      {"@type":"ListItem","position":3,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/beder/"},
      {"@type":"ListItem","position":4,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/brabrand/"},
      {"@type":"ListItem","position":5,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/egaa/"},
      {"@type":"ListItem","position":6,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/favrskov/"},
      {"@type":"ListItem","position":7,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/harlev/"},
      {"@type":"ListItem","position":8,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/hasselager/"},
      {"@type":"ListItem","position":9,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/hoejbjerg/"},
      {"@type":"ListItem","position":10,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/hornslet/"},
      {"@type":"ListItem","position":11,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/lystrup/"},
      {"@type":"ListItem","position":12,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/mariagerfjord/"},
      {"@type":"ListItem","position":13,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/maarslet/"},
      {"@type":"ListItem","position":14,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/norddjurs/"},
      {"@type":"ListItem","position":15,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/randers/"},
      {"@type":"ListItem","position":16,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/risskov/"},
      {"@type":"ListItem","position":17,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/syddjurs/"},
      {"@type":"ListItem","position":18,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/tilst/"},
      {"@type":"ListItem","position":19,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/tranbjerg/"},
      {"@type":"ListItem","position":20,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/viby-j/"},
      {"@type":"ListItem","position":21,"url":"https://djurslandskadedyr.dk/muldvarpebekaempelse/djursland/"}
    ]
  }
  </script>

  <!-- JS: Seneste fra bloggen -->
  <script>
    (function(){
      const box = document.getElementById('dsx-blog-list');
      if(!box) return;
      const endpoint = '/wp-json/wp/v2/posts?per_page=6&_fields=link,title,date';
      fetch(endpoint, { credentials: 'same-origin' })
        .then(r => r.ok ? r.json() : Promise.reject(r))
        .then(items => {
          if(!Array.isArray(items) || !items.length){
            box.innerHTML = '<p>Ingen indlæg lige nu.</p>';
            return;
          }
          const ul = document.createElement('ul');
          items.forEach(p => {
            const li = document.createElement('li');
            const a = document.createElement('a');
            a.href = p.link;
            a.textContent = (p.title && p.title.rendered ? p.title.rendered.replace(/<[^>]+>/g,'') : 'Indlæg');
            const t = document.createElement('time');
            try{
              const dt = new Date(p.date);
              t.dateTime = dt.toISOString();
              t.textContent = dt.toLocaleDateString('da-DK',{year:'numeric',month:'short',day:'2-digit'});
            }catch(e){}
            li.appendChild(a); li.appendChild(t); ul.appendChild(li);
          });
          box.innerHTML=''; box.appendChild(ul);
        })
        .catch(()=>{
          box.innerHTML = '<p>Kunne ikke hente indlæg. <a href="https://djurslandskadedyr.dk/blog/">Se bloggen</a>.</p>';
        });
    })();
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/muldvarpebekaempelse-i-jylland/">Muldvarpebekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skægkræ bekæmpelse i Jylland</title>
		<link>https://djurslandskadedyr.dk/skaegkrae-bekaempelse-i-jylland/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 09 Nov 2025 21:19:16 +0000</pubDate>
				<category><![CDATA[Skægkræ]]></category>
		<category><![CDATA[Bekæmpelse]]></category>
		<category><![CDATA[Indendørs]]></category>
		<category><![CDATA[Professionel bekæmpelse]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=13254</guid>

					<description><![CDATA[<p>Skægkræ bekæmpelse i Jylland Effektiv indvendig behandling mod skægkræ – med lokale undersider for bestilling, områder og priser. Faste priser fra 1.200 kr. inkl. moms og kørsel · Vi anbefaler min. 2 besøg · Hensyn til børn og dyr. Læs mere om skægkræ på vores speciale side om skægkræ – og se forskellige pris løsninger på bekæmpelse af skægkræ her . Skægkræ: fra konstatering til varigt frie boliger Oplever du skægkræ i bolig eller erhverv? Vi udfører målrettet indvendig behandling af hele boligen, følger op efter behov og rådgiver om forebyggelse. Se metode og priser på hovedsiden og gå videre til din lokale side for booking. Skægkræ fundet på gulv – tegn på etableret aktivitet. Skægkræ i Aarhus og forstæder Hyppigt i nyere byggeri og renoverede boliger. Fokus på fugt, sprækker og gennemføringer. Aarhus · Viby J · Risskov · Højbjerg · Brabrand · Hasselager · Egå · Lystrup · Tilst · Tranbjerg · Mårslet · Beder Skægkræ på Djursland Ses i både helårs- og sommerhuse. Vi rådgiver om tætning, fugt og oprydning ved vægge. Djursland · Norddjurs · Syddjurs Skægkræ på væg – aktivitet omkring paneler og lister. Skægkræ i Øvrige Østjylland Udbredt i lejligheder og etagebyggeri; kræver systematisk, indvendig behandling og opfølgning. Randers · Favrskov · Mariagerfjord · Harlev · Hornslet Sådan bekæmper vi skægkræ Indvendig, målrettet behandling af hele boligen (min. 2 besøg anbefales). Fleksibel plan og hensyn til børn og husdyr. Råd om oprydning, fugt og tætning for at forebygge tilbagefald. Resultat efter målrettet indvendig behandling. Lokal oversigt (fold ud efter behov) Aarhus og forstæder Aarhus Viby J Risskov Højbjerg Brabrand Hasselager Egå Lystrup Tilst Tranbjerg Mårslet Beder Hornslet Harlev Djursland Djursland (samlet) Norddjurs Syddjurs Øvrige Østjylland Randers Favrskov Mariagerfjord Hovedside Skægkræ – metode &#038; priser Indhold Guide Lokal oversigt Seneste fra bloggen Indlæser… Se alle indlæg Kontakt os Få hurtig hjælp til skægkræbekæmpelse – vi behandler, følger op og rådgiver om forebyggelse. Indvendig behandling af hele boligen Min. 2 besøg anbefales Hensyn til børn og dyr Kontakt os Få tilbud FAQ om skægkræ Hvor mange behandlinger skal der til? Vi anbefaler mindst 2 besøg for et stabilt resultat, med opfølgning efter behov. Er behandlingen sikker for børn og kæledyr? Ja – vi planlægger behandlingen, så der tages hensyn til både børn og dyr. Hvad koster det? Faste priser fra 1.200 kr. inkl. moms og kørsel. Kontakt os for særlige boliger eller større sager. Du kan også se forskellige pris løsninger på bekæmpelse af skægkræ her . Hvordan forebygger jeg, at de kommer igen? Hold tørt og ryddeligt, tæt sprækker og samlinger, og følg vores råd efter behandlingen.</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse-i-jylland/">Skægkræ bekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13254" class="elementor elementor-13254" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Skægkræ bekæmpelse i Jylland" – landingsside (v11+backlinks+price-link-style)
     ========================================================= -->
<section id="jy-skaegkrae-root" data-dsx-zygentoma aria-labelledby="h1-skaegkrae" class="flow">
  <style>
    [data-dsx-zygentoma]{
      --brand:#7FB03E; --ink:#0b1220; --bg:#ffffff;
      --panel:#ffffff; --panel-2:#f8fafc; --border:#e3eaf2;
      --radius:16px; --wrap:1280px; --gap:clamp(16px,3.4vw,28px);
      --shadow:0 8px 24px rgba(2,6,23,.07);
      --flow: clamp(12px, 2.2vw, 20px);
      color:var(--ink); background:var(--bg);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      font-size:16px; line-height:1.7; color-scheme:light;
    }
    .flow > * + * { margin-top: var(--flow); }
    .flow-lg > * + * { margin-top: calc(var(--flow) * 1.4); }
    .flow-sm > * + * { margin-top: calc(var(--flow) * 0.7); }

    [data-dsx-zygentoma] .wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(12px,2.5vw,22px)}

    /* Headings */
    [data-dsx-zygentoma] h1,[data-dsx-zygentoma] h2,[data-dsx-zygentoma] h3{line-height:1.2; font-weight:800; margin:0}
    [data-dsx-zygentoma] h1{font-size:clamp(30px,5.4vw,42px); margin-block:.2rem .6rem}
    [data-dsx-zygentoma] h2{font-size:clamp(20px,3.6vw,26px); position:relative; padding-bottom:.45rem; margin-block:1.1rem .7rem}
    [data-dsx-zygentoma] h2::after{content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; border-radius:2px; background:var(--brand)}
    [data-dsx-zygentoma] h3{font-size:clamp(17px,2.8vw,20px); margin-block:.9rem .5rem}

    [data-dsx-zygentoma] p{margin:0}
    [data-dsx-zygentoma] a{color:inherit;text-decoration:none}
    [data-dsx-zygentoma] a:hover{color:var(--brand); text-decoration:underline}
    [data-dsx-zygentoma] :focus-visible{outline:3px solid rgba(127,176,62,.30);outline-offset:2px}

    /* Speciel styling til pris-link: grøn normalt, blå ved hover */
    [data-dsx-zygentoma] a.price-link{
      color:#7FB03E;
      text-decoration:underline;
      font-weight:700;
    }
    [data-dsx-zygentoma] a.price-link:hover{
      color:#0066ff !important;
      text-decoration:underline;
    }

    /* Layout & paneler */
    [data-dsx-zygentoma] .grid{display:grid;gap:var(--gap)}
    @media(min-width:980px){[data-dsx-zygentoma] .grid{grid-template-columns: 1.42fr .58fr}}
    [data-dsx-zygentoma] .panel{
      position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--panel-2));
      border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
      padding:clamp(16px,2.6vw,24px)
    }

    /* Billeder */
    [data-dsx-zygentoma] figure{margin:0; max-width:520px; margin-inline:auto}
    [data-dsx-zygentoma] figure img{
      width:100%; height:auto; max-height:220px; object-fit:cover;
      border-radius:12px; border:1px solid var(--border)
    }
    [data-dsx-zygentoma] figure figcaption{font-size:13px;color:#667085;margin-top:.35rem}
    @media(max-width:520px){
      [data-dsx-zygentoma] figure{max-width:92%}
      [data-dsx-zygentoma] figure img{max-height:200px}
    }

    /* Callouts */
    [data-dsx-zygentoma] .callout{
      border-left:6px solid var(--brand); background:#fff; border:1px solid var(--border);
      border-radius:12px; padding:14px;
    }

    /* Sticky ASIDE */
    @media(min-width:900px){
      [data-dsx-zygentoma] aside.panel.sticky-aside{
        position:sticky; top:clamp(12px,2.2vw,24px); align-self:start; height:fit-content;
      }
    }

    /* TOC */
    [data-dsx-zygentoma] .toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
    [data-dsx-zygentoma] .toc ol{margin:0; padding-left:1.1rem}
    [data-dsx-zygentoma] .toc li + li{margin-top:.35rem}

    /* Blogliste */
    #dsx-blog-list{margin-top:.4rem}
    #dsx-blog-list ul{list-style:none;padding:0;margin:0}
    #dsx-blog-list li{padding:10px 0;border-bottom:1px solid var(--border)}
    #dsx-blog-list li:last-child{border-bottom:none}
    #dsx-blog-list a{display:block;font-weight:800;line-height:1.35;text-decoration:none}
    #dsx-blog-list a:hover{color:var(--brand);text-decoration:underline}
    #dsx-blog-list time{display:block;font-size:12px;color:#667085;margin-top:2px}

    /* CTA-boks i sidebar */
    [data-dsx-zygentoma] .cta-box{
      background:#fff; border:1px solid var(--border); border-left:6px solid var(--brand);
      border-radius:12px; padding:14px; box-shadow:0 8px 22px rgba(2,6,23,.06);
    }
    [data-dsx-zygentoma] .cta-box h3{margin:0 0 .6rem; font-size:18px}
    [data-dsx-zygentoma] .cta-box p{color:#475467}
    [data-dsx-zygentoma] .cta-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}

    /* ========= KNAPPER ========= */
    [data-dsx-zygentoma] .btn{
      --h:38px; display:inline-flex; min-height:var(--h); align-items:center; justify-content:center;
      padding:0 12px; border-radius:10px;
      border:0 !important;
      font-weight:600; text-decoration:none !important;
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; box-shadow:0 6px 14px rgba(127,176,62,.18) !important;
      transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease, box-shadow .2s ease;
    }
    [data-dsx-zygentoma] .btn:hover{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important;
      text-decoration:none !important; transform:translateY(-1px);
      box-shadow:0 8px 18px rgba(2,6,23,.12) !important;
    }
    [data-dsx-zygentoma] .btn:active{
      transform:translateY(0); box-shadow:0 4px 10px rgba(2,6,23,.12) !important;
    }
    [data-dsx-zygentoma] .btn:focus{outline:none}

    /* Hvid CTA */
    [data-dsx-zygentoma] .btn.alt{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important; text-decoration:none !important;
      box-shadow:0 6px 14px rgba(2,6,23,.06) !important;
    }
    [data-dsx-zygentoma] .btn.alt:hover{
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; border:0 !important;
      text-decoration:none !important;
      box-shadow:0 8px 18px rgba(127,176,62,.18) !important;
    }
    [data-dsx-zygentoma] .btn:focus-visible{outline:3px solid rgba(127,176,62,.30) !important; outline-offset:2px}

    /* Accordion */
    [data-dsx-zygentoma] details{
      border:1px solid var(--border); border-radius:12px; padding:12px; background:#fff;
      transition: background .2s ease, border-color .2s ease;
    }
    [data-dsx-zygentoma] details + details{margin-top:12px}
    [data-dsx-zygentoma] summary{
      cursor:pointer; font-weight:800; list-style:none; position:relative; padding-left:24px;
    }
    [data-dsx-zygentoma] summary::-webkit-details-marker{display:none}
    [data-dsx-zygentoma] summary::before{
      content:""; position:absolute; left:0; top:.35em;
      width:12px; height:12px; border:2px solid var(--brand); border-left:0; border-top:0;
      transform:rotate(45deg); transition: transform .2s ease, border-color .2s ease;
    }
    [data-dsx-zygentoma] details[open] summary::before{ transform:rotate(225deg); }
    [data-dsx-zygentoma] details[open]{ background:linear-gradient(0deg, rgba(127,176,62,.06), rgba(127,176,62,.06)), #fff; border-color: rgba(127,176,62,.35); }

    [data-dsx-zygentoma] .dir-list{columns:1;column-gap:18px;padding-left:1.2rem;margin:.45rem 0 0}
    @media(min-width:860px){[data-dsx-zygentoma] .dir-list{columns:2}}
    [data-dsx-zygentoma] .dir-list li{break-inside:avoid;margin:0 0 .45rem}
  </style>

  <div class="wrap flow-lg">
    <!-- HEADER -->
    <header class="panel flow-sm" aria-labelledby="h1-skaegkrae">
      <h1 id="h1-skaegkrae">Skægkræ bekæmpelse i Jylland</h1>
      <p class="lead">Effektiv indvendig behandling mod skægkræ – med lokale undersider for bestilling, områder og priser.</p>
      <p style="font-weight:700">Faste priser fra 1.200 kr. inkl. moms og kørsel · Vi anbefaler min. 2 besøg · Hensyn til børn og dyr.</p>
      <!-- Backlinks til speciale-side og pris-side -->
      <p class="lead">
        Læs mere om skægkræ på vores 
        <a href="https://xn--skgkrbekmper-7cbdd.dk/" rel="noopener noreferrer" title="Speciale side om skægkræ">speciale side om skægkræ</a>
        – og se
        <a href="https://xn--skgkrbekmper-7cbdd.dk/priser/" rel="noopener noreferrer" title="Priser og forskellige løsninger på bekæmpelse af skægkræ" class="price-link">
          forskellige pris løsninger på bekæmpelse af skægkræ her
        </a>.
      </p>
    </header>

    <div class="grid" role="region" aria-label="Indhold & oversigt">
      <!-- MAIN -->
      <main class="panel flow" id="indhold">
        <h2>Skægkræ: fra konstatering til varigt frie boliger</h2>
        <p>Oplever du skægkræ i bolig eller erhverv? Vi udfører målrettet indvendig behandling af hele boligen, følger op efter behov og rådgiver om forebyggelse. Se metode og priser på <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/">hovedsiden</a> og gå videre til din lokale side for booking.</p>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/07/IMG20250715104535-scaled.jpg#main" alt="Skægkræ på gulv under inspektion" loading="lazy">
          <figcaption>Skægkræ fundet på gulv – tegn på etableret aktivitet.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Skægkræ i Aarhus og forstæder</h3>
          <p>Hyppigt i nyere byggeri og renoverede boliger. Fokus på fugt, sprækker og gennemføringer.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/aarhus/">Aarhus</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/viby-j/">Viby J</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/risskov/">Risskov</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hoejbjerg/">Højbjerg</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/brabrand/">Brabrand</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hasselager/">Hasselager</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/egaa/">Egå</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/lystrup/">Lystrup</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tilst/">Tilst</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tranbjerg/">Tranbjerg</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/maarslet/">Mårslet</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/beder/">Beder</a>
          </p>
        </div>

        <div class="callout flow-sm">
          <h3>Skægkræ på Djursland</h3>
          <p>Ses i både helårs- og sommerhuse. Vi rådgiver om tætning, fugt og oprydning ved vægge.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/djursland/">Djursland</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/norddjurs/">Norddjurs</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/syddjurs/">Syddjurs</a>
          </p>
        </div>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/07/IMG20250707135622-scaled.jpg#main" alt="Skægkræ på væg nær fodliste" loading="lazy">
          <figcaption>Skægkræ på væg – aktivitet omkring paneler og lister.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Skægkræ i Øvrige Østjylland</h3>
          <p>Udbredt i lejligheder og etagebyggeri; kræver systematisk, indvendig behandling og opfølgning.</p>
          <p>
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/randers/">Randers</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/favrskov/">Favrskov</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/mariagerfjord/">Mariagerfjord</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/harlev/">Harlev</a> ·
            <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hornslet/">Hornslet</a>
          </p>
        </div>

        <h2>Sådan bekæmper vi skægkræ</h2>
        <ul>
          <li>Indvendig, målrettet behandling af hele boligen (min. 2 besøg anbefales).</li>
          <li>Fleksibel plan og hensyn til børn og husdyr.</li>
          <li>Råd om oprydning, fugt og tætning for at forebygge tilbagefald.</li>
        </ul>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/07/IMG_20250725_231730-scaled.jpg" alt="Døde skægkræ efter behandling" loading="lazy">
          <figcaption>Resultat efter målrettet indvendig behandling.</figcaption>
        </figure>

        <!-- Lokal-oversigt (fold-ud) -->
        <section class="flow" aria-labelledby="h2-oversigt">
          <h2 id="h2-oversigt">Lokal oversigt (fold ud efter behov)</h2>
          <details>
            <summary>Aarhus og forstæder</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/aarhus/">Aarhus</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/viby-j/">Viby J</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/risskov/">Risskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hoejbjerg/">Højbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/brabrand/">Brabrand</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hasselager/">Hasselager</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/egaa/">Egå</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/lystrup/">Lystrup</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tilst/">Tilst</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tranbjerg/">Tranbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/maarslet/">Mårslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/beder/">Beder</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hornslet/">Hornslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/harlev/">Harlev</a></li>
            </ul>
          </details>
          <details>
            <summary>Djursland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/djursland/">Djursland (samlet)</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/norddjurs/">Norddjurs</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/syddjurs/">Syddjurs</a></li>
            </ul>
          </details>
          <details>
            <summary>Øvrige Østjylland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/randers/">Randers</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/favrskov/">Favrskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/mariagerfjord/">Mariagerfjord</a></li>
            </ul>
          </details>
          <details>
            <summary>Hovedside</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse/">Skægkræ – metode & priser</a></li>
            </ul>
          </details>
        </section>
      </main>

      <!-- SIDEBAR (sticky) -->
      <aside class="panel sticky-aside flow" aria-label="Indholdsfortegnelse og blog">
        <nav class="toc flow-sm" aria-labelledby="toc-title">
          <h3 id="toc-title">Indhold</h3>
          <ol>
            <li><a href="#indhold">Guide</a></li>
            <li><a href="#h2-oversigt">Lokal oversigt</a></li>
          </ol>
        </nav>

        <section class="panel flow-sm" aria-label="Seneste fra bloggen">
          <h3>Seneste fra bloggen</h3>
          <div id="dsx-blog-list" aria-live="polite">
            <p>Indlæser…</p>
          </div>
          <p><a class="btn" href="https://djurslandskadedyr.dk/blog/">Se alle indlæg</a></p>
        </section>

        <!-- CTA-BOKS nederst -->
        <section class="cta-box flow-sm" aria-label="Kontakt os">
          <h3>Kontakt os</h3>
          <p>Få hurtig hjælp til skægkræbekæmpelse – vi behandler, følger op og rådgiver om forebyggelse.</p>
          <ul style="padding-left:1.2rem;margin:.4rem 0 0">
            <li>Indvendig behandling af hele boligen</li>
            <li>Min. 2 besøg anbefales</li>
            <li>Hensyn til børn og dyr</li>
          </ul>
          <div class="cta-actions">
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Kontakt Djursland Skadedyr">Kontakt os</a>
            <a class="btn alt" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Få et tilbud på skægkræbekæmpelse">Få tilbud</a>
          </div>
        </section>
      </aside>
    </div>

    <!-- FAQ -->
    <section class="panel flow" aria-labelledby="jy-faq-h2">
      <h2 id="jy-faq-h2">FAQ om skægkræ</h2>
      <details>
        <summary>Hvor mange behandlinger skal der til?</summary>
        <div><p>Vi anbefaler mindst 2 besøg for et stabilt resultat, med opfølgning efter behov.</p></div>
      </details>
      <details>
        <summary>Er behandlingen sikker for børn og kæledyr?</summary>
        <div><p>Ja – vi planlægger behandlingen, så der tages hensyn til både børn og dyr.</p></div>
      </details>
      <details>
        <summary>Hvad koster det?</summary>
        <div>
          <p>
            Faste priser fra 1.200 kr. inkl. moms og kørsel. Kontakt os for særlige boliger eller større sager.
            Du kan også se 
            <a href="https://xn--skgkrbekmper-7cbdd.dk/priser/" rel="noopener noreferrer" title="Priser på bekæmpelse af skægkræ" class="price-link">
              forskellige pris løsninger på bekæmpelse af skægkræ her
            </a>.
          </p>
        </div>
      </details>
      <details>
        <summary>Hvordan forebygger jeg, at de kommer igen?</summary>
        <div><p>Hold tørt og ryddeligt, tæt sprækker og samlinger, og følg vores råd efter behandlingen.</p></div>
      </details>
    </section>
  </div>

  <!-- JSON-LD -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ItemList",
    "name":"Skægkræ bekæmpelse i Jylland – lokale sider",
    "itemListElement":[
      {"@type":"ListItem","position":1,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/"},
      {"@type":"ListItem","position":2,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/aarhus/"},
      {"@type":"ListItem","position":3,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/viby-j/"},
      {"@type":"ListItem","position":4,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/risskov/"},
      {"@type":"ListItem","position":5,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hoejbjerg/"},
      {"@type":"ListItem","position":6,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/brabrand/"},
      {"@type":"ListItem","position":7,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hasselager/"},
      {"@type":"ListItem","position":8,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/egaa/"},
      {"@type":"ListItem","position":9,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/lystrup/"},
      {"@type":"ListItem","position":10,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tilst/"},
      {"@type":"ListItem","position":11,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/tranbjerg/"},
      {"@type":"ListItem","position":12,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/maarslet/"},
      {"@type":"ListItem","position":13,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/beder/"},
      {"@type":"ListItem","position":14,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/hornslet/"},
      {"@type":"ListItem","position":15,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/harlev/"},
      {"@type":"ListItem","position":16,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/djursland/"},
      {"@type":"ListItem","position":17,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/norddjurs/"},
      {"@type":"ListItem","position":18,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/syddjurs/"},
      {"@type":"ListItem","position":19,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/randers/"},
      {"@type":"ListItem","position":20,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/favrskov/"},
      {"@type":"ListItem","position":21,"url":"https://djurslandskadedyr.dk/skaegkrae-bekaempelse/mariagerfjord/"}
    ]
  }
  </script>

  <!-- JS: Seneste fra bloggen -->
  <script>
    (function(){
      const box = document.getElementById('dsx-blog-list');
      if(!box) return;
      const endpoint = '/wp-json/wp/v2/posts?per_page=6&_fields=link,title,date';
      fetch(endpoint, { credentials: 'same-origin' })
        .then(r => r.ok ? r.json() : Promise.reject(r))
        .then(items => {
          if(!Array.isArray(items) || !items.length){
            box.innerHTML = '<p>Ingen indlæg lige nu.</p>';
            return;
          }
          const ul = document.createElement('ul');
          items.forEach(p => {
            const li = document.createElement('li');
            const a = document.createElement('a');
            a.href = p.link;
            a.textContent = (p.title && p.title.rendered ? p.title.rendered.replace(/<[^>]+>/g,'') : 'Indlæg');
            const t = document.createElement('time');
            try{
              const dt = new Date(p.date);
              t.dateTime = dt.toISOString();
              t.textContent = dt.toLocaleDateString('da-DK',{year:'numeric',month:'short',day:'2-digit'});
            }catch(e){}
            li.appendChild(a); li.appendChild(t); ul.appendChild(li);
          });
          box.innerHTML=''; box.appendChild(ul);
        })
        .catch(()=>{
          box.innerHTML = '<p>Kunne ikke hente indlæg. <a href="https://djurslandskadedyr.dk/blog/">Se bloggen</a>.</p>';
        });
    })();
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/skaegkrae-bekaempelse-i-jylland/">Skægkræ bekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Musebekæmpelse i Jylland</title>
		<link>https://djurslandskadedyr.dk/musebekaempelse-i-jylland/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 09 Nov 2025 21:05:33 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Bekæmpelse]]></category>
		<category><![CDATA[Indendørs]]></category>
		<category><![CDATA[Professionel bekæmpelse]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=13233</guid>

					<description><![CDATA[<p>Musebekæmpelse i Jylland Guide til musebekæmpelse, forebyggelse og gnaversikring – med lokale undersider for bestilling og priser. Musebekæmpelse: fra spor til sikret bygning Start med spor-søgning (gnavemærker, ekskrementer, løbestier), vurder indgangsveje og kombiner fælder/overvågning med varig tætning. Se metode og priser på hovedsiden og gå videre til din lokale side for booking. Skader på isolering og kabler – hurtig indsats begrænser omkostninger. Musebekæmpelse i Aarhus og forstæder Fokus på tagfod, kældre og gennemføringer i by- og villakvarterer. Aarhus · Viby J · Risskov · Højbjerg · Brabrand · Hasselager · Egå · Lystrup · Tilst · Tranbjerg · Mårslet · Beder Musebekæmpelse på Djursland Sæsonpræget aktivitet i sommerhuse, lader og kystnære boliger – særligt omkring Ebeltoft-området og havnen i Grenaa, hvor adgangsveje ofte findes ved ældre tagfødder, krybekældre og rørgennemføringer. Djursland · Norddjurs · Syddjurs · Ebeltoft · Grenaa Artsbestemmelse hjælper os med at vælge korrekt metode. Musebekæmpelse i Øvrige Østjylland Villaer med krybekældre og landbrug med foderlagre kræver grundig tætning. Randers · Favrskov · Mariagerfjord Forebyggelse og gnaversikring Vi prioriterer ikke-giftige metoder først. Efter bekæmpelse udføres faste tætninger og kontrolpunkter, så bygningen forbliver musefri. Tætning ved sokkel, ventiler og rørgennemføringer (stålnet/trådvæv). Ryd op langs vægge, brug tætte beholdere til foder/affald. Årlig kontrol af tagfod, skunk og kælderåbninger. Diskret og effektiv tætning ved rør og sokkel. Ebeltoft &#038; Grenaa – lokale forhold og bestilling Ebeltoft Ebeltoft og Mols har mange fritids- og helårshuse tæt på kyst og skov. Her ser vi typisk mus i skunkrum, ved tagfod og i sommerhuskøkkener. Vi kombinerer fælder og monitorering med tætning i bræddebeklædning og ved ventilation. Se Ebeltoft-side Grenaa I Grenaa by og opland (inkl. havnen og ældre murermestervillaer) er typiske indgangsveje revner ved sokkel, utætte kældervinduer og rørgennemføringer. Vi planlægger indsats, der tager højde for foderkilder og nabobygninger. Se Grenaa-side Lokal oversigt (fold ud efter behov) Aarhus og forstæder Aarhus Viby J Risskov Højbjerg Brabrand Hasselager Egå Lystrup Tilst Tranbjerg Mårslet Beder Hornslet Harlev Djursland Djursland (samlet) Norddjurs Syddjurs Ebeltoft Grenaa Øvrige Østjylland Randers Favrskov Mariagerfjord Hovedside Musebekæmpelse – oversigt &#038; metode Indhold Guide Ebeltoft &#038; Grenaa Lokal oversigt Seneste fra bloggen Indlæser… Se alle indlæg Kontakt os Få hurtig hjælp til musebekæmpelse – vi inspicerer, bekæmper og sikrer din bygning. Inspektion og spor-søgning Bekæmpelse uden unødig gift Permanent gnaversikring Kontakt os Få tilbud FAQ om musebekæmpelse Skal der bruges gift? Kun hvis det er nødvendigt. Vi starter med fælder, overvågning og tætning. Typiske indgangsveje? Tagfod, ventilationsriste, rørgennemføringer, sprækker ved sokkel samt utætte døre/porte. Langtidsholdbar forebyggelse? Kombinér gnaversikring, orden i depoter og årlig kontrol af kritiske punkter. Specifikt for Ebeltoft og Grenaa? Ebeltoft: Sommerhuse og kystnære træhuse kræver særlig fokus på skunk, ventilationsåbninger og bræddebeklædning. Book lokalt via Ebeltoft-siden. Grenaa: Ældre kældre, havnenære bygninger og rørgennemføringer er typiske udfordringer. Se tider og priser på Grenaa-siden.</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/musebekaempelse-i-jylland/">Musebekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13233" class="elementor elementor-13233" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Musebekæmpelse i Jylland" – landingsside (v12)
     • Grønne .btn: ingen kant normalt; SORT kant ved hover (når de bliver hvide)
     • Hvid .btn.alt ("Få tilbud"): sort kant normalt; INGEN kant ved hover (når den bliver grøn)
     • Opdatering v12: Tilføjet lokale undersider for Ebeltoft og Grenaa + unik, forklarende tekst.
     ========================================================= -->
<section id="jy-mice-root" data-dsx-muridae aria-labelledby="h1-muse" class="flow">
  <style>
    [data-dsx-muridae]{
      --brand:#7FB03E; --ink:#0b1220; --bg:#ffffff;
      --panel:#ffffff; --panel-2:#f8fafc; --border:#e3eaf2;
      --radius:16px; --wrap:1280px; --gap:clamp(16px,3.4vw,28px);
      --shadow:0 8px 24px rgba(2,6,23,.07);
      --flow: clamp(12px, 2.2vw, 20px);
      color:var(--ink); background:var(--bg);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      font-size:16px; line-height:1.7; color-scheme:light;
    }
    .flow > * + * { margin-top: var(--flow); }
    .flow-lg > * + * { margin-top: calc(var(--flow) * 1.4); }
    .flow-sm > * + * { margin-top: calc(var(--flow) * 0.7); }

    [data-dsx-muridae] .wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(12px,2.5vw,22px)}

    /* Headings */
    [data-dsx-muridae] h1,[data-dsx-muridae] h2,[data-dsx-muridae] h3{line-height:1.2; font-weight:800; margin:0}
    [data-dsx-muridae] h1{font-size:clamp(30px,5.4vw,42px); margin-block:.2rem .6rem}
    [data-dsx-muridae] h2{font-size:clamp(20px,3.6vw,26px); position:relative; padding-bottom:.45rem; margin-block:1.1rem .7rem}
    [data-dsx-muridae] h2::after{content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; border-radius:2px; background:var(--brand)}
    [data-dsx-muridae] h3{font-size:clamp(17px,2.8vw,20px); margin-block:.9rem .5rem}

    [data-dsx-muridae] p{margin:0}
    [data-dsx-muridae] a{color:inherit;text-decoration:none}
    [data-dsx-muridae] a:hover{color:var(--brand); text-decoration:underline}
    [data-dsx-muridae] :focus-visible{outline:3px solid rgba(127,176,62,.30);outline-offset:2px}

    /* Layout & paneler */
    [data-dsx-muridae] .grid{display:grid;gap:var(--gap)}
    @media(min-width:980px){[data-dsx-muridae] .grid{grid-template-columns: 1.42fr .58fr}}
    [data-dsx-muridae] .panel{
      position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--panel-2));
      border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
      padding:clamp(16px,2.6vw,24px)
    }

    /* Billeder */
    [data-dsx-muridae] figure{margin:0; max-width:520px; margin-inline:auto}
    [data-dsx-muridae] figure img{
      width:100%; height:auto; max-height:220px; object-fit:cover;
      border-radius:12px; border:1px solid var(--border)
    }
    [data-dsx-muridae] figure figcaption{font-size:13px;color:#667085;margin-top:.35rem}
    @media(max-width:520px){
      [data-dsx-muridae] figure{max-width:92%}
      [data-dsx-muridae] figure img{max-height:200px}
    }

    /* Callouts */
    [data-dsx-muridae] .callout{
      border-left:6px solid var(--brand); background:#fff; border:1px solid var(--border);
      border-radius:12px; padding:14px;
    }

    /* Sticky ASIDE */
    @media(min-width:900px){
      [data-dsx-muridae] aside.panel.sticky-aside{
        position:sticky; top:clamp(12px,2.2vw,24px); align-self:start; height:fit-content;
      }
    }

    /* TOC */
    [data-dsx-muridae] .toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
    [data-dsx-muridae] .toc ol{margin:0; padding-left:1.1rem}
    [data-dsx-muridae] .toc li + li{margin-top:.35rem}

    /* Blogliste */
    #dsx-blog-list{margin-top:.4rem}
    #dsx-blog-list ul{list-style:none;padding:0;margin:0}
    #dsx-blog-list li{padding:10px 0;border-bottom:1px solid var(--border)}
    #dsx-blog-list li:last-child{border-bottom:none}
    #dsx-blog-list a{display:block;font-weight:800;line-height:1.35;text-decoration:none}
    #dsx-blog-list a:hover{color:var(--brand);text-decoration:underline}
    #dsx-blog-list time{display:block;font-size:12px;color:#667085;margin-top:2px}

    /* CTA-boks i sidebar */
    [data-dsx-muridae] .cta-box{
      background:#fff; border:1px solid var(--border); border-left:6px solid var(--brand);
      border-radius:12px; padding:14px; box-shadow:0 8px 22px rgba(2,6,23,.06);
    }
    [data-dsx-muridae] .cta-box h3{margin:0 0 .6rem; font-size:18px}
    [data-dsx-muridae] .cta-box p{color:#475467}
    [data-dsx-muridae] .cta-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}

    /* ========= KNAPPER =========
       .btn (grøn – fx "Kontakt os", "Se alle indlæg"):
         - Ingen kant normalt
         - Sort kant ved hover (når de bliver hvide)
       .btn.alt (hvid – "Få tilbud"):
         - Sort kant normalt
         - INGEN kant ved hover (når den bliver grøn)
    ====================================== */
    /* Grøn knap – base */
    [data-dsx-muridae] .btn{
      --h:38px; display:inline-flex; min-height:var(--h); align-items:center; justify-content:center;
      padding:0 12px; border-radius:10px;
      border:0 !important;
      font-weight:600; text-decoration:none !important;
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; box-shadow:0 6px 14px rgba(127,176,62,.18) !important;
      transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease, box-shadow .2s ease;
    }
    /* Grøn knap – hover bliver hvid med SORT kant */
    [data-dsx-muridae] .btn:hover{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important; /* sort ramme når hvid */
      text-decoration:none !important; transform:translateY(-1px);
      box-shadow:0 8px 18px rgba(2,6,23,.12) !important;
    }
    [data-dsx-muridae] .btn:active{
      transform:translateY(0); box-shadow:0 4px 10px rgba(2,6,23,.12) !important;
    }
    [data-dsx-muridae] .btn:focus{outline:none}

    /* Hvid CTA – base med sort kant */
    [data-dsx-muridae] .btn.alt{
      background:#fff !important; color:#000 !important;
      border:1px solid #000 !important; text-decoration:none !important;
      box-shadow:0 6px 14px rgba(2,6,23,.06) !important;
    }
    /* Hvid CTA – hover bliver grøn UDEN kant */
    [data-dsx-muridae] .btn.alt:hover{
      background:linear-gradient(135deg,var(--brand),#2F6120) !important;
      color:#fff !important; border:0 !important; /* fjern sort kant når grøn */
      text-decoration:none !important;
      box-shadow:0 8px 18px rgba(127,176,62,.18) !important;
    }
    /* Tydelig fokus på begge varianter */
    [data-dsx-muridae] .btn:focus-visible{outline:3px solid rgba(127,176,62,.30) !important; outline-offset:2px}

    /* Accordion */
    [data-dsx-muridae] details{
      border:1px solid var(--border); border-radius:12px; padding:12px; background:#fff;
      transition: background .2s ease, border-color .2s ease;
    }
    [data-dsx-muridae] details + details{margin-top:12px}
    [data-dsx-muridae] summary{
      cursor:pointer; font-weight:800; list-style:none; position:relative; padding-left:24px;
    }
    [data-dsx-muridae] summary::-webkit-details-marker{display:none}
    [data-dsx-muridae] summary::before{
      content:""; position:absolute; left:0; top:.35em;
      width:12px; height:12px; border:2px solid var(--brand); border-left:0; border-top:0;
      transform:rotate(45deg); transition: transform .2s ease, border-color .2s ease;
    }
    [data-dsx-muridae] details[open] summary::before{ transform:rotate(225deg); }
    [data-dsx-muridae] details[open]{ background:linear-gradient(0deg, rgba(127,176,62,.06), rgba(127,176,62,.06)), #fff; border-color: rgba(127,176,62,.35); }

    [data-dsx-muridae] .dir-list{columns:1;column-gap:18px;padding-left:1.2rem;margin:.45rem 0 0}
    @media(min-width:860px){[data-dsx-muridae] .dir-list{columns:2}}
    [data-dsx-muridae] .dir-list li{break-inside:avoid;margin:0 0 .45rem}
  </style>

  <div class="wrap flow-lg">
    <!-- HEADER -->
    <header class="panel flow-sm" aria-labelledby="h1-muse">
      <h1 id="h1-muse">Musebekæmpelse i Jylland</h1>
      <p class="lead">Guide til musebekæmpelse, forebyggelse og gnaversikring – med lokale undersider for bestilling og priser.</p>
    </header>

    <div class="grid" role="region" aria-label="Indhold & oversigt">
      <!-- MAIN -->
      <main class="panel flow" id="indhold">
        <h2>Musebekæmpelse: fra spor til sikret bygning</h2>
        <p>Start med spor-søgning (gnavemærker, ekskrementer, løbestier), vurder indgangsveje og kombiner fælder/overvågning med varig tætning. Se metode og priser på <a href="https://djurslandskadedyr.dk/musebekaempelse/">hovedsiden</a> og gå videre til din lokale side for booking.</p>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/01/Skader-fra-Mus.webp#main" alt="Skader fra mus på isolering og kabler" loading="lazy">
          <figcaption>Skader på isolering og kabler – hurtig indsats begrænser omkostninger.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Musebekæmpelse i Aarhus og forstæder</h3>
          <p>Fokus på tagfod, kældre og gennemføringer i by- og villakvarterer.</p>
          <p><a href="https://djurslandskadedyr.dk/musebekaempelse/aarhus/">Aarhus</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/viby-j/">Viby J</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/risskov/">Risskov</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/hoejbjerg/">Højbjerg</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/brabrand/">Brabrand</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/hasselager/">Hasselager</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/egaa/">Egå</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/lystrup/">Lystrup</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/tilst/">Tilst</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/tranbjerg/">Tranbjerg</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/maarslet/">Mårslet</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/beder/">Beder</a></p>
        </div>

        <div class="callout flow-sm">
          <h3>Musebekæmpelse på Djursland</h3>
          <p>Sæsonpræget aktivitet i sommerhuse, lader og kystnære boliger – særligt omkring Ebeltoft-området og havnen i Grenaa, hvor adgangsveje ofte findes ved ældre tagfødder, krybekældre og rørgennemføringer.</p>
          <p><a href="https://djurslandskadedyr.dk/musebekaempelse/djursland/">Djursland</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/norddjurs/">Norddjurs</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/syddjurs/">Syddjurs</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/ebeltoft/">Ebeltoft</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/grenaa/">Grenaa</a></p>
        </div>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/01/Halsbaandmus.webp#main" alt="Halsbåndmus fanget under inspektion" loading="lazy">
          <figcaption>Artsbestemmelse hjælper os med at vælge korrekt metode.</figcaption>
        </figure>

        <div class="callout flow-sm">
          <h3>Musebekæmpelse i Øvrige Østjylland</h3>
          <p>Villaer med krybekældre og landbrug med foderlagre kræver grundig tætning.</p>
          <p><a href="https://djurslandskadedyr.dk/musebekaempelse/randers/">Randers</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/favrskov/">Favrskov</a> · <a href="https://djurslandskadedyr.dk/musebekaempelse/mariagerfjord/">Mariagerfjord</a></p>
        </div>

        <h2>Forebyggelse og gnaversikring</h2>
        <p>Vi prioriterer ikke-giftige metoder først. Efter bekæmpelse udføres faste tætninger og kontrolpunkter, så bygningen forbliver musefri.</p>
        <ul>
          <li>Tætning ved sokkel, ventiler og rørgennemføringer (stålnet/trådvæv).</li>
          <li>Ryd op langs vægge, brug tætte beholdere til foder/affald.</li>
          <li>Årlig kontrol af tagfod, skunk og kælderåbninger.</li>
        </ul>

        <figure>
          <img decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2024/12/gnaver-sikrign-2.webp" alt="Gnaversikring ved rør og sokkel" loading="lazy">
          <figcaption>Diskret og effektiv tætning ved rør og sokkel.</figcaption>
        </figure>

        <!-- Lokale forhold - Ebeltoft & Grenaa -->
        <section class="panel flow-sm" aria-labelledby="lokal-ebeltoft-grenaa">
          <h2 id="lokal-ebeltoft-grenaa">Ebeltoft & Grenaa – lokale forhold og bestilling</h2>
          <h3>Ebeltoft</h3>
          <p>Ebeltoft og Mols har mange fritids- og helårshuse tæt på kyst og skov. Her ser vi typisk mus i skunkrum, ved tagfod og i sommerhuskøkkener. Vi kombinerer fælder og monitorering med tætning i bræddebeklædning og ved ventilation.</p>
          <p><a class="btn alt" href="https://djurslandskadedyr.dk/musebekaempelse/ebeltoft/" aria-label="Musebekæmpelse Ebeltoft">Se Ebeltoft-side</a></p>
          <h3>Grenaa</h3>
          <p>I Grenaa by og opland (inkl. havnen og ældre murermestervillaer) er typiske indgangsveje revner ved sokkel, utætte kældervinduer og rørgennemføringer. Vi planlægger indsats, der tager højde for foderkilder og nabobygninger.</p>
          <p><a class="btn alt" href="https://djurslandskadedyr.dk/musebekaempelse/grenaa/" aria-label="Musebekæmpelse Grenaa">Se Grenaa-side</a></p>
        </section>

        <!-- Lokal-oversigt (fold-ud) -->
        <section class="flow" aria-labelledby="h2-oversigt">
          <h2 id="h2-oversigt">Lokal oversigt (fold ud efter behov)</h2>
          <details>
            <summary>Aarhus og forstæder</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/aarhus/">Aarhus</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/viby-j/">Viby J</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/risskov/">Risskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/hoejbjerg/">Højbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/brabrand/">Brabrand</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/hasselager/">Hasselager</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/egaa/">Egå</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/lystrup/">Lystrup</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/tilst/">Tilst</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/tranbjerg/">Tranbjerg</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/maarslet/">Mårslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/beder/">Beder</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/hornslet/">Hornslet</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/harlev/">Harlev</a></li>
            </ul>
          </details>
          <details>
            <summary>Djursland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/djursland/">Djursland (samlet)</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/norddjurs/">Norddjurs</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/syddjurs/">Syddjurs</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/ebeltoft/">Ebeltoft</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/grenaa/">Grenaa</a></li>
            </ul>
          </details>
          <details>
            <summary>Øvrige Østjylland</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/randers/">Randers</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/favrskov/">Favrskov</a></li>
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/mariagerfjord/">Mariagerfjord</a></li>
            </ul>
          </details>
          <details>
            <summary>Hovedside</summary>
            <ul class="dir-list">
              <li><a href="https://djurslandskadedyr.dk/musebekaempelse/">Musebekæmpelse – oversigt & metode</a></li>
            </ul>
          </details>
        </section>
      </main>

      <!-- SIDEBAR (sticky) -->
      <aside class="panel sticky-aside flow" aria-label="Indholdsfortegnelse og blog">
        <nav class="toc flow-sm" aria-labelledby="toc-title">
          <h3 id="toc-title">Indhold</h3>
          <ol>
            <li><a href="#indhold">Guide</a></li>
            <li><a href="#lokal-ebeltoft-grenaa">Ebeltoft & Grenaa</a></li>
            <li><a href="#h2-oversigt">Lokal oversigt</a></li>
          </ol>
        </nav>

        <section class="panel flow-sm" aria-label="Seneste fra bloggen">
          <h3>Seneste fra bloggen</h3>
          <div id="dsx-blog-list" aria-live="polite">
            <p>Indlæser…</p>
          </div>
          <p><a class="btn" href="https://djurslandskadedyr.dk/blog/">Se alle indlæg</a></p>
        </section>

        <!-- CTA-BOKS nederst -->
        <section class="cta-box flow-sm" aria-label="Kontakt os">
          <h3>Kontakt os</h3>
          <p>Få hurtig hjælp til musebekæmpelse – vi inspicerer, bekæmper og sikrer din bygning.</p>
          <ul style="padding-left:1.2rem;margin:.4rem 0 0">
            <li>Inspektion og spor-søgning</li>
            <li>Bekæmpelse uden unødig gift</li>
            <li>Permanent gnaversikring</li>
          </ul>
          <div class="cta-actions">
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Kontakt Djursland Skadedyr">Kontakt os</a>
            <a class="btn alt" href="https://djurslandskadedyr.dk/kontakt/" aria-label="Få et tilbud på musebekæmpelse">Få tilbud</a>
          </div>
        </section>
      </aside>
    </div>

    <!-- FAQ -->
    <section class="panel flow" aria-labelledby="jy-faq-h2">
      <h2 id="jy-faq-h2">FAQ om musebekæmpelse</h2>
      <details>
        <summary>Skal der bruges gift?</summary>
        <div><p>Kun hvis det er nødvendigt. Vi starter med fælder, overvågning og tætning.</p></div>
      </details>
      <details>
        <summary>Typiske indgangsveje?</summary>
        <div><p>Tagfod, ventilationsriste, rørgennemføringer, sprækker ved sokkel samt utætte døre/porte.</p></div>
      </details>
      <details>
        <summary>Langtidsholdbar forebyggelse?</summary>
        <div><p>Kombinér gnaversikring, orden i depoter og årlig kontrol af kritiske punkter.</p></div>
      </details>
      <details>
        <summary>Specifikt for Ebeltoft og Grenaa?</summary>
        <div>
          <p><strong>Ebeltoft:</strong> Sommerhuse og kystnære træhuse kræver særlig fokus på skunk, ventilationsåbninger og bræddebeklædning. Book lokalt via <a href="https://djurslandskadedyr.dk/musebekaempelse/ebeltoft/">Ebeltoft-siden</a>.</p>
          <p><strong>Grenaa:</strong> Ældre kældre, havnenære bygninger og rørgennemføringer er typiske udfordringer. Se tider og priser på <a href="https://djurslandskadedyr.dk/musebekaempelse/grenaa/">Grenaa-siden</a>.</p>
        </div>
      </details>
    </section>
  </div>

  <!-- JSON-LD -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ItemList",
    "name":"Musebekæmpelse i Jylland – lokale sider",
    "itemListElement":[
      {"@type":"ListItem","position":1,"url":"https://djurslandskadedyr.dk/musebekaempelse/"},
      {"@type":"ListItem","position":2,"url":"https://djurslandskadedyr.dk/musebekaempelse/aarhus/"},
      {"@type":"ListItem","position":3,"url":"https://djurslandskadedyr.dk/musebekaempelse/viby-j/"},
      {"@type":"ListItem","position":4,"url":"https://djurslandskadedyr.dk/musebekaempelse/risskov/"},
      {"@type":"ListItem","position":5,"url":"https://djurslandskadedyr.dk/musebekaempelse/hoejbjerg/"},
      {"@type":"ListItem","position":6,"url":"https://djurslandskadedyr.dk/musebekaempelse/brabrand/"},
      {"@type":"ListItem","position":7,"url":"https://djurslandskadedyr.dk/musebekaempelse/hasselager/"},
      {"@type":"ListItem","position":8,"url":"https://djurslandskadedyr.dk/musebekaempelse/egaa/"},
      {"@type":"ListItem","position":9,"url":"https://djurslandskadedyr.dk/musebekaempelse/lystrup/"},
      {"@type":"ListItem","position":10,"url":"https://djurslandskadedyr.dk/musebekaempelse/tilst/"},
      {"@type":"ListItem","position":11,"url":"https://djurslandskadedyr.dk/musebekaempelse/tranbjerg/"},
      {"@type":"ListItem","position":12,"url":"https://djurslandskadedyr.dk/musebekaempelse/maarslet/"},
      {"@type":"ListItem","position":13,"url":"https://djurslandskadedyr.dk/musebekaempelse/beder/"},
      {"@type":"ListItem","position":14,"url":"https://djurslandskadedyr.dk/musebekaempelse/hornslet/"},
      {"@type":"ListItem","position":15,"url":"https://djurslandskadedyr.dk/musebekaempelse/harlev/"},
      {"@type":"ListItem","position":16,"url":"https://djurslandskadedyr.dk/musebekaempelse/djursland/"},
      {"@type":"ListItem","position":17,"url":"https://djurslandskadedyr.dk/musebekaempelse/norddjurs/"},
      {"@type":"ListItem","position":18,"url":"https://djurslandskadedyr.dk/musebekaempelse/syddjurs/"},
      {"@type":"ListItem","position":19,"url":"https://djurslandskadedyr.dk/musebekaempelse/randers/"},
      {"@type":"ListItem","position":20,"url":"https://djurslandskadedyr.dk/musebekaempelse/favrskov/"},
      {"@type":"ListItem","position":21,"url":"https://djurslandskadedyr.dk/musebekaempelse/mariagerfjord/"},
      {"@type":"ListItem","position":22,"url":"https://djurslandskadedyr.dk/musebekaempelse/ebeltoft/"},
      {"@type":"ListItem","position":23,"url":"https://djurslandskadedyr.dk/musebekaempelse/grenaa/"}
    ]
  }
  </script>

  <!-- JS: Seneste fra bloggen -->
  <script>
    (function(){
      const box = document.getElementById('dsx-blog-list');
      if(!box) return;
      const endpoint = '/wp-json/wp/v2/posts?per_page=6&_fields=link,title,date';
      fetch(endpoint, { credentials: 'same-origin' })
        .then(r => r.ok ? r.json() : Promise.reject(r))
        .then(items => {
          if(!Array.isArray(items) || !items.length){
            box.innerHTML = '<p>Ingen indlæg lige nu.</p>';
            return;
          }
          const ul = document.createElement('ul');
          items.forEach(p => {
            const li = document.createElement('li');
            const a = document.createElement('a');
            a.href = p.link;
            a.textContent = (p.title && p.title.rendered ? p.title.rendered.replace(/<[^>]+>/g,'') : 'Indlæg');
            const t = document.createElement('time');
            try{
              const dt = new Date(p.date);
              t.dateTime = dt.toISOString();
              t.textContent = dt.toLocaleDateString('da-DK',{year:'numeric',month:'short',day:'2-digit'});
            }catch(e){}
            li.appendChild(a); li.appendChild(t); ul.appendChild(li);
          });
          box.innerHTML=''; box.appendChild(ul);
        })
        .catch(()=>{
          box.innerHTML = '<p>Kunne ikke hente indlæg. <a href="https://djurslandskadedyr.dk/blog/">Se bloggen</a>.</p>';
        });
    })();
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/musebekaempelse-i-jylland/">Musebekæmpelse i Jylland</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ægte mus i Danmark Muridae</title>
		<link>https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 20:34:47 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Arter og forskelle]]></category>
		<category><![CDATA[Identifikation]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12971</guid>

					<description><![CDATA[<p>ÆGTE MUS · MURIDAE Ægte mus i Danmark Muridae Komplet oversigt over alle mus i Danmark (familien Muridae) – også kendt som musearter i Danmark. Her finder du dansk og latinsk navn, billede og præcise kendetegn for hver art. Halsbåndmus (Apodemus flavicollis) Kendes på gult brystbånd og store ører. Skovlevende lagerdanner; nataktiv og adræt klatrer. Læs mere Skovmus (Apodemus sylvaticus) Slank og springstærk. Ingen sammenhængende gul krave; almindelig i skovbryn og haver. Læs mere Brandmus / stribet markmus (Apodemus agrarius) Mørk rygstribe og kortere hale; jordboende i åbne områder. Ret sjælden i Danmark. Læs mere Dværgmus (Micromys minutus) Meget lille med gribehale; bygger runde græsreder over jorden i høj vegetation. Læs mere Husmus (Mus musculus) Lille, tilpasningsdygtig art tæt knyttet til mennesker; findes fra lader til lejligheder. Læs mere Indhold Artsliste FAQ: identifikation Kontakt Har du spørgsmål til arter eller identifikation? Skriv til os Hvilke mus findes i Danmark? Denne side samler de mest almindelige danske musearter i familien Muridae – ofte søgt som “alle mus i DK” eller “mus i Danmark”. Arterne omfatter: Halsbåndmus (Apodemus flavicollis) – skovlevende med gult brystbånd. Skovmus (Apodemus sylvaticus) – slank, springstærk og udbredt i skovbryn og haver. Brandmus / stribet markmus (Apodemus agrarius) – mørk rygstribe; ret sjælden i Danmark. Dværgmus (Micromys minutus) – meget lille, med gribehale og runde græsreder. Husmus (Mus musculus) – tæt knyttet til mennesker, fra lader til lejligheder. Klik Læs mere ud for hver art for dybere beskrivelser, billeder og kendetegn. Siden opdateres løbende for at være den mest komplette oversigt over mus i Danmark. FAQ: Mus i Danmark – hurtige fakta Hvordan kender jeg halsbåndmus fra skovmus? Halsbåndmus har typisk et gult brystbånd og er en anelse større; skovmus mangler det sammenhængende bånd og har længere bagben. Hvad kendetegner brandmus? En mørk længdestribe langs ryggen og relativt kort hale. Arten er ret sjælden i Danmark og knyttet til åbne, græsdominerede landskaber. Er dværgmus Europas mindste mus? Ja, dværgmus (Micromys minutus) er blandt Europas mindste, typisk 4–10 gram og 5–7,5 cm kropslængde.</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark Muridae</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12971" class="elementor elementor-12971" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Ægte mus i Danmark (Muridae) – artsoversigt"
     SEO-venlig HTML til oversigtsside med linje-for-linje design (1 billede + tekst + CTA pr. art)
     NOTE: Ren informationsside – ingen forebyggelses-/rådgivningsindhold
     Beholder KONTAKT-boks (mindre) i højre side
     ========================================================= -->
<section id="muridae-root" data-dsx-muridae aria-labelledby="muridae-h1">
  <style>
    [data-dsx-muridae]{
      --brand:#7FB03E; --brand2:#7FB03E;
      --bg:#ffffff; --ink:#0b1220; --muted:#000000;
      --border:#e3eaf2; --border-strong:#d6dde8;
      --panel:#ffffff; --panel-2:#f8fafc; --tint2:#f8fafc;
      --radius:16px; --wrap:1280px; --gap:clamp(14px,3vw,22px);
      --shadow:0 8px 24px rgba(2,6,23,.07); --shadow-green:0 8px 18px rgba(127,176,62,.08);
      --hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
           linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--ink); background:var(--bg); display:block; font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-muridae] .wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(12px,2.5vw,22px)}
    [data-dsx-muridae] h1,[data-dsx-muridae] h2,[data-dsx-muridae] h3{margin:0 0 .6em;line-height:1.2;font-weight:800}
    [data-dsx-muridae] h1{font-size:clamp(28px,5.4vw,40px)}
    [data-dsx-muridae] h2{font-size:clamp(20px,3.8vw,26px)}
    [data-dsx-muridae] p{margin:0 0 1em}
    [data-dsx-muridae] .eyebrow{display:inline-block;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.35px;color:var(--brand);background:rgba(127,176,62,.1);padding:3px 8px;border-radius:6px;margin-bottom:8px}
    [data-dsx-muridae] .lead{font-size:clamp(16px,3.5vw,19px);color:#475467}

    /* Links – fjern blå standardfarve */
    [data-dsx-muridae] a{color:inherit;text-decoration:none}
    [data-dsx-muridae] a:hover{text-decoration:underline}
    [data-dsx-muridae] :focus-visible{outline:3px solid rgba(127,176,62,.30);outline-offset:2px}
    [data-dsx-muridae] a:hover{text-decoration:underline}

    /* Layout */
    [data-dsx-muridae] .grid{display:grid;gap:var(--gap)}
    @media(min-width:980px){[data-dsx-muridae] .grid{grid-template-columns: 1.35fr .65fr}} /* smallere højre kolonne */
    [data-dsx-muridae] .panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff,var(--tint2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2.6vw,22px)}
    .panel::before{content:"";position:absolute;inset:0;background:var(--hi);pointer-events:none}
    .panel>*{position:relative;z-index:1}

    /* Linie-for-linje liste */
    [data-dsx-muridae] .list{list-style:none;margin:0;padding:0}
    [data-dsx-muridae] .row{display:grid;grid-template-columns:220px 1fr auto;gap:16px;border:1px solid var(--border);border-radius:14px;background:#fff;align-items:center;padding:12px 14px}
    [data-dsx-muridae] .row + .row{margin-top:12px}
    @media(max-width:719.98px){[data-dsx-muridae] .row{grid-template-columns:160px 1fr;grid-auto-rows:auto;gap:12px}}
    [data-dsx-muridae] .thumb{width:100%;height:180px;display:block;background:#fff;border:1px dashed var(--border);border-radius:12px;overflow:hidden}
    @media(max-width:719.98px){[data-dsx-muridae] .thumb{height:140px}}
    [data-dsx-muridae] .thumb img{width:100%;height:100%;object-fit:contain;display:block}
    [data-dsx-muridae] .desc h3{font-size:clamp(18px,3.4vw,20px);margin:.1rem 0 .4rem}
    [data-dsx-muridae] .desc p{color:#475467}
    [data-dsx-muridae] .cta-link{--h:42px;display:inline-flex;min-height:var(--h);align-items:center;justify-content:center;padding:0 14px;border-radius:12px;font-weight:800;border:none;background:linear-gradient(135deg,var(--brand),#2F6120);color:#fff;text-decoration:none;box-shadow:0 8px 18px rgba(127,176,62,.18);transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease;white-space:nowrap}
    .cta-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(127,176,62,.22);background:#ffffff;color:#000000}
    .cta-link:active{transform:translateY(0)}
    [data-dsx-muridae] .cta-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(127,176,62,.22)}

    /* Sidebokse */
    [data-dsx-muridae] .toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
    [data-dsx-muridae] .cta{background:linear-gradient(180deg,#FFFFFF,var(--panel-2));border:1px solid var(--border);border-left:6px solid var(--brand);border-radius:14px;padding:16px 14px;box-shadow:0 8px 22px rgba(2,6,23,.08);text-align:center}
    [data-dsx-muridae] .cta h3{margin:0 0 .5rem;font-size:18px}
    [data-dsx-muridae] .cta p{margin:0 0 .8rem;font-size:15px;color:#475467}
    [data-dsx-muridae] .cta .btn{margin:8px auto 0;display:inline-flex;align-items:center;justify-content:center} /* mindre kontaktboks */
    [data-dsx-muridae] .cta h3{margin:0 0 .4rem;font-size:16px}
    [data-dsx-muridae] .cta p{margin:0 0 .6rem;font-size:14px;color:#475467}
    [data-dsx-muridae] .btn{--h:38px;display:inline-flex;min-height:var(--h);align-items:center;justify-content:center;padding:0 12px;border-radius:10px;font-weight:800;border:none;background:linear-gradient(135deg,var(--brand),#2F6120);color:#fff;text-decoration:none;box-shadow:0 6px 14px rgba(127,176,62,.18);transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease}
    .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(127,176,62,.22);background:#ffffff;color:#000000}
    .btn:active{transform:translateY(0)}

    /* FAQ */
    [data-dsx-muridae] .faq{margin-top:clamp(22px,4vw,36px)}
    [data-dsx-muridae] .faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px}
    [data-dsx-muridae] .faq details+details{margin-top:10px}
    [data-dsx-muridae] .faq summary{list-style:none;cursor:pointer;font-weight:800}
    [data-dsx-muridae] .faq summary::-webkit-details-marker{display:none}
    /* === Mobile optimizations & grid areas === */
    [data-dsx-muridae] .row{grid-template-areas:"thumb desc cta"}
    [data-dsx-muridae] .thumb{grid-area:thumb;height:200px}
    [data-dsx-muridae] .desc{grid-area:desc}
    [data-dsx-muridae] .cta-link{grid-area:cta}
    @media(max-width:899.98px){[data-dsx-muridae] .grid{grid-template-columns:1fr}}
    @media(max-width:719.98px){
      [data-dsx-muridae] .row{grid-template-columns:1fr;grid-template-areas:"thumb" "desc" "cta";gap:12px;padding:12px}
      [data-dsx-muridae] .thumb{height:220px}
      [data-dsx-muridae] .cta-link{width:100%;justify-content:center}
    }
  </style>

  <div class="wrap">
    <!-- HEADER / INTRO -->
    <header class="panel">
      <span class="eyebrow">ÆGTE MUS · MURIDAE</span>
      <h1 id="muridae-h1">Ægte mus i Danmark Muridae</h1>
      <p class="lead">Komplet oversigt over <strong>alle mus i Danmark</strong> (familien <em>Muridae</em>) – også kendt som <strong>musearter i Danmark</strong>. Her finder du dansk og latinsk navn, billede og præcise kendetegn for hver art.</p>
    </header>

    <div class="grid" role="region" aria-label="Indhold & oversigt">
      <main id="liste" class="panel" itemprop="mainEntity" itemscope itemtype="https://schema.org/ItemList">
        <meta itemprop="name" content="Danske ægte mus – artsliste">
        <ol class="list" itemprop="itemListElement">

          <!-- 1) Halsbåndmus -->
          <li class="row" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
            <meta itemprop="position" content="1">
            <div class="thumb">
              <img loading="lazy" decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Halsbaandmus-Apodemus-flavicollis-single.png" alt="Halsbåndmus – billede" loading="lazy" itemprop="image" width="960" height="600">
            </div>
            <div class="desc">
              <h3 itemprop="name"><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus (<em>Apodemus flavicollis</em>)</a></h3>
              <p itemprop="description">Kendes på gult brystbånd og store ører. Skovlevende lagerdanner; nataktiv og adræt klatrer.</p>
            </div>
            <a class="cta-link" href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/" aria-label="Halsbåndmus – læs mere">Læs mere</a>
          </li>

          <!-- 2) Skovmus -->
          <li class="row" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
            <meta itemprop="position" content="2">
            <div class="thumb">
              <img loading="lazy" decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Skovmus-Apodemus-sylvaticus-1.png" alt="Skovmus – billede" loading="lazy" itemprop="image" width="960" height="600">
            </div>
            <div class="desc">
              <h3 itemprop="name"><a href="/viden/skovmus/">Skovmus (<em>Apodemus sylvaticus</em>)</a></h3>
              <p itemprop="description">Slank og springstærk. Ingen sammenhængende gul krave; almindelig i skovbryn og haver.</p>
            </div>
            <a class="cta-link" href="/viden/skovmus/" aria-label="Skovmus – læs mere">Læs mere</a>
          </li>

          <!-- 3) Brandmus / stribet markmus -->
          <li class="row" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
            <meta itemprop="position" content="3">
            <div class="thumb">
              <img loading="lazy" decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Brandmus-stribet-markmus-Apodemus-agrarius-single.png" alt="Brandmus – billede" loading="lazy" itemprop="image" width="960" height="600">
            </div>
            <div class="desc">
              <h3 itemprop="name"><a href="/viden/brandmus/">Brandmus / stribet markmus (<em>Apodemus agrarius</em>)</a></h3>
              <p itemprop="description">Mørk rygstribe og kortere hale; jordboende i åbne områder. <strong>Ret sjælden i Danmark.</strong></p>
            </div>
            <a class="cta-link" href="/viden/brandmus/" aria-label="Brandmus – læs mere">Læs mere</a>
          </li>

          <!-- 4) Dværgmus -->
          <li class="row" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
            <meta itemprop="position" content="4">
            <div class="thumb">
              <img loading="lazy" decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Dvaergmus-Micromys-minutus-single.png" alt="Dværgmus – billede" loading="lazy" itemprop="image" width="960" height="600">
            </div>
            <div class="desc">
              <h3 itemprop="name"><a href="/viden/dvaergmus/">Dværgmus (<em>Micromys minutus</em>)</a></h3>
              <p itemprop="description">Meget lille med gribehale; bygger runde græsreder over jorden i høj vegetation.</p>
            </div>
            <a class="cta-link" href="/viden/dvaergmus/" aria-label="Dværgmus – læs mere">Læs mere</a>
          </li>

          <!-- 5) Husmus (link oplyst) -->
          <li class="row" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
            <meta itemprop="position" content="5">
            <div class="thumb">
              <img loading="lazy" decoding="async" src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/mus-musulus-single.png" alt="Husmus – billede" loading="lazy" itemprop="image" width="960" height="600">
            </div>
            <div class="desc">
              <h3 itemprop="name"><a href="https://djurslandskadedyr.dk/mus-musculus/">Husmus (<em>Mus musculus</em>)</a></h3>
              <p itemprop="description">Lille, tilpasningsdygtig art tæt knyttet til mennesker; findes fra lader til lejligheder.</p>
            </div>
            <a class="cta-link" href="https://djurslandskadedyr.dk/mus-musculus/" aria-label="Husmus – læs mere">Læs mere</a>
          </li>
        </ol>
      </main><aside class="panel" aria-label="Indhold & kontakt">
        <nav class="toc" aria-labelledby="toc-title">
          <h2 id="toc-title">Indhold</h2>
          <ol>
            <li><a href="#liste">Artsliste</a></li>
            <li><a href="#faq">FAQ: identifikation</a></li>
          </ol>
        </nav>

        <!-- KONTAKT-BOKS (beholdes, mindre) -->
        <section class="cta" aria-label="Kontakt Djursland Skadedyr" style="margin-top:12px">
          <h3>Kontakt</h3>
          <p>Har du spørgsmål til arter eller identifikation?</p>
          <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Skriv til os</a>
        </section>
      </aside>


      <!-- SEO-tekst: Hvilke mus findes i Danmark? -->
      <section class="panel" aria-label="Hvilke mus findes i Danmark?" style="margin-top:12px">
        <h2>Hvilke mus findes i Danmark?</h2>
        <p>Denne side samler de mest almindelige danske <strong>musearter</strong> i familien <em>Muridae</em> – ofte søgt som “alle mus i DK” eller “mus i Danmark”. Arterne omfatter:</p>
        <ul>
          <li><strong>Halsbåndmus</strong> (<em>Apodemus flavicollis</em>) – skovlevende med gult brystbånd.</li>
          <li><strong>Skovmus</strong> (<em>Apodemus sylvaticus</em>) – slank, springstærk og udbredt i skovbryn og haver.</li>
          <li><strong>Brandmus / stribet markmus</strong> (<em>Apodemus agrarius</em>) – mørk rygstribe; ret sjælden i Danmark.</li>
          <li><strong>Dværgmus</strong> (<em>Micromys minutus</em>) – meget lille, med gribehale og runde græsreder.</li>
          <li><strong>Husmus</strong> (<em>Mus musculus</em>) – tæt knyttet til mennesker, fra lader til lejligheder.</li>
        </ul>
        <p>Klik <em>Læs mere</em> ud for hver art for dybere beskrivelser, billeder og kendetegn. Siden opdateres løbende for at være den mest komplette <strong>oversigt over mus i Danmark</strong>.</p>
      </section>

      
    </div>

    <!-- FAQ (REN HTML – uden microdata for at undgå dublet med JSON-LD) -->
    <section id="faq" class="faq" aria-labelledby="faq-h2">
      <h2 id="faq-h2">FAQ: Mus i Danmark – hurtige fakta</h2>
      <details>
        <summary>Hvordan kender jeg halsbåndmus fra skovmus?</summary>
        <div>
          <p><strong>Halsbåndmus</strong> har typisk et gult brystbånd og er en anelse større; <strong>skovmus</strong> mangler det sammenhængende bånd og har længere bagben.</p>
        </div>
      </details>
      <details>
        <summary>Hvad kendetegner brandmus?</summary>
        <div>
          <p>En mørk længdestribe langs ryggen og relativt kort hale. Arten er <em>ret sjælden</em> i Danmark og knyttet til åbne, græsdominerede landskaber.</p>
        </div>
      </details>
      <details>
        <summary>Er dværgmus Europas mindste mus?</summary>
        <div>
          <p>Ja, dværgmus (<em>Micromys minutus</em>) er blandt Europas mindste, typisk 4–10 gram og 5–7,5 cm kropslængde.</p>
        </div>
      </details>
    </section>
  </div>

  <!-- Structured data: Breadcrumbs + ItemList + FAQ (kun én FAQPage i JSON-LD) -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "@id": "#breadcrumbs",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "Viden", "item": "https://djurslandskadedyr.dk/viden/"},
      {"@type": "ListItem", "position": 2, "name": "Ægte mus (Muridae)", "item": "https://djurslandskadedyr.dk/viden/muridae/"}
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "@id": "#muridae-itemlist",
    "name": "Ægte mus i Danmark (Muridae): artsoversigt",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "url": "https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/", "name": "Halsbåndmus (Apodemus flavicollis)"},
      {"@type": "ListItem", "position": 2, "url": "https://djurslandskadedyr.dk/viden/skovmus/", "name": "Skovmus (Apodemus sylvaticus)"},
      {"@type": "ListItem", "position": 3, "url": "https://djurslandskadedyr.dk/viden/brandmus/", "name": "Brandmus / stribet markmus (Apodemus agrarius)"},
      {"@type": "ListItem", "position": 4, "url": "https://djurslandskadedyr.dk/viden/dvaergmus/", "name": "Dværgmus (Micromys minutus)"},
      {"@type": "ListItem", "position": 5, "url": "https://djurslandskadedyr.dk/mus-musculus/", "name": "Husmus (Mus musculus)"}
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "@id": "#muridae-faq",
    "inLanguage": "da",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Hvordan kender jeg halsbåndmus fra skovmus?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Halsbåndmus har typisk et gult brystbånd og er en anelse større; skovmus mangler det sammenhængende bånd og har længere bagben."
        }
      },
      {
        "@type": "Question",
        "name": "Hvad kendetegner brandmus?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "En mørk længdestribe langs ryggen og relativt kort hale. Arten er ret sjælden i Danmark og knyttet til åbne, græsdominerede landskaber."
        }
      },
      {
        "@type": "Question",
        "name": "Er dværgmus Europas mindste mus?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ja, dværgmus (Micromys minutus) er blandt Europas mindste, typisk 4–10 gram og 5–7,5 cm kropslængde."
        }
      }
    ]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark Muridae</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dværgmus Micromys minutus</title>
		<link>https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 20:01:56 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Identifikation]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12964</guid>

					<description><![CDATA[<p>MUSEART Dværgmus (Micromys minutus) Europas mindste museart – ultralet, med gribehale og finmotoriske fingre, der lader den klatre i græs og rør. Bygger runde, vævede reder over jorden og lever skjult i høj vegetation nær enge, kærr og kornmarker. Dværgmus – bemærk den fine, runde snude, små ører og halen, der bruges som ekstra &#8220;hånd&#8221;. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Skovmus (Apodemus sylvaticus) Brandmus / Stribet markmus (Apodemus agrarius) Ægte mus i Danmark (Muridae) Hurtigt overblik Essensen: Meget lille, let mus i Micromys-slægten, specialiseret til liv i høj vegetation. Kendes på gribehale og de karakteristiske, kugleformede reder af græs/strå. Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr Udseende &#038; størrelse Hvordan ser den ud? Rødbrun til gylden overside, lys bug, kort, afrundet snude og små, runde ører. Halen er delvist præhensil (gribehale) og bruges som støtte, når den klatrer. Mål på en voksen Kropslængde 5–7,5 cm (hale 5–7,5 cm). Vægt typisk 4–10 g (ofte 5–8 g). Føde &#038; levevis Hvad spiser den? Primært frø og små korn, suppleret af insekter og larver, knopper og bær. Finder føde både i vegetationen og på jorden. Adfærd Overvejende nataktiv. Bygger runde, vævede bolde af græsstrå 20–150 cm over jorden i græs/rør. Meget let og lydløs klatrer; bevæger sig mellem strå som på en balancebane. Levested Hvor møder vi den? Høj, tæt vegetation: rørskov, enge, grøfter, brakmarker og kornmarker. Forekommer lokalt i Danmark, hvor egnede græs-/rørmiljøer findes. Formering Tempo på familielivet Ynglesæson typisk maj–september (kan variere med klima). Drægtighed ~17–19 dage. Normalt 2–4 kuld/år med 3–8 unger pr. kuld. Unger bliver i reden ca. 2 uger og er hurtigt selvstændige; kønsmodne efter 6–8 uger. Levetid &#038; fjender Hårdt liv – men specialiseret overlever Levetid i naturen typisk 6–18 måneder (op til ~2 år i fangenskab). Fjender: ugler, rovfugle, snoge, mårdyr og kat. Beskyttes af sit skjulte liv i den tætte vegetation. Forhold til mennesker Skjult nabo – sjældent skadedyr Ses sjældent indendørs. Kan lokalt tage korn i markkanter, men spiller også en positiv rolle som frøspreder og som føde for rovfugle. Kort &#038; kuriositeter Kendetegn og forveksling Dværgmus forveksles sjældent med skovmus/halsbåndmus pga. den meget lille størrelse, korte, runde ører og gribehale. Rederne – små, vævede bolde – er et meget karakteristisk tegn i sommerhalvåret. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Skovmus (Apodemus sylvaticus) Brandmus / Stribet markmus (Apodemus agrarius) Ægte mus i Danmark (Muridae) Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus Micromys minutus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12964" class="elementor elementor-12964" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Dværgmus (Micromys minutus) – viden (isoleret)"
     Lys/Grøn version – inspireret af din "Udluftning vs. skægkræ"-blok
     Med tydelige H1/H2/H3, ÉT billedslot, og STICKY CTA i højre side (+ mobil-CTA)
     TILFØJET: Ekstra boks under "Indhold" med links til andre sider (desktop + mobil)
     ========================================================= -->
<section data-dsx-mus id="mus-root" aria-labelledby="mus-h1">
  <style>
    /* ===== Isoleret tema-variabler (unikke navne) ===== */
    [data-dsx-mus]{
      --mus-brand:#7FB03E; --mus-brand2:#7FB03E;
      --mus-bg:#ffffff; --mus-ink:#0b1220; --mus-muted:#000000;
      --mus-border:#e3e9f2; --mus-border-strong:#d6dde8;
      --mus-panel:#ffffff; --mus-panel-2:#f8fafc; --mus-tint2:#f8fafc;
      --mus-radius:18px; --mus-wrap:1280px; --mus-gap:clamp(16px,4vw,28px);
      --mus-sec-gap:clamp(26px,6vw,50px); --mus-block-gap:clamp(12px,3.6vw,20px);
      --mus-shadow-card:0 8px 24px rgba(2,6,23,.08); --mus-shadow-green:0 8px 18px rgba(127,176,62,.08);
      --mus-hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
               linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--mus-ink); background:var(--mus-bg); display:block;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-mus] *, [data-dsx-mus] *::before, [data-dsx-mus] *::after{ box-sizing:border-box }
    [data-dsx-mus] img{ max-width:100%; height:auto; display:block }

    /* Links */
    [data-dsx-mus] a{ color:var(--mus-brand2); text-decoration:none }
    [data-dsx-mus] a:hover{ text-decoration:underline }
    [data-dsx-mus] :focus-visible{ outline:3px solid rgba(127,176,62,.30); outline-offset:2px }

    /* Layout */
    [data-dsx-mus] .mus-wrap{ max-width:var(--mus-wrap); margin-inline:auto; padding-block:clamp(8px,2vw,16px) }
    [data-dsx-mus] .mus-panel{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg, #fff, var(--mus-tint2)); border:1px solid var(--mus-border); border-radius:var(--mus-radius); box-shadow:var(--mus-shadow-card); padding:clamp(16px,4vw,28px) }
    [data-dsx-mus] .mus-panel::before{ content:""; position:absolute; inset:0; background:var(--mus-hi); pointer-events:none }
    [data-dsx-mus] .mus-panel > *{ position:relative; z-index:1 }

    /* Typografi */
    [data-dsx-mus] h1,[data-dsx-mus] h2,[data-dsx-mus] h3{ color:var(--mus-ink); margin:0 0 .6em; line-height:1.2; font-weight:800 }
    [data-dsx-mus] h1{ font-size:clamp(28px,5.8vw,36px) }
    [data-dsx-mus] h2{ font-size:clamp(20px,4.8vw,26px); padding-left:.7rem; border-left:4px solid var(--mus-brand) }
    [data-dsx-mus] h3{ font-size:clamp(18px,4.4vw,21px) }
    [data-dsx-mus] p{ margin:0 0 1em }
    [data-dsx-mus] .mus-lead{ font-size:clamp(18px,4.6vw,20px); margin:0; color:var(--mus-muted) }
    [data-dsx-mus] .eyebrow{ display:inline-block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.35px; color:var(--mus-brand); background:rgba(127,176,62,.10); padding:3px 8px; border-radius:6px; margin-bottom:8px }
    [data-dsx-mus] .stack > * + *{ margin-top:var(--mus-block-gap) }
    [data-dsx-mus] .content > * + *{ margin-top:var(--mus-sec-gap) }
    [data-dsx-mus] .content section > * + *{ margin-top:var(--mus-block-gap) }

    /* Grid */
    [data-dsx-mus] .mus-grid{ display:grid; gap:var(--mus-gap); margin-top:var(--mus-sec-gap) }
    @media (min-width:980px){
      [data-dsx-mus] .mus-grid{ grid-template-columns:minmax(0,1fr) 320px; align-items:start }
      [data-dsx-mus] .side .stick{ position:sticky; top:18px }
    }

    /* Hero */
    [data-dsx-mus] .hero{ display:grid; gap:var(--mus-gap) }
    @media (min-width:900px){ [data-dsx-mus] .hero{ grid-template-columns:1.1fr 1fr } }
    [data-dsx-mus] .hero__media figure{ margin:0; border-left:8px solid var(--mus-brand); border-radius:var(--mus-radius); overflow:hidden; background:#fff; box-shadow:var(--mus-shadow-green); display:grid; grid-template-rows:auto min-content }
    /* Højere billedboks + vis 100% */
    [data-dsx-mus] .hero__media .frame{ min-height:clamp(300px, 42vw, 560px); background:#fff }
    [data-dsx-mus] .hero__media .frame img{ width:100%; height:100%; object-fit:contain; display:block }
    [data-dsx-mus] .hero__media figcaption{ padding:.7rem .9rem; font-size:14px; color:var(--mus-muted); background:var(--mus-panel-2); border-top:1px dashed var(--mus-border) }

    /* Cards/notes */
    [data-dsx-mus] .note{ background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--mus-panel-2); border:1px solid var(--mus-border); border-left:8px solid var(--mus-brand); border-radius:12px; padding:12px 14px }
    [data-dsx-mus] .card{ background:var(--mus-panel); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04) }
    [data-dsx-mus] .card h3{ font-size:clamp(16px,3.8vw,18px); font-weight:700; line-height:1.25; margin:.2rem 0 .4rem }

    /* Side (TOC & CTA & LINKS) */
    [data-dsx-mus] .toc, [data-dsx-mus] .cta, [data-dsx-mus] .links{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px }
    [data-dsx-mus] .toc h3, [data-dsx-mus] .cta h3, [data-dsx-mus] .links h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .toc ol{ margin:0; padding-left:1rem }
    [data-dsx-mus] .toc a{ color:var(--mus-ink) }
    [data-dsx-mus] .toc a:hover{ color:var(--mus-brand2); text-decoration:underline }
    /* Links-boks lister */
    [data-dsx-mus] .links ul{ margin:0; padding-left:1rem; list-style:disc }
    [data-dsx-mus] .links li{ margin:.25rem 0 }
    [data-dsx-mus] .links a{ color:var(--mus-ink) }
    [data-dsx-mus] .links a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* CTA-knap */
    [data-dsx-mus] .cta{ background:linear-gradient(180deg,#FFFFFF, var(--mus-panel-2)); box-shadow:0 6px 18px rgba(2,6,23,.06) }
    [data-dsx-mus] .cta p{ margin:0 0 .8rem }
    [data-dsx-mus] .cta .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
    [data-dsx-mus] .cta .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
    [data-dsx-mus] .cta .btn:active{ transform:translateY(0) }

    /* Mobil-specifikt */
    [data-dsx-mus] .cta-mobile{ display:none }
    [data-dsx-mus] .toc-mobile{ display:none }
    [data-dsx-mus] .links-mobile{ display:none }
    @media (max-width:979.98px){
      /* Skjul sidekolonne; vis mobil CTA og mobil TOC/Links øverst */
      [data-dsx-mus] .side{ display:none }
      [data-dsx-mus] .cta-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(2,6,23,.06) }
      [data-dsx-mus] .cta-mobile .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
      [data-dsx-mus] .cta-mobile .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
      [data-dsx-mus] .toc-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .toc-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .toc-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .toc-mobile .toc-body{ padding-top:8px }
      [data-dsx-mus] .toc-mobile ol{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile a:hover{ color:var(--mus-brand2) }
      /* Mobil: Links-boks */
      [data-dsx-mus] .links-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .links-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .links-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .links-mobile .links-body{ padding-top:8px }
      [data-dsx-mus] .links-mobile ul{ margin:0; padding-left:1rem; list-style:disc }
      [data-dsx-mus] .links-mobile li{ margin:.25rem 0 }
      [data-dsx-mus] .links-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .links-mobile a:hover{ color:var(--mus-brand2) }
    }
  </style>

  <div class="mus-wrap">
    <article class="mus-panel" itemscope itemtype="https://schema.org/BlogPosting">
      <!-- HERO -->
      <header class="hero">
        <div class="stack">
          <span class="eyebrow">MUSEART</span>
          <h1 id="mus-h1" itemprop="headline">Dværgmus (Micromys minutus)</h1>
          <p class="mus-lead" itemprop="description">
            Europas mindste museart – ultralet, med <em>gribehale</em> og finmotoriske fingre, der lader den klatre i græs og rør. 
            Bygger runde, vævede reder over jorden og lever skjult i høj vegetation nær enge, kærr og kornmarker.
          </p>
        </div>
        <!-- ÉT billedslot -->
        <div class="hero__media">
          <figure>
            <div class="frame">
              <img src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Dvaergmus-Micromys-minutus-triple.png" alt="Dværgmus (Micromys minutus) – nærbillede" loading="lazy" decoding="async">
            </div>
            <figcaption>Dværgmus – bemærk den fine, runde snude, små ører og halen, der bruges som ekstra "hånd".</figcaption>
          </figure>
        </div>
      </header>

      <!-- GRID -->
      <div class="mus-grid">
        <!-- MAIN -->
        <div class="content" itemprop="articleBody">
          <!-- Mobil TOC øverst (kun mobil) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleTop">
            <summary><span id="tocMobTitleTop">Indhold</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>
          </details>

          <!-- Mobil: Links-boks lige under Indhold -->
          <details class="links-mobile" aria-labelledby="linksMobTitle">
            <summary><span id="linksMobTitle">Andre sider</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="links-body">
              <ul>
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (Mus musculus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/" target="_blank" rel="noopener">Halsbåndmus (Apodemus flavicollis)</a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/" target="_blank" rel="noopener">Skovmus (Apodemus sylvaticus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / Stribet markmus (Apodemus agrarius)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </div>
          </details>

          <!-- Overblik -->
          <section id="overblik">
            <h2>Hurtigt overblik</h2>
            <div class="note" role="note" aria-label="Nøglepunkter">
              <p><strong>Essensen:</strong> Meget lille, let mus i <em>Micromys</em>-slægten, specialiseret til liv i høj vegetation. 
              Kendes på <strong>gribehale</strong> og de karakteristiske, kugleformede reder af græs/strå.</p>
            </div>
          </section>

          <!-- Mobil CTA placeres tidligt i flowet -->
          <section class="cta-mobile" aria-label="Kontakt Djursland Skadedyr (mobil)">
            <h2 style="margin:0 0 .4rem">Har du brug for hjælp?</h2>
            <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener">Kontakt Djursland Skadedyr</a>
          </section>

          <!-- Udseende & størrelse -->
          <section id="udseende">
            <h2>Udseende & størrelse</h2>
            <div class="card">
              <h3>Hvordan ser den ud?</h3>
              <p>Rødbrun til gylden overside, lys bug, kort, afrundet snude og <em>små, runde ører</em>. Halen er delvist 
              <strong>præhensil (gribehale)</strong> og bruges som støtte, når den klatrer.</p>
              <h3>Mål på en voksen</h3>
              <p>Kropslængde <strong>5–7,5 cm</strong> (hale <strong>5–7,5 cm</strong>). Vægt typisk <strong>4–10 g</strong> 
              (ofte 5–8 g).</p>
            </div>
          </section>

          <!-- Føde & levevis -->
          <section id="foede">
            <h2>Føde & levevis</h2>
            <div class="card">
              <h3>Hvad spiser den?</h3>
              <p>Primært frø og små korn, suppleret af <strong>insekter og larver</strong>, knopper og bær. 
              Finder føde både i vegetationen og på jorden.</p>
              <h3>Adfærd</h3>
              <p>Overvejende <em>nataktiv</em>. Bygger runde, vævede bolde af græsstrå <strong>20–150 cm over jorden</strong> i græs/rør. 
              Meget let og lydløs klatrer; bevæger sig mellem strå som på en balancebane.</p>
            </div>
          </section>

          <!-- Levested -->
          <section id="levested">
            <h2>Levested</h2>
            <div class="card">
              <h3>Hvor møder vi den?</h3>
              <p>Høj, tæt vegetation: <strong>rørskov, enge, grøfter, brakmarker</strong> og <strong>kornmarker</strong>. 
              Forekommer lokalt i Danmark, hvor egnede græs-/rørmiljøer findes.</p>
            </div>
          </section>

          <!-- Formering -->
          <section id="formering">
            <h2>Formering</h2>
            <div class="card">
              <h3>Tempo på familielivet</h3>
              <p>Ynglesæson typisk <strong>maj–september</strong> (kan variere med klima). Drægtighed <strong>~17–19 dage</strong>. 
                 Normalt <strong>2–4 kuld/år</strong> med <strong>3–8 unger</strong> pr. kuld. Unger bliver i reden ca. 
                 <strong>2 uger</strong> og er hurtigt selvstændige; kønsmodne efter <strong>6–8 uger</strong>.</p>
            </div>
          </section>

          <!-- Levetid & fjender -->
          <section id="levetid">
            <h2>Levetid & fjender</h2>
            <div class="card">
              <h3>Hårdt liv – men specialiseret overlever</h3>
              <p>Levetid i naturen typisk <strong>6–18 måneder</strong> (op til ~2 år i fangenskab). 
                 Fjender: <em>ugler, rovfugle, snoge, mårdyr og kat</em>. Beskyttes af sit skjulte liv i den tætte vegetation.</p>
            </div>
          </section>

          <!-- Forhold til mennesker -->
          <section id="mennesker">
            <h2>Forhold til mennesker</h2>
            <div class="card">
              <h3>Skjult nabo – sjældent skadedyr</h3>
              <p>Ses sjældent indendørs. Kan lokalt tage korn i markkanter, men spiller også en positiv rolle som <em>frøspreder</em> 
                 og som føde for rovfugle.</p>
            </div>
          </section>

          <!-- Små ekstra-fakta -->
          <section id="fakta">
            <h2>Kort & kuriositeter</h2>
            <div class="card">
              <h3>Kendetegn og forveksling</h3>
              <p>Dværgmus forveksles sjældent med skovmus/halsbåndmus pga. den <strong>meget lille størrelse</strong>, 
              <strong>korte, runde ører</strong> og <strong>gribehale</strong>. Rederne – små, vævede bolde – er et 
              meget karakteristisk tegn i sommerhalvåret.</p>
            </div>
          </section>
        </div>

        <!-- SIDEKOLONNE: Sticky CTA øverst, TOC under, LINKS under TOC -->
        <aside class="side" aria-label="Indhold & kontakt">
          <div class="stick">
            <div class="toc" aria-label="Indhold" style="margin-top:0">
              <h3>Indhold</h3>
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>

            <!-- NY BOKS: Links til andre sider -->
            <nav class="links" aria-label="Links til andre sider" style="margin-top:12px">
              <h3>Andre sider</h3>
              <ul>
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (Mus musculus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/" target="_blank" rel="noopener">Halsbåndmus (Apodemus flavicollis)</a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/" target="_blank" rel="noopener">Skovmus (Apodemus sylvaticus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / Stribet markmus (Apodemus agrarius)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </nav>

            <div class="cta" aria-label="Kontakt Djursland Skadedyr (desktop)" style="margin-top:16px">
              <h3>Har du brug for hjælp?</h3>
              <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
              <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
            </div>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (BlogPosting) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BlogPosting",
    "headline":"Dværgmus (Micromys minutus)",
    "description":"Kort, fortællende overblik over dværgmusens udseende, føde, levested, formering, levetid og forhold til mennesker – i et klart, genbrugeligt layout.",
    "mainEntityOfPage":{"@type":"WebPage","@id":"[Angiv URL]"},
    "author":{"@type":"Organization","name":"[Angiv forfatter/organisation]"},
    "publisher":{"@type":"Organization","name":"[Angiv udgiver]"},
    "inLanguage":"da-DK",
    "dateModified":"2025-10-05",
    "image":["https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Dvaergmus-Micromys-minutus-triple.png"],
    "keywords":["dværgmus","Micromys minutus","musearter","gnaver","natur"]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus Micromys minutus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Brandmus / stribet markmus Apodemus agrarius</title>
		<link>https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 19:53:26 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Identifikation]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12955</guid>

					<description><![CDATA[<p>MUSEART Brandmus / stribet markmus (Apodemus agrarius) Lille markmus med den karakteristiske mørke stribe langs ryggen. Jordboende, nataktiv og oftest knyttet til åbne marker, enge og skovkanter. Ret sjælden i Danmark – påvises kun sporadisk. Brandmus – let at kende på den mørke, længdegående stribe fra isse til halerod. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Skovmus (Apodemus sylvaticus) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Hurtigt overblik Essensen: Stribet Apodemus-art, mindre og mere jordboende end skovmusene. Kendes let på den mørke rygstribe. I Danmark vurderes arten som ret sjælden med spredte fund. Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr Udseende &#038; størrelse Hvordan ser den ud? Rødbrun til gråbrun overside med en sort/brunsort længdestribe langs ryggen. Lys bug. Ørerne er relativt små i forhold til skovmusenes, og halen er ofte kortere end kroppen eller kun omtrent lige så lang. Mål på en voksen Kropslængde 8–12 cm (hale 6–10 cm). Vægt typisk 15–35 g (ofte 18–28 g). Føde &#038; levevis Hvad spiser den? Frø og korn (særligt græsfrø og kornsorter) udgør hovedføden. Supplerer med knopper, bær, insekter og andre smådyr. Laver depoter i efteråret. Adfærd Primært jordboende og nataktiv. Løber i stier gennem tæt vegetation og benytter simple gange/redekamre i jorden. Mindre klatrelysten end skovmus/halsbåndmus, men meget adræt på jorden. Levested Hvor møder vi den? Åbne og halvt åbne områder: marker, enge, vejrabatter, skovkanter, rørskov og græsklædte arealer nær mennesker. Udbredt i Centraleuropa og Østeuropa; i Danmark sjælden med spredte forekomster/fund. Formering Tempo på familielivet Ynglesæson typisk april–oktober. Drægtighed ~20–23 dage. 3–6 kuld/år med 3–8 unger pr. kuld under gode forhold. Unger fravænnes efter 3–4 uger og er kønsmodne fra ca. 2 måneder. Levetid &#038; fjender Hårdt liv – men effektiv strategi Naturlig levetid 1–2 år (sjældent længere i naturen). Naturlige fjender: ugler, duehøg/rovfugle, ræv, mår, slanger og kat. Forhold til mennesker Markernes striber – lejlighedsvis skadedyr Kan lokalt gøre skade på nysåede marker og kornlagre. I kolde perioder kan den søge ly i bygninger nær åbne arealer. God forebyggelse er tætning af sprækker, rydning af vegetation tæt på fundamenter og sikring af foder/affald. Kort &#038; kuriositeter Kendetegn og forveksling Let at kende fra skovmus/halsbåndmus pga. den mørke rygstribe, kortere hale og mindre ører. Striben kan være svag hos enkelte individer – kig da på hale-længde og øre-størrelse. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Skovmus (Apodemus sylvaticus) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/">Brandmus / stribet markmus Apodemus agrarius</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12955" class="elementor elementor-12955" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Brandmus / stribet markmus (Apodemus agrarius) – viden (isoleret)"
     Lys/Grøn version – inspireret af din "Udluftning vs. skægkræ"-blok
     Med tydelige H1/H2/H3, ÉT billedslot, og STICKY CTA i højre side (+ mobil-CTA)
     + NY BOKS UNDER "INDHOLD" MED LINKS TIL ANDRE SIDER
     ========================================================= -->
<section data-dsx-mus id="mus-root" aria-labelledby="mus-h1">
  <style>
    /* ===== Isoleret tema-variabler (unikke navne) ===== */
    [data-dsx-mus]{
      --mus-brand:#7FB03E; --mus-brand2:#7FB03E;
      --mus-bg:#ffffff; --mus-ink:#0b1220; --mus-muted:#000000;
      --mus-border:#e3e9f2; --mus-border-strong:#d6dde8;
      --mus-panel:#ffffff; --mus-panel-2:#f8fafc; --mus-tint2:#f8fafc;
      --mus-radius:18px; --mus-wrap:1280px; --mus-gap:clamp(16px,4vw,28px);
      --mus-sec-gap:clamp(26px,6vw,50px); --mus-block-gap:clamp(12px,3.6vw,20px);
      --mus-shadow-card:0 8px 24px rgba(2,6,23,.08); --mus-shadow-green:0 8px 18px rgba(127,176,62,.08);
      --mus-hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
               linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--mus-ink); background:var(--mus-bg); display:block;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-mus] *, [data-dsx-mus] *::before, [data-dsx-mus] *::after{ box-sizing:border-box }
    [data-dsx-mus] img{ max-width:100%; height:auto; display:block }

    /* Links */
    [data-dsx-mus] a{ color:var(--mus-brand2); text-decoration:none }
    [data-dsx-mus] a:hover{ text-decoration:underline }
    [data-dsx-mus] :focus-visible{ outline:3px solid rgba(127,176,62,.30); outline-offset:2px }

    /* Layout */
    [data-dsx-mus] .mus-wrap{ max-width:var(--mus-wrap); margin-inline:auto; padding-block:clamp(8px,2vw,16px) }
    [data-dsx-mus] .mus-panel{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg, #fff, var(--mus-tint2)); border:1px solid var(--mus-border); border-radius:var(--mus-radius); box-shadow:var(--mus-shadow-card); padding:clamp(16px,4vw,28px) }
    [data-dsx-mus] .mus-panel::before{ content:""; position:absolute; inset:0; background:var(--mus-hi); pointer-events:none }
    [data-dsx-mus] .mus-panel > *{ position:relative; z-index:1 }

    /* Typografi */
    [data-dsx-mus] h1,[data-dsx-mus] h2,[data-dsx-mus] h3{ color:var(--mus-ink); margin:0 0 .6em; line-height:1.2; font-weight:800 }
    [data-dsx-mus] h1{ font-size:clamp(28px,5.8vw,36px) }
    [data-dsx-mus] h2{ font-size:clamp(20px,4.8vw,26px); padding-left:.7rem; border-left:4px solid var(--mus-brand) }
    [data-dsx-mus] h3{ font-size:clamp(18px,4.4vw,21px) }
    [data-dsx-mus] p{ margin:0 0 1em }
    [data-dsx-mus] .mus-lead{ font-size:clamp(18px,4.6vw,20px); margin:0; color:var(--mus-muted) }
    [data-dsx-mus] .eyebrow{ display:inline-block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.35px; color:var(--mus-brand); background:rgba(127,176,62,.10); padding:3px 8px; border-radius:6px; margin-bottom:8px }
    [data-dsx-mus] .stack > * + *{ margin-top:var(--mus-block-gap) }
    [data-dsx-mus] .content > * + *{ margin-top:var(--mus-sec-gap) }
    [data-dsx-mus] .content section > * + *{ margin-top:var(--mus-block-gap) }

    /* Grid */
    [data-dsx-mus] .mus-grid{ display:grid; gap:var(--mus-gap); margin-top:var(--mus-sec-gap) }
    @media (min-width:980px){
      [data-dsx-mus] .mus-grid{ grid-template-columns:minmax(0,1fr) 320px; align-items:start }
      [data-dsx-mus] .side .stick{ position:sticky; top:18px }
    }

    /* Hero */
    [data-dsx-mus] .hero{ display:grid; gap:var(--mus-gap) }
    @media (min-width:900px){ [data-dsx-mus] .hero{ grid-template-columns:1.1fr 1fr } }
    [data-dsx-mus] .hero__media figure{ margin:0; border-left:8px solid var(--mus-brand); border-radius:var(--mus-radius); overflow:hidden; background:#fff; box-shadow:var(--mus-shadow-green); display:grid; grid-template-rows:auto min-content }
    /* Højere billedboks + vis 100% */
    [data-dsx-mus] .hero__media .frame{ min-height:clamp(300px, 42vw, 560px); background:#fff }
    [data-dsx-mus] .hero__media .frame img{ width:100%; height:100%; object-fit:contain; display:block }
    [data-dsx-mus] .hero__media figcaption{ padding:.7rem .9rem; font-size:14px; color:var(--mus-muted); background:var(--mus-panel-2); border-top:1px dashed var(--mus-border) }

    /* Cards/notes */
    [data-dsx-mus] .note{ background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--mus-panel-2); border:1px solid var(--mus-border); border-left:8px solid var(--mus-brand); border-radius:12px; padding:12px 14px }
    [data-dsx-mus] .card{ background:var(--mus-panel); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04) }
    [data-dsx-mus] .card h3{ font-size:clamp(16px,3.8vw,18px); font-weight:700; line-height:1.25; margin:.2rem 0 .4rem }

    /* Side (TOC & CTA) */
    [data-dsx-mus] .toc, [data-dsx-mus] .cta{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px }
    [data-dsx-mus] .toc h3, [data-dsx-mus] .cta h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .toc ol{ margin:0; padding-left:1rem }
    [data-dsx-mus] .toc a{ color:var(--mus-ink) }
    [data-dsx-mus] .toc a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* NY: Links-boks under "Indhold" */
    [data-dsx-mus] .links-box{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; margin-top:16px }
    [data-dsx-mus] .links-box h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .links-box ul{ margin:0; padding-left:1rem }
    [data-dsx-mus] .links-box a{ color:var(--mus-ink) }
    [data-dsx-mus] .links-box a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* CTA-knap */
    [data-dsx-mus] .cta{ background:linear-gradient(180deg,#FFFFFF, var(--mus-panel-2)); box-shadow:0 6px 18px rgba(2,6,23,.06) }
    [data-dsx-mus] .cta p{ margin:0 0 .8rem }
    [data-dsx-mus] .cta .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
    [data-dsx-mus] .cta .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
    [data-dsx-mus] .cta .btn:active{ transform:translateY(0) }

    /* Mobil-specifikt */
    [data-dsx-mus] .cta-mobile{ display:none }
    [data-dsx-mus] .toc-mobile{ display:none }
    @media (max-width:979.98px){
      /* Skjul sidekolonne; vis mobil CTA og mobil TOC øverst */
      [data-dsx-mus] .side{ display:none }
      [data-dsx-mus] .cta-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(2,6,23,.06) }
      [data-dsx-mus] .cta-mobile .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
      [data-dsx-mus] .cta-mobile .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
      [data-dsx-mus] .toc-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .toc-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .toc-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .toc-mobile .toc-body{ padding-top:8px }
      [data-dsx-mus] .toc-mobile ol{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile a:hover{ color:var(--mus-brand2) }
      /* NY: Mobil-venlig links-boks lige under Indhold */
      [data-dsx-mus] .links-box-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .links-box-mobile h3{ margin:0 0 .6rem; font-weight:900 }
      [data-dsx-mus] .links-box-mobile ul{ margin:0; padding-left:1rem }
      [data-dsx-mus] .links-box-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .links-box-mobile a:hover{ color:var(--mus-brand2) }
    }
  </style>

  <div class="mus-wrap">
    <article class="mus-panel" itemscope itemtype="https://schema.org/BlogPosting">
      <!-- HERO -->
      <header class="hero">
        <div class="stack">
          <span class="eyebrow">MUSEART</span>
          <h1 id="mus-h1" itemprop="headline">Brandmus / stribet markmus (Apodemus agrarius)</h1>
          <p class="mus-lead" itemprop="description">
            Lille markmus med den karakteristiske <strong>mørke stribe langs ryggen</strong>. Jordboende, nataktiv og oftest knyttet til 
            åbne marker, enge og skovkanter. <em>Ret sjælden i Danmark</em> – påvises kun sporadisk.
          </p>
        </div>
        <!-- ÉT billedslot -->
        <div class="hero__media">
          <figure>
            <div class="frame">
              <!-- Udskift billedlinket herunder til dit endelige billede, når du har det -->
              <img src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Brandmus-stribet-markmus-Apodemus-agrarius-triple.png" alt="Brandmus / stribet markmus (Apodemus agrarius) – nærbillede" loading="lazy" decoding="async">
            </div>
            <figcaption>Brandmus – let at kende på den mørke, længdegående stribe fra isse til halerod.</figcaption>
          </figure>
        </div>
      </header>

      <!-- GRID -->
      <div class="mus-grid">
        <!-- MAIN -->
        <div class="content" itemprop="articleBody">
          <!-- Mobil TOC øverst (kun mobil) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleTop">
            <summary><span id="tocMobTitleTop">Indhold</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>
          </details>

          <!-- NY: Mobil-venlig links-boks under Indhold -->
          <div class="links-box-mobile" aria-label="Andre sider (mobil)">
            <h3>Andre sider</h3>
            <ul>
              <li><a href="https://djurslandskadedyr.dk/mus-musculus/">Husmus (<em>Mus musculus</em>)</a></li>
              <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus (<em>Apodemus flavicollis</em>)</a></li>
              <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus (<em>Apodemus sylvaticus</em>)</a></li>
              <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus (<em>Micromys minutus</em>)</a></li>
              <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark (Muridae)</a></li>
            </ul>
          </div>

          <!-- Overblik -->
          <section id="overblik">
            <h2>Hurtigt overblik</h2>
            <div class="note" role="note" aria-label="Nøglepunkter">
              <p><strong>Essensen:</strong> Stribet <em>Apodemus</em>-art, mindre og mere jordboende end skovmusene. 
              Kendes let på den mørke rygstribe. I Danmark vurderes arten som <strong>ret sjælden</strong> med spredte fund.</p>
            </div>
          </section>

          <!-- Mobil CTA placeres tidligt i flowet -->
          <section class="cta-mobile" aria-label="Kontakt Djursland Skadedyr (mobil)">
            <h2 style="margin:0 0 .4rem">Har du brug for hjælp?</h2>
            <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener">Kontakt Djursland Skadedyr</a>
          </section>

          <!-- Udseende & størrelse -->
          <section id="udseende">
            <h2>Udseende & størrelse</h2>
            <div class="card">
              <h3>Hvordan ser den ud?</h3>
              <p>Rødbrun til gråbrun overside med en <strong>sort/brunsort længdestribe</strong> langs ryggen. Lys bug. 
              Ørerne er relativt små i forhold til skovmusenes, og halen er ofte kortere end kroppen eller kun omtrent lige så lang.</p>
              <h3>Mål på en voksen</h3>
              <p>Kropslængde <strong>8–12 cm</strong> (hale <strong>6–10 cm</strong>). Vægt typisk <strong>15–35 g</strong> 
              (ofte 18–28 g).</p>
            </div>
          </section>

          <!-- Føde & levevis -->
          <section id="foede">
            <h2>Føde & levevis</h2>
            <div class="card">
              <h3>Hvad spiser den?</h3>
              <p>Frø og korn (særligt <strong>græsfrø og kornsorter</strong>) udgør hovedføden. Supplerer med knopper, bær, 
              insekter og andre smådyr. Laver depoter i efteråret.</p>
              <h3>Adfærd</h3>
              <p>Primært <em>jordboende og nataktiv</em>. Løber i stier gennem tæt vegetation og benytter simple gange/redekamre i jorden. 
              Mindre klatrelysten end skovmus/halsbåndmus, men meget adræt på jorden.</p>
            </div>
          </section>

          <!-- Levested -->
          <section id="levested">
            <h2>Levested</h2>
            <div class="card">
              <h3>Hvor møder vi den?</h3>
              <p>Åbne og halvt åbne områder: <strong>marker, enge, vejrabatter, skovkanter, rørskov</strong> og græsklædte 
              arealer nær mennesker. Udbredt i Centraleuropa og Østeuropa; i Danmark <em>sjælden</em> med spredte forekomster/fund.</p>
            </div>
          </section>

          <!-- Formering -->
          <section id="formering">
            <h2>Formering</h2>
            <div class="card">
              <h3>Tempo på familielivet</h3>
              <p>Ynglesæson typisk <strong>april–oktober</strong>. Drægtighed <strong>~20–23 dage</strong>. 
                 <strong>3–6 kuld/år</strong> med <strong>3–8 unger</strong> pr. kuld under gode forhold. Unger fravænnes efter 
                 <strong>3–4 uger</strong> og er kønsmodne fra ca. <strong>2 måneder</strong>.</p>
            </div>
          </section>

          <!-- Levetid & fjender -->
          <section id="levetid">
            <h2>Levetid & fjender</h2>
            <div class="card">
              <h3>Hårdt liv – men effektiv strategi</h3>
              <p>Naturlig levetid <strong>1–2 år</strong> (sjældent længere i naturen). 
                 Naturlige fjender: <em>ugler, duehøg/rovfugle, ræv, mår, slanger og kat</em>.</p>
            </div>
          </section>

          <!-- Forhold til mennesker -->
          <section id="mennesker">
            <h2>Forhold til mennesker</h2>
            <div class="card">
              <h3>Markernes striber – lejlighedsvis skadedyr</h3>
              <p>Kan lokalt gøre skade på nysåede marker og kornlagre. I kolde perioder kan den søge ly i bygninger nær åbne arealer. 
                 God forebyggelse er <em>tætning af sprækker</em>, rydning af vegetation tæt på fundamenter og sikring af foder/affald.</p>
            </div>
          </section>

          <!-- Små ekstra-fakta -->
          <section id="fakta">
            <h2>Kort & kuriositeter</h2>
            <div class="card">
              <h3>Kendetegn og forveksling</h3>
              <p>Let at kende fra skovmus/halsbåndmus pga. den <strong>mørke rygstribe</strong>, <em>kortere hale</em> og 
              <em>mindre ører</em>. Striben kan være svag hos enkelte individer – kig da på hale-længde og øre-størrelse.</p>
            </div>
          </section>
        </div>

        <!-- SIDEKOLONNE: Sticky CTA øverst, TOC under -->
        <aside class="side" aria-label="Indhold & kontakt">
          <div class="stick">
            <div class="toc" aria-label="Indhold" style="margin-top:0">
              <h3>Indhold</h3>
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>

            <!-- NY BOKS: Links til andre sider (PLACERET LIGE UNDER "INDHOLD") -->
            <nav class="links-box" aria-label="Andre sider">
              <h3>Andre sider</h3>
              <ul>
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/">Husmus (<em>Mus musculus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus (<em>Apodemus flavicollis</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus (<em>Apodemus sylvaticus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus (<em>Micromys minutus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </nav>

            <div class="cta" aria-label="Kontakt Djursland Skadedyr (desktop)" style="margin-top:16px">
              <h3>Har du brug for hjælp?</h3>
              <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
              <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
            </div>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (BlogPosting) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BlogPosting",
    "headline":"Brandmus / stribet markmus (Apodemus agrarius)",
    "description":"Kort, fortællende overblik over brandmusens (stribet markmus) udseende, føde, levested, formering, levetid og forhold til mennesker – i et klart, genbrugeligt layout.",
    "mainEntityOfPage":{"@type":"WebPage","@id":"[Angiv URL]"},
    "author":{"@type":"Organization","name":"[Angiv forfatter/organisation]"},
    "publisher":{"@type":"Organization","name":"[Angiv udgiver]"},
    "inLanguage":"da-DK",
    "dateModified":"2025-10-05",
    "image":["https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Brandmus-stribet-markmus-Apodemus-agrarius-triple.png"],
    "keywords":["brandmus","stribet markmus","Apodemus agrarius","musearter","gnaver","natur","skadedyr"]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/">Brandmus / stribet markmus Apodemus agrarius</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skovmus Apodemus sylvaticus</title>
		<link>https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 19:44:40 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Identifikation]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12945</guid>

					<description><![CDATA[<p>MUSEART Skovmus (Apodemus sylvaticus) Vores almindelige skov- og hegnsmus: slank, langhalet og nataktiv. Samler frø og nødder i små depoter og hopper adræt mellem grene og sten. Forveksles ofte med halsbåndmus – men mangler det komplette, gule brystbånd. Skovmus – store øjne, lange bagben og ingen sammenhængende gult halsbånd på brystet. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Brandmus / stribet markmus (Apodemus agrarius) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Hurtigt overblik Essensen: Skovmusen er en lille, letbygget Apodemus-art uden fuldt gult brystbånd. Den er en vigtig frøspreder, lagerdanner og fleksibel overlever i skovbryn, levende hegn og haver. Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr Udseende &#038; størrelse Hvordan ser den ud? Varmt brun overside, hvid til grålig bug. Mangler det sammenhængende gule halsbånd; kan have små, gullige pletter ved halsen. Ører og øjne store; bagben relativt lange, hvilket giver et karakteristisk hop. Mål på en voksen Kropslængde 8–11 cm (hale 7–11 cm, ofte omtrent som eller lidt kortere end kroppen). Vægt typisk 15–30 g (ofte 18–25 g). Føde &#038; levevis Hvad spiser den? Frø, nødder og korn topper menuen (bog, agern, hasselnød), suppleret af knopper, bær, svampe samt insekter og larver. Danner depoter, især i sensommer og efterår. Adfærd Overvejende nataktiv. Hurtig, springende gang og god klatrer. Bevæger sig langs lægivende strukturer og bruger hulrum i jorden, under rødder, stensætninger og bygninger til redesteder. Levested Hvor møder vi den? Hyppig i løvskove, skovbryn, hegn, haver og landbrugsland. Vidt udbredt i Europa (inkl. Danmark) og dele af Vestasien. Trækker lejlighedsvis ind i huse og udhuse i den kolde årstid. Formering Tempo på familielivet Ynglesæson typisk marts–oktober. Drægtighed ~22–24 dage. Normalt 2–4 kuld/år (varierer med fødemængde) med 3–7 unger pr. kuld. Unger fravænnes efter 3–4 uger og bliver kønsmodne omkring 2–3 måneder. Levetid &#038; fjender Hårdt liv – men effektiv strategi I naturen bliver skovmus sjældent ældre end 1–1,5 år, men kan i fangenskab nå op til ~2–3 år. Naturlige fjender er bl.a. ugler, rovfugle, ræv, mår, slanger og kat. Forhold til mennesker Nyttig frøspreder – og mulig gæst i bygninger Skovmusen spreder skovens frø, men kan lokalt være et mindre skadedyr ved opmagasinering af frø/nødder og ved indtrængen i huse, lofter og udhuse, særligt i efteråret. Kort &#038; kuriositeter Skovmus vs. halsbåndmus – sådan ser du forskellen Skovmus mangler et fuldt, gult brystbånd; har ofte kun små, gullige pletter. Halsbåndmus er typisk lidt større og har et tydeligt, sammenhængende gult bånd over brystet. Kranie- og tandkendetegn bekræfter artsbestemmelsen ved nærstudier. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Andre sider Husmus (Mus musculus) Halsbåndmus (Apodemus flavicollis) Brandmus / stribet markmus (Apodemus agrarius) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus Apodemus sylvaticus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12945" class="elementor elementor-12945" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Skovmus (Apodemus sylvaticus) – viden (isoleret)"
     Lys/Grøn version – inspireret af din "Udluftning vs. skægkræ"-blok
     Med tydelige H1/H2/H3, ÉT billedslot, og STICKY CTA i højre side (+ mobil-CTA)
     ========================================================= -->
<section data-dsx-mus id="mus-root" aria-labelledby="mus-h1">
  <style>
    /* ===== Isoleret tema-variabler (unikke navne) ===== */
    [data-dsx-mus]{
      --mus-brand:#7FB03E; --mus-brand2:#7FB03E;
      --mus-bg:#ffffff; --mus-ink:#0b1220; --mus-muted:#000000;
      --mus-border:#e3e9f2; --mus-border-strong:#d6dde8;
      --mus-panel:#ffffff; --mus-panel-2:#f8fafc; --mus-tint2:#f8fafc;
      --mus-radius:18px; --mus-wrap:1280px; --mus-gap:clamp(16px,4vw,28px);
      --mus-sec-gap:clamp(26px,6vw,50px); --mus-block-gap:clamp(12px,3.6vw,20px);
      --mus-shadow-card:0 8px 24px rgba(2,6,23,.08); --mus-shadow-green:0 8px 18px rgba(127,176,62,.08);
      --mus-hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
               linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--mus-ink); background:var(--mus-bg); display:block;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-mus] *, [data-dsx-mus] *::before, [data-dsx-mus] *::after{ box-sizing:border-box }
    [data-dsx-mus] img{ max-width:100%; height:auto; display:block }

    /* Links */
    [data-dsx-mus] a{ color:var(--mus-brand2); text-decoration:none }
    [data-dsx-mus] a:hover{ text-decoration:underline }
    [data-dsx-mus] :focus-visible{ outline:3px solid rgba(127,176,62,.30); outline-offset:2px }

    /* Layout */
    [data-dsx-mus] .mus-wrap{ max-width:var(--mus-wrap); margin-inline:auto; padding-block:clamp(8px,2vw,16px) }
    [data-dsx-mus] .mus-panel{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg, #fff, var(--mus-tint2)); border:1px solid var(--mus-border); border-radius:var(--mus-radius); box-shadow:var(--mus-shadow-card); padding:clamp(16px,4vw,28px) }
    [data-dsx-mus] .mus-panel::before{ content:""; position:absolute; inset:0; background:var(--mus-hi); pointer-events:none }
    [data-dsx-mus] .mus-panel > *{ position:relative; z-index:1 }

    /* Typografi */
    [data-dsx-mus] h1,[data-dsx-mus] h2,[data-dsx-mus] h3{ color:var(--mus-ink); margin:0 0 .6em; line-height:1.2; font-weight:800 }
    [data-dsx-mus] h1{ font-size:clamp(28px,5.8vw,36px) }
    [data-dsx-mus] h2{ font-size:clamp(20px,4.8vw,26px); padding-left:.7rem; border-left:4px solid var(--mus-brand) }
    [data-dsx-mus] h3{ font-size:clamp(18px,4.4vw,21px) }
    [data-dsx-mus] p{ margin:0 0 1em }
    [data-dsx-mus] .mus-lead{ font-size:clamp(18px,4.6vw,20px); margin:0; color:var(--mus-muted) }
    [data-dsx-mus] .eyebrow{ display:inline-block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.35px; color:var(--mus-brand); background:rgba(127,176,62,.10); padding:3px 8px; border-radius:6px; margin-bottom:8px }
    [data-dsx-mus] .stack > * + *{ margin-top:var(--mus-block-gap) }
    [data-dsx-mus] .content > * + *{ margin-top:var(--mus-sec-gap) }
    [data-dsx-mus] .content section > * + *{ margin-top:var(--mus-block-gap) }

    /* Grid */
    [data-dsx-mus] .mus-grid{ display:grid; gap:var(--mus-gap); margin-top:var(--mus-sec-gap) }
    @media (min-width:980px){
      [data-dsx-mus] .mus-grid{ grid-template-columns:minmax(0,1fr) 320px; align-items:start }
      [data-dsx-mus] .side .stick{ position:sticky; top:18px }
    }

    /* Hero */
    [data-dsx-mus] .hero{ display:grid; gap:var(--mus-gap) }
    @media (min-width:900px){ [data-dsx-mus] .hero{ grid-template-columns:1.1fr 1fr } }
    [data-dsx-mus] .hero__media figure{ margin:0; border-left:8px solid var(--mus-brand); border-radius:var(--mus-radius); overflow:hidden; background:#fff; box-shadow:var(--mus-shadow-green); display:grid; grid-template-rows:auto min-content }
    /* Højere billedboks + vis 100% */
    [data-dsx-mus] .hero__media .frame{ min-height:clamp(300px, 42vw, 560px); background:#fff }
    [data-dsx-mus] .hero__media .frame img{ width:100%; height:100%; object-fit:contain; display:block }
    [data-dsx-mus] .hero__media figcaption{ padding:.7rem .9rem; font-size:14px; color:var(--mus-muted); background:var(--mus-panel-2); border-top:1px dashed var(--mus-border) }

    /* Cards/notes */
    [data-dsx-mus] .note{ background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--mus-panel-2); border:1px solid var(--mus-border); border-left:8px solid var(--mus-brand); border-radius:12px; padding:12px 14px }
    [data-dsx-mus] .card{ background:var(--mus-panel); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04) }
    [data-dsx-mus] .card h3{ font-size:clamp(16px,3.8vw,18px); font-weight:700; line-height:1.25; margin:.2rem 0 .4rem }

    /* Side (TOC & CTA) */
    [data-dsx-mus] .toc, [data-dsx-mus] .cta, [data-dsx-mus] .links{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px }
    [data-dsx-mus] .toc h3, [data-dsx-mus] .cta h3, [data-dsx-mus] .links h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .toc ol{ margin:0; padding-left:1rem }
    [data-dsx-mus] .toc a{ color:var(--mus-ink) }
    [data-dsx-mus] .toc a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* Linkliste i "Andre sider" */
    [data-dsx-mus] .linklist{ list-style:none; padding-left:0; margin:0; display:grid; gap:.5rem }
    [data-dsx-mus] .linklist a{ color:var(--mus-ink) }
    [data-dsx-mus] .linklist a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* CTA-knap */
    [data-dsx-mus] .cta{ background:linear-gradient(180deg,#FFFFFF, var(--mus-panel-2)); box-shadow:0 6px 18px rgba(2,6,23,.06) }
    [data-dsx-mus] .cta p{ margin:0 0 .8rem }
    [data-dsx-mus] .cta .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
    [data-dsx-mus] .cta .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
    [data-dsx-mus] .cta .btn:active{ transform:translateY(0) }

    /* Mobil-specifikt */
    [data-dsx-mus] .cta-mobile{ display:none }
    [data-dsx-mus] .toc-mobile{ display:none }
    @media (max-width:979.98px){
      /* Skjul sidekolonne; vis mobil CTA og mobil TOC øverst */
      [data-dsx-mus] .side{ display:none }
      [data-dsx-mus] .cta-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(2,6,23,.06) }
      [data-dsx-mus] .cta-mobile .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
      [data-dsx-mus] .cta-mobile .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
      [data-dsx-mus] .toc-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .toc-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .toc-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .toc-mobile .toc-body{ padding-top:8px }
      [data-dsx-mus] .toc-mobile ol{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile a:hover{ color:var(--mus-brand2) }
    }
  </style>

  <div class="mus-wrap">
    <article class="mus-panel" itemscope itemtype="https://schema.org/BlogPosting">
      <!-- HERO -->
      <header class="hero">
        <div class="stack">
          <span class="eyebrow">MUSEART</span>
          <h1 id="mus-h1" itemprop="headline">Skovmus (Apodemus sylvaticus)</h1>
          <p class="mus-lead" itemprop="description">
            Vores almindelige skov- og hegnsmus: slank, langhalet og nataktiv. Samler frø og nødder i små depoter og 
            hopper adræt mellem grene og sten. Forveksles ofte med halsbåndmus – men mangler det komplette, gule brystbånd.
          </p>
        </div>
        <!-- ÉT billedslot -->
        <div class="hero__media">
          <figure>
            <div class="frame">
              <img src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Skovmus-Apodemus-sylvaticus-triple-1.png" alt="Skovmus (Apodemus sylvaticus) – nærbillede" loading="lazy" decoding="async">
            </div>
            <figcaption>Skovmus – store øjne, lange bagben og <em>ingen</em> sammenhængende gult halsbånd på brystet.</figcaption>
          </figure>
        </div>
      </header>

      <!-- GRID -->
      <div class="mus-grid">
        <!-- MAIN -->
        <div class="content" itemprop="articleBody">
          <!-- Mobil TOC øverst (kun mobil) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleTop">
            <summary><span id="tocMobTitleTop">Indhold</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>
          </details>

          <!-- Mobil: Andre sider (lige under mobil-TOC) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleLinks">
            <summary><span id="tocMobTitleLinks">Andre sider</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ul class="linklist">
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (Mus musculus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/" target="_blank" rel="noopener">Halsbåndmus (Apodemus flavicollis)</a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / stribet markmus (Apodemus agrarius)</a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/" target="_blank" rel="noopener">Dværgmus (Micromys minutus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </div>
          </details>

          <!-- Overblik -->
          <section id="overblik">
            <h2>Hurtigt overblik</h2>
            <div class="note" role="note" aria-label="Nøglepunkter">
              <p><strong>Essensen:</strong> Skovmusen er en lille, letbygget <em>Apodemus</em>-art uden fuldt gult brystbånd. 
              Den er en vigtig frøspreder, lagerdanner og fleksibel overlever i skovbryn, levende hegn og haver.</p>
            </div>
          </section>

          <!-- Mobil CTA placeres tidligt i flowet -->
          <section class="cta-mobile" aria-label="Kontakt Djursland Skadedyr (mobil)">
            <h2 style="margin:0 0 .4rem">Har du brug for hjælp?</h2>
            <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener">Kontakt Djursland Skadedyr</a>
          </section>

          <!-- Udseende & størrelse -->
          <section id="udseende">
            <h2>Udseende & størrelse</h2>
            <div class="card">
              <h3>Hvordan ser den ud?</h3>
              <p>Varmt brun overside, hvid til grålig bug. <em>Mangler</em> det sammenhængende gule halsbånd; kan have små, 
              gullige pletter ved halsen. Ører og øjne store; bagben relativt lange, hvilket giver et karakteristisk hop.</p>
              <h3>Mål på en voksen</h3>
              <p>Kropslængde <strong>8–11 cm</strong> (hale <strong>7–11 cm</strong>, ofte omtrent som eller lidt kortere end kroppen). 
              Vægt typisk <strong>15–30 g</strong> (ofte 18–25 g).</p>
            </div>
          </section>

          <!-- Føde & levevis -->
          <section id="foede">
            <h2>Føde & levevis</h2>
            <div class="card">
              <h3>Hvad spiser den?</h3>
              <p>Frø, nødder og korn topper menuen (bog, agern, hasselnød), suppleret af knopper, bær, svampe samt insekter og larver. 
              Danner depoter, især i sensommer og efterår.</p>
              <h3>Adfærd</h3>
              <p>Overvejende <em>nataktiv</em>. Hurtig, springende gang og god klatrer. Bevæger sig langs lægivende strukturer og 
              bruger hulrum i jorden, under rødder, stensætninger og bygninger til redesteder.</p>
            </div>
          </section>

          <!-- Levested -->
          <section id="levested">
            <h2>Levested</h2>
            <div class="card">
              <h3>Hvor møder vi den?</h3>
              <p>Hyppig i <strong>løvskove, skovbryn, hegn, haver og landbrugsland</strong>. Vidt udbredt i Europa (inkl. Danmark) og dele af Vestasien. 
              Trækker lejlighedsvis ind i huse og udhuse i den kolde årstid.</p>
            </div>
          </section>

          <!-- Formering -->
          <section id="formering">
            <h2>Formering</h2>
            <div class="card">
              <h3>Tempo på familielivet</h3>
              <p>Ynglesæson typisk <strong>marts–oktober</strong>. Drægtighed <strong>~22–24 dage</strong>. Normalt 
                 <strong>2–4 kuld/år</strong> (varierer med fødemængde) med <strong>3–7 unger</strong> pr. kuld. Unger fravænnes efter 
                 <strong>3–4 uger</strong> og bliver kønsmodne omkring <strong>2–3 måneder</strong>.</p>
            </div>
          </section>

          <!-- Levetid & fjender -->
          <section id="levetid">
            <h2>Levetid & fjender</h2>
            <div class="card">
              <h3>Hårdt liv – men effektiv strategi</h3>
              <p>I naturen bliver skovmus sjældent ældre end <strong>1–1,5 år</strong>, men kan i fangenskab nå 
                 <strong>op til ~2–3 år</strong>. Naturlige fjender er bl.a. <em>ugler, rovfugle, ræv, mår, slanger og kat</em>.</p>
            </div>
          </section>

          <!-- Forhold til mennesker -->
          <section id="mennesker">
            <h2>Forhold til mennesker</h2>
            <div class="card">
              <h3>Nyttig frøspreder – og mulig gæst i bygninger</h3>
              <p>Skovmusen spreder skovens frø, men kan lokalt være et mindre skadedyr ved opmagasinering af frø/nødder og ved indtrængen i 
                 huse, lofter og udhuse, særligt i efteråret.</p>
            </div>
          </section>

          <!-- Små ekstra-fakta -->
          <section id="fakta">
            <h2>Kort & kuriositeter</h2>
            <div class="card">
              <h3>Skovmus vs. halsbåndmus – sådan ser du forskellen</h3>
              <p><strong>Skovmus</strong> mangler et fuldt, gult brystbånd; har ofte kun små, gullige pletter. 
              <strong>Halsbåndmus</strong> er typisk lidt større og har et tydeligt, sammenhængende gult bånd over brystet. 
              Kranie- og tandkendetegn bekræfter artsbestemmelsen ved nærstudier.</p>
            </div>
          </section>
        </div>

        <!-- SIDEKOLONNE: Sticky CTA øverst, TOC under -->
        <aside class="side" aria-label="Indhold & kontakt">
          <div class="stick">
            <div class="toc" aria-label="Indhold" style="margin-top:0">
              <h3>Indhold</h3>
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>

            <!-- NY BOKS: Andre sider (ligger UNDER "Indhold") -->
            <nav class="links" aria-label="Andre sider" style="margin-top:12px">
              <h3>Andre sider</h3>
              <ul class="linklist">
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (Mus musculus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/" target="_blank" rel="noopener">Halsbåndmus (Apodemus flavicollis)</a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / stribet markmus (Apodemus agrarius)</a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/" target="_blank" rel="noopener">Dværgmus (Micromys minutus)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </nav>

            <div class="cta" aria-label="Kontakt Djursland Skadedyr (desktop)" style="margin-top:16px">
              <h3>Har du brug for hjælp?</h3>
              <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
              <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
            </div>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (BlogPosting) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BlogPosting",
    "headline":"Skovmus (Apodemus sylvaticus)",
    "description":"Kort, fortællende overblik over skovmusens udseende, føde, levested, formering, levetid og forhold til mennesker – i et klart, genbrugeligt layout.",
    "mainEntityOfPage":{"@type":"WebPage","@id":"[Angiv URL]"},
    "author":{"@type":"Organization","name":"[Angiv forfatter/organisation]"},
    "publisher":{"@type":"Organization","name":"[Angiv udgiver]"},
    "inLanguage":"da-DK",
    "dateModified":"2025-10-05",
    "image":["https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Skovmus-Apodemus-sylvaticus-triple-1.png"],
    "keywords":["skovmus","Apodemus sylvaticus","musearter","gnaver","natur","skadedyr"]
  }
  </script>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus Apodemus sylvaticus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Halsbåndmus Apodemus flavicollis</title>
		<link>https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 19:36:04 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Identifikation]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12941</guid>

					<description><![CDATA[<p>MUSEART Halsbåndmus (Apodemus flavicollis) En større skovmus med markant gult &#8220;halsbånd&#8221; over brystet. Dygtig klatrer, nataktiv og kendt for at samle forråd af agern og bog – men den søger også gerne ind i huse i efteråret. Halsbåndmus – kendes på den gule krave/halsbånd over brystet og de store ører. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Mere om mus Husmus (Mus musculus) Skovmus (Apodemus sylvaticus) Brandmus / stribet markmus (Apodemus agrarius) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Hurtigt overblik Essensen: Skovlevende gnaver i slægten Apodemus – større end skovmus og kendetegnet ved et gult brystbånd. Lagerdanner, glimrende klatrer og meget tilpasningsdygtig. Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr Udseende &#038; størrelse Hvordan ser den ud? Varmt brun til gråbrun overside, hvid bug og tydeligt gult brystbånd (kan være helt eller delvist sammenhængende). Store øjne og store ører. Halen er omtrent lige så lang som kroppen – ofte en anelse længere. Mål på en voksen Kropslængde 9–12,5 cm (hale 9–12,5 cm). Vægt typisk 20–40 g (ofte 25–35 g). Føde &#038; levevis Hvad spiser den? Frø og nødder dominerer: bog, agern, hasselnødder m.m. Supplerer med knopper, bær og smådyr (insekter/larver). Danner små forråd, især i efteråret. Adfærd Nataktiv, hurtig og smidig klatrer. Bevægelsen foregår i sikre ruter langs hegn, sten og vægge. Udnytter hulrum og isolering til redesteder – kan trække ind i huse og lofter i kolde perioder. Levested Hvor møder vi den? Især i løv- og blandede skove, men også i haver, levende hegn og landbrugsnære områder. Udbredt i store dele af Europa (inkl. Danmark) og ind i Vestasien. Kan søge mod bygninger i efteråret. Formering Tempo på familielivet Ynglesæson typisk april–oktober. Drægtighed ~23–25 dage. Normalt 2–4 kuld/år med 4–7 unger pr. kuld. Unger fravænnes efter 3–4 uger og bliver kønsmodne efter ca. 2–3 måneder. Levetid &#038; fjender Hårdt liv – men effektiv strategi I naturen bliver halsbåndmus sjældent ældre end 1–2 år, mens den i fangenskab kan nå op til ~3 år. Naturlige fjender er bl.a. ugler, rovfugle, ræv, mår og kat – modsvaret er forsigtighed, fart og flere kuld. Forhold til mennesker Skovens frøspreder – og lejlighedsvis skadedyr Arten spiller en rolle som frøspreder i skovøkosystemer. I og nær bygninger kan den dog gnave, larme på lofter og forurene fødevarer – særligt når den søger indendørs i efterårs-/vinterperioder. Kort &#038; kuriositeter Vidste du…? Halsbåndmus forveksles ofte med skovmus (Apodemus sylvaticus). Et sikkert kendetegn er det gule brystbånd og lidt større krop/kranium. Tænder og kranieform afslører forskellen ved nærmere eftersyn. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Mere om mus Husmus (Mus musculus) Skovmus (Apodemus sylvaticus) Brandmus / stribet markmus (Apodemus agrarius) Dværgmus (Micromys minutus) Ægte mus i Danmark (Muridae) Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus Apodemus flavicollis</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12941" class="elementor elementor-12941" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Halsbåndmus (Apodemus flavicollis) – viden (isoleret)"
     Lys/Grøn version – inspireret af din "Udluftning vs. skægkræ"-blok
     Med tydelige H1/H2/H3, ÉT billedslot, og STICKY CTA i højre side (+ mobil-CTA)
     + EKSTRA: Links-boks under "Indhold" (desktop + mobil)
     ========================================================= -->
<section data-dsx-mus id="mus-root" aria-labelledby="mus-h1">
  <style>
    /* ===== Isoleret tema-variabler (unikke navne) ===== */
    [data-dsx-mus]{
      --mus-brand:#7FB03E; --mus-brand2:#7FB03E;
      --mus-bg:#ffffff; --mus-ink:#0b1220; --mus-muted:#000000;
      --mus-border:#e3e9f2; --mus-border-strong:#d6dde8;
      --mus-panel:#ffffff; --mus-panel-2:#f8fafc; --mus-tint2:#f8fafc;
      --mus-radius:18px; --mus-wrap:1280px; --mus-gap:clamp(16px,4vw,28px);
      --mus-sec-gap:clamp(26px,6vw,50px); --mus-block-gap:clamp(12px,3.6vw,20px);
      --mus-shadow-card:0 8px 24px rgba(2,6,23,.08); --mus-shadow-green:0 8px 18px rgba(127,176,62,.08);
      --mus-hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
               linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--mus-ink); background:var(--mus-bg); display:block;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-mus] *, [data-dsx-mus] *::before, [data-dsx-mus] *::after{ box-sizing:border-box }
    [data-dsx-mus] img{ max-width:100%; height:auto; display:block }

    /* Links */
    [data-dsx-mus] a{ color:var(--mus-brand2); text-decoration:none }
    [data-dsx-mus] a:hover{ text-decoration:underline }
    [data-dsx-mus] :focus-visible{ outline:3px solid rgba(127,176,62,.30); outline-offset:2px }

    /* Layout */
    [data-dsx-mus] .mus-wrap{ max-width:var(--mus-wrap); margin-inline:auto; padding-block:clamp(8px,2vw,16px) }
    [data-dsx-mus] .mus-panel{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg, #fff, var(--mus-tint2)); border:1px solid var(--mus-border); border-radius:var(--mus-radius); box-shadow:var(--mus-shadow-card); padding:clamp(16px,4vw,28px) }
    [data-dsx-mus] .mus-panel::before{ content:""; position:absolute; inset:0; background:var(--mus-hi); pointer-events:none }
    [data-dsx-mus] .mus-panel > *{ position:relative; z-index:1 }

    /* Typografi */
    [data-dsx-mus] h1,[data-dsx-mus] h2,[data-dsx-mus] h3{ color:var(--mus-ink); margin:0 0 .6em; line-height:1.2; font-weight:800 }
    [data-dsx-mus] h1{ font-size:clamp(28px,5.8vw,36px) }
    [data-dsx-mus] h2{ font-size:clamp(20px,4.8vw,26px); padding-left:.7rem; border-left:4px solid var(--mus-brand) }
    [data-dsx-mus] h3{ font-size:clamp(18px,4.4vw,21px) }
    [data-dsx-mus] p{ margin:0 0 1em }
    [data-dsx-mus] .mus-lead{ font-size:clamp(18px,4.6vw,20px); margin:0; color:var(--mus-muted) }
    [data-dsx-mus] .eyebrow{ display:inline-block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.35px; color:var(--mus-brand); background:rgba(127,176,62,.10); padding:3px 8px; border-radius:6px; margin-bottom:8px }
    [data-dsx-mus] .stack > * + *{ margin-top:var(--mus-block-gap) }
    [data-dsx-mus] .content > * + *{ margin-top:var(--mus-sec-gap) }
    [data-dsx-mus] .content section > * + *{ margin-top:var(--mus-block-gap) }

    /* Grid */
    [data-dsx-mus] .mus-grid{ display:grid; gap:var(--mus-gap); margin-top:var(--mus-sec-gap) }
    @media (min-width:980px){
      [data-dsx-mus] .mus-grid{ grid-template-columns:minmax(0,1fr) 320px; align-items:start }
      [data-dsx-mus] .side .stick{ position:sticky; top:18px }
    }

    /* Hero */
    [data-dsx-mus] .hero{ display:grid; gap:var(--mus-gap) }
    @media (min-width:900px){ [data-dsx-mus] .hero{ grid-template-columns:1.1fr 1fr } }
    [data-dsx-mus] .hero__media figure{ margin:0; border-left:8px solid var(--mus-brand); border-radius:var(--mus-radius); overflow:hidden; background:#fff; box-shadow:var(--mus-shadow-green); display:grid; grid-template-rows:auto min-content }
    /* Højere billedboks + vis 100% */
    [data-dsx-mus] .hero__media .frame{ min-height:clamp(300px, 42vw, 560px); background:#fff }
    [data-dsx-mus] .hero__media .frame img{ width:100%; height:100%; object-fit:contain; display:block }
    [data-dsx-mus] .hero__media figcaption{ padding:.7rem .9rem; font-size:14px; color:var(--mus-muted); background:var(--mus-panel-2); border-top:1px dashed var(--mus-border) }

    /* Cards/notes */
    [data-dsx-mus] .note{ background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--mus-panel-2); border:1px solid var(--mus-border); border-left:8px solid var(--mus-brand); border-radius:12px; padding:12px 14px }
    [data-dsx-mus] .card{ background:var(--mus-panel); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04) }
    [data-dsx-mus] .card h3{ font-size:clamp(16px,3.8vw,18px); font-weight:700; line-height:1.25; margin:.2rem 0 .4rem }

    /* Side (TOC & CTA) */
    [data-dsx-mus] .toc, [data-dsx-mus] .cta{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px }
    [data-dsx-mus] .toc h3, [data-dsx-mus] .cta h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .toc ol{ margin:0; padding-left:1rem }
    [data-dsx-mus] .toc a{ color:var(--mus-ink) }
    [data-dsx-mus] .toc a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* === NY: Links-boks under Indhold (desktop & mobil) === */
    [data-dsx-mus] .links{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; margin-top:12px }
    [data-dsx-mus] .links h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .links ul{ margin:0; padding-left:1rem }
    [data-dsx-mus] .links li{ margin:.25rem 0 }
    [data-dsx-mus] .links a{ color:var(--mus-ink) }
    [data-dsx-mus] .links a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* CTA-knap */
    [data-dsx-mus] .cta{ background:linear-gradient(180deg,#FFFFFF, var(--mus-panel-2)); box-shadow:0 6px 18px rgba(2,6,23,.06) }
    [data-dsx-mus] .cta p{ margin:0 0 .8rem }
    [data-dsx-mus] .cta .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
    [data-dsx-mus] .cta .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
    [data-dsx-mus] .cta .btn:active{ transform:translateY(0) }

    /* Mobil-specifikt */
    [data-dsx-mus] .cta-mobile{ display:none }
    [data-dsx-mus] .toc-mobile{ display:none }
    @media (max-width:979.98px){
      /* Skjul sidekolonne; vis mobil CTA og mobil TOC øverst */
      [data-dsx-mus] .side{ display:none }
      [data-dsx-mus] .cta-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(2,6,23,.06) }
      [data-dsx-mus] .cta-mobile .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
      [data-dsx-mus] .cta-mobile .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
      [data-dsx-mus] .toc-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .toc-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .toc-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .toc-mobile .toc-body{ padding-top:8px }
      [data-dsx-mus] .toc-mobile ol{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile a:hover{ color:var(--mus-brand2) }
      /* Mobil-variant af links-boks */
      [data-dsx-mus] .toc-mobile .links{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; margin-top:10px }
      [data-dsx-mus] .toc-mobile .links h3{ margin:0 0 .5rem; font-weight:900; font-size:15px }
      [data-dsx-mus] .toc-mobile .links ul{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile .links a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile .links a:hover{ color:var(--mus-brand2) }
    }
  </style>

  <div class="mus-wrap">
    <article class="mus-panel" itemscope itemtype="https://schema.org/BlogPosting">
      <!-- HERO -->
      <header class="hero">
        <div class="stack">
          <span class="eyebrow">MUSEART</span>
          <h1 id="mus-h1" itemprop="headline">Halsbåndmus (Apodemus flavicollis)</h1>
          <p class="mus-lead" itemprop="description">
            En større skovmus med markant gult <em>"halsbånd"</em> over brystet. Dygtig klatrer, nataktiv og kendt for at samle 
            forråd af agern og bog – men den søger også gerne ind i huse i efteråret.
          </p>
        </div>
        <!-- ÉT billedslot -->
        <div class="hero__media">
          <figure>
            <div class="frame">
              <img src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Halsbaandmus-Apodemus-flavicollis-triple.png" alt="Halsbåndmus (Apodemus flavicollis) – nærbillede" loading="lazy" decoding="async">
            </div>
            <figcaption>Halsbåndmus – kendes på den gule krave/halsbånd over brystet og de store ører.</figcaption>
          </figure>
        </div>
      </header>

      <!-- GRID -->
      <div class="mus-grid">
        <!-- MAIN -->
        <div class="content" itemprop="articleBody">
          <!-- Mobil TOC øverst (kun mobil) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleTop">
            <summary><span id="tocMobTitleTop">Indhold</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>

              <!-- NY: Links-boks (mobil) -->
              <hr style="border:none; border-top:1px dashed var(--mus-border); margin:.6rem 0 .4rem">
              <div class="links" aria-label="Mere om mus (mobil)">
                <h3>Mere om mus</h3>
                <ul>
                  <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (<em>Mus musculus</em>)</a></li>
                  <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/" target="_blank" rel="noopener">Skovmus (<em>Apodemus sylvaticus</em>)</a></li>
                  <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / stribet markmus (<em>Apodemus agrarius</em>)</a></li>
                  <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/" target="_blank" rel="noopener">Dværgmus (<em>Micromys minutus</em>)</a></li>
                  <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
                </ul>
              </div>
            </div>
          </details>

          <!-- Overblik -->
          <section id="overblik">
            <h2>Hurtigt overblik</h2>
            <div class="note" role="note" aria-label="Nøglepunkter">
              <p><strong>Essensen:</strong> Skovlevende gnaver i slægten <em>Apodemus</em> – større end skovmus og kendetegnet ved 
              et gult brystbånd. Lagerdanner, glimrende klatrer og meget tilpasningsdygtig.</p>
            </div>
          </section>

          <!-- Mobil CTA placeres tidligt i flowet -->
          <section class="cta-mobile" aria-label="Kontakt Djursland Skadedyr (mobil)">
            <h2 style="margin:0 0 .4rem">Har du brug for hjælp?</h2>
            <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener">Kontakt Djursland Skadedyr</a>
          </section>

          <!-- Udseende & størrelse -->
          <section id="udseende">
            <h2>Udseende & størrelse</h2>
            <div class="card">
              <h3>Hvordan ser den ud?</h3>
              <p>Varmt brun til gråbrun overside, <em>hvid bug</em> og tydeligt gult brystbånd (kan være helt eller delvist sammenhængende). 
              Store øjne og <strong>store ører</strong>. Halen er omtrent lige så lang som kroppen – ofte en anelse længere.</p>
              <h3>Mål på en voksen</h3>
              <p>Kropslængde <strong>9–12,5 cm</strong> (hale <strong>9–12,5 cm</strong>). Vægt typisk <strong>20–40 g</strong> 
              (ofte 25–35 g).</p>
            </div>
          </section>

          <!-- Føde & levevis -->
          <section id="foede">
            <h2>Føde & levevis</h2>
            <div class="card">
              <h3>Hvad spiser den?</h3>
              <p>Frø og nødder dominerer: <strong>bog, agern, hasselnødder</strong> m.m. Supplerer med knopper, bær og smådyr 
              (insekter/larver). Danner små forråd, især i efteråret.</p>
              <h3>Adfærd</h3>
              <p>Nataktiv, <em>hurtig og smidig klatrer</em>. Bevægelsen foregår i sikre ruter langs hegn, sten og vægge. 
              Udnytter hulrum og isolering til redesteder – kan trække ind i huse og lofter i kolde perioder.</p>
            </div>
          </section>

          <!-- Levested -->
          <section id="levested">
            <h2>Levested</h2>
            <div class="card">
              <h3>Hvor møder vi den?</h3>
              <p>Især i <strong>løv- og blandede skove</strong>, men også i haver, levende hegn og landbrugsnære områder. 
              Udbredt i store dele af Europa (inkl. Danmark) og ind i Vestasien. Kan søge mod bygninger i efteråret.</p>
            </div>
          </section>

          <!-- Formering -->
          <section id="formering">
            <h2>Formering</h2>
            <div class="card">
              <h3>Tempo på familielivet</h3>
              <p>Ynglesæson typisk <strong>april–oktober</strong>. Drægtighed <strong>~23–25 dage</strong>. Normalt 
                 <strong>2–4 kuld/år</strong> med <strong>4–7 unger</strong> pr. kuld. Unger fravænnes efter 
                 <strong>3–4 uger</strong> og bliver kønsmodne efter ca. <strong>2–3 måneder</strong>.</p>
            </div>
          </section>

          <!-- Levetid & fjender -->
          <section id="levetid">
            <h2>Levetid & fjender</h2>
            <div class="card">
              <h3>Hårdt liv – men effektiv strategi</h3>
              <p>I naturen bliver halsbåndmus sjældent ældre end <strong>1–2 år</strong>, mens den i fangenskab kan nå 
                 <strong>op til ~3 år</strong>. Naturlige fjender er bl.a. <em>ugler, rovfugle, ræv, mår og kat</em> – 
                 modsvaret er forsigtighed, fart og flere kuld.</p>
            </div>
          </section>

          <!-- Forhold til mennesker -->
          <section id="mennesker">
            <h2>Forhold til mennesker</h2>
            <div class="card">
              <h3>Skovens frøspreder – og lejlighedsvis skadedyr</h3>
              <p>Arten spiller en rolle som <em>frøspreder</em> i skovøkosystemer. I og nær bygninger kan den dog gnave, larme på lofter
                 og forurene fødevarer – særligt når den søger indendørs i efterårs-/vinterperioder.</p>
            </div>
          </section>

          <!-- Små ekstra-fakta -->
          <section id="fakta">
            <h2>Kort & kuriositeter</h2>
            <div class="card">
              <h3>Vidste du…?</h3>
              <p>Halsbåndmus forveksles ofte med <em>skovmus</em> (<em>Apodemus sylvaticus</em>). Et sikkert kendetegn er det 
              <strong>gule brystbånd</strong> og lidt større krop/kranium. Tænder og kranieform afslører forskellen ved nærmere eftersyn.</p>
            </div>
          </section>
        </div>

        <!-- SIDEKOLONNE: Sticky CTA øverst, TOC under -->
        <aside class="side" aria-label="Indhold & kontakt">
          <div class="stick">
            <div class="toc" aria-label="Indhold" style="margin-top:0">
              <h3>Indhold</h3>
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>

            <!-- NY: Links-boks (desktop) -->
            <div class="links" aria-label="Mere om mus (desktop)">
              <h3>Mere om mus</h3>
              <ul>
                <li><a href="https://djurslandskadedyr.dk/mus-musculus/" target="_blank" rel="noopener">Husmus (<em>Mus musculus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/" target="_blank" rel="noopener">Skovmus (<em>Apodemus sylvaticus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/" target="_blank" rel="noopener">Brandmus / stribet markmus (<em>Apodemus agrarius</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/" target="_blank" rel="noopener">Dværgmus (<em>Micromys minutus</em>)</a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/" target="_blank" rel="noopener">Ægte mus i Danmark (Muridae)</a></li>
              </ul>
            </div>

            <div class="cta" aria-label="Kontakt Djursland Skadedyr (desktop)" style="margin-top:16px">
              <h3>Har du brug for hjælp?</h3>
              <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
              <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
            </div>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (BlogPosting) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BlogPosting",
    "headline":"Halsbåndmus (Apodemus flavicollis)",
    "description":"Kort, fortællende overblik over halsbåndmusens udseende, føde, levested, formering, levetid og forhold til mennesker – i et klart, genbrugeligt layout.",
    "mainEntityOfPage":{"@type":"WebPage","@id":"[Angiv URL]"},
    "author":{"@type":"Organization","name":"[Angiv forfatter/organisation]"},
    "publisher":{"@type":"Organization","name":"[Angiv udgiver]"},
    "inLanguage":"da-DK",
    "dateModified":"2025-10-05",
    "image":["https://djurslandskadedyr.dk/wp-content/uploads/2025/10/Halsbaandmus-Apodemus-flavicollis-triple.png"],
    "keywords":["halsbåndmus","Apodemus flavicollis","musearter","gnaver","natur","skadedyr"]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus Apodemus flavicollis</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mus Musculus</title>
		<link>https://djurslandskadedyr.dk/mus-musculus/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Sun, 05 Oct 2025 19:21:18 +0000</pubDate>
				<category><![CDATA[Mus]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Identifikation]]></category>
		<category><![CDATA[Indendørs]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12927</guid>

					<description><![CDATA[<p>MUSEART Husmus (Mus musculus) Lille, lynhurtig og nysgerrig. Husmusen er tilpasset livet tæt på mennesker – fra lader til lejligheder – og klarer sig på en diæt af korn, frø og det, den kan finde i vores køkkener. Husmus – en verdensborger, der følger menneskers bosættelser. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Relaterede sider Halsbåndmus – Apodemus flavicollis Skovmus – Apodemus sylvaticus Brandmus / stribet markmus – Apodemus agrarius Dværgmus – Micromys minutus Ægte mus i Danmark – Muridae Hurtigt overblik Essensen: En lille altæder med kort generationstid. Hurtig formering og høj tilpasningsevne gør husmusen til en af verdens mest succesfulde gnavere. Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr Udseende &#038; størrelse Hvordan ser den ud? Gråbrun pels, store ører og spids snude – klassisk museprofil. Halen er næsten lige så lang som kroppen. Mål på en voksen Kropslængde 7–10 cm (hale næsten lige så lang). Vægt typisk 10–22 g. Føde &#038; levevis Hvad spiser den? Altædende: korn og frø er favoritter, men den tager gerne madrester – og lejlighedsvis smådyr. Den gemmer små forråd og er mest aktiv om natten. Adfærd Nysgerrig og lynhurtig. Finder og udnytter sprækker og hulrum i bygninger til rede, madlager og flugtveje. Levested Hvor møder vi den? Næsten global udbredelse – især hvor mennesker bor. Fra lader og stalde til kældre, lofter og lejligheder. Formering Tempo på familielivet Kønsmoden allerede efter ~6 uger. Drægtighed ~19–21 dage. Typisk 5–10 kuld/år med 4–8 unger pr. kuld. Ungerne fravænnes efter 3–4 uger. Levetid &#038; fjender Hårdt liv – men effektiv strategi I naturen bliver husmusen sjældent ældre end ~1 år, mens den i fangenskab kan nå 2–3 år. Naturlige fjender er bl.a. katte, ugler og slanger – modsvaret er fart, forsigtighed og mange kuld. Forhold til mennesker Skadedyr – og supermodel i forskning I bygninger kan den gnave og forurene fødevarer, men i laboratorier har husmusens nære slægtninge (laboratoriemus) revolutioneret biomedicinsk forskning. Kort &#038; kuriositeter Vidste du…? Husmusen har været “følgesvend” til mennesker i tusinder af år – og har rejst jorden rundt i vores skibe og tog. Indhold Hurtigt overblik Udseende &#038; størrelse Føde &#038; levevis Levested Formering Levetid &#038; fjender Forhold til mennesker Kort &#038; kuriositeter Relaterede sider Halsbåndmus – Apodemus flavicollis Skovmus – Apodemus sylvaticus Brandmus / stribet markmus – Apodemus agrarius Dværgmus – Micromys minutus Ægte mus i Danmark – Muridae Har du brug for hjælp? Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse. Kontakt Djursland Skadedyr</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/mus-musculus/">Mus Musculus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12927" class="elementor elementor-12927" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
     DSX – "Husmus (Mus musculus) – viden (isoleret)"
     Lys/Grøn version – inspireret af din "Udluftning vs. skægkræ"-blok
     Med tydelige H1/H2/H3, ÉT billedslot, og STICKY CTA i højre side (+ mobil-CTA)
     Tilføjet: Boks under "Indhold" med links til relaterede sider (desktop + mobil)
     ========================================================= -->
<section data-dsx-mus id="mus-root" aria-labelledby="mus-h1">
  <style>
    /* ===== Isoleret tema-variabler (unikke navne) ===== */
    [data-dsx-mus]{
      --mus-brand:#7FB03E; --mus-brand2:#7FB03E;
      --mus-bg:#ffffff; --mus-ink:#0b1220; --mus-muted:#000000;
      --mus-border:#e3e9f2; --mus-border-strong:#d6dde8;
      --mus-panel:#ffffff; --mus-panel-2:#f8fafc; --mus-tint2:#f8fafc;
      --mus-radius:18px; --mus-wrap:1280px; --mus-gap:clamp(16px,4vw,28px);
      --mus-sec-gap:clamp(26px,6vw,50px); --mus-block-gap:clamp(12px,3.6vw,20px);
      --mus-shadow-card:0 8px 24px rgba(2,6,23,.08); --mus-shadow-green:0 8px 18px rgba(127,176,62,.08);
      --mus-hi:radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
               linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);
      color:var(--mus-ink); background:var(--mus-bg); display:block;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size:16px; line-height:1.65; color-scheme: light;
    }
    [data-dsx-mus] *, [data-dsx-mus] *::before, [data-dsx-mus] *::after{ box-sizing:border-box }
    [data-dsx-mus] img{ max-width:100%; height:auto; display:block }

    /* Links */
    [data-dsx-mus] a{ color:var(--mus-brand2); text-decoration:none }
    [data-dsx-mus] a:hover{ text-decoration:underline }
    [data-dsx-mus] :focus-visible{ outline:3px solid rgba(127,176,62,.30); outline-offset:2px }

    /* Layout */
    [data-dsx-mus] .mus-wrap{ max-width:var(--mus-wrap); margin-inline:auto; padding-block:clamp(8px,2vw,16px) }
    [data-dsx-mus] .mus-panel{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg, #fff, var(--mus-tint2)); border:1px solid var(--mus-border); border-radius:var(--mus-radius); box-shadow:var(--mus-shadow-card); padding:clamp(16px,4vw,28px) }
    [data-dsx-mus] .mus-panel::before{ content:""; position:absolute; inset:0; background:var(--mus-hi); pointer-events:none }
    [data-dsx-mus] .mus-panel > *{ position:relative; z-index:1 }

    /* Typografi */
    [data-dsx-mus] h1,[data-dsx-mus] h2,[data-dsx-mus] h3{ color:var(--mus-ink); margin:0 0 .6em; line-height:1.2; font-weight:800 }
    [data-dsx-mus] h1{ font-size:clamp(28px,5.8vw,36px) }
    [data-dsx-mus] h2{ font-size:clamp(20px,4.8vw,26px); padding-left:.7rem; border-left:4px solid var(--mus-brand) }
    [data-dsx-mus] h3{ font-size:clamp(18px,4.4vw,21px) }
    [data-dsx-mus] p{ margin:0 0 1em }
    [data-dsx-mus] .mus-lead{ font-size:clamp(18px,4.6vw,20px); margin:0; color:var(--mus-muted) }
    [data-dsx-mus] .eyebrow{ display:inline-block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.35px; color:var(--mus-brand); background:rgba(127,176,62,.10); padding:3px 8px; border-radius:6px; margin-bottom:8px }
    [data-dsx-mus] .stack > * + *{ margin-top:var(--mus-block-gap) }
    [data-dsx-mus] .content > * + *{ margin-top:var(--mus-sec-gap) }
    [data-dsx-mus] .content section > * + *{ margin-top:var(--mus-block-gap) }

    /* Grid */
    [data-dsx-mus] .mus-grid{ display:grid; gap:var(--mus-gap); margin-top:var(--mus-sec-gap) }
    @media (min-width:980px){
      [data-dsx-mus] .mus-grid{ grid-template-columns:minmax(0,1fr) 320px; align-items:start }
      [data-dsx-mus] .side .stick{ position:sticky; top:18px }
    }

    /* Hero */
    [data-dsx-mus] .hero{ display:grid; gap:var(--mus-gap) }
    @media (min-width:900px){ [data-dsx-mus] .hero{ grid-template-columns:1.1fr 1fr } }
    [data-dsx-mus] .hero__media figure{ margin:0; border-left:8px solid var(--mus-brand); border-radius:var(--mus-radius); overflow:hidden; background:#fff; box-shadow:var(--mus-shadow-green); display:grid; grid-template-rows:auto min-content }
    /* Højere billedboks + vis 100% */
    [data-dsx-mus] .hero__media .frame{ min-height:clamp(300px, 42vw, 560px); background:#fff }
    [data-dsx-mus] .hero__media .frame img{ width:100%; height:100%; object-fit:contain; display:block }
    [data-dsx-mus] .hero__media figcaption{ padding:.7rem .9rem; font-size:14px; color:var(--mus-muted); background:var(--mus-panel-2); border-top:1px dashed var(--mus-border) }

    /* Cards/notes */
    [data-dsx-mus] .note{ background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--mus-panel-2); border:1px solid var(--mus-border); border-left:8px solid var(--mus-brand); border-radius:12px; padding:12px 14px }
    [data-dsx-mus] .card{ background:var(--mus-panel); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04) }
    [data-dsx-mus] .card h3{ font-size:clamp(16px,3.8vw,18px); font-weight:700; line-height:1.25; margin:.2rem 0 .4rem }

    /* Side (TOC & CTA) */
    [data-dsx-mus] .toc, [data-dsx-mus] .cta{ background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px }
    [data-dsx-mus] .toc h3, [data-dsx-mus] .cta h3{ margin:0 0 .6rem; font-weight:900 }
    [data-dsx-mus] .toc ol{ margin:0; padding-left:1rem }
    [data-dsx-mus] .toc a{ color:var(--mus-ink) }
    [data-dsx-mus] .toc a:hover{ color:var(--mus-brand2); text-decoration:underline }

    /* CTA-knap */
    [data-dsx-mus] .cta{ background:linear-gradient(180deg,#FFFFFF, var(--mus-panel-2)); box-shadow:0 6px 18px rgba(2,6,23,.06) }
    [data-dsx-mus] .cta p{ margin:0 0 .8rem }
    [data-dsx-mus] .cta .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
    [data-dsx-mus] .cta .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
    [data-dsx-mus] .cta .btn:active{ transform:translateY(0) }

    /* Relaterede sider – desktop boks (under Indhold) */
    [data-dsx-mus] .related {
      background: var(--mus-panel-2);
      border: 1px solid var(--mus-border);
      border-radius: 12px;
      padding: 14px;
      margin-top: 12px;
    }
    [data-dsx-mus] .related h3 { margin: 0 0 .6rem; font-weight: 900 }
    [data-dsx-mus] .related ul { margin: 0; padding-left: 1rem }
    [data-dsx-mus] .related a { color: var(--mus-ink); text-decoration: none }
    [data-dsx-mus] .related a:hover { color: var(--mus-brand2); text-decoration: underline }

    /* Mobil-specifikt */
    [data-dsx-mus] .cta-mobile{ display:none }
    [data-dsx-mus] .toc-mobile{ display:none }
    [data-dsx-mus] .related-mobile{ display:none }
    @media (max-width:979.98px){
      /* Skjul sidekolonne; vis mobil CTA og mobil TOC øverst */
      [data-dsx-mus] .side{ display:none }
      [data-dsx-mus] .cta-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(2,6,23,.06) }
      [data-dsx-mus] .cta-mobile .btn{ --h:46px; min-height:var(--h); width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:0 16px; border-radius:12px; font-weight:800; border:none; background:linear-gradient(135deg,var(--mus-brand),#2F6120); color:#fff; box-shadow:0 8px 18px rgba(127,176,62,.18); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease }
      [data-dsx-mus] .cta-mobile .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(127,176,62,.22); background:#ffffff; color:#000000 }
      [data-dsx-mus] .toc-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .toc-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .toc-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .toc-mobile .toc-body{ padding-top:8px }
      [data-dsx-mus] .toc-mobile ol{ margin:0; padding-left:1rem }
      [data-dsx-mus] .toc-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .toc-mobile a:hover{ color:var(--mus-brand2) }

      /* Relaterede sider – mobil (collapsible) */
      [data-dsx-mus] .related-mobile{ display:block; background:var(--mus-panel-2); border:1px solid var(--mus-border); border-radius:12px; padding:12px 14px; box-shadow:0 2px 10px rgba(2,6,23,.04); margin-bottom:12px }
      [data-dsx-mus] .related-mobile summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-weight:800 }
      [data-dsx-mus] .related-mobile summary::-webkit-details-marker{display:none}
      [data-dsx-mus] .related-mobile .box{ padding-top:8px }
      [data-dsx-mus] .related-mobile ul{ margin:0; padding-left:1rem }
      [data-dsx-mus] .related-mobile a{ color:var(--mus-ink) }
      [data-dsx-mus] .related-mobile a:hover{ color:var(--mus-brand2); text-decoration:underline }
    }
  </style>

  <div class="mus-wrap">
    <article class="mus-panel" itemscope itemtype="https://schema.org/BlogPosting">
      <!-- HERO -->
      <header class="hero">
        <div class="stack">
          <span class="eyebrow">MUSEART</span>
          <h1 id="mus-h1" itemprop="headline">Husmus (Mus musculus)</h1>
          <p class="mus-lead" itemprop="description">
            Lille, lynhurtig og nysgerrig. Husmusen er tilpasset livet tæt på mennesker – fra lader til lejligheder –
            og klarer sig på en diæt af korn, frø og det, den kan finde i vores køkkener.
          </p>
        </div>
        <!-- ÉT billedslot -->
        <div class="hero__media">
          <figure>
            <div class="frame">
              <img src="https://djurslandskadedyr.dk/wp-content/uploads/2025/10/mus-musulus-triple.png" alt="Husmus (Mus musculus) – nærbillede" loading="lazy" decoding="async">
            </div>
            <figcaption>Husmus – en verdensborger, der følger menneskers bosættelser.</figcaption>
          </figure>
        </div>
      </header>

      <!-- GRID -->
      <div class="mus-grid">
        <!-- MAIN -->
        <div class="content" itemprop="articleBody">
          <!-- Mobil TOC øverst (kun mobil) -->
          <details class="toc-mobile" role="navigation" aria-labelledby="tocMobTitleTop">
            <summary><span id="tocMobTitleTop">Indhold</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="toc-body">
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>
          </details>

          <!-- Mobil: Relaterede sider (kollapsbar) -->
          <details class="related-mobile" aria-label="Relaterede sider (mobil)">
            <summary>Relaterede sider
              <svg viewBox="0 0 24 24" aria-hidden="true" width="18" height="18"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </summary>
            <div class="box">
              <ul>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus – <em>Apodemus flavicollis</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus – <em>Apodemus sylvaticus</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/">Brandmus / stribet markmus – <em>Apodemus agrarius</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus – <em>Micromys minutus</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark – <em>Muridae</em></a></li>
              </ul>
            </div>
          </details>

          <!-- Overblik -->
          <section id="overblik">
            <h2>Hurtigt overblik</h2>
            <div class="note" role="note" aria-label="Nøglepunkter">
              <p><strong>Essensen:</strong> En lille altæder med kort generationstid. Hurtig formering og høj tilpasningsevne
              gør husmusen til en af verdens mest succesfulde gnavere.</p>
            </div>
          </section>

          <!-- Mobil CTA placeres tidligt i flowet -->
          <section class="cta-mobile" aria-label="Kontakt Djursland Skadedyr (mobil)">
            <h2 style="margin:0 0 .4rem">Har du brug for hjælp?</h2>
            <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
            <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener">Kontakt Djursland Skadedyr</a>
          </section>

          <!-- Udseende & størrelse -->
          <section id="udseende">
            <h2>Udseende & størrelse</h2>
            <div class="card">
              <h3>Hvordan ser den ud?</h3>
              <p>Gråbrun pels, <em>store ører</em> og spids snude – klassisk museprofil. Halen er næsten lige så lang som kroppen.</p>
              <h3>Mål på en voksen</h3>
              <p>Kropslængde <strong>7–10 cm</strong> (hale næsten lige så lang). Vægt typisk <strong>10–22 g</strong>.</p>
            </div>
          </section>

          <!-- Føde & levevis -->
          <section id="foede">
            <h2>Føde & levevis</h2>
            <div class="card">
              <h3>Hvad spiser den?</h3>
              <p>Altædende: <strong>korn og frø</strong> er favoritter, men den tager gerne madrester – og lejlighedsvis smådyr.
                 Den gemmer små forråd og er mest aktiv om natten.</p>
              <h3>Adfærd</h3>
              <p>Nysgerrig og lynhurtig. Finder og udnytter <em>sprækker og hulrum</em> i bygninger til rede, madlager og flugtveje.</p>
            </div>
          </section>

          <!-- Levested -->
          <section id="levested">
            <h2>Levested</h2>
            <div class="card">
              <h3>Hvor møder vi den?</h3>
              <p>Næsten global udbredelse – især hvor mennesker bor. Fra lader og stalde til kældre, lofter og lejligheder.</p>
            </div>
          </section>

          <!-- Formering -->
          <section id="formering">
            <h2>Formering</h2>
            <div class="card">
              <h3>Tempo på familielivet</h3>
              <p>Kønsmoden allerede efter <strong>~6 uger</strong>. Drægtighed <strong>~19–21 dage</strong>. Typisk
                 <strong>5–10 kuld/år</strong> med <strong>4–8 unger</strong> pr. kuld. Ungerne fravænnes efter <strong>3–4 uger</strong>.</p>
            </div>
          </section>

          <!-- Levetid & fjender -->
          <section id="levetid">
            <h2>Levetid & fjender</h2>
            <div class="card">
              <h3>Hårdt liv – men effektiv strategi</h3>
              <p>I naturen bliver husmusen sjældent ældre end <strong>~1 år</strong>, mens den i fangenskab kan nå <strong>2–3 år</strong>.
                 Naturlige fjender er bl.a. <em>katte, ugler og slanger</em> – modsvaret er fart, forsigtighed og mange kuld.</p>
            </div>
          </section>

          <!-- Forhold til mennesker -->
          <section id="mennesker">
            <h2>Forhold til mennesker</h2>
            <div class="card">
              <h3>Skadedyr – og supermodel i forskning</h3>
              <p>I bygninger kan den gnave og forurene fødevarer, men i laboratorier har husmusens nære slægtninge
                 (laboratoriemus) revolutioneret biomedicinsk forskning.</p>
            </div>
          </section>

          <!-- Små ekstra-fakta -->
          <section id="fakta">
            <h2>Kort & kuriositeter</h2>
            <div class="card">
              <h3>Vidste du…?</h3>
              <p>Husmusen har været “følgesvend” til mennesker i tusinder af år – og har rejst jorden rundt i vores skibe og tog.</p>
            </div>
          </section>
        </div>

        <!-- SIDEKOLONNE: Sticky CTA øverst, TOC under -->
        <aside class="side" aria-label="Indhold & kontakt">
          <div class="stick">
            <div class="toc" aria-label="Indhold" style="margin-top:0">
              <h3>Indhold</h3>
              <ol>
                <li><a href="#overblik">Hurtigt overblik</a></li>
                <li><a href="#udseende">Udseende & størrelse</a></li>
                <li><a href="#foede">Føde & levevis</a></li>
                <li><a href="#levested">Levested</a></li>
                <li><a href="#formering">Formering</a></li>
                <li><a href="#levetid">Levetid & fjender</a></li>
                <li><a href="#mennesker">Forhold til mennesker</a></li>
                <li><a href="#fakta">Kort & kuriositeter</a></li>
              </ol>
            </div>

            <!-- RELATEREDE SIDER (desktop) -->
            <div class="related" aria-label="Relaterede sider">
              <h3>Relaterede sider</h3>
              <ul>
                <li><a href="https://djurslandskadedyr.dk/halsbaandmus-apodemus-flavicollis/">Halsbåndmus – <em>Apodemus flavicollis</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/skovmus-apodemus-sylvaticus/">Skovmus – <em>Apodemus sylvaticus</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/brandmus-stribet-markmus-apodemus-agrarius/">Brandmus / stribet markmus – <em>Apodemus agrarius</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/dvaergmus-micromys-minutus/">Dværgmus – <em>Micromys minutus</em></a></li>
                <li><a href="https://djurslandskadedyr.dk/aegte-mus-i-danmark-muridae/">Ægte mus i Danmark – <em>Muridae</em></a></li>
              </ul>
            </div>

            <div class="cta" aria-label="Kontakt Djursland Skadedyr (desktop)" style="margin-top:16px">
              <h3>Har du brug for hjælp?</h3>
              <p>Oplever du aktivitet af mus? Få rådgivning eller bekæmpelse.</p>
              <a class="btn" href="https://djurslandskadedyr.dk/kontakt/" target="_blank" rel="noopener" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
            </div>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (BlogPosting) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BlogPosting",
    "headline":"Husmus (Mus musculus)",
    "description":"Kort, fortællende overblik over husmusens udseende, føde, levested, formering, levetid og forhold til mennesker – i et klart, genbrugeligt layout.",
    "mainEntityOfPage":{"@type":"WebPage","@id":"[Angiv URL]"},
    "author":{"@type":"Organization","name":"[Angiv forfatter/organisation]"},
    "publisher":{"@type":"Organization","name":"[Angiv udgiver]"},
    "inLanguage":"da-DK",
    "dateModified":"2025-10-05",
    "image":["https://djurslandskadedyr.dk/wp-content/uploads/2025/10/mus-musulus-triple.png"],
    "keywords":["husmus","Mus musculus","musearter","gnaver","natur","skadedyr"]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/mus-musculus/">Mus Musculus</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Derfor ses skægkræ og mejeredderkopper sammen</title>
		<link>https://djurslandskadedyr.dk/derfor-ses-skaegkrae-og-mejeredderkopper-sammen/</link>
		
		<dc:creator><![CDATA[Djursland Skadedyr]]></dc:creator>
		<pubDate>Tue, 23 Sep 2025 19:50:20 +0000</pubDate>
				<category><![CDATA[Skægkræ]]></category>
		<category><![CDATA[Arter og biologi]]></category>
		<category><![CDATA[Fugt og indeklima]]></category>
		<category><![CDATA[Indendørs]]></category>
		<guid isPermaLink="false">https://djurslandskadedyr.dk/?p=12729</guid>

					<description><![CDATA[<p>Derfor ses skægkræ og mejeredderkopper sammen Kort sagt: fugt + varme skaber mikroklimaer for skægkræ. Hvor skægkræ trives, er der bytte – og mejeredderkopper følger efter. Kernen Fugt &#038; formering Føde &#038; skjul Formering (mejeredderkop) Note Feltdata FAQ Kernen (10 sekunder) Samspil: Skægkræ skaber fødegrundlag – mejeredderkopper følger byttet. Fugt: Voksne klarer lav RH (~35–40 %), men æg kræver ≥ 55–60 % RH for at klække. Skjul: Revner, gulv- og vægkonstruktioner giver stabile mikroklimaer, skjult fra rumluften. Fugt, varme &#038; formering Voksne skægkræ Overlever omkring 35–40 % RH – derfor ses de også i tilsyneladende tørre rum. Æg og nymfer Udvikling kræver typisk ≥ 55–60 % RH. Æg placeres i konstruktioner, hvor fugten er højere end i rumluften. Temperatur Hurtigst udvikling ved ca. 20–26 °C. Skægkræ – æg klækker ved højere relativ fugt (≥ 55–60 % RH). Føde &#038; skjulesteder Skægkræ – hvad spiser de? Stivelse/cellulose: papir, karton, tapetklister. Støv, madrester og døde insekter. Organiske fibre: uld, fjer m.m. Mejeredderkopper – hvorfor her? Rovdyr, der fanger små insekter – også skægkræ – i spind. Vælger lokation efter føde og rolige hjørner (stabile forhold). Formering af mejeredderkopper Mejeredderkop – hunnen bærer ofte ægsækken i munddelene i spindet. Kuldstørrelse &#038; ægsæk Typisk 20–30 æg pr. ægsæk (kan variere ~10–60 afhængigt af forhold). Hunnen bærer ægsækken i munddelene og opholder sig i spindet, til ungerne klækker. Udvikling &#038; antal kuld Inkubation ca. 2–4 uger afhængigt af temperatur og fugt. I opvarmede boliger kan der komme 2–4 kuld om året. Efter klækning Ungerne (spiderlings) bliver ofte nær hunnen i spindet en periode før de spreder sig. Arten er tilpasningsdygtig og kan yngle indendørs året rundt ved stabile forhold. Note Udluftning alene fjerner ikke skægkræ Det er en skrøne, at udluftning løser problemet. Æg ligger ofte i vægge og under gulve, hvor luftfugtigheden er højere – og de klækker dér. Feltdata fra Djursland Skadedyr 9/10 I 9 ud af 10 sager med skægkræ finder vi også mejeredderkopper. Hvor der er mange mejeredderkopper, ser vi ofte også en større mængde skægkræ. FAQ (kort) Hjælper udluftning? Nej – ikke alene. Æg klækker i skjulte, mere fugtige zoner i konstruktionerne. Er mejeredderkopper farlige? Nej. De er nyttedyr og går efter små insekter – inkl. skægkræ. Få hjælp til skægkræ Oplever du mange skægkræ eller mejeredderkopper? Vi hjælper med rådgivning og effektiv bekæmpelse. Kontakt Djursland Skadedyr Dyk mere ned i skægkræ i boligen Ser du både skægkræ og mejeredderkopper, er det ofte et tegn på gode skjulesteder og et stabilt fødegrundlag. Vil du dykke mere ned i selve skægkræ-problemet i boligen, kan du bruge denne guide hos Skægkræbekæmper. Skægkræ i hjemmet – kendetegn og bekæmpelse</p>
<p>Indlægget <a href="https://djurslandskadedyr.dk/derfor-ses-skaegkrae-og-mejeredderkopper-sammen/">Derfor ses skægkræ og mejeredderkopper sammen</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12729" class="elementor elementor-12729" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-210eed6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="210eed6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc01b86 elementor-widget elementor-widget-html" data-id="fc01b86" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section id="sxkm-v8" data-sxkm8 aria-labelledby="sxkmv8-h1">
  <style>
    [data-sxkm8]{
      /* ===== Tema-variabler (matchet til kode 2) ===== */
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0b1220;              /* mørk tekst */
      --muted:#000000;            /* grå -> sort */
      --bd:#e3e9f2;               /* kantfarve */
      --bd-strong:#d6dde8;
      --panel:#ffffff;            /* kort/panel */
      --panel-2:#f8fafc;          /* lys baggrund */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);

      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 70%);

      --radius:18px;              /* matcher kode 1+2 */
      --wrap:1180px;
      --gap:clamp(16px,3.5vw,28px);
      --pad:clamp(16px,3.2vw,26px);

      --flow-1:.75rem; --flow-2:1.1rem; --flow-3:1.55rem; --flow-4:2.2rem;

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      color:var(--ink); background:transparent; display:block;
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.65; color-scheme:light;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      scroll-behavior:smooth;
    }
    [data-sxkm8] *,[data-sxkm8] *::before,[data-sxkm8] *::after{ box-sizing:border-box }
    [data-sxkm8] img{ max-width:100%; height:auto; display:block }

    /* Links – grøn brand, underline on hover */
    [data-sxkm8] a{ color:var(--brand-2); text-decoration:none }
    [data-sxkm8] a:hover{ text-decoration:underline }
    [data-sxkm8] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Side-ramme */
    .sxkm-wrap{ max-width:var(--wrap); margin-inline:auto; padding:var(--pad) }

    /* Kort/panel – lys baggrund + subtil grøn hi-overlay (som kode 1+2) */
    .sxkm-card{
      background:var(--card-bg);
      border:1px solid var(--bd); border-radius:var(--radius);
      padding:var(--pad);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      position:relative; isolation:isolate; overflow:clip;
    }
    .sxkm-card::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    .sxkm-card > *{ position:relative; z-index:1 }
    .sxkm-card.edge{
      margin-left:calc(-1 * var(--pad));
      margin-right:calc(-1 * var(--pad));
      border-radius:0;
    }

    /* Typografi – matchet til kode 2 */
    h1,h2,h3{ margin:0 0 .6em; line-height:1.2; font-weight:800; color:var(--ink) }
    h1{ font-size:clamp(28px,5.8vw,36px) }
    h2{
      font-size:clamp(20px,4.8vw,26px);
      padding-left:.7rem; border-left:4px solid var(--brand);
      margin-top:var(--flow-4);
    }
    h3{ font-size:clamp(18px,4.4vw,21px); margin-top:var(--flow-2) }
    .lead{ font-size:clamp(18px,4.6vw,20px); margin:0 0 .9rem; color:var(--muted) }
    p{ margin:0 0 var(--flow-2); color:var(--ink) }

    /* Indholds-nav (chips) – lys stil */
    .catnav{ display:flex; gap:.55rem; flex-wrap:wrap; margin:var(--flow-2) 0 var(--flow-3) }
    .catnav a{
      display:inline-flex; align-items:center; gap:.45rem; font-weight:800; font-size:13px;
      border:1px solid var(--bd); background:var(--panel-2);
      padding:.46rem .76rem; border-radius:999px; color:var(--ink);
      box-shadow:0 2px 10px rgba(2,6,23,.04);
      text-decoration:none;
    }
    .catnav a:hover{ background:#fff }
    .catnav svg{ width:14px; height:14px; opacity:.9 }

    /* Inline media layout (tekst + billede) */
    .media-inline{ display:grid; gap:var(--gap); align-items:start }
    @media (min-width:940px){
      .media-inline.right{ grid-template-columns:minmax(0,1fr) 380px }
      .media-inline.left { grid-template-columns:380px minmax(0,1fr) }
    }
    .fig-card{
      background:#fff; border:1px solid var(--bd); border-radius:12px; overflow:hidden; display:grid;
      box-shadow:0 2px 10px rgba(2,6,23,.04);
    }
    .fig-card img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block }
    .fig-card figcaption{
      padding:.55rem .8rem; font-size:13px; color:var(--muted);
      border-top:1px dashed var(--bd); background:var(--panel-2)
    }

    /* Grid main + side */
    .sxkm-grid{ display:grid; gap:var(--gap); margin-top:var(--flow-3) }
    @media (min-width:980px){ .sxkm-grid{ grid-template-columns:minmax(0,1fr) 340px } }

    /* Tiles / sektioner – lys */
    .tile{
      border:1px solid var(--bd); border-radius:12px; background:#fff;
      padding:clamp(.95rem,2.5vw,1.2rem) clamp(1rem,2.8vw,1.35rem);
      box-shadow:0 2px 10px rgba(2,6,23,.04);
    }
    .tile + .tile{ margin-top:var(--flow-2) }

    /* Punktlister – tydelige bullets (grøn dot) */
    .points{ list-style:none; padding-left:0; margin:0 }
    .points li{
      display:grid; grid-template-columns:18px 1fr; align-items:start; column-gap:.85rem;
      padding:.25rem 0;
    }
    .points li + li{ margin-top:1rem; padding-top:1rem; border-top:1px dashed var(--bd) }
    .dot{
      width:14px; height:14px; margin-top:.32rem; border-radius:50%;
      background:var(--brand);
      box-shadow:0 0 0 4px rgba(127,176,62,.10);
    }

    /* Note / callout – samme tone som kode 2 */
    .notice{
      display:grid; gap:.6rem; border-left:6px solid var(--brand);
      background:linear-gradient(180deg, rgba(127,176,62,.03), rgba(127,176,62,.01) 85%), var(--panel-2);
      border:1px solid var(--bd); border-radius:12px;
      padding:clamp(.95rem,2.6vw,1.2rem) clamp(1rem,2.8vw,1.35rem); color:var(--ink);
      box-shadow:0 2px 10px rgba(2,6,23,.04);
      margin-top:var(--flow-2);
    }

    /* Stat */
    .stat{
      display:grid; grid-template-columns:auto 1fr; gap:.65rem 1rem; align-items:center;
      border:1px dashed var(--bd); border-radius:12px;
      padding:.95rem 1.05rem; background:#fff; box-shadow:0 2px 10px rgba(2,6,23,.04);
      margin-top:var(--flow-2);
    }
    .stat .num{ font-size:clamp(28px,5.2vw,40px); font-weight:900; line-height:1; color:var(--ink) }
    .stat small{ color:#475569; display:block; margin-top:.15rem }

    /* Divider mellem kategorier */
    .divider{
      height:1px; background:linear-gradient(90deg, transparent, var(--bd), transparent);
      margin:var(--flow-3) 0
    }

    /* ===== KNAPPER – 1:1 FRA KODE 1 ===== */
    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-sxkm8] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
      text-decoration:none;
    }
    [data-sxkm8] .btn:active{ transform:translateY(1px) }

    [data-sxkm8] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-sxkm8] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-sxkm8] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) – anvend på .tile som vores “kort” */
    [data-sxkm8] .tile .btn:not(.btn--primary):hover,
    [data-sxkm8] .tile .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    @media (max-width:600px){
      .sxkm-wrap{ padding-block: var(--pad); padding-inline: max(16px, 12px); }
      .btn{ min-height:46px; }
    }

    @media (prefers-reduced-motion:reduce){ [data-sxkm8]{ scroll-behavior:auto } }
  </style>

  <div class="sxkm-wrap">
    <article class="sxkm-card edge" itemscope itemtype="https://schema.org/Article">
      <header>
        <h1 id="sxkmv8-h1" itemprop="headline">Derfor ses skægkræ og mejeredderkopper sammen</h1>
        <p class="lead" itemprop="description">
          Kort sagt: <strong>fugt + varme</strong> skaber mikroklimaer for skægkræ. Hvor skægkræ trives, er der bytte –
          og <em>mejeredderkopper</em> følger efter.
        </p>

        <!-- Indholds-nav -->
        <nav class="catnav" aria-label="Indhold">
          <a href="#kernen"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>Kernen</a>
          <a href="#fugt-varme"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2s7 7.2 7 12a7 7 0 1 1-14 0C5 9.2 12 2 12 2z" fill="currentColor"/></svg>Fugt & formering</a>
          <a href="#fode-skjul"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18M3 12h18M3 18h18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>Føde & skjul</a>
          <a href="#formering-mejeredderkop"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 20v-6m0-8v2m-6 4h12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>Formering (mejeredderkop)</a>
          <a href="#note"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 4h16v16H4z" fill="none" stroke="currentColor" stroke-width="2"/><path d="M8 8h8M8 12h8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>Note</a>
          <a href="#feltdata"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20v-8h4v8H4zm6 0V4h4v16h-4zm6 0v-5h4v5h-4z" fill="currentColor"/></svg>Feltdata</a>
          <a href="#faq"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 18h.01M8 9a4 4 0 0 1 8 0c0 2-2 3-2 3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>FAQ</a>
        </nav>
      </header>

      <div class="sxkm-grid">
        <!-- MAIN -->
        <main>
          <section id="kernen" aria-labelledby="h2-kernen">
            <h2 id="h2-kernen">Kernen (10 sekunder)</h2>
            <div class="tile">
              <ul class="points">
                <li><span class="dot"></span><div><strong>Samspil:</strong> Skægkræ skaber fødegrundlag – <em>mejeredderkopper</em> følger byttet.</div></li>
                <li><span class="dot"></span><div><strong>Fugt:</strong> Voksne klarer lav RH (~<strong>35–40 %</strong>), men <em>æg</em> kræver <strong>≥ 55–60 % RH</strong> for at klække.</div></li>
                <li><span class="dot"></span><div><strong>Skjul:</strong> Revner, gulv- og vægkonstruktioner giver stabile mikroklimaer, skjult fra rumluften.</div></li>
              </ul>
            </div>
          </section>

          <div class="divider" role="separator" aria-hidden="true"></div>

          <section id="fugt-varme" aria-labelledby="h2-fugt">
            <h2 id="h2-fugt">Fugt, varme & formering</h2>

            <!-- INLINE MEDIA: Skægkræ-billede på højre side -->
            <div class="tile">
              <div class="media-inline right">
                <div class="copy">
                  <h3>Voksne skægkræ</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Overlever omkring <strong>35–40 % RH</strong> – derfor ses de også i tilsyneladende tørre rum.</div></li>
                  </ul>

                  <h3>Æg og nymfer</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Udvikling kræver typisk <strong>≥ 55–60 % RH</strong>. Æg placeres i konstruktioner, hvor fugten er højere end i rumluften.</div></li>
                  </ul>

                  <h3>Temperatur</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Hurtigst udvikling ved ca. <strong>20–26 °C</strong>.</div></li>
                  </ul>
                </div>

                <figure class="fig-card">
                  <img id="img-skaegkrae"
                       src="https://djurslandskadedyr.dk/wp-content/uploads/2025/07/IMG20250715104535-scaled.jpg"
                       alt="Skægkræ (Ctenolepisma longicaudata) – nærbillede"
                       loading="lazy" decoding="async">
                  <figcaption>Skægkræ – æg klækker ved højere relativ fugt (≥ 55–60 % RH).</figcaption>
                </figure>
              </div>
            </div>
          </section>

          <div class="divider" role="separator" aria-hidden="true"></div>

          <section id="fode-skjul" aria-labelledby="h2-fode">
            <h2 id="h2-fode">Føde & skjulesteder</h2>
            <div class="tile">
              <h3>Skægkræ – hvad spiser de?</h3>
              <ul class="points">
                <li><span class="dot"></span><div>Stivelse/cellulose: papir, karton, tapetklister.</div></li>
                <li><span class="dot"></span><div>Støv, madrester og døde insekter.</div></li>
                <li><span class="dot"></span><div>Organiske fibre: <strong>uld</strong>, <strong>fjer</strong> m.m.</div></li>
              </ul>

              <h3>Mejeredderkopper – hvorfor her?</h3>
              <ul class="points">
                <li><span class="dot"></span><div>Rovdyr, der fanger små insekter – også skægkræ – i spind.</div></li>
                <li><span class="dot"></span><div>Vælger lokation efter <em>føde</em> og rolige hjørner (stabile forhold).</div></li>
              </ul>
            </div>
          </section>

          <div class="divider" role="separator" aria-hidden="true"></div>

          <section id="formering-mejeredderkop" aria-labelledby="h2-formering-mej">
            <h2 id="h2-formering-mej">Formering af mejeredderkopper</h2>

            <!-- INLINE MEDIA: Mejeredderkop-billede på venstre side -->
            <div class="tile">
              <div class="media-inline left">
                <figure class="fig-card">
                  <img id="img-mejeredderkop"
                       src="https://djurslandskadedyr.dk/wp-content/uploads/2025/09/mejeredderkop-Pholcus-phalangioides.jpg"
                       alt="Mejeredderkop (Pholcus phalangioides) – hun med ægsæk"
                       loading="lazy" decoding="async">
                  <figcaption>Mejeredderkop – hunnen bærer ofte ægsækken i munddelene i spindet.</figcaption>
                </figure>

                <div class="copy">
                  <h3>Kuldstørrelse & ægsæk</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Typisk <strong>20–30 æg</strong> pr. ægsæk (kan variere ~10–60 afhængigt af forhold).</div></li>
                    <li><span class="dot"></span><div>Hunnen <strong>bærer ægsækken</strong> i munddelene og opholder sig i spindet, til ungerne klækker.</div></li>
                  </ul>

                  <h3>Udvikling & antal kuld</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Inkubation ca. <strong>2–4 uger</strong> afhængigt af temperatur og fugt.</div></li>
                    <li><span class="dot"></span><div>I opvarmede boliger kan der komme <strong>2–4 kuld om året</strong>.</div></li>
                  </ul>

                  <h3>Efter klækning</h3>
                  <ul class="points">
                    <li><span class="dot"></span><div>Ungerne (spiderlings) bliver ofte <em>nær hunnen</em> i spindet en periode før de spreder sig.</div></li>
                    <li><span class="dot"></span><div>Arten er tilpasningsdygtig og kan yngle indendørs året rundt ved stabile forhold.</div></li>
                  </ul>
                </div>
              </div>
            </div>
          </section>

          <section id="note" aria-labelledby="h2-note">
            <h2 id="h2-note">Note</h2>
            <div class="notice">
              <h3 style="margin:0">Udluftning alene fjerner ikke skægkræ</h3>
              <p>Det er en <strong>skrøne</strong>, at udluftning løser problemet. Æg ligger ofte <em>i vægge og under gulve</em>, hvor luftfugtigheden er højere – og de klækker dér.</p>
            </div>
          </section>

          <section id="feltdata" aria-labelledby="h2-felt">
            <h2 id="h2-felt">Feltdata fra Djursland Skadedyr</h2>
            <div class="stat" aria-label="Observationer">
              <div class="num">9/10</div>
              <div>
                <strong>I 9 ud af 10 sager</strong> med skægkræ finder vi også <em>mejeredderkopper</em>.
                <small>Hvor der er mange mejeredderkopper, ser vi ofte også en større mængde skægkræ.</small>
              </div>
            </div>
          </section>

          <section id="faq" aria-labelledby="h2-faq" style="margin-top:var(--flow-3)">
            <h2 id="h2-faq">FAQ (kort)</h2>
            <div class="tile">
              <h3>Hjælper udluftning?</h3>
              <p>Nej – ikke alene. Æg klækker i skjulte, mere fugtige zoner i konstruktionerne.</p>

              <h3>Er mejeredderkopper farlige?</h3>
              <p>Nej. De er nyttedyr og går efter små insekter – inkl. skægkræ.</p>
            </div>
          </section>
        </main>

        <!-- SIDE -->
        <aside class="side" aria-label="Kontakt & handling">
          <div class="tile">
            <h3 style="margin:0 0 .4rem">Få hjælp til skægkræ</h3>
            <p style="margin:0 0 .8rem">Oplever du mange skægkræ eller mejeredderkopper? Vi hjælper med rådgivning og effektiv bekæmpelse.</p>
            <!-- Primær knap – 1:1 fra kode 1 -->
            <a class="btn btn--primary" href="https://djurslandskadedyr.dk/skaegkrae/" aria-label="Kontakt Djursland Skadedyr">Kontakt Djursland Skadedyr</a>
          </div>

          <!-- NY TILE MED DIN GUIDE – TYDELIG OG MATCHER DESIGNET -->
          <div class="tile">
            <h3 style="margin:0 0 .4rem">Dyk mere ned i skægkræ i boligen</h3>
            <p style="margin:0 0 .9rem">
              Ser du både <strong>skægkræ og mejeredderkopper</strong>, er det ofte et tegn på gode skjulesteder og et stabilt fødegrundlag.
              Vil du dykke mere ned i selve skægkræ-problemet i boligen, kan du bruge denne guide hos Skægkræbekæmper.
            </p>
            <a class="btn" href="https://xn--skgkrbekmper-7cbdd.dk/skaegkrae-i-hjemmet-kendetegn-og-bekaempelse/" target="_blank" rel="noopener">
              Skægkræ i hjemmet – kendetegn og bekæmpelse
            </a>
          </div>
        </aside>
      </div>
    </article>
  </div>

  <!-- ===== Strukturerede data (Article + FAQ) ===== -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Article",
    "headline":"Derfor ses skægkræ og mejeredderkopper sammen",
    "description":"Kort og nørdet viden: Skægkræ overlever ved lav RH (~35–40%), men æg kræver ≥55–60% RH. Hvor skægkræ trives, følger mejeredderkopper efter byttet. Se også formering af mejeredderkoppen.",
    "author":{"@type":"Organization","name":"Djursland Skadedyr"},
    "publisher":{"@type":"Organization","name":"Djursland Skadedyr"},
    "image":[
      "https://djurslandskadedyr.dk/wp-content/uploads/2025/07/IMG20250715104535-scaled.jpg",
      "https://djurslandskadedyr.dk/wp-content/uploads/2025/09/mejeredderkop-Pholcus-phalangioides.jpg"
    ],
    "mainEntityOfPage":{"@type":"WebPage","@id":"https://djurslandskadedyr.dk/"},
    "inLanguage":"da-DK",
    "dateModified":"2025-09-23",
    "keywords":[
      "skægkræ","mejeredderkopper","skægkræ luftfugtighed","skægkræ æg","skægkræ i huset",
      "mejeredderkop formering","udluftning skægkræ","fugt og varme","skadedyr i hjemmet","Djursland Skadedyr"
    ]
  }
  </script>

  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"FAQPage",
    "mainEntity":[
      {"@type":"Question","name":"Hjælper udluftning mod skægkræ?","acceptedAnswer":{"@type":"Answer","text":"Nej. Udluftning alene fjerner ikke en etableret bestand. Æg ligger ofte i vægge og under gulve, hvor luftfugtigheden er højere, og klækker dér."}},
      {"@type":"Question","name":"Hvorfor ses mejeredderkopper sammen med skægkræ?","acceptedAnswer":{"@type":"Answer","text":"Mejeredderkopper er rovdyr og følger fødegrundlaget. Hvor skægkræ trives (fugt, varme, skjul), er der bytte – derfor samforekomst."}},
      {"@type":"Question","name":"Hvordan formerer mejeredderkopper sig?","acceptedAnswer":{"@type":"Answer","text":"Hunnen bærer typisk 20–30 æg i en ægsæk i munddelene, opholder sig i spindet, og ungerne klækker efter 2–4 uger afhængigt af temperatur og fugt. I opvarmede boliger kan der komme 2–4 kuld om året."}}
    ]
  }
  </script>
</section>
				</div>
				</div>
				<div class="elementor-element elementor-element-0421aae elementor-widget elementor-widget-html" data-id="0421aae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
							<div data-elementor-type="page" data-elementor-id="12783" class="elementor elementor-12783" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-238fee6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="238fee6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fdd3d23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child" data-id="fdd3d23" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-11d8b9e elementor-widget elementor-widget-html" data-id="11d8b9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
  DSX Blog Widget – Light theme (knapper uden sort kant + grøn hover/fokus-ring)
========================================================= -->
<section
  data-ds-blog-widget
  data-endpoint="/wp-json/wp/v2/posts?_embed=1&per_page=3"
  data-blog-url="/blog/"
  data-cta-order="https://djurslandskadedyr.dk/kontakt/"
  data-auto-refresh-ms="300000"
  aria-label="Fra bloggen"
>
  <style>
    /* ===== Theme (scoped to [data-ds-blog-widget]) – LYST ===== */
    [data-ds-blog-widget]{
      --brand:#7FB03E;            /* grøn primær */
      --brand-2:#93C35A;          /* lysere grøn */
      --brand-dark:#2F6120;       /* mørkere grøn til gradient/kontrast */

      --ink:#0F172A;              /* mørk tekst (match) */
      --muted:#0F172A;            /* var grå – nu sort */
      --bd:#E3E9F2; --bd-strong:#CBD5E1;

      /* Overflader: neutral hvid/lys grå, minimal grøn cast */
      --card-bg:linear-gradient(180deg,#FFFFFF 0%, #F8FAFC 85%);
      --hi-green:
        radial-gradient(120% 140% at 100% 0%, rgba(127,176,62,.04), rgba(127,176,62,0) 60%),
        linear-gradient(180deg, rgba(127,176,62,.02), rgba(127,176,62,0) 65%);

      --radius:18px; --gap:clamp(16px,2vw,24px);

      --shadow-1:0 8px 24px rgba(2,6,23,.08);
      --shadow-2:0 16px 38px rgba(2,6,23,.06);
      --shadow-hover:0 12px 28px rgba(2,6,23,.12);
      --shadow-green-1:0 8px 18px rgba(127,176,62,.07);
      --shadow-green-2:0 6px 14px rgba(127,176,62,.06);

      --skel-1:#EEF2F7; --skel-2:#F8FAFC;

      color:var(--ink);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:16px; line-height:1.6;
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
      -webkit-text-size-adjust:100%;
      display:block; width:100%;
      background:transparent;
    }
    [data-ds-blog-widget] *, [data-ds-blog-widget] *::before, [data-ds-blog-widget] *::after{ box-sizing:border-box }

    /* Links */
    [data-ds-blog-widget] a{ color:var(--brand); text-decoration:none }
    [data-ds-blog-widget] a:hover{ text-decoration:underline }
    [data-ds-blog-widget] :focus-visible{ outline:3px solid rgba(127,176,62,.35); outline-offset:2px }

    /* Layout */
    [data-ds-blog-widget] .wrap{ width:100%; max-width:100%; margin:0; padding:0; }
    [data-ds-blog-widget] .panel{
      position:relative; isolation:isolate; overflow:clip;
      background:var(--card-bg); border:1px solid var(--bd); border-radius:var(--radius);
      box-shadow:var(--shadow-1);
      width:100%;
    }
    [data-ds-blog-widget] .panel::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:var(--hi-green);
    }
    [data-ds-blog-widget] .panel > *{ position:relative; z-index:1 }
    [data-ds-blog-widget] .pad{ padding:clamp(16px,2.6vw,28px); }

    [data-ds-blog-widget] .head{ display:grid; gap:.8rem; margin-bottom:1rem }
    [data-ds-blog-widget] h2{
      margin:0; font-weight:800; line-height:1.2; color:var(--ink);
      font-size:clamp(22px,3vw,28px); padding-left:.7rem; border-left:4px solid var(--brand);
    }

    [data-ds-blog-widget] .row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem}
    [data-ds-blog-widget] .search{ min-width:0; width:100%; }
    [data-ds-blog-widget] input[type="search"]{
      border:1px solid var(--bd); border-radius:12px; padding:.8rem 1rem;
      background:#FFFFFF; color:var(--ink); font:inherit;
    }
    [data-ds-blog-widget] input[type="search"]::placeholder{ color:#94A3B8 }

    /* ===== KNAPPER (NU UDEN SORT KANT) ===== */
    [data-ds-blog-widget] .btn{
      --h:44px; min-height:var(--h);
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:0 16px; border-radius:12px; font-weight:700;
      border:none; /* fjern sort/standard kant */
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-1);
      transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
      -webkit-tap-highlight-color:transparent; text-align:center;
    }
    [data-ds-blog-widget] .btn:active{ transform:translateY(1px) }

    [data-ds-blog-widget] .btn:focus-visible{
      outline:none; /* undgå dobbelt outline */
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1); /* grøn ring */
    }

    [data-ds-blog-widget] .btn--primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#FFFFFF;
    }
    [data-ds-blog-widget] .btn--primary:hover{
      background:#FFFFFF; color:var(--ink); box-shadow:var(--shadow-hover);
    }

    /* Grøn ring på "Læs mere" (kortets neutrale knap) */
    [data-ds-blog-widget] .card .btn:not(.btn--primary):hover,
    [data-ds-blog-widget] .card .btn:not(.btn--primary):focus-visible{
      box-shadow:0 0 0 3px rgba(127,176,62,.35), var(--shadow-1);
      outline:none; text-decoration:none;
    }

    /* Grid of posts */
    [data-ds-blog-widget] .grid{display:grid; gap:clamp(14px,2vw,18px); margin-top:1rem; grid-template-columns:1fr}
    @media (min-width:680px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ [data-ds-blog-widget] .grid{grid-template-columns:repeat(3,1fr)} }

    [data-ds-blog-widget] .card{
      display:grid; grid-template-rows:auto 1fr auto; gap:.6rem;
      background:#FFFFFF; border:1px solid var(--bd); border-radius:12px; overflow:hidden;
      box-shadow:var(--shadow-1);
    }
    [data-ds-blog-widget] .thumb{aspect-ratio:16/9; width:100%; object-fit:cover; background:#FFFFFF; display:block}
    [data-ds-blog-widget] img.thumb{max-width:100%}
    [data-ds-blog-widget] .card-pad{padding:12px 14px; display:grid; gap:.45rem}
    [data-ds-blog-widget] .title{font-size:16px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere}
    [data-ds-blog-widget] .title a{ color:var(--ink) }
    [data-ds-blog-widget] .title a:hover{ text-decoration:underline }
    [data-ds-blog-widget] .meta{font-size:12px; color:var(--muted)}
    [data-ds-blog-widget] .excerpt{font-size:14px; color:var(--ink); margin:.2rem 0 0}

    /* Skeleton loader – lys */
    [data-ds-blog-widget] .skeleton{
      background:linear-gradient(90deg,var(--skel-1),var(--skel-2),var(--skel-1));
      background-size:200% 100%;
      animation:dsPulse 1.1s ease-in-out infinite;
      border-radius:8px;
    }
    @keyframes dsPulse{0%{background-position:0 0}100%{background-position:-200% 0}}
    @media (prefers-reduced-motion: reduce){ [data-ds-blog-widget] .skeleton{animation:none} }

    [data-ds-blog-widget] .empty{
      border:1px dashed var(--bd); padding:16px; border-radius:12px; color:var(--muted); background:#FFFFFF;
      text-align:center;
    }

    /* CTA band */
    [data-ds-blog-widget] .cta-band{
      margin-top:clamp(16px,3vw,24px);
      padding:clamp(12px,2.4vw,18px);
      position:relative; isolation:isolate; overflow:hidden;
      background:var(--card-bg); border:1px solid var(--bd); border-left:8px solid var(--brand);
      border-radius:var(--radius);
      box-shadow:var(--shadow-1), var(--shadow-green-1), var(--shadow-green-2);
      display:grid; gap:.8rem; color:var(--ink);
    }
    [data-ds-blog-widget] .cta-band::after{
      content:""; position:absolute; inset:0; background:var(--hi-green); pointer-events:none;
    }
    [data-ds-blog-widget] .cta-band .row{display:flex; gap:8px; flex-wrap:wrap}

    /* Controls row */
    [data-ds-blog-widget] .controls{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

    /* Mobile tuning */
    @media (max-width:600px){
      [data-ds-blog-widget]{ overflow-x:hidden; }
      [data-ds-blog-widget] .pad{ padding-block: clamp(16px,2.6vw,28px); padding-inline: max(16px, 12px); }
      [data-ds-blog-widget] .btn{ min-height:46px; }
    }
  </style>

  <div class="wrap">
    <div class="panel">
      <div class="pad">
        <header class="head">
          <h2>Fra bloggen</h2>
          <div class="row">
            <input type="search" class="search" placeholder="Søg i bloggen…" aria-label="Søg i blogindlæg">
            <a class="btn btn--primary allLink" href="#">Se alle indlæg</a>
          </div>
        </header>

        <div class="grid" aria-live="polite" aria-busy="true">
          <!-- Skeleton cards shown until fetch completes -->
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
          <article class="card" aria-hidden="true">
            <div class="thumb skeleton"></div>
            <div class="card-pad">
              <h3 class="title skeleton" style="height:18px;width:70%"></h3>
              <div class="meta skeleton" style="height:12px;width:40%"></div>
              <p class="excerpt skeleton" style="height:36px"></p>
            </div>
            <div class="card-pad skeleton" style="height:40px"></div>
          </article>
        </div>

        <div class="controls">
          <button class="btn btn--primary more" type="button" aria-label="Indlæs flere indlæg">Indlæs flere</button>
        </div>

        <div class="cta-band" role="complementary" aria-label="Få hjælp mod skadedyr">
          <div><strong>Har du problemer med skadedyr?</strong> Kontakt os – vi tilbyder gratis rådgivning.</div>
          <div class="row">
            <a class="btn btn--primary ctaOrder" href="#">Bestil Online</a>
          </div>
        </div>

        <noscript>
          <div class="empty">JavaScript er slået fra. <a href="/blog/">Se alle blogindlæg her</a>.</div>
        </noscript>
      </div>
    </div>
  </div>
</section>

<!-- JS uændret -->
<script>
(function(){
  const widgets = document.querySelectorAll('[data-ds-blog-widget]');
  widgets.forEach((widget) => {
    const uid = 'dsx-' + Math.random().toString(36).slice(2);

    const endpointBase = widget.getAttribute('data-endpoint') || '/wp-json/wp/v2/posts?_embed=1&per_page=3';
    const blogUrl      = widget.getAttribute('data-blog-url') || '/blog/';
    const ctaOrder     = widget.getAttribute('data-cta-order') || 'https://djurslandskadedyr.dk/kontakt/';
    const schemaOn     = (widget.getAttribute('data-schema') || 'on').toLowerCase() !== 'off';

    const autoRefreshMsAttr = parseInt(widget.getAttribute('data-auto-refresh-ms'), 10);
    const AUTO_REFRESH_MS = Number.isFinite(autoRefreshMsAttr) ? Math.max(15000, autoRefreshMsAttr) : 300000;

    const grid        = widget.querySelector('.grid');
    const searchInput = widget.querySelector('.search');
    makeMore = widget.querySelector('.more');
    const moreBtn     = widget.querySelector('.more');
    const allLink     = widget.querySelector('.allLink');
    const ctaOrderEl  = widget.querySelector('.ctaOrder');

    if (allLink)    allLink.href    = blogUrl;
    if (ctaOrderEl) ctaOrderEl.href = ctaOrder;

    let page = 1;
    let postsCache = [];
    let PER_PAGE = 3;
    const perPageMatch = endpointBase.match(/per_page=(\d+)/);
    if (perPageMatch) PER_PAGE = parseInt(perPageMatch[1],10);

    function stripHTML(h){
      const t = document.createElement('div');
      t.innerHTML = h || '';
      return (t.textContent || t.innerText || '').trim();
    }
    function fmtDate(iso){
      try{ return new Date(iso).toLocaleDateString('da-DK',{day:'2-digit',month:'long',year:'numeric'}); }
      catch(e){ return ''; }
    }
    function thumb(p){
      const m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
      return m && m.source_url ? m.source_url : '';
    }
    function postUrl(p){
      return p.link || (blogUrl.endsWith('/') ? blogUrl : blogUrl + '/') + (p.slug || '');
    }
    function cardHTML(p){
      const url = postUrl(p);
      const img = thumb(p);
      const title = stripHTML(p.title && p.title.rendered) || 'Uden titel';
      const ex = stripHTML(p.excerpt && p.excerpt.rendered);
      const date = fmtDate(p.date);
      return `
        <article class="card" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <a href="${url}" itemprop="url" aria-label="${title}">
            ${img ? `<img class="thumb" src="${img}" alt="" loading="lazy" decoding="async" itemprop="image">`
                  : `<span class="thumb" aria-hidden="true"></span>`}
          </a>
          <div class="card-pad">
            <h3 class="title"><a href="${url}" itemprop="headline">${title}</a></h3>
            ${date ? `<div class="meta"><time datetime="${p.date}" itemprop="datePublished">${date}</time></div>` : ``}
            ${ex ? `<p class="excerpt" itemprop="description">${ex.length>150 ? ex.slice(0,147)+'…' : ex}</p>` : ``}
          </div>
          <div class="card-pad">
            <a class="btn" href="${url}">Læs mere</a>
          </div>
        </article>
      `;
    }
    function render(posts, append=false){
      if(!append) grid.innerHTML = '';
      posts.forEach(p => grid.insertAdjacentHTML('beforeend', cardHTML(p)));
      grid.setAttribute('aria-busy','false');
      if (schemaOn) updateItemListJSONLD();
    }
    function updateItemListJSONLD(){
      try{
        const links = Array.from(widget.querySelectorAll('.card .title a'));
        if(!links.length) return;
        const data = {
          "@context":"https://schema.org",
          "@type":"ItemList",
          "itemListElement": links.map((a,i)=>({
            "@type":"ListItem","position":i+1,"url":a.href,"name":(a.textContent||'').trim()
          }))
        };
        const id = `ds-blog-jsonld-${uid}`;
        let el = document.getElementById(id);
        if(!el){
          el = document.createElement('script');
          el.type = 'application/ld+json';
          el.id = id;
          document.head.appendChild(el);
        }
        el.textContent = JSON.stringify(data);
      }catch(e){}
    }

    // Abort previous fetches if a new one starts (avoids race conditions)
    let inflightController = null;

    async function fetchPage(n=1, append=false){
      try{
        if (inflightController) inflightController.abort();
        inflightController = new AbortController();

        grid.setAttribute('aria-busy','true');
        const url = `${endpointBase}${endpointBase.includes('?') ? '&' : '?'}page=${n}&_=${Date.now()}`;
        const r = await fetch(url, {
          credentials:'same-origin',
          cache:'no-store',
          signal: inflightController.signal
        });
        if(!r.ok) throw r;

        const arr = await r.json();
        if(n===1){ postsCache = []; page = 1; }
        postsCache = postsCache.concat(arr);
        render(arr, append);
        if (moreBtn) moreBtn.style.display = (arr.length < PER_PAGE) ? 'none' : '';
      }catch(e){
        if (e && e.name === 'AbortError') return;
        grid.innerHTML = `<div class="empty">Kunne ikke hente indlæg automatisk. <a href="${blogUrl}">Se bloggen her</a>.</div>`;
        if (moreBtn) moreBtn.style.display = 'none';
      }finally{
        grid.setAttribute('aria-busy','false');
      }
    }

    function filterPosts(q){
      q = (q||'').toLowerCase();
      const match = p => {
        const t = stripHTML(p.title && p.title.rendered).toLowerCase();
        const ex = stripHTML(p.excerpt && p.excerpt.rendered).toLowerCase();
        return t.includes(q) || ex.includes(q);
      };
      const filtered = q ? postsCache.filter(match) : postsCache;
      render(filtered,false);
    }

    if (searchInput) searchInput.addEventListener('input', e => filterPosts(e.target.value));
    if (moreBtn) moreBtn.addEventListener('click', () => { page += 1; fetchPage(page, true); });

    // Initial fetch
    fetchPage(1,false);

    // Auto-refresh
    const autoRefresh = () => {
      if (document.hidden) return;
      if (searchInput && searchInput.value.trim()) return;
      fetchPage(1,false);
    };
    setInterval(autoRefresh, AUTO_REFRESH_MS);
  });
})();
</script>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>Indlægget <a href="https://djurslandskadedyr.dk/derfor-ses-skaegkrae-og-mejeredderkopper-sammen/">Derfor ses skægkræ og mejeredderkopper sammen</a> blev først udgivet på <a href="https://djurslandskadedyr.dk">Djursland Skadedyr</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>

<!--
Object Caching 47/195 objects using Disk
Page Caching using Disk: Enhanced 

Served from: djurslandskadedyr.dk @ 2026-07-27 23:57:38 by W3 Total Cache
-->