/*Sidan*/
.main{
	
}

/*Bildslider container*/
#home{
	padding:0;
}

/*Bildsliderns bild container*/
.top-background-img{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

/*Bildslider i boxedläge*/
.top-background-boxed{
	display: table;
}

/*HTML sektion innehåller presentationstext till bildslider*/
.home-container{
	padding-top:10%;
	padding-bottom:30%;
}

/*HTML sektion 1*/
.main-container1{
	padding:0px;
	overflow:hidden;
	
}

/*HTML sektion 2*/
.main-container2{
	padding-top:60px;

}

/*HTML sektion 3*/
.main-container3{
	
}

/*HTML sektion 4*/
.main-container4{
	padding-top:30px;
	padding-bottom:40px;

}

/*HTML sektion 5*/
.main-container5{
	
}

/*HTML sektion 6*/
.main-container6{
	
}

/*Sektion senastefordon*/
.main-container7{
	padding-top:30px;

	
}

/*Sektion lagerlista*/
.main-container8{
	
}

/*Sektion personal*/
.main-container9{
	
}

/*Sektion kontakt*/
.main-container10{
	
}

/*Sektion karta*/
.main-container11{
	
}

.sektion-topbg-img{

position:relative;
background:url('/images/sektioner/uploads/start.jpg') center/cover no-repeat;
padding:120px 0;

}

.sektion-topbg-img::before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);

}

.bild-box{

position:relative;
z-index:2;

}

.text-box{

color:#fff;
max-width:600px;

}

.rubrik-start-img{

font-size:48px;
font-weight:700;
display:block;
margin-bottom:20px;

}

.text-start-img{

font-size:18px;
display:block;
margin-bottom:30px;
line-height:1.6;

}

/* KNAPPAR */

.start-knappar{

display:flex;
gap:20px;
flex-wrap:wrap;

}

.start-btn{

padding:14px 32px;
font-weight:600;
text-decoration:none;
border-radius:4px;
transition:all .3s ease;

}

.start-btn-primary{

background:#ffffff;
color:#000;

}

.start-btn-primary:hover{

background:#000;
color:#fff;

}

.start-btn-secondary{

background:transparent;
border:2px solid #fff;
color:#fff;

}

.start-btn-secondary:hover{

background:#fff;
color:#000;

}

/* INFO BOX */

.start-info-box{
background:#d2d2d2c7;
padding:35px;
border-radius:8px;
box-shadow:0 15px 40px rgba(0,0,0,0.15);

}

.info-item{

font-size:16px;
margin-bottom:15px;

}

.info-item:last-child{

margin-bottom:0;

}

/* Generic section spacing */
.section{
  padding:56px 0;
}

/* Banner (image + text in one component) */
.section-banner .banner{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  min-height:360px;
  border:1px solid #eee;
  background:#111;
  box-shadow:0 18px 55px rgba(0,0,0,0.10);
}

/* Background image */
.section-banner .banner__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
}

/* Overlay for readability */
.section-banner .banner__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.18) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.35) 100%);
}

/* Content */
.section-banner .banner__content{
  position:relative;
  z-index:1;
  padding:42px;
  max-width:720px;
  color:#fff;
}

.section-banner .banner__title{
  margin:0 0 12px 0;
  font-size:38px;
  line-height:1.1;
  letter-spacing:-0.03em;
}

.section-banner .banner__text{
  margin:0 0 18px 0;
  font-size:16px;
  line-height:1.75;
  color:rgba(255,255,255,0.86);
  max-width:62ch;
}

.section-banner .banner__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* Statisk layout: 3 kort i rad (cinematic) */
.logo-cards{
  padding:28px 0;
}

.logo-cards__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
}

/* Kort */
.logo-card{
  position:relative;
  display:block;
  width:100%;
  height:180px;            /* cinematic (justera vid behov) */
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  background:#111;
  transform:translateZ(0);
}

.logo-card__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform .6s ease;
}

.logo-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.40) 100%);
}

.logo-card__center{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}

.logo-card__logo{
  width:min(180px, 70%);
  height:auto;
  display:block;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.35));
  opacity:0.98;
}

/* Hover zoom */
.logo-card:hover .logo-card__img{
  transform:scale(1.12);
}

/* Responsive */
@media (max-width:991px){
  .logo-cards__grid{
	grid-template-columns: 1fr;
  }
  
  .logo-card{
    height:170px;
  }
}

}

/* Responsive */
@media (max-width:991px){
  .section{
    padding:40px 0;
  }

  .section-banner .banner{
    min-height:320px;
  }

  .section-banner .banner__content{
    padding:22px 18px;
    max-width:none;
  }

  .section-banner .banner__title{
    font-size:28px;
  }
}

/* MOBIL */

@media (max-width:991px){

.sektion-topbg-img{

padding:80px 0;

}

.rubrik-start-img{

font-size:34px;

}

.start-info-box{

margin-top:40px;

}



/* Responsive tweaks */
@media (max-width:991px){
  .section-about{
    padding:48px 0;
  }

  .about-media__img{
    height:320px;
  }

  .about-title{
    font-size:26px;
  }

  .about-content{
    max-width:none;
  }
}

}



/*Inställning för mobil*/
@media (max-width: 767px){
	.top-background-boxed{
		width:100%;
	}
}