.csn-oss-guide {
   border-radius: 4px;
   overflow: hidden;
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.csn-oss-guide strong {
	color: #EE7C7D;
}
/*Layout landingsida lila heading*/
div#svid10_1d0ce26c194506f91589501 {
    padding: 2.5rem 0 2rem 2.5rem;
}

@media screen and (max-width: 998px){
   .csn-oss-guide {
      border-radius: 0px;
      box-shadow: none;
      margin-bottom:0;
   }
    
   /* Breadcrumbs */ 
	#svid10_5f7dd70418f97b28973159e {
      padding: 0;
      background-color: #472370;
   }
   
   /* Breadcrumbs */
   #svid10_5f7dd70418f97b28973159e li,
   #svid10_5f7dd70418f97b28973159e a {
      color: #fff;
   }
   
   /* Layout för den lila bakgrunden */
   #svid10_1d0ce26c194506f91587a3d {
      border-radius: 0px;
      padding-inline: 1rem;
      padding-block: 2rem;
   }
   
   /* Layout för den lila bakgrunden */
   #svid10_1d0ce26c194506f91589501 h1,
   #svid10_1d0ce26c194506f915895b8 h1 {
      font-size: 2rem;
   }
   
   /* Layout för den lila bakgrunden */
   #svid10_1d0ce26c194506f91589501 *:not(h1),
   #svid10_1d0ce26c194506f915895b8 *:not(h1){
      font-size: 1.125rem;
   }
   
   /* Layout för den lila bakgrunden */
   #svid10_1d0ce26c194506f91589501 ul,
   #svid10_1d0ce26c194506f915895b8 ul {
      padding-left: 1rem;
   }
   
   #svid10_1d0ce26c194506f91585e5c {
      margin: 0;
      padding-inline: 1rem;
      padding-top: 0rem;
   }
   
   #svid12_feb9dde194f9842739192 {
      margin-top: 1.5rem;
   }
  
   /*Layout landingsida lila heading ta bort ID pronto*/
   div#svid10_1d0ce26c194506f91589501 {
      padding-top: 1rem;
      padding-bottom: 2.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
   }

}
@media screen and (max-width: 998px){
       /*ta bort pronto*/
   #svid10_1d0ce26c194506f91585e56 {
    /*background:#3c1e5f !important;*/
      background:#472370 !important;
    	color:#fff !important;
    	padding-bottom:1rem;
   }
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item a,
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item a:hover,
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item{
       color:#fff !important;
   }
}

@media screen and (min-width: 914px){
   #svid10_1d0ce26c194506f91589500 {
      margin-top: 1rem;
   }
  /* Skapa luft på app-vyn i desktop */
  #svid12_1d0ce26c194506f91589509 {
     margin-bottom: 6rem;
  }
  #svid10_7cb89072194507dc9fa676b .sv-oss-guide,
  #svid10_1d0ce26c194506f91587a3c .sv-oss-guide {
      margin-bottom: 0 !important;
   }
}

/****************************************
***************************************
samma som ovan omskriven med klasser*/
/*
.csn-oss-guide {
   border-radius: 4px;
   overflow: hidden;
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.csn-oss-guide strong {
	color: #EE7C7D;
}
/*Layout landingsida lila heading*/
/* div#svid10_1d0ce26c194506f91589501, */
/*
.csn-oss-guide > .sv-layout{
    padding:2.5rem 0 3.5rem 2.5rem;
}

@media screen and (max-width: 998px){
   .csn-oss-guide {
      border-radius: 0px;
      box-shadow: none;
      margin-bottom:0;
   }
    
   /* Breadcrumbs */ 
/*
	#svid10_5f7dd70418f97b28973159e {
      padding: 0;
      background-color: #472370;
   }
   #svid10_1d0ce26c194506f91585e5c {
      margin: 0;
      padding-inline: 1rem;
      padding-top: 0rem;
   }
   
   nav[aria-label="Länkstig"] li{
      color: #fff;
   }
   /*DEt lila huvudet med punklistan*/
/*
  .csn-oss-guide > .sv-layout{
      border-radius: 0px;
      padding:1rem;
   }
   
  
   .csn-oss-guide > .sv-layout h1{
      font-size: 2rem;
   }
   
   
   .csn-oss-guide > .sv-layout *:not(h1){
      font-size: 1.125rem;
   }
   
   
   .csn-oss-guide > .sv-layout ul {
      padding-left: 1rem;
   }
   

}

@media screen and (max-width: 998px){
 
   #svid10_1d0ce26c194506f91585e56 {
    background:#472370 !important;
    color:#fff !important;
    padding-bottom:1rem;
   }
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item a,
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item a:hover,
   #svid10_1d0ce26c194506f91585e56 .env-breadcrumb__item{
       color:#fff !important;
   }
}

@media screen and (min-width: 914px){
  /* Skapa luft på app-vyn i desktop */
/*
  #svid12_1d0ce26c194506f91589509 {
     margin-bottom: 6rem;
  }
  #svid10_7cb89072194507dc9fa676b .sv-oss-guide,
  #svid10_1d0ce26c194506f91587a3c .sv-oss-guide {
      margin-bottom: 0 !important;
   }

}
*/