/*

 * Globals

 */



/* Links */

a,

a:focus,

a:hover {

  color: #fff;

}



.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(57,80,15,.5);

}



.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(57,80,15,.25);


}



.btn.disabled, .btn:disabled {
    opacity: .85;
}



.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(57,80,15,.5);

}




.rating-box {
  position:relative;
  vertical-align: middle;
  font-size: 2em;

font-family: "Font Awesome 5 Free";

  display:inline-block;
  color: #698b2c;
}
.rating-box:before{
    content: "\f006 \f006 \f006 \f006 \f006";
  }
.rating-box .rating {
    position: absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color: #698b2c;
  }
  .rating-box .rating:before {
      content: "\f005 \f005 \f005 \f005 \f005";
    }



.top
{


-webkit-box-shadow: 0px 5px 10px 0px rgba(102,102,102,0.4);
-moz-box-shadow: 0px 5px 10px 0px rgba(102,102,102,0.4);
box-shadow: 0px 5px 10px 0px rgba(102,102,102,0.4);



   background: linear-gradient(to right, rgba(57,80,15, 0.95), rgba(105,139,44, 0.95) );
 
  background-repeat: no-repeat;

  background-position: center top; 



  color: #fff;

}


.copyright
{

background-color:#1e2127;

color: #ffffff;

padding: 0px 0px;

}



.main
{


background-color:#f0f0f0;

 


  color: #333;

}







.bottom
{



    background: linear-gradient(to right, rgba(57,80,15, 0.95), rgba(105,139,44, 0.95) );
 
  background-repeat: no-repeat;

  background-position: center top; 



  color: #fff;

}






/* Custom default button */

.btn-secondary,

.btn-secondary:hover,

.btn-secondary:focus {

  color: #333;

  text-shadow: none; /* Prevent inheritance from `body` */

  background-color: #fff;

  border: .05rem solid #fff;

}







/*

 * Base structure

 */



html,


body {




  background-color:#fff;

 
  background-repeat: no-repeat;

  background-position: center top; 



  color: #fff;



}



.front {





    background: linear-gradient(to right, rgba(105,139,44, 0.60), rgba(57,80,15, 0.60) ), url(/images/baggrund2.jpg);
 
  background-repeat: no-repeat;

  background-position: center top; 



  color: #fff;



}








.laanebox

{


padding:0px 10px 0px 10px;
border-radius:10px;
    background: linear-gradient(to right, rgba(0,0,0, 0.20), rgba(105,139,44, 0.20) );
        background-repeat: repeat, repeat;
    background-repeat: no-repeat;



}



.cover-container {

  max-width: 56em;

}





/*

 * Header

 */

.masthead {

  margin-bottom: 2rem;

}



.masthead-brand {

  margin-bottom: 0;

}



.nav-masthead .nav-link {

  padding: .25rem 0;

  font-weight: 700;

  color: rgba(255, 255, 255, .5);

  background-color: transparent;

  border-bottom: .25rem solid transparent;

}



.nav-masthead .nav-link:hover,

.nav-masthead .nav-link:focus {

  border-bottom-color: rgba(255, 255, 255, .25);

}



.nav-masthead .nav-link + .nav-link {

  margin-left: 1rem;

}



.nav-masthead .active {

  color: #fff;

  border-bottom-color: #fff;

}



@media (min-width: 48em) {

  .masthead-brand {

    float: left;

  }

  .nav-masthead {

    float: right;

  }

}





/*

 * Cover

 */

.cover {

  padding: 0 1.5rem;

}

.cover .btn-lg {

  padding: .75rem 1.25rem;

  font-weight: 700;

}





/*

 * Footer

 */

.mastfoot {

  color: rgba(255, 255, 255, .5);

}
.ribbon{
position: absolute;
color:
#fff;
padding: 0 25px;
height: 24px;
line-height: 24px;
left: -8px;
top: -12px;
font-size: 14px;

}


.ribbon::before {

content: "";
position: absolute;
width: 0;
height: 0;
border-bottom: 8px solid
transparent;
border-right-width: 8px;
border-right-style: solid;
bottom: -8px;
left: 0;

}




.ribbon::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 12px solid 
transparent;
border-bottom-width: 12px;
border-bottom-style: solid;
border-top-width: 12px;
border-top-style: solid;
right: -12px;
top: 0;

}


.ribbon-success{
background-color: #5cb85c;

}



.ribbon-success::before {
    border-right-color: 
#5cb85c;

}


.ribbon-success::after {
border-bottom-color:
#5cb85c;
border-top-color:
#5cb85c;

}



.ribbon-info{
background-color: #5BC0DE;

}



.ribbon-info::before {
    border-right-color: 
#5BC0DE;

}


.ribbon-info::after {
border-bottom-color:
#5BC0DE;
border-top-color:
#5BC0DE;

}



.ribbon-warning{
background-color: #F0AD4E;

}



.ribbon-warning::before {
    border-right-color: 
#F0AD4E;

}



.ribbon-warning::after {
border-bottom-color:
#F0AD4E;
border-top-color:
#F0AD4E;

}

.ribbon-danger{
background-color: #698b2c;

}



.ribbon-danger::before {
    border-right-color: 
#698b2c;

}


.ribbon-danger::after {
border-bottom-color:
#698b2c;
border-top-color:
#698b2c;

}