@charset "utf-8";
		/* Body / style */
		body {
		background-color: #F5F7FA;
		/*background-image: url("../img/bg.jpg");*/
		color: white;
		}
		
		a:link {
		color: #06B6D4;
		background-color: white;
		text-decoration: none;
		padding: 10px 25px 10px 25px;
		font-family: "Inter", sans-serif;
		border: 1px solid black;
		border-radius: 10px;
		}
		
		a:visited {
		color: #06B6D4;
		}
	
		a:hover {
		color: white;
		background-image: -webkit-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
		background-image: -moz-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
		background-image: -o-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
		background-image: linear-gradient(0deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
		text-decoration: none;
		font-family: "Inter", sans-serif;
		border: 2px dashed white;
		}		
	
		a:active {
		text-decoration: none;
		font-family: "Inter", sans-serif;
		}

		.active {
		background-color: #cee6eb;
		}

		/* -- Text -- */
		.tecken1 {
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-weight: 350;
		font-style: normal;
		}
		.tecken2 {
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-weight: 800;
		font-style: normal;
		}
		.tecken3 {
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-weight: 650;
		font-style: normal;
		}
		
		#sylt {
				font-style: italic;
				font-weight: 800;
		}
		
		#syltfot {
				font-style: impact;
				font-size: 20px;
				font-style: bolder;
		}
		
		.boxen {
				text-align: 50%;
				width: 85%;
				border: 2px dashed black;
				background-color: #858585;
				padding: 16px;
				margin: auto;
		}		
		
		.nav {
				text-align: 50%;
				width: 85%;
				background-color: black;
				border: 1px solid black;
				padding: 16px;
				margin: auto;
				line-height: 2.5;
		}
			
		.bookmark {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;             
				margin: 12px 0 24px;  
				line-height: 1.6;
		}
		.bookmark a {
				display: inline-flex;
				align-items: center;
				gap: 6px;
				padding: 6px 14px;           
				font-size: 14px;             
				font-weight: 600;
				border-radius: 999px;        
				background: white;           
				border: 1px solid black;
				color: #06B6D4;
				text-decoration: none;
		}

		.bookmark a:hover {
				color: white;
				background-image: -webkit-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
				background-image: -moz-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
				background-image: -o-linear-gradient(90deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
				background-image: linear-gradient(0deg,rgba(206,230,235,1.00) 0%,rgba(46,182,188,1.00) 50.77%,rgba(206,230,235,1.00) 100%);
				border: 2px dashed white;    
		}
		
		.gallery img {
				max-width: 100%;   
				height: auto;      
				display: block;   
		}
		
		.delar {
				margin-left: 30px;
		}
		.delar p {
				margin-left: 13px;
		}