/* Målretter din hovedindholds-container */
			.content-wrap {
				/* 1. LØSER DIT BREDDE-PROBLEM: Sætter den maksimale bredde til 700px.
				Dette holder linjelængden i det læse-optimale interval (ca. 65-80 tegn). */
				max-width: 620px !important; /* for at få en best-practice 75-85 tegn pr linie */
				width: 100% !important; 
				margin: 0 auto !important; /* Tvinger indholdsblokken til midten */
				text-align: left !important; /* Tvinger alt indhold i blokken til venstre */
				padding-top: 40px !important;
			}

			/* MEDIA QUERY: Fixer teksten der rammer kanten på små skærme */
			@media screen and (max-width: 768px) {
				.content-wrap {
						/* Tilføjer 15px luft i siderne for at forhindre teksten i at røre kanten */
						padding-left: 15px !important; 
						padding-right: 15px !important;
					}
				
	
				/* Ny container til at holde floatende elementer samlet og nulstille marginer */
				.intro-header-group {
					/* Sikrer, at gruppen starter umiddelbart efter forælderens top */
					margin-top: 0; 
					padding: 0;
				}
				
				/* Vigtigt: Da float: left; stadig er aktiv, skal billedet skubbes ned fra toppen her...formentligt ;-) */
				.profile-image {
					/* Skaber den nødvendige luft i toppen for at komme under topbaren */
					margin-top: 0px; 
					/* Giver lidt plads til venstre for float, hvis billedet står for tæt på kanten */
					margin-left: 0px; 
				}
				
				/* Justerer den dynamiske tekst for at undgå den sidder for tæt på billedet */
				.typed-statement {
					margin-left: 0; /* Sikrer, at den kun lægger sig op ad billedet */
				}
			}

			/* Grundlæggende fonts */
			/* oswald-regular - latin */
			@font-face {
			  font-display: swap; 
			  font-family: 'Oswald';
			  font-style: normal;
			  font-weight: 400;
			  src: url('/css/fonts/oswald/oswald-v57-latin-regular.woff2') format('woff2'), /* 1. Bedste format Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
					url('/css/fonts/oswald/oswald-v57-latin-regular.woff') format('woff'),   /* 2. God kompatibilitet */
					url('/css/fonts/oswald/oswald-v57-latin-regular.ttf') format('truetype'); /* 3. Bredt fallback */
			}
			
			/* Karla-regular (400) - latin */
			@font-face {
			  font-display: swap; 
			  font-family: 'Karla';
			  font-style: normal;
			  font-weight: 400;
			  src: url('/css/fonts/karla/karla-v33-latin-regular.woff2') format('woff2'),
				   url('/css/fonts/karla/karla-v33-latin-regular.woff') format('woff'),
				   url('/css/fonts/karla/karla-v33-latin-regular.ttf') format('truetype');
			}
			
			
			body { font-family: 'Karla', sans-serif; font-size: 16px}
			
				p, li {
					/* Sikrer, at p arver body's størrelse (16px), 
					   men bruger den skalerbare rem-enhed */
					font-size: 1rem;
					line-height: 1.6;   /* Gør teksten 1.5 gange fontstørrelsen (tættere end 1.7) */
					margin-top: 10px;   /* Standard afstand over afsnittet */
					margin-bottom: 40px;/* Standard afstand under afsnittet */
				}

				ul {
					margin-left: 20px;      /* Dette rykker hele listen (prikker + tekst) samlet ind */
					padding-left: 20px;      /* Justér denne værdi (f.eks., 30px, 40px) */
					list-style-position: inside; /* Sikrer, at bullets forbliver til venstre for teksten */
					line-height: 1.6;        /* Sikrer god læsbarhed (som diskuteret) */
					margin-bottom: 40px; /* Skaber luft til det efterfølgende afsnit */
				}

				.indryk {
					margin-left: 40px;
					margin-bottom: 20px; /* Bevarer luft til næste afsnit */
				}

				h1:first-child,
				h2:first-child,
				h3:first-child,
				h4:first-child,
				h5:first-child,
				h6:first-child {
					margin-top: 0;
				}
				
				/* UNIVERSAL MARGIN RESET FOR TÆT LAYOUT */
				h1, h2, h3, h4, h5, h6, p, ul, li { /* OBS: Tilføjet p, ul, li her for konsistens */
					margin-top: 0.2em;      /* Minimerer topafstand */
					margin-bottom: 0.5em;   /* Standardafstand under elementer */
					padding: 0;             /* Fjerner standard padding, hvis den skaber afstand */
				}

				h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 400; }
					h1 {
						font-size: 1.75rem; /* Din ønskede størrelse */
						line-height: 1.1; 
						font-family: 'Oswald', sans-serif;
						font-weight: 400;
						min-height: auto; 
						scroll-margin-top: 80px; 
					}
					

					/* De vigtigste sektionsoverskrifter i din 1-page side */
					h2 {
						font-size: 1.5rem; 
						margin-top: 2.5rem; /* Skaber luft før sektionen */
						scroll-margin-top: 80px; 				
					}

					/* Underoverskrifter i sektioner eller artikel-titlen */
					h3 {
						font-size: 1.25rem; 
					}

					/* Mindre overskrifter, fx i artikler (som H2 i brødteksten) */
					h4 {
						font-size: 1.25rem; 
					}
			
			p:last-child {
			margin-bottom: 0;
			}

			.layoutIndhold {
			margin-top: 50px; /* Sørger for, at indholdet starter 50px under den faste topbar */
			}
			
			/* Ny styling for fast topbar */
			.top-nav {
				position: fixed; /* Gør baren fastlåst øverst */
				top: 0;
				left: 0;
				width: 100%;
				z-index: 99; /* Sikrer baren ligger over alt andet indhold */
				background-color: #333; /* Dyb Antracitgrå */
				padding: 10px 0;
				text-align: center;
				box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			}
			.top-nav a {
				color: #fff; /* Hvid tekst på den mørke bar */
				text-decoration: none;
				margin: 0 15px;
				font-family: 'Karla', sans-serif;
				font-weight: 700;
				text-transform: uppercase;
				font-size: 1rem;
				transition: color 0.3s;
			}
			.top-nav a:hover {
				color: #df1d1e; /* Bruger den røde accent ved hover for effekt */
			}
			
			.profile-image + h1 {
			margin-top: 0; /* FLYTTET FRA MAIN Nulstiller specifik margin efter billedet */
			}

			.profile-image {
				width: auto; 
				height: 90px; 
				margin: 0;
				border-radius: 50%; /* Dette vil gøre et kvadratisk billede helt cirkulært */
				object-fit: cover;  /* Sikrer at billedet udfylder cirklen uden at blive strakt */
			}

			/* Anvender den store styling til det dynamiske felt */
			.typed-statement {
				/* Sætter den store størrelse fra den gamle h1 */
				font-size: 1.75rem; 
				line-height: 1.1; 
				margin-top: 20px;
				font-family: 'Oswald', sans-serif; 	/* Genbruger h1's font, da den er mere visuelt stærk */
				min-height: 50px; 				/* Giver den den faste højde, som vi brugte til at løse problemet */
			}
	
						/* Styling for fremhævet filosofi-box */
			.feature-box {
				border-left: 5px solid #df1d1e; /* Tyk rød kant (Vibrant Safety Red) */
				padding: 15px 20px;
				margin: 20px 0;
				background-color: #f8f8f8; /* Let grå baggrund for at skille sig ud */
				font-style: italic; /* Gør teksten kursiv for at signalere citat */
				font-size: 1.1rem;
				color: #222;
			}

			/* Styling for Breadcrumbs (custom.css) */
			.breadcrumb-container {
				/* Sikrer, at navigationen har luft til toppen og bunden */
				margin-top: 15px; 
				margin-bottom: 25px; 
			}

			.breadcrumb-list {
				list-style: none; /* Fjerner de vertikale bullet points */
				padding: 0;
				margin: 0;
				display: flex; /* Tvinger elementerne til at ligge horisontalt */
				
				font-family: 'Karla', sans-serif; /* Sikrer den korrekte font */
			}

			/* Målretter de enkelte elementer og links for at øge specificiteten */
			.breadcrumb-item, 
			.breadcrumb-item a {
				/* 1. Sætter størrelsen her (hvor teksten reelt er) og tvinger den igennem */
				font-size: 0.85rem !important; 
				
				/* 2. Sætter grundfarven til den dæmpede grå */
				color: #777 !important; 
				
				text-decoration: none;
				transition: color 0.3s;
			}

			.breadcrumb-item {
				display: flex;
				align-items: center;
			}

			/* Hover: Skift til Dark Navy */
			.breadcrumb-item a:hover {
				color: #002D62 !important; 
			}

			/* Tilføjer >> separatoren via CSS */
			.breadcrumb-item:not(:last-child):after {
				content: ">>"; 
				margin: 0 8px; 
				
				/* Giver separatoren samme dæmpede farve som den inaktive tekst */
				color: #777 !important; 
				font-weight: 400; 
			}

			/* Særlig styling for den aktuelle side (skal være fed og tydelig) */
			.breadcrumb-item.current-page {
				font-weight: 700 !important; 
				color: #222 !important; /* Din primære tekstfarve */
			}

			figure {
				margin: 0; 
				padding: 0;
				max-width: 100%;
			}

			figcaption {
				margin-top: 0px; /* Giver luft fra billedet */
				margin-bottom: 20px; /* Sikrer afstand til næste afsnit */
				font-size: 0.9rem; /* Gør teksten diskret */
				color: #777 /* Gør teksten dæmpet */
			}

			/* OPRINDELIG KLIKBAR IKON REGEL */
			.clickable-icon {
				display: inline-block;
				transition: transform 0.3s ease;
			}
			.clickable-icon:hover {
				transform: scale(1.2);
				transform-origin: right;
			}

			/* Generisk klasse til diskret skalering, fx "del på LinkedIn og FB" */

				.nudge {
					display: inline-block; /* Påkrævet for at transformationen virker */
					transition: transform 0.2s ease-in-out;
					text-decoration: none;
				}

				.nudge:hover {
					transform: scale(1.1); /* Skalerer 5% op ved mouse-over */
				}
				
				.nudge:active {
					transform: scale(0.95); /* Giver et lille "klik" indad, når man trykker */
				}


			/* CSS RETTET TIL 3 KOLLONNER (Flyttet fra Body) */
			.container {
				max-width: 1200px;
				margin: 20px auto;
				overflow: hidden;
			}
			.column {
				width: 33.33%;
				float: left;
				box-sizing: border-box;
				padding: 10px;
			}
			.column img {
				width: 100%;
				height: auto;
				display: block;
				border-radius: 8px;
				margin-bottom: 10px;
			}

			/* NY & KORREKT STYLING FOR BAGGRUNDSSKIFT */
			.highlight {
				transition: background-color 0.3s ease-in-out; 
				color: #fff !important; /* Løser konflikten og sikrer hvid tekst */
			}

			/* 1. BLÅ: Definition af Blå hover-farve */
			.directional-fade:hover .highlight.blue {
				background-color: #002D62; /* Skifter til Dark Navy */
			}

			/* 2. RØD: Definition af Rød hover-farve */
			.directional-fade:hover .highlight.red {
				background-color: #A81318; /* Skifter til Dark Crimson */
			}

			/* 3. GRØN: Definition af Grøn hover-farve */
			.directional-fade:hover .highlight.green {
				background-color: #4D7423; /* Skifter til Dark Olive Green */
			}
			
			/* 4. MØRK: Definition af Mørk grundfarve */
			.highlight.dark {
				background: #555; /* Din menu-grå */
			}

			/* 5. MØRK: Definition af Mørk hover-farve (Valgfrit - giver en flot dybde ved hover) */
			.directional-fade:hover .highlight.dark {
				background-color: #222; 
			}

			/* Containeren der holder alle kortene */
				.indsigt-container {
					display: flex;
					flex-direction: column;
					gap: 2rem;
					margin-top: 2rem;
				}

				/* Det enkelte artikel-kort */
				.artikel-kort {
					border-left: 4px solid #333; /* En diskret kant der giver tyngde */
					padding: 1.5rem;
					background-color: #f9f9f9;
					transition: transform 0.2s ease;
				}

				.artikel-kort:hover {
					transform: translateX(5px); /* En lille bevægelse når man holder musen over */
				}

				.artikel-kort h2 {
					margin: 0.5rem 0;
					font-size: 1.4rem;
				}

				/* Styling af dine "faglige tags" */
				.artikel-tags {
					margin: 1rem 0;
					display: flex;
					flex-wrap: wrap;
					gap: 0.5rem;
				}

				.artikel-tags span {
					font-size: 0.85rem;
					background: #eee;
					padding: 0.2rem 0.6rem;
					border-radius: 3px;
					color: #555;
					font-style: italic;
				}

				/* Læs mere linket */
				.laes-mere {
					display: inline-block;
					margin-top: 1rem;
					font-weight: bold;
					color: #000;
					text-decoration: none;
					border-bottom: 1px solid #000;
				}

				.laes-mere {
				display: inline-block;
				color: #000;
				text-decoration: none;
				font-weight: bold;
				transition: all 0.3s ease; /* Gør overgangen glidende */
				position: relative;
				}

				.laes-mere:hover {
					transform: translateX(8px); /* Nudger linket lidt til højre */
					color: #555; /* Skifter farven en anelse */
				}

				/* En lille pil der kommer frem ved hover */
				.laes-mere::after {
					content: ' →';
					opacity: 0;
					transition: opacity 0.3s ease;
				}

				.laes-mere:hover::after {
					opacity: 1;
				}