@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


select {
  -webkit-appearance: none; /* Tar bort Safarcontei-specifik styling */
  appearance: none; /* Tar bort standard styling för andra moderna webbläsare */
  background: none; /* Anpassa som du vill */
}

*{
	padding:0;
	margin:0;
	box-sizing: border-box;	
}

#bodycontainer {
    background: linear-gradient(180deg, #f5f5f5, #00000000, #00000000);
}

#main body{
	background-color: #f5f5f5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{
	font-family:'Montserrat',sans-serif!important;
	letter-spacing:-.04em;
	font-weight:600;
}

#main p{
	font-family:'Montserrat',sans-serif;
	font-size:18px;
	color:#fff;
	line-height:1.8;
}

#main span{
	font-family:'Montserrat',sans-serif;
}

#main a:focus{outline: none;}

.mt1{
	margin-top:25px;
}

.mt2{
	margin-top:50px;
}

.mt3{
	margin-top:75px;	
}

.mt4{
	margin-top:100px;
}

.mt5{
	margin-top:125px;	
}


.mb1{
	margin-bottom:25px;
}

.mb2{
	margin-bottom:50px;
}

.mb3{
	margin-bottom:75px;	
}

.mb4{
	margin-bottom:100px;
}

.mb5{
	margin-bottom:125px;	
}

.tc{
	text-align:center;
}

.main-container1{
	padding:0;
	overflow:hidden;
}

.main-container2{
	padding:0;
	overflow:hidden;
}

.main-container3{
	padding:0;
	overflow:hidden;
}

.main-container4{
	padding:0;
	overflow:hidden;
}

.main-container6{
	padding:0;
	overflow:hidden;
}

.main-container7{
	padding:10vh 0;
	overflow:hidden;
}

.main-container8{
	/*padding:0;*/
	overflow:hidden;
}

.main-container9{
	padding:0;
	overflow:hidden;
}

.main-container10{
	padding:0;
	overflow:hidden;
}


/* MODALS, ALERTS */

.modal-content{
	
}

.modal-header{
	
}

.modal-body{
	
}

.modal-footer{
	
}

.modal-btn{
	
}


.lbltitle{
	
}

.lblMessage{
	
}

/* FORMS */

.mail-wrapper label{
	font-size:15px;
	color:#fff;
	font-weight:500;
	font-family:'Montserrat',sans-serif;
}

.wrapper_userform_input_policy{
	display: flex;
    gap: 7px;
    align-items: stretch;
    margin:15px 0;
}

.wrapper_userform_input_policy a{
	text-decoration:none;
}

.wrapper_userform_input_policy input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    background-color:transparent;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin:0;
}

.wrapper_userform_input_policy input[type="checkbox"]:checked {
    outline: none !important;
    border: 1px solid #ced4da;
}

.wrapper_userform_input_policy input[type="checkbox"]:focus {
    outline: none !important;
    border: 1px solid #ced4da;
}

.wrapper_userform_input_policy input[type="checkbox"]:checked::after {
    content: "✔"; /* Symbolen för "check" */
    font-size: 16px; /* Anpassa storlek */
    color: #000; /* Färgen på bocken */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border:0;
}

.wrapper_userform_input_policy label{
	font-size:15px;
	font-weight:normal;
	color:#fff;
	margin:0;
}

.customform_split_input {
    display: flex;
    gap: 10px;
}

#customform_input_name, #customform_input_email, #customform_input_tel, #customform_input_regnr, #customform_input_mil,#user_input_msg,#customform_input_msg,#user_input_datum{
	flex: 1;
    padding: .85em;
    width: 100%;
    border: 0;
    margin: 0 0 1em 0;
    border-radius: .25em;
    display: block;
    font-size: 16px;
    background-color: #e6e6e6;
    font-family:'Montserrat',sans-serif;
    color: #000;
}

#customform_submit{
    margin-top: 10px;
}

.g-recaptcha {
    width: unset;
    height: unset;
    text-align: unset;
    margin-top: unset;
}

.section-car {
    background-color: #292929;
}

/* BILVISNING */

#sidnummer li a{
	background-color: #292929;
    border: #292929;
}

#sidnummer li a:hover{
	background-color: #383838;
}

#sidnummer > .active > a {
    color: #e1e1e1!important;
    border-color: #383838!important;
	background-color: #383838!important;
}

