Till innehåll på sidan

Pedagogiskt material

Kontaktcenter - en väg in

Öppettider

Helgfria vardagar, måndag–fredag: 8:00–16:30

Vad kan kontaktcenter hjälpa mig med?

Ring eller mejla oss

Besök oss

Gärdhemsvägen 9 461 83 Trollhättan

Tema: Biologisk mångfald

En hög biologisk mångfald är grunden för fungerande ekosystem, pollinering och rent vatten, vilket är avgörande för allt liv på jorden.

Här har vi samlat utbildningsmaterial kopplat till temat biologisk mångfald.

Syfte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum condimentum sem eu fringilla. Quisque feugiat consequat turpis eget euismod. Morbi porttitor viverra risus, accumsan tempus neque porttitor non.

Upplägg

Fusce ac orci nisl. Ut bibendum sapien vel arcu ornare, eu rutrum est elementum. Cras eleifend risus vel elit finibus lacinia. Sed vel mi rutrum, gravida velit quis, lacinia elit. Nulla massa erat, pulvinar ac tempus et, ultricies id neque.

Material

Broschyr
Pysselmaterial
osv.

Tema: Årstiderna

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum condimentum sem eu fringilla. Quisque feugiat consequat turpis eget euismod. Morbi porttitor viverra risus, accumsan tempus neque porttitor non. Fusce ac orci nisl.

Syfte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum condimentum sem eu fringilla. Quisque feugiat consequat turpis eget euismod. Morbi porttitor viverra risus, accumsan tempus neque porttitor non.

Upplägg

Fusce ac orci nisl. Ut bibendum sapien vel arcu ornare, eu rutrum est elementum. Cras eleifend risus vel elit finibus lacinia. Sed vel mi rutrum, gravida velit quis, lacinia elit. Nulla massa erat, pulvinar ac tempus et, ultricies id neque.

Material

Broschyr
Pysselmaterial
osv.

Syfte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum condimentum sem eu fringilla. Quisque feugiat consequat turpis eget euismod. Morbi porttitor viverra risus, accumsan tempus neque porttitor non.

Upplägg

Fusce ac orci nisl. Ut bibendum sapien vel arcu ornare, eu rutrum est elementum. Cras eleifend risus vel elit finibus lacinia. Sed vel mi rutrum, gravida velit quis, lacinia elit. Nulla massa erat, pulvinar ac tempus et, ultricies id neque.

Material

Broschyr
Pysselmaterial
osv.

Senast granskad 2026-02-11 av LINHER

Statistical Code

<script>
  // Plocka bort RSS-länk från engelska sajten
  jQuery(function ($) {
    var isEnglish = /^\/en(\/|$)/i.test(location.pathname);
    if (!isEnglish) return;
    $('head link[rel="alternate"][type="application/rss+xml"][href="/en/homepage/NewsRSS/"]').remove();
  });
</script>

<script type="text/javascript"> // Analytics

