.klister {
    position: fixed;
    top: 60;
    left: 0;
    width: 100%;
    z-index: 10000; /* høj nok til at slå dit eget JS ihjel */
    height:0;
}

#I63254 {
 width: auto !important; 
}
	
/* Swiper lazy loader indikatorer (valgfrit) */
.swiper-lazy-preloader {
  width: 24px; height: 24px;
}
/* Sikr lazy-loading hint på billeder der ikke er styret af JS */
img[data-src], img[loading="lazy"] {
  content-visibility: auto;
}

/* Undgå fixed baggrunde i sliders */
.slider-bg-fixed { background-attachment: scroll !important; }



#I63102 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#I63102:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

#I63109 {
  position: relative;
  max-height: 8.5em; /* Juster efter antal linjer */
  overflow: hidden;
  line-height: 1.2em; /* Juster efter din linjehøjde */
}

#I63109::after {
  content: 

'';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2em; /* Skal matche line-height */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}


html,body{

 /* overflow: auto !important; */
height: 100% !important;
font-family:verdana;   
font-size:8pt;
background-color:#F5F5F5;
scroll-padding-top: 115px;
/* padding-top:40px; */
}

.popuptop{
	position:absolute;
	opacity: 0;
	z-index:10000000;
	left:-350px;
	top:-30px;
	width:200px;
	height:40px;
	font-size:14px;
	padding-top:4px;
	background-color:lightgrey;
	border:1px solid black;
	opacity: 1;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

#form{margin:0px;}
	a{text-decoration:none;color:black;cursour:pointer;}
	img { max-width: 100%; height: auto}
				
@media print {
    .non-printable, .fancybox-outer { display: none; }
    .printable, #printDiv { 
        display: block; 
        font-size: 26pt;
    }
  }
  
 input#sxgning::-webkit-input-placeholder

{
     color:black;
}
input#sxgning:-moz-placeholder
{
     color:black;
}
input#sxgning::-moz-placeholder 
{
color:black;
}

input#sxgning:-ms-input-placeholder 
{
color:black;
}

.swipe3 {

white-space:nowrap;   
 float:none; 
   

width: auto;

scrollbar-width: auto;

}


.swipe3 {
overflow-y: hidden;
white-space:nowrap;   
 float:none; 


   
   


scrollbar-width: auto;

}


.swipe3::-webkit-scrollbar-track
{
   
    background-color: #F5F5F5;
    border-radius: 2px;
}

.swipe3::-webkit-scrollbar
{
    background-color: #F5F5F5;

}

.swipe3::-webkit-scrollbar-thumb
{
    border-radius:10px;

    background-image: -webkit-gradient(linear,
                                       left bottom,
                                       left top,
                                       color-stop(0.44, rgb(122,153,217)),
                                       color-stop(0.72, rgb(73,125,189)),
                                       color-stop(0.86, rgb(28,58,148)));
}


.swipe3::-webkit-scrollbar {
    height: 0px;
}

.autohide {
	overflow:hidden;
}
.scrolled-down{
	transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
	transform:translateY(0); transition: all 0.3s ease-in-out;
}

#I61375slet {
	margin-top:0px;
}

#I61539 {
	height:60px;
}
#I61376 {
	//height:60px;
}
.swiper-button-prev {
	height:130px  !important; 

	top:20px  !important;	
	
	width:30px  !important; 

}
.swiper-button-next {
	height:130px  !important; 
	width:30px  !important; 

	
	top:20px !important;
}
.swiper-button-prev.medium{
	height:116px !important; 
	width:20px !important; 
	top:15px !important;
}
.swiper-button-next.medium{
	height:116px !important; 
	width:20px !important; 
	top:15px !important;
}
.swiper-button-prev.mini{
	height:16px !important; 
	width:20px !important; 
	top:27px !important;

}
.swiper-button-next.mini{
	height:16px !important; 
	width:20px !important; 
	top:27px !important;
	
}

.swiper-button-next.mini:after{
		font-size:10pt !important; 
}
.swiper-button-prev.mini:after{
		font-size:10pt !important; 
}

.swiper-button-prev.small{
	height:59px !important; 
	width:20px !important; 
	top:27px !important;

}
.swiper-button-next.small{
	height:59px !important; 
	width:20px !important; 
	top:27px !important;
	
}

.swiper-button-next.small:after{
		font-size:25pt !important; 
}
.swiper-button-prev.small:after{
		font-size:25pt !important; 
}

      .swiper-slide {
	width:auto !important;
        text-align: center;
        font-size: 18px;


        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        
        object-fit: cover;
      }
	.swiper-pagination {
		top:127px;
	}

	.swiper-pagination.mini {
		top:26px;
	}

      .swiper-pagination{
	overflow: hidden;
	height:8px;
	}
      .swiper-pagination-bullet {
        width: 20px;
        height: 20px;

        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
      }

      .swiper-pagination-bullet-active {
        color: #fff;
        background: #007aff;
      }

      .swiperI61195 {
		height:130px;
	}


.swiper {
	float:left;
	width:100%;
}

.swiper .xl {
	height:600px;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    /* transform: translateY(0%);*/
   transition: scaleY(0) 0.15s ease-out;
   height:135px;
   transition: height 0.15s;
}
.headroom--unpinned {
    /* transform: translateY(-100%); */
    height:50px;
    transition: height 0.15s;
}


.modal {
    
    pointer-events: none;
    opacity: 0;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}



body.loading .modal {
	
	transition: opacity 2800ms;
	transition-delay: 500ms;
	opacity: 0.3;
	display: block;
}

.imgscale {
	transform:scale(1.125);
}

.tecdocmenu_x{
grid-column:1/7;width:100%;text-align:right;cursor:pointer;font-size:22px
}
.tecdocmenu_x_outer{
padding-top:0px !important;
}


body.loading::before{
  content:"";
  position:fixed; inset:0;
  background:rgba(0,0,0,.02);  
  z-index:99998;
  pointer-events:none;        
}

body.loading::after{
  content:"";
  position:fixed; inset:0; margin:auto;
  width:224px; height:224px;
  border:12px solid #ddd; border-top-color:#555;
  border-radius:50%;
  animation:spin .8s linear infinite;
  z-index:99999;
  pointer-events:none;        
}

@keyframes spin{to{transform:rotate(360deg)}}