:root{--skogkurs-multe:#ffa100;--skogkurs-tjern:#447aac;--skogkurs-take:#d1e0d7;--skogkurs-blane:#004f59;--skogkurs-skog:#5e7461;--skogkurs-sort:#1c2021}*{font-family:Myriad Pro Light,Myriad Pro,Arial,sans-serif}header{max-width:95vw;margin-left:230px;margin-right:350px}header h1{text-align:left;font-weight:700}header p{text-align:left;font-size:18px}body{background:var(--skogkurs-take);color:var(--skogkurs-sort);box-sizing:border-box;min-height:100vh;margin:0;padding:20px;font-size:24px;font-weight:300;line-height:1.5}body .font-size22,body p.font-size22,body span.font-size22,body div.font-size22{font-size:22px}body nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #447aac1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #004f5914,0 4px 16px #004f590a}body nav button{color:var(--skogkurs-sort);cursor:pointer;text-align:center;border:1px solid #447aac26;border-radius:6px;min-width:auto;margin:0;padding:10px 18px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #004f5914,0 0 #447aac00}body nav button:hover{background:#f5f8f6 100%;border-color:#447aac4d;transform:translateY(-1px);box-shadow:0 4px 12px #004f591f,0 0 0 3px #447aac14}body nav button.active{background:linear-gradient(135deg, var(--skogkurs-tjern) 0%, #3a6a94 100%);color:#fff;border-color:var(--skogkurs-blane);font-weight:600;transform:none;box-shadow:0 4px 12px #447aac4d,0 0 0 3px #447aac26}body nav button.active:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}body nav button.active:hover{background:linear-gradient(135deg,#4f8bb8 0%,#3a6a94 100%);transform:none}body nav button:active:not(.active){background:linear-gradient(135deg,#e8ede9 0%,#dde6e0 100%);transform:translateY(0);box-shadow:inset 0 1px 2px #004f5926,0 0 0 3px #447aac14}.hiddenElement{display:none}.mainContainer{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:95vw;margin:0 auto;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #004f591f,0 4px 16px #5e746114,0 0 0 1px #d1e0d74d}h1{color:var(--skogkurs-blane);font-size:32pt;font-weight:300}b{font-weight:700}p{text-align:center}.stepContainer{background:#fafcfb;min-width:0;padding:30px 200px}.stepContainer h2,.stepContainer h3{color:var(--skogkurs-blane);margin-bottom:20px;font-weight:700}.stepContainer h2{padding-bottom:12px;font-size:32px;position:relative}.stepContainer p,.stepContainer label{color:var(--skogkurs-sort);margin-bottom:15px;font-size:24px;line-height:1.4}.stepContainer p{text-align:left}.stepContainer .nextButton{background-color:var(--skogkurs-multe);color:#000}.stepContainer .nextButton:hover{background-color:#fff}.stepContainer .downloadPDFButton a{color:#fff;text-decoration:none}.stepContainer button{background:var(--skogkurs-tjern);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:12px;margin-top:50px;margin-bottom:30px;margin-right:12px;padding:16px 28px;font-size:20px;font-weight:400;transition:all .3s;box-shadow:0 4px 12px #447aac40,0 2px 6px #004f5926}.stepContainer button:hover{background:var(--skogkurs-blane);border-color:var(--skogkurs-multe);transform:translateY(-2px);box-shadow:0 8px 20px #004f594d,0 4px 12px #5e746133}.stepContainer button:active{background:var(--skogkurs-skog);transform:translateY(0);box-shadow:0 2px 6px #5e746166}.stepContainer .errorParagraph{color:red;margin-bottom:0}.stepContainer .infoButton{color:var(--skogkurs-sort);cursor:pointer;vertical-align:-2px;background:#f5f8f6;border:1px solid #447aac26;border-radius:6px;justify-content:center;align-items:center;width:auto;height:auto;margin:0 5px 0 0;padding:4px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #004f5914}.stepContainer .infoButton:hover{background:#eaf0ed;border-color:#447aac4d;transform:translateY(-1px);box-shadow:0 4px 12px #004f591f}.stepContainer .infoButton:active{background:#dde6e0;transform:translateY(0)}.stepContainer .infoIcon{width:23px;height:23px;margin:0;display:block}.stepContainer .diameterContainer{margin-top:30px}.stepContainer .diameterContainer:before{display:none}.stepContainer .diameterContainer h2{font-size:28px}.stepContainer .diameterContainer h3{font-size:24px}.stepContainer .tableRow{flex-direction:row;display:flex}.stepContainer .tableRow table{margin:20px}.diameterContainer{min-width:0;overflow-x:auto}.diameterContainer h2,.diameterContainer h3{color:var(--skogkurs-blane);margin-bottom:20px;font-weight:300}.diameterContainer h2{padding-bottom:12px;font-size:32px;position:relative}footer{text-align:center;flex-direction:row;padding:30px;display:flex}footer .footerImg{display:flex}footer .footerParagraph{flex-grow:1;align-items:center}footer .footerLogoLight{height:75px;display:none}footer .footerLogoDark{height:75px;display:block}footer .footerLogoNibio{height:75px;margin-left:20px}footer p{color:var(--skogkurs-skog);margin:8px 0;font-size:18px;line-height:1.5}footer a{color:var(--skogkurs-tjern);font-weight:400;text-decoration:none;transition:color .3s}footer a:hover{color:var(--skogkurs-blane);text-decoration:underline}footer a:active{color:var(--skogkurs-skog)}table{border-collapse:collapse;table-layout:auto;background-color:#fff;border-radius:8px;width:auto;min-width:550px;margin-top:25px;overflow:hidden;box-shadow:0 2px 8px #1c20211a}table th,table td{border:1px solid var(--skogkurs-take);text-align:left;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;padding:8px 12px;font-size:20px}table th{background:var(--skogkurs-blane);color:#fff;letter-spacing:.4px;white-space:normal;vertical-align:top;padding:8px 10px;font-weight:700}table tbody tr{transition:background-color .2s}table tbody tr:nth-child(2n){background-color:#fafafa}table tbody tr:hover{background-color:#d1e0d74d}table input{box-sizing:border-box;border:1px solid var(--skogkurs-take);background-color:#fff;border-radius:4px;width:auto;min-width:60px;padding:6px 10px;font-size:16px;font-weight:300;transition:border-color .3s}table input:focus{border-color:var(--skogkurs-tjern);outline:none;box-shadow:0 0 0 3px #447aac33}table input[type=number]{text-align:center;appearance:textfield;max-width:120px;padding:4px 8px;font-family:Courier New,monospace;font-size:23px}table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}table select{box-sizing:border-box;border:1px solid var(--skogkurs-take);background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, var(--skogkurs-tjern) 50%), linear-gradient(135deg, var(--skogkurs-tjern) 50%, transparent 50%);appearance:none;cursor:pointer;background-position:calc(100% - 15px) calc(1em + 2px),calc(100% - 10px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:4px;width:100%;padding:8px 32px 8px 12px;font-family:Myriad Pro Light,Myriad Pro,Arial,sans-serif;font-size:16px;font-weight:300;transition:border-color .3s,box-shadow .3s}table select:focus{border-color:var(--skogkurs-tjern);outline:none;box-shadow:0 0 0 3px #447aac33}table select:hover{border-color:var(--skogkurs-skog)}table select:disabled{background-color:var(--skogkurs-take);color:var(--skogkurs-skog);cursor:not-allowed;opacity:.6}tbody tr.showGreenTableRow,tbody tr.showGreenTableRow:nth-child(2n),tbody tr.showGreenTableRow:hover{background-color:green}tbody tr.showRedTableRow,tbody tr.showRedTableRow:nth-child(2n),tbody tr.showRedTableRow:hover{background-color:red}.infoTable{width:fit-content}input,select,textarea{font-family:Myriad Pro Light,Myriad Pro,Arial,sans-serif}input:invalid,select:invalid,textarea:invalid{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33}.noteContainer{border:1px solid var(--skogkurs-take);background:linear-gradient(#fff 0%,#fafcfb 100%);border-radius:8px;flex-direction:column;margin-top:40px;padding:24px;display:flex;box-shadow:0 2px 8px #5e746114}.noteContainer label{color:var(--skogkurs-blane);margin-bottom:12px;font-size:20px;font-weight:400;display:block}.noteContainer textarea{width:100%;min-height:120px;color:var(--skogkurs-sort);border:2px solid var(--skogkurs-take);resize:vertical;box-sizing:border-box;background-color:#fff;border-radius:6px;padding:12px 16px;font-size:18px;font-weight:300;line-height:1.6;transition:all .3s}.noteContainer textarea::placeholder{color:#5e746180;font-style:italic}.noteContainer textarea:focus{border-color:var(--skogkurs-tjern);background-color:#fafcff;outline:none;box-shadow:0 0 0 3px #447aac26,0 2px 8px #447aac1a}.noteContainer textarea:hover:not(:focus){border-color:var(--skogkurs-skog)}@media (prefers-color-scheme:dark){body{color:#e8f0ec;background:#1a2520}body nav button{color:#e8f0ec;background:#2a3530;box-shadow:0 2px 4px #0003}body nav button:hover{background:#334039;border-color:#6bb6ff;box-shadow:0 4px 8px #0000004d}body nav button.active{color:#fff;background:#5a8fb7;border-color:#6bb6ff;box-shadow:0 4px 12px #6bb6ff4d}body nav button:active{background:#6fa085}body nav button:disabled{color:#a8d8b980;opacity:.4;background:#2a35304d}.noteContainer{background:linear-gradient(#2a3530 0%,#242e29 100%);border-color:#a8d8b933;box-shadow:0 2px 8px #0000004d}.noteContainer label{color:#7dd3c0}.noteContainer textarea{color:#e8f0ec;background-color:#334039;border-color:#a8d8b94d}.noteContainer textarea::placeholder{color:#a8d8b966}.noteContainer textarea:focus{background-color:#3a4540;border-color:#6bb6ff;box-shadow:0 0 0 3px #6bb6ff33,0 2px 8px #6bb6ff26}.noteContainer textarea:hover:not(:focus){border-color:#a8d8b9}.mainContainer{background:#2c3632;box-shadow:0 8px 32px #0006,0 4px 16px #0003,0 0 0 1px #5e746133}h1{color:#6bb6ff}nav{background:linear-gradient(#2c3632 0%,#252e2b 100%);border-bottom-color:#6bb6ff33;box-shadow:0 2px 8px #0003,0 4px 16px #00000026}nav button{color:#e8f0ec;background:linear-gradient(135deg,#2a3530 0%,#232d28 100%);border-color:#6bb6ff33;box-shadow:0 1px 3px #0000004d,0 0 #6bb6ff00}nav button:hover{background:linear-gradient(135deg,#334039 0%,#2a3530 100%);border-color:#6bb6ff66;box-shadow:0 4px 12px #0000004d,0 0 0 3px #6bb6ff26}nav button.active{color:#fff;background:linear-gradient(135deg,#5a8fb7 0%,#4a7a9a 100%);border-color:#6bb6ff;box-shadow:0 4px 12px #6bb6ff66,0 0 0 3px #6bb6ff33}nav button.active:before{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%)}nav button.active:hover{background:linear-gradient(135deg,#6a9fc7 0%,#5a8fb7 100%)}nav button:active:not(.active){background:linear-gradient(135deg,#1f2825 0%,#1a221f 100%);box-shadow:inset 0 1px 2px #0006,0 0 0 3px #6bb6ff26}nav button:disabled{color:#a8d8b94d;opacity:.4;background:linear-gradient(135deg,#252e2b 0%,#1f2825 100%);border-color:#6bb6ff1a}.stepContainer{background:#2a3530;border-right-color:#a8d8b94d}.stepContainer h2,.stepContainer h3{color:#7dd3c0}.stepContainer h3{color:#a8d8b9}.stepContainer p,.stepContainer label{color:#e8f0ec}.stepContainer button .nextButton{background-color:red}.stepContainer button{background:#5a8fb7;box-shadow:0 4px 12px #5a8fb74d,0 2px 6px #2d5f6b33}.stepContainer button:hover{background:#2d5f6b;border-color:#ffb633;box-shadow:0 8px 20px #2d5f6b66,0 4px 12px #6fa0854d}.stepContainer button:active{background:#6fa085}.stepContainer button:disabled{color:#a8d8b9b3;background:#2a353099}.stepContainer .diameterContainer{background:#334039;border-color:#a8d8b933}.stepContainer .infoButton{color:#e8f0ec;background:#2a3530;border-color:#6bb6ff33;box-shadow:0 1px 3px #0000004d}.stepContainer .infoButton:hover{background:#334039;border-color:#6bb6ff66;box-shadow:0 4px 12px #0000004d}.stepContainer .infoButton:active{background:#1f2825}.diameterContainer{background:#2f3935}.diameterContainer h2,.diameterContainer h3{color:#7dd3c0}.diameterContainer h3,footer p{color:#a8d8b9}footer a{color:#6bb6ff}footer a:hover{color:#7dd3c0}footer a:active{color:#a8d8b9}footer .footerLogoLight{height:75px;display:block}footer .footerLogoDark{height:75px;display:none}table{background-color:#2c3632;box-shadow:0 4px 16px #0000004d}table th,table td{color:#e8f0ec;border-color:#a8d8b933}table th{background:#5a8fb7}table tbody tr:nth-child(2n){background-color:#2a35304d}table tbody tr:hover{background-color:#a8d8b91a}table input{color:#e8f0ec;background-color:#364240;border-color:#a8d8b94d}table input:focus{background-color:#2f3935;border-color:#6bb6ff;box-shadow:0 0 0 3px #6bb6ff33}table input::placeholder{color:#e8f0ec80}table input[type=number]{text-align:center;background-color:#334039;padding:4px 8px}table input[type=number]:focus{background-color:#2a3530}table select{color:#e8f0ec;background-color:#364240;background-image:linear-gradient(45deg,#0000 50%,#6bb6ff 50%),linear-gradient(135deg,#6bb6ff 50%,#0000 50%);background-position:calc(100% - 15px) calc(1em + 2px),calc(100% - 10px) calc(1em + 2px);background-size:5px 5px,5px 5px;border-color:#a8d8b94d}table select:focus{background-color:#2f3935;border-color:#6bb6ff;box-shadow:0 0 0 3px #6bb6ff33}table select:hover{border-color:#a8d8b9}table select:disabled{color:#a8d8b9b3;background-color:#2a353099}table select option{color:#e8f0ec;background-color:#2c3632;padding:8px 12px}input:invalid{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}tbody tr.showGreenTableRow,tbody tr.showGreenTableRow:nth-child(2n),tbody tr.showGreenTableRow:hover{background-color:green}tbody tr.showRedTableRow,tbody tr.showRedTableRow:nth-child(2n),tbody tr.showRedTableRow:hover{background-color:red}}@media (width<=768px){.mainContainer{margin:10px}h1{font-size:32pt}nav{gap:6px;margin:-10px -10px 15px;padding:12px 10px}nav button{border-radius:5px;min-width:auto;padding:8px 12px;font-size:13px}body{padding:10px;font-size:20px}}.info-popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.info-popup{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:1000px;max-height:80vh;animation:.2s ease-out slideIn;display:flex;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-popup-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.info-popup-title{align-items:center;gap:10px;display:flex}.info-popup-title h3{color:#000;margin:0;font-size:1.25rem}.info-popup-icon{color:#2196f3;font-size:1.5rem}.info-popup .info-popup-close{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;margin-top:0;margin-right:0;padding:4px;font-size:1.5rem;transition:color .2s;display:flex}.info-popup .info-popup-close:hover{color:#f44336}.info-popup-content{color:#000;flex:1;padding:20px;font-size:20px;overflow-y:auto}.info-popup-content p{color:#000;margin:0 0 10px;font-size:20px;line-height:1.6}.info-popup-content p:last-child{margin-bottom:0}.info-popup-content ul,.info-popup-content ol{margin:0 0 10px;padding-left:20px}.info-popup-content ul li,.info-popup-content ol li{margin-bottom:5px;line-height:1.6}.info-popup-content table{border-collapse:collapse;width:100%;margin:10px 0}.info-popup-content table th,.info-popup-content table td{color:#000;text-align:left;border-bottom:1px solid #e0e0e0;padding:8px}.info-popup-content table th{background-color:#f5f5f5;font-weight:600}@media (width<=600px){.info-popup{max-width:100%;max-height:90vh;margin:10px}.info-popup-header,.info-popup-content{padding:15px}}@media (prefers-color-scheme:dark){.info-popup-overlay{background-color:#000000bf}.info-popup{background:#2c3632;box-shadow:0 4px 6px #0000004d,0 10px 20px #0006}.info-popup-header{border-bottom:1px solid #a8d8b933}.info-popup-title h3{color:#e8f0ec}.info-popup-icon{color:#6bb6ff}.info-popup .info-popup-close{color:#a8d8b9}.info-popup .info-popup-close:hover{color:#ff6b6b}.info-popup-content p,.info-popup-content ul,.info-popup-content ol,.info-popup-content ul li,.info-popup-content ol li{color:#e8f0ec}.info-popup-content table{background-color:#2c3632}.info-popup-content table th,.info-popup-content table td{color:#e8f0ec;border-bottom:1px solid #a8d8b933}.info-popup-content table th{background-color:#2a3530}.info-popup-content table tbody tr:nth-child(2n){background-color:#2a35304d}.info-popup-content table tbody tr:hover{background-color:#a8d8b91a}}.infoContainer{grid-template:"header header""infoText image""infoText2 infoTable2""infoTable1 infoTable2"/1fr 1fr;display:grid}h2{grid-area:header}.infoText{grid-area:infoText}.infoText2{grid-area:infoText2}.infoText2 h4{margin-top:0}.infoImage{grid-area:image;width:100%;height:400px;margin-bottom:80px;margin-left:25px}.infoImage img{width:100%;height:100%}.infoTables{grid-area:infoTable1}.infoTables2{grid-area:infoTable2;margin-left:25px}