/**************************************************************************
	/***                         SITEIMPROVE                                ***
	/*************************************************************************/
	
    (function () {
        var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
        sz.src = '//siteimproveanalytics.com/js/siteanalyze_8055.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
    })();
	
	
	
	/**************************************************************************
	/***                        VISITORS VOICE                              ***
	/*************************************************************************/
	
    var _paq = _paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
	
    (function() {
        var u="//tracking.visitorsvoice.com/piwik/";
        _paq.push(['setTrackerUrl', u+'piwik.php']);
        _paq.push(['setSiteId', '39']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
    })();
	
	
	/**************************************************************************
	/***                        EVENT TRACKING                              ***
	/*************************************************************************/

// Lyssna is clicked
    $(".bapluslogo").click(function(e){

// Siteimprove event
	    var eventCategory = "Lyssna på sidan";
	    var eventLabel = $('body').css('position') == 'absolute' ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Lättläst is clicked
    $("#showEasyread").click(function(e){

// Siteimprove event
	    var eventCategory = "Lättläst";
	    var eventLabel = $('#showEasyread').hasClass('active') ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Hitta snabbt is clicked
    setTimeout(function() {$(".rek-link").click(function(e){

// Siteimprove event
	    var eventCategory = "Hitta snabbt";
	    var eventLabel = $(document).attr('title').replace(" - Trollhättans stad", "");
	    var eventAction = $(this).text();
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });
    }, 2000);
	
</script>

<script> // Startpage only

if ($("body").hasClass("StartPage")) {
	
	// Language links on startpage
	var languages_start = '<div style="float: right;position: relative;height: 2em;z-index: 1;background: #f0f0f0;padding: 0.5em;">';
	var img = '<i class="fa-solid fa-angle-right" style="margin-right:5px;"></i>';
	var eng = '<a style="margin:10px;" href="/en/homepage/">' + img + '<span class="show-for-sr">Show the article in  </span> English</a>';
	var fin = '<a style="margin:10px;" href="/fi/startsida/">' + img + '<span class="show-for-sr">Näytä artikkeli  </span> Suomi</a>';
	var swe = '<a style="margin:10px;" href="/startsida/">' + img + '<span class="show-for-sr">Visa artikeln på  </span> Svenska</a>';
	var languages_end = '</div>';
	var path = window.location.pathname;

switch (path) {
		case '/startsida/':
		case '/startsida':
			$('header').append(languages_start + eng + fin + languages_end);
			break;
		case '/fi/startsida/':
		case '/fi/startsida':
			$('header').append(languages_start + eng + swe + languages_end);
			break;
		case '/en/homepage/':
		case '/en/homepage':
			$('header').append(languages_start + swe + fin + languages_end);
			break;
		default:
			break;
	}
	
	/**************************************************************************
	/***                       CAMPAIGN COLORS                              ***
	/*************************************************************************/
		
	// Campaign: Red (den nya) startpage-panels when black
	//$('.startpage-panels .colorBlack').css({"background-color":"#C94846"});
	
	// Campaign: Orange startpage-panels when empty
	$('.startpage-panels .colorEmpty').css({"background-color":"#F8B068"});
}

</script>

<script>  // Sitewide scripts

/**************************************************************************
	/***                 Set Language Label in header                       ***
	/*************************************************************************/
	
	var userLanguage = navigator.language || navigator.userLanguage;
	var languageLabel;

switch (userLanguage) {
    	case 'sv' :
    	case 'sv-SE' :
	        languageLabel = "Språk";
        	break;
    	case 'en' :
    	case 'en-US' :
	        languageLabel = "Languages";
        	break;
    	case 'fi' :
	        languageLabel = "Kieli";
        	break;
    	default :
	        languageLabel = "Languages";
	}

$(".functionLinks ul li.colorLightYellow a strong").text($(".functionLinks ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	$("#MobileMenu ul li.colorLightYellow a strong").text($("#MobileMenu ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	
</script>

<script> // SearchPage only

/**************************************************************************
	/***             Change background color to search tip                  ***
	/*************************************************************************/
	
	if ($("body").hasClass("SearchPage")) {
		var beforeTip = '</div></div></div><div class="row"><div class="block textblock full large-12 medium-12 small-12 columns"><div class="row colorLightYellow"><div class="medium-12 columns"><p>'
		var afterTip = '</p></div>'
		var oldtext = $('.searchNumberPresentation').html();
		var newtext = (oldtext.replace('<p>', beforeTip)).replace('</p>', afterTip);
		$('.searchNumberPresentation').html(newtext);
	}

</script>

<script src="https://static.rekai.se/addon/v3/rekai_autocomplete.min.js"></script>

<script> // REK AI Autocomplete
  
  function escapeHTML(str) {
    return String(str)
      .replaceAll("&", "&amp;")
      .replaceAll("<", "&lt;")
      .replaceAll(">", "&gt;")
      .replaceAll('"', "&quot;")
      .replaceAll("'", "&#039;");
  }

__rekai.ready(function() {

var rekAutocomplete = rekai_autocomplete(
      '.searchKeywords',
      {
        // valfritt: debug: true
      },
      [
        {
          templates: {
            suggestion: function (suggestion) {
              var url = (suggestion && suggestion.url) ? String(suggestion.url) : "";
              var urlLower = url.toLowerCase();

var tagText = "Sida";
              var tagClass = "tag-page";

if (urlLower.indexOf("minasidor.trollhattan.se") > -1) {
                tagText = "E-tjänst";
                tagClass = "tag-eservice";
              } else if (urlLower.indexOf("/nyheter/") > -1) {
                tagText = "Nyhet";
                tagClass = "tag-news";
              }

// Rendera rad: titel + tag
              return (
                '<div class="rek-suggestion">' +
                  '<a class="rek-suggestion__link" href="' + escapeHTML(url) + '">' +
                    '<span class="rek-suggestion__title">' + escapeHTML(suggestion.title || "") + '</span>' +
                    '<span class="rek-suggestion__tag ' + tagClass + '">' + tagText + '</span>' +
                  '</a>' +
                '</div>'
              );
            }
          }
        }
      ]
    ).on('rekai_autocomplete:selected', function (event, suggestion, dataset) {
      window.location = suggestion.url;
    });

});
</script>

<style>

.SearchPage .rekai-autocomplete {
		width: 90%;
		float: left;
	}

.SearchPage  .contentarea { min-height: 40rem; }

.searcharea-quick .rekai-autocomplete {
		width: inherit;
		height: 100%;
		float: left;
		width: 16.875rem;
	}
	@media only screen and (max-width: 768px) {
		.SearchPage .rekai-autocomplete { width: 100%; }
	}
	@media only screen and (max-width: 984px) and (min-width: 768px) {
		.searcharea-quick .rekai-autocomplete { width: 10.625rem; }
	}

.rek-suggestion__link {
		display:flex;
		align-items:center;
		justify-content: flex-start;
		text-align: left;
		gap: .75rem;
		text-decoration:none;
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
	
	.rek-suggestion__title {
		text-align: left;
		flex: 1 1 auto;
		min-width: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

/* Etiketter */
	.rek-suggestion__tag {
		display:inline-flex;
		align-items:center;
		padding: 0 .5rem;
		border-radius: 999px;
		font-size: 1rem;
		line-height: 1.4;
		white-space: nowrap;
		color:#292929;
		background:#eee;
		margin-left: auto;
		flex: 0 0 auto;
	}

/* Etiketter */
	.rek-suggestion__tag.tag-eservice{ background:#7b2d78; color:#ffffff; }
	.rek-suggestion__tag.tag-news{ background:#ffb4d2; color:#292929; }
	.rek-suggestion__tag.tag-page{ background:#7de1ff; color:#292929; }
</style>

<style> 
.opaonhover:hover, .opaonhover:focus { opacity:0.9; }
.noborder {margin-bottom:0px; line-height:0; border:none!important;}
</style>