.infot{
    position: absolute;
   
    background:green;
    margin:0 auto;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(#999, .25);
    padding: 1.75rem;

  width:90%;
  opacity: 1 ;
  padding-bottom: 5%;
   
    
  }

  .infot[data-visible="true"] {
    /*transform: translateX(0);*/
    display:block;
   
  } 
  .infot[data-visible="false"] {
    /*transform: translateX(0);*/
    display:none;
   
  }

  .readmoredw {
    font-size: 0.75rem;
    padding: 0.5em;
    
    
   
	color:#733949;
	background: #ffffff;
    border-radius: 20px;
    
    border: 0;
   
    font-family: var(--ff-sans-normal);
    font-weight: bold;
	letter-spacing: 1px;
  

  
  }

  .readmoredw:hover{
	background-color:  #faf8f2;

  }
  .allinfo_knapp {
    

    display: block;
    position: absolute;
    z-index: 2000;
    right: 1rem;
    top: 1rem;
    background: transparent;
    background-image: url(icon-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    aspect-ratio: 1;
    border:0;
    }

.menyknapp{
	display:none;
}


.card {
	margin: 1rem auto;
	display: flex;
	flex-direction:column;
	
	max-width: 605px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 10px 20px 0 rgba(#999, .25);
	padding: .75rem;
	padding-bottom:3em;
	
}




.infojaktkurs {
	
	
	width:100%;
	
	margin-bottom:1em;
	/*margin-top:1em;*/
	background-color:  #fffefe;
   /*background-color: #F3EED9;*/
	/*background-color: #e1e4d6;*/
	border-radius: 10px;
	box-shadow: 0 10px 20px 0 rgba(#999, .25);
	padding: 1.95rem;
	line-height: 1.5;
}




.infojaktkurstop{
	
	
	font-size: 0.95rem;
	color: #2d1801;
	font-weight: bold;


}


.infojaktrubrik {
	
	
	font-size: 1.875rem;
	color: #7B3F00
		
	
}
ul {text-decoration: none;
display: block
;
}


.picture__card {
	display:block;
	width:100%;
	
	background-image: url('../pictures/dog-walking/dogwalking-m.jpg');
	background-size: cover;
	
	background-position: 50% 40%;
	background-repeat: no-repeat;

	min-height:500px;
	
	
	

	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 10px 20px 0 rgba(#999, .25);
	padding: 1.75rem;
	
	margin-bottom:1em;
	/*margin-top:1em;*/
	
}











.hund {margin-top:1em;}













.gridden {

	display:flex;
	flex-direction: column;
	gap:1em;
}



@media (min-width: 1000px){

	.cardpuppy{display:block;}
	
	.cardjakt{display:block;}
	
	.menyknapp{display:block;}

	.gridden{
		flex-direction: row;
	}
	.cardpuppy {width:45%;}

	.infojaktkurs{width:55%}

	.picture__card{

		width: 45%;

	}

	
	.cardpuppy {
		display: block;
	}


	.gridden {

		display:flex;
		flex-direction: row;
		gap:1em;
	}
}

@media (min-width: 65rem)

{
  


	

}