.senast-header {
    text-transform: uppercase;
    color: #fff;
	padding-bottom: 25px;
}  


.sektion-break {
    padding: 50px 0 50px 0;
}

.centerblock {
    display: block;
    width: 100%;
    text-align: center;
}


.bil-block-info {
    min-height: 60px;
    padding:0 7.5px 7.5px;
}

.bil-block-main {
	background-color: #292929;
    border: none;
}

.bil-block-header {
    max-height: none;
    overflow: hidden;
}

.searchbox-header{
	margin:20px 0 5px 0;
	padding:0;
}

.searchbox-header h4 {
    color: #fff;
    font-weight:500;
    margin:0;
}

.bil-block-modell {
    height: auto;
    max-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    padding: 5px 5px;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.bil-block-modell span{
	font-size: 16px;
	font-family:'Montserrat',sans-serif;
	font-weight:600;
}

.bil-block-pris{
	font-family:'Montserrat',sans-serif;
}

.bil-block-pris span{
	font-family:'Montserrat',sans-serif!important;
	font-weight: 600;
    font-size: 18px;
    color: #df0024;
}

.search-row-margin {
    margin: 8px;
    display: inline-block;
}

.antalsidor > .col-sm-6{
	margin:0;
	padding:0;
}

.sortering > .col-sm-6{
	margin:0;
	padding:0;
}

.sortering-box{
	color: #888;
    background-color: transparent;
    width:fit-content;
    padding: 0 10px;
}

.sortering-box option {
    margin: 40px;
    background: #1a1a1a;
    color: #fff;
}

.sortering-pretext {
    padding-right: 2px;
}

#sokform select, #sokform input {
	border-radius: 0;
    border: 1px solid #383838;
    background-color: #292929;
    padding:10px;
}

#sokform select:focus, #sokform input:focus  {
	outline: none;
}


.bil-block-img:hover{
	box-shadow: 0px 0px 18px 10px rgb(255 255 255 / 14%);
}

#fordonscontainer, #sidnummercontainer {
    padding-bottom: 50px;
}

#resultatdata {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin:5px 0;
}

    
.europrice {
	font-size: 20px;
}

.europrice, .europricenetto{
	display: block;
}


#fritext {
	padding-left: 8px;
}

.searchbox-main, .search-box{
	font-family:'Montserrat',sans-serif;
}

.btn-visafilter {
    border: 1px solid #373737;
    background-color: #df0024;
    padding: 10px 10px;
    display: inline-block;
    width:auto;
	color: #fff;
}

#visasok-arrow{
	margin:0;
}

.btn-visafilter-text {
	padding:0 5px;
}

.btn-visafilter-text:hover{
	font-weight:initial;
}

.btn-search{
	display: block;
    height: auto;
    padding:10px;
    font-family:'Montserrat',sans-serif;
    background-color:#404040;
}

.btn-search a:hover{
	background-color:#333!important;
}


/* CONTENT */

.content-wrapper {
    background-color: #bdbdbd;
    border-radius: .25em;
}

.content-wrapper-link{
	background-color: #2F2F2F;
    padding: 20px;
    border-radius: .25em;
}

.content-wrapper-link :hover{
	background-color: #323232;
}

.content-wrapper-partners{
	padding: 5%;
    background-color: #bdbdbd;
    border-radius: .25em;
}

.show-mobile {
    display: none;
}

.sektion-rubrik {
    font-size: 25px;
    width: 100%;
    text-transform: uppercase;
    color: #888;
    padding-bottom: 25px;
    display: inline-block;
    text-align: center;
}

.site-sektion-rubrik{
	text-transform: uppercase;
    color: #000;
}

.site-btn {
    background-color: #df0024;
    border: 0;
    padding: 15px 15px;
    border-radius: 0;
    color: #ededed;
    /*transition: .3s ease;*/
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase;
}

.bildtext-rubrik{
	color: #d6d6d6;
    font-size: 62px;
    display: inline-block;
    font-weight: 500;
    line-height: 1.345;
    text-shadow:rgb(47, 47, 47) 2px 1px 7px;
    text-transform:uppercase;
}

.site-header {
    text-transform: uppercase;
    color: #888;
}

.site-text{
	display: inline-block;
    width: 100%;
    font-size: 15px;
    font-family: 'Montserrat',sans-serif;
    color: #d6d6d6;
	padding-bottom: 10px;
}

