bildeserie{
			display:flex;
			position:fixed;
			width:100%;
			height:calc(100% - 50px);
			top:0;
			left:0;
			flex-direction:column;
			touch-action: manipulation;

		}
		bildeserie inner filler{
			--scale:10%;
			position: absolute;
			width: calc(100% + var(--scale) + var(--scale) );
			height: calc(100% + var(--scale) + var(--scale) );
			filter: blur(2px);
			z-index: 0;
			background-size: cover;
			left: calc( var(--scale) * -1 );
			top: calc( var(--scale) * -1 );
			background-position: center;
			transition: all 2s;
		}
		bildeserie inner.active filler{
			position: absolute;
			width: calc(100% + 20px);
			height: calc(100% + 20px);
			filter: blur(2px);
			z-index: 0;
			left: -10px;
			top: -10px;
			background-size: cover;
			background-position: center;
		}
		bildeserie inner{
			--gallerishade: rgba(0,0,0,.8);
			--transtime:1s;
			display:flex;
			flex-direction: column;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			background-color: black;
			opacity: 0;
			transition: all var(--transtime);
		}
		bildeserie bilde{ 
			display:flex;
			position:relative;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			background-color: var(--gallerishade);
			justify-content: center;
		}
		galleri_bildetekst{
			width: 100%;
			display: flex;
			position: relative;
			bottom: 0;
			height: auto;
			left: 0;
			color: white;
			font-size: .7rem;
			line-height: 1.2em;
			box-sizing: border-box;
			padding: .3rem 1rem;
			border-top:solid 1px var(--c4-30);
			background-color: var(--gallerishade);
			justify-content: center;
		}
		bildeserie galleri_bildetekst gbinner{
			max-width: 600px;
		}
		bildeserie bildenavigator{
			position: absolute;
			bottom: 0;
			width: 100%;
			z-index: 100;
			color: #fff;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding: 0;
			height: 50px;
			background-color: var(--c2);
			border-top:solid 1px var(--c4-30);
		}
		ball{
			cursor: pointer;
			background-color: var(--c2);
			padding: 0 ;
			height: calc(30% - 4px );
			display:flex;
			aspect-ratio: 1/1;
			border-radius: 50%;
			border: solid 2px var(--c3);
			box-sizing: border-box;
			position: relative;
		}
		tracker ball.naver.active::after{
			width: 60%;
			height: 60%;
			justify-content: center;
			align-items: center;
			background-color: var(--c3);
		}
		bildeserie neste{
			cursor: pointer;
		}
		bildeserie forrige{
			cursor: pointer;
		} 
		bildeserie .naver{
			transition: all .3s;
			display: flex;
			align-items: center;
			height: 100%;
			padding: 0 1rem;
			touch-action: manipulation;

		}
		bildeserie .naver:hover{
			color:var(--c1)
		}
		bildeserie tracker{
			height: 100%;
			display: flex;
			gap:0px 2px;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			font-size: .7rem;
			font-weight: 700;
			color:var(--c3)
		}
bildeserie btitle{
	font-weight: 700;
	color: var(--c4);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: .8em;
}
bildeserie bkred{
	font-weight: 500;
	color: var(--c4-50);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: .6em;
	white-space: nowrap;
	margin-left: .5em;
}
bildeserie inner.active{
	z-index: 10;
	opacity: 1;
}


 [kredits]:after {
	content: attr(kredits);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 7px;
	padding: .5rem .5em .5rem 0em;
	line-height: .9em;
	text-transform: uppercase;
	letter-spacing: .1em;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	opacity: .5;
	 text-shadow: 0 0 4px var(--c2);
	 transition: opacity .5s;
}
[kredits]:hover::after{
	opacity: 1;
}