.btn-group-bilbolag {
    display: flex;
    flex-wrap: wrap;     
    gap: 50px; 
    justify-content: stretch;
    flex-direction: row;
}

.btn-group-btn-bilbolag{
	display: flex; /* Gör den till flex-item */
    align-items: center;
    justify-content: center;
	flex: 1 1 calc(33.33% - 50px); /* Tredjedel av bredden */
   	text-align: center;
    background-color: #df0024;
    border: 0;
    padding: 15px 15px;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.bilbolag-menu-linker-ico{
	max-width: 40px;
    margin: 0 auto;
    padding-bottom: 2vh;
}

.bilbolag-menu-linker-mini{
	width: 150px;
    margin: 10vh auto;
    border: 1px solid #e0dfdf;
	background-color: #eaeaea;
    cursor:pointer;
}

.bilbolag-menu-linker-ico svg{
	width:100%;
	height:auto;
}

.bilbolag-menu-linker h1,#main h2,#main h3,#main h4,#main h5,#main h6{
	color:#000;
	text-transform:uppercase;
	font-weight:400;
}

.bilbolag-hero-bg {
    background-image: url(/images/sektioner/uploads/bg-bilbolag-ad-verkstad.jpg);
    background-size: cover;
    width: 100%;
    padding: 20vh 0 20vh 0;
}

.bilbolag-promotion-bg{
	background-image: linear-gradient(180deg, #6604043b, #214f7070), url(/images/sektioner/uploads/bilbolag-promotion-bg.jpg);
    background-size: cover;
    width: 100%;
    padding: 20vh 0 20vh 0;
}

.bilbolag-partner-img{
	width: 150px;
    margin: 10vh auto;
    padding: 10px;
}

.content-wrapper-img {
    border-radius: .25em;
    height: auto;
    width: 100%;
}

.content-wrapper-img img{
	border-radius:.25em!important;
	width:100%!important;
	height:auto!important;
}

.bilbolag-ul{
	display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    font-size: 18px;
    list-style: none;
}


.bilbolag-li{
	display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
}

.inline-flex-span{
	display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    font-size: 18px;
    align-items: center;
    margin:15px 0;
    color:#fff;
}

#googlemapiframe{
	min-height:600px!important;
}

.bilbolag-kampanj-content{
	padding: 10px;
    background: #323232;
    margin:10px 0;
    min-height: 100%; /* Gör höjden flexibel men anpassad till det högsta elementet */
    display: flex; /* Säkerställer att innehållet flexar inuti */
    flex-direction: column; /* Staplar innehållet vertikalt */
    justify-content: space-between; /* Fördelar innehållet jämnt */
    box-sizing: border-box; /* För korrekt padding och marginal */
}

.promotion-price{
	padding: 10px;
    border-bottom: 1px solid #363636;
    border-top: 1px solid #363636;
    font-size:2rem;
    font-weight:600;
    color:#fff;
}


.btn-w50 {
	width:50%;
	margin:25px auto;
}

.mail-wrapper{
    padding-bottom: 25px;
}

.bildtext-text{
	color: #d6d6d6;
	font-weight:300;
	font-size:26px;
	display: inline-block;
}

.sektion-wrapper{
    padding: 0 5% 5%;
}

/* MEDIA */
@media (max-width: 768px){

	.mobile-overlay{
		position: absolute;
		top: 30%;
	}
	
	.btn-group-bilbolag{
		gap:10px;	
	}
	
	.btn-group-btn-bilbolag{
		flex: 1 1 100%; 
    }
    
	.flipped {
    	display: flex;
    	flex-direction: column-reverse;
    }
    
    .bildtext-rubrik {
    	padding-top: 10vh;
    	font-size: 30px;
    }
    
   	.bildtext-text {
    	font-size: 16px!important;
    }
    
    #main .bilbolag-menu-linker #main h1, #main h2, #main h3, #main h4, #main h5, #main h6{
    	font-size:20px;
    	margin-bottom:15px!important;
    }
}

@media (max-width: 768px) { /* För mobila enheter */
    .animate__animated {
        animation-duration: 0.5s; /* Kortare animationstid */
        transform: none; /* Undvik stora flyttningar */
    }
}

@media (max-width: 480px) {
    .flipped {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .bilbolag-hero-bg {
    padding: 10vh 0 10vh 0;
    }
    
    .bilbolag-partner-img {
    margin: 5vh auto;
    }	
}