body {
      background-color: #DDCCB8;
      /* background-color: #CFBEAA; */
      /* background-color: #C1C1C1; */
      width: 100%;
      height: auto;
      max-width: 100%;
      overflow-x: hidden;
      margin: 0px;
    }	
    p {
        font-family: Cormorant Garamond;
        }  
    p {
      margin: 0px;
    }
    h1 {
      margin: 0px;
      text-align: center;
    }
    h2 {
      margin: 0px;
      text-align: center;
    }
    h3 {
      margin: 0px;
      text-align: center;
    }
    h4 {
      margin: 0px;
      text-align: center;
    }
    a:link {
	    color: black;
      text-decoration: underline;
    }
    a:visited {
	    color: black;
    }
    a:hover {
	    color: black;
      background-color: gray;
    }
    a:active {
	    color: black;
    }
    .p1 {
      font-family:'Times New Roman', Times, serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: normal;
      padding: 20 2px;
    }
    @media (min-width: 600px) {
      .p1 {
        font-size: 16px;
      }
      }	    

    /* Style the header */	
    .header_c {
      top: 5px;
      background-color: transparent;
      width: 160px;
      margin-left: auto;
      margin-right: auto;
      color: #ffffff;
      font-size: 24px;
      font-weight: normal;
      text-align: center;
      padding: 5px;
	    /* cursor: pointer; */
    }
	@media (min-width: 600px) {
    .header_c {
      width: 250px;
      font-size: 40px;
    }
    }	
    .header_left {
        position: absolute;
        top: 5px;
        left: 10px;
        background-color: transparent;
        color: black;
        font-size: 26px;
        width: 200px;
        font-family: "Cormorant";
        font-weight: normal;
        text-align: left;
        line-height: 0.9;
        padding: 2px;
        cursor: pointer;
      }
      @media (min-width: 600px) {
      .header_left {
        font-size: 30px;
      }
      }	
      .header_left-w {
        position: absolute;
        top: 5px;
        left: 10px;
        background-color: transparent;
        color: white;
        font-size: 24px;
        width: 200px;
        font-family: "Cormorant";
        font-weight: normal;
        text-align: left;
        line-height: 0.9;
        padding: 2px;
        cursor: pointer;
      }
      @media (min-width: 600px) {
      .header_left {
        font-size: 28px;
      }
      }	
      
      .header_left-g {
        position: absolute;
        top: 5px;
        left: 10px;
        background-color: transparent;
        color: gray;
        font-size: 24px;
        width: 200px;
        font-family: "Cormorant";
        font-weight: normal;
        text-align: left;
        line-height: 0.9;
        padding: 2px;
        cursor: pointer;
      }
      @media (min-width: 600px) {
      .header_left {
        font-size: 28px;
      }
      }	

      /* Style the footer */	
    .footer {
      background-color: transparent;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      font-size: 18px;
      font-weight: normal;
      height: 20px;
      margin-top: 10px;
      text-align: center;
    }
	@media (min-width: 600px) {
    .footer {
      font-size: 24px;
    }
    }	
    /* Style the textboxes */
    .textbox_inner {
        display: block;
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        color: black;
        text-align: left;
        font-family: Cormorant Garamond;
        font-size: 16px;
        border: none;
      }
      @media (min-width: 700px) {
      .textbox_inner {
        width: 70%;
      }
      } 


    .textbox_60 {
        display: block;
        margin-top: 50px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        color: black;
        text-align: left;
        font-family: Cormorant Garamond;
        font-size: 20px;
        border: none;
      }
      @media (min-width: 700px) {
      .textbox_60 {
        width: 60%;
        font-size: 24px;
      }
      } 
  
    .textbox_1 {
      display: block;
	    margin-top: 5px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      text-align: left;
      font-family: Cormorant Garamond;
      width: 94%;
      font-size: 16px;
	  border: none;
    }
	@media (min-width: 600px) {
    .textbox_1 {
      width: 100%;
    }
    } 

    .textbox_1b {
      display: block;
      width: 380px;
	    margin-top: 0px;
      margin-bottom: 5px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      text-align: center;
      padding: 10px;
	    border: 1px solid black;
    }
	@media (min-width: 600px) {
    .textbox_1b {
      width: 60%;
    }
    } 
    .textbox_1b a:link{text-decoration: underline;}


    .textbox_info {
      display: block;
      background-color: white;
      width: 98%;
      margin-left: 1%;
      height: auto;
	    margin-top: 0px;
      color: black;
      font-size: 16px;
      text-align: left;
      padding: 5px;
	    border: 2px solid white;
    }
	@media (min-width: 600px) {
    .textbox_info {
      margin-left: 20px;
      margin-top: -300px;
      width: 400px;
      height: auto;
      background-color: white;
      font-weight: bold;
    }
    } 

    .textbox_3 {
      display: block;
      position: absolute;
      background-color: transparent;
	    top: 5px;
      right: 2px;
      margin-right: 10px;
      color: white;
      font-weight: normal;
      font-size: 18px;
      padding: 0px 10px;
      cursor: pointer;
      border: 1px solid white;
    }
/* 	@media (min-width: 600px) {
    .textbox_3 {
      display: none;
      top: 5px;
      right: 10px;
      font-size: 20px;
    }
    }    
 */    .textbox_3b {
      display: block;
      position: absolute;
      background-color: transparent;
	    top: 5px;
      right: 2px;
      margin-right: 10px;
      color: black;
      font-weight: normal;
      font-size: 18px;
      padding: 0px 10px;
      cursor: pointer;
      border: 1px solid black;
    }
/* 	@media (min-width: 600px) {
    .textbox_3b {
      display: none;
      top: 5px;
      right: 10px;
      font-size: 20px;
    }
    }    
 */
    .box_2 {
      display: block;
	  margin-top: 20px;
      bottom: 20;
      color: transparent;
    }
   /* Style the images */
    .image_float_l{
      float: left;
      width: 220px;
      height: auto;
      padding-top: 10px;
      padding-right: 10px;
      user-select: none;
      pointer-events: none;
    }
    @media (min-width: 700px) {
      .image_float_l {
        width: 40%;
        height: auto;
      }
    }    

    .image_float_s{
      float: left;
      width: 100px;
      height: auto;
      padding-right: 10px;
      user-select: none;
      pointer-events: none;
    }

    .image-container {
      display: inline-block; 
      width: 380px;
      aspect-ratio: 16/9;
      text-align: center; /* Centrer tekst under billedet */
      margin: 0px;
    }
    @media (min-width: 700px) {
      .image-container {
        width: 33%;
        height: auto;
      }
    }    
    .image-text {
      font-size: 14px;
      margin-top: 5px;
      color: black;
    }    
   
   .image_abs {
    display: none;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    z-index: -99;
    }
  @media (min-width: 600px) {
    .image_abs {
    display: block;
    /* position: absolute; */
    top: 0px;
    left: 0px;
    }
    }	

    .image_abs2 {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: auto;
    }
  @media (min-width: 600px) {
    .image_abs2 {
      display: none;
    }
    }	
    .image_full {
      display: block;
      margin-top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
      z-index: -99;
    }

    .image_full_pc {
      display: none;
      margin-top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
      z-index: -99;
    }
    @media (min-width: 700px) {
      .image_full_pc {
        display: block;
        }
      }	      
     
      .image_full_mob {
        display: block;
        margin-top: -20px;
        left: 0px;
        width: 100%;
        height: auto;
        z-index: -99;
      }
      @media (min-width: 700px) {
        .image_full_mob {
          display: none;
          }
        }	      
  
    .img-container {
      /* position: absolute;
      top: 0px;
      left: 0px; */
      overflow: hidden; /* Skjuler det, der er uden for containeren */
      height: 1080px; /* Højden på containeren */
      position: relative;
    }
    
    .img-container img {
      position: absolute;
      bottom: 0; /* Justerer billedet til bunden */
      width: 100%; /* Tilpasser bredden */
    }

    .cover{
      display: block;
      margin-top: 0px;
      width: 100%;
      height: auto;
      background-color: transparent;
    }
    .container_scroll {
      width: 100%;
      height: auto;
      overflow-x: auto;
      /* background-color: black; */
      white-space: nowrap;
      scrollbar-width: none; /* Hide scrollbar in Firefox */
      -ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
    }
    .item {
      display: inline-block;
      width: 200px;
      height: 200px;
      margin: 0px;
    }
    .item_2 {
      display: inline-block;
      user-select: none;
      pointer-events: none;
      width: 400px;
      height: 533px;
      margin: 0px;
    }
    .item_3 {
      display: inline-block;
      width: 100%;
      height: auto;
      margin: 0px;
    }
      .container-flex {
        display: none;
        margin-top: 2px;
        width: 100%;
        height: auto;
        justify-content: space-between;
        padding: 0px;
        background-color: transparent;
      }
      /* @media (min-width: 600px) {
        .container-flex {
        display: flex;  
      }
      } */    
  
      .fade-container {
        position: relative;
        pointer-events: none;
        margin-top: 0px;
        width: 98%;
        aspect-ratio: 16/9;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        border-radius: 12px;
        border: 6px ridge grey;
        }
        
      .fade-container img {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 2s ease-in-out; /* Transition-effekt */
      }
      img.show {
        opacity: 1;
      } 

      .left-button,
      .right-button {
        padding: 0px 5px;
        font-size: 24px;
        font-weight: bold;
        background-color: transparent;
        border: none;
        cursor: pointer;
      } 
      .left-button:hover,
      .right-button:hover {
        background-color: lightgray;
      }       

      .left-button2,
      .right-button2 {
        margin-left: 15px;
        margin-right: 15px;
        padding: 5px 5px;
        font-size: 24px;
        font-weight: bold;
        color: black;
        background-color: transparent;
        border-radius: 6px;
        border: none;
        cursor: pointer;
      } 
      .left-button2:hover,
      .right-button2:hover {
        background-color: #ddd;
      }       
      .center-btn {
        position: absolute;
        top: 5px;
        left: 5px;
        padding: 0px 5px;
        font-size: 16px;
        font-weight: normal;
        color: black;
        background-color: #ddd;
        border-radius: 6px;
        cursor: pointer;
      } 
      .button_1{
        position: fixed; 
        bottom: 20px; 
        right: 30px; 
        z-index: 99; 
        border: 1px solid lightgray;
        outline: none; 
        background-color: black;
        color: lightgray; 
        cursor: pointer; 
        padding: 2px 10px; 
        border-radius: 10px;
        font-size: 14px;       
      }

      .button_2{
        margin-left: 10px;
        margin-right: 10px;
        background-color: transparent;
        color: lightgray; 
        cursor: pointer; 
        padding: 2px 10px; 
        font-family: Cormorant;
        font-weight: bold;
        font-size: 16px;       
      }
      
    .image_1 {
      display: none;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
      }
    @media (min-width: 600px){
      .image_1 {
      display: block;
      }
      }	
      .image_pc {
        display: none;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        }
      @media (min-width: 600px) and (min-aspect-ratio: 1.61) {
        .image_pc {
        display: block;
        }
        }	

        .image_var {
          display: none;
          margin-top: 0px;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          height: auto;
          }        
  
        .image_fix_b {
          display: none;
          object-fit: cover;
          object-position: bottom;
          width: 100%;
          height: 100vh;
          z-index: -1;
        }        
        .image_fix_c {
          display: block;
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100vh;
        }        

        .image_fix_rc {
          display: block;
          object-fit: cover;
          object-position: center;
          width: 60%;
          height: 100vh;
        }        

        .image_fix_t {
          display: none;
          object-fit: cover;
          object-position: top;
          width: 100%;
          height: 100vh;
        }        
        
      .image_apple {
        display: none;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: auto;
        }
      @media (min-width: 600px) and (min-aspect-ratio: 1.61){      
        .image_apple {
        display: block;
        margin-top: -17.5%;
        }
        }	
      @media (min-width: 600px) and (max-aspect-ratio: 1.609){      
        .image_apple {
        display: block;
        }
        }	
    
   .image_60 {
      display: block;
      margin-top: 90px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: auto;
      }
    @media (min-width: 600px) {
      .image_60 {
      width: 60%;
      }
      }	
  
      .image_1b {
      display: block;
      margin-top: 90px;
      width: 100%;
      height: auto;
      }
    @media (min-width: 600px) {
      .image_1b {
        display: none;
      }
      }	
      .image_1c {
        display: block;
        margin-top: 0px;
        width: 100%;
        height: auto;
        }
      @media (min-width: 600px) {
        .image_1c {
          display: none;
        }
        }	
  
      .image_flag{
        display: none;
        position: absolute; 
        top: 8px; 
        right: 10px; 
        width: 26px;
        height: 20px;
        cursor: pointer; 
        }  
        @media (min-width: 700px) {
        .image_flag {
         display: block;
         top: 18px; 
         right: 20px; 
        }
        }	

        .image_left{
          position: absolute; 
          top: 5px; 
          left: 10px; 
          width: 120px;
          height: auto;
          cursor: pointer; 
          }  
  
        .image_flag2{
          display: inline-block; 
          margin-top: 3px;
          width: 26px;
          height: 26px;
          padding-right: 20px;
          cursor: pointer; 
          }  

          .image_down {
            display: block;
            margin-top: -130px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 120px;
            width: 60px;
            height: 30px;
            cursor: pointer;
            animation-name: obs;
            animation-duration: 1s;
            animation-direction: alternate;
            animation-iteration-count: infinite;
          }
          @media (min-width: 600px) {
          .image_down {
            display: none;
          }
          }	
          @keyframes obs {
            from {opacity: 1;}
            to {opacity: 0.2;}
          }
          /* Style buttons */
          .button-b {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: transparent;
            border: 1px solid black;
            border-radius: 4px;
            color: black;
            padding: 2px 4px;
            font-family: cormorant;
            font-weight: bold;
            text-align: center;
            font-size: 14px;
            cursor: pointer;
          }   
          .button-b:hover{background-color: #ddd;}  

          .button-c {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: transparent;
            border: 1px solid lightgray;
            border-radius: 4px;
            color: lightgray;
            padding: 2px 4px;
            font-family: cormorant;
            font-weight: bold;
            text-align: center;
            font-size: 14px;
            cursor: pointer;
          }   
          .button-c:hover{background-color: rgb(102,102,102);}  

          .Btn_right{
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer; 
            }

 /* Style the infocontainer */ 
 .container_social{
    display: none;
    position: absolute;
    top: 40px;
    right: 10px;
    width: auto;
    height: auto;
    border: 1px solid black;
    border-radius: 4px;
 }
 @media (min-width: 700px) {
  .container_social {
    display: block;
  }
  }
 .container_c{
  display:none;
  position: absolute;
  background-color: white;
  top: 0px;
  width: auto;
  min-width: 160px;
  right: 0;
  z-index: 1;
}
@media (min-width: 600px) {
.container_c {
  right: 10;
}
}

.container_calendar {
  display: block;
  width: 98%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: transparent;
  border: none;
  overflow-x: hidden;
}
@media (min-width: 600px) {
  .container_calendar {
    width: 60%;
    border: 1px solid black;  
  }    
  }

  .line {
    display: block;
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 2px;
    left: 0px;
  }
  /* .container_foto {
    display: none;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: none;
  } */

.container_standard {
  display: block;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  overflow-x: hidden;
  margin-bottom: 20px;
  border: none;
}
@media (min-width: 700px) {
  .container_standard {
  width: 70%;
}
}  

.container_1 {
  display: block;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: hidden;
  border: none;
}
@media (min-width: 700px) {
  .container_1 {
  margin-top: 30px;  
  width: 70%;
}
}  

.container_2 {
  display: block;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  overflow-x: hidden;
  border: none;
}
@media (min-width: 700px) {
  .container_2 {
  margin-top: 70px;  
  width: 50%;
}
}  

.container_fotos {
  display: none;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: none;
}
@media (min-width: 700px) {
  .container_fotos {
  width: 70%;
}
} 

.container_fotos2 {
  display: block;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: none;
}
@media (min-width: 700px) {
  .container_fotos2 {
  display: none;
}
}  
.container_media {
  display: block;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  margin-bottom: 0px;
  border: none;
  z-index: -1;
}
@media (min-width: 700px) {
  .container_media {
  width: 100%;
}
}  

.container_mob {
  display: block;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: none;
}
@media (min-width: 700px) {
  .container_mob {
  display: none;
}
}  

.container_pc {
  display: none;
  pointer-events: none;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
@media (min-width: 700px) {
  .container_pc {
  display: block;  
  width: 60%;
}
}  

.container_contact{
  display: block;
  background-color: transparent;
  color: black;
  font-weight: normal;
  font-size: 16px;
  margin-top: 5px;
  padding: 10px;
  width: 98%;
}
@media (min-width: 600px) {
  .container_contact{
  width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
}  
div.gallery {
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
  border: none;
}

/* div.gallery:hover {
border: 1px solid #777;
} */

div.gallery img {
width: 100%;
height: auto;
opacity: 1;
border: 1px solid black;
/* border-radius: 140%; */
}

div.desc {
padding: 10px;
color: black;
font-size: 14px;
text-align: left;
}

div.desc2 {
padding: 10px;
color: lightgray;
font-size: 14px;
text-align: center;
}

.responsive {
padding: 4px 4px;
float: left;
width: 24.0%;
}
@media only screen and (max-width: 1200px) {
.responsive {
    width: 48%;
}
}  
@media only screen and (max-width: 1050px) {
.responsive {
    width: 100%;
}
}

.responsive_2 {
  padding: 0px;
  float: left;
  width: 100%;
  }
  /* @media only screen and (max-width: 1200px) {
  .responsive_2 {
      width: 48%;
  }
  }  
  @media only screen and (max-width: 1050px) {
  .responsive_2 {
      width: 100%;
  }
  } */
.responsive3 {
padding: 4px 4px;
float: left;
width: 32.0%;
}
@media only screen and (max-width: 1200px) {
.responsive3 {
    width: 48%;
}
}  
@media only screen and (max-width: 1050px) {
.responsive3 {
    width: 100%;
}
}
  
.clearfix:after {
content: "";
display: table;
clear: both;
}


.infobox_c {
  display:block;
  margin-top: 0px;
  color: black;
  background-color:transparent;
  width: auto;
  right: 10px;
  padding: 5px 10px;
}


    /* Style the iframe */
	.iframe_c {
	  display: block;
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
    scrollbar-width:thin;
	  height: 660px;
    }
	@media (min-width: 600px) {
    .iframe_c {
      width: 60%;
      height: 512;
	}
	}
	.iframe_v1 {
	  display: block;
	  margin-top: 0px;
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
    margin-bottom: 20px;
	  aspect-ratio: 16/9;
	  border: none;
    }
   /*    .iframe_v1:hover {
        transform: scale(1.3);
    }  */

  .image_c4 {
    display: inline-block;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 20%;
    width: 40px;
    height: auto;
    padding: 10;
    cursor: pointer;
  }
  .image_c4b {
    display: inline-block;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 30px;
    width: 40px;
    height: auto;
    padding: 10;
    cursor: pointer;
  }

  .image_c5 {
    position: absolute;
    top: 5px;
    right: 1px;
    width: 30px;
    height: auto;
    cursor: pointer;
  }  
  @media (min-width: 600px) {
    .image_c5 {
      right: 5px;
  }
  }
  .image_menu{
    width: auto;
    height: 20px;
  }

  .image_social{
    display: block;
    margin: 15px 3px;
    width: 20px;
    height: 20px;
    opacity: 0.7;
  }  
  .image_social:hover{opacity: 1.0;}

  .image_v1 {
    display: inline-block;
	  margin-top: 10px;
    margin-left: 0px;
    width: 100px;
	  height: 56px;
    cursor: pointer;
    }

    .image_v2 {
    display: inline-block;
    width: 100px;
	  height: 56px;
    cursor: pointer;
    }       

    .image_v3 {
    display: inline-block;
    width: 100px;
	  height: 56px;
    cursor: pointer;
    }  
    .image_text {
      display: block;
      width: 300px;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      cursor: pointer;
      }
      /* @media (min-width: 700px) {
        .image_text {
          width: 200px;
      }
      }   */  
  

    .image_thumb {
      display: inline-block;
      margin-top: 20px;
      margin-left: 0px;
      width: 90px;
      height: auto;
      cursor: pointer;
      }    
      .image_thumb:hover {
        transform: scale(1.3);
      } 

    /* Style the dropdown button */
    .dropbtn {
      display: block;
      position: absolute;
      width: 40px;
      height: auto;
	    background-color: transparent;
      right: 30px;
      padding: 5px 10px 0px 0px;
      opacity: 0.8;
      border: none;
      cursor: pointer;
    }

    /* Style the dropdown menu */
    .dropdown {
      position: absolute; 
      top: 7px;
      right: 30px;
    }
    @media (min-width: 700px) {
      .dropdown {
        display: none;
    }
    }    

    .dropdown-content {
      display: none;
      position: absolute;
      right: -30px;
      top: -7px;
      margin: 0px;
      background-color: #C1C1C1;
      min-width: 180px;
      font-family: Cormorant Garamond;
      font-weight: normal;
      text-align: left;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 99;
    }

    /* Style the links inside the dropdown menu */
    .dropdown-content a {
      color: black;
      font-weight: normal;
      padding: 10px 16px;
      text-decoration: none;
      display: block;
    }

    /* Change the color of links on hover */
    .dropdown-content a:hover {background-color: #ddd;}

    .dropdown-content a:link {
      color: black;
      text-decoration: none;
    }

    /* Show the dropdown menu when the user clicks on the button */
    .show {display: block;}


    .dropdown2 {
      position: absolute; 
      top: 10px;
      right: 10px;
  }

  .dropdown2-content {
      display: none;
      position: absolute;
      top: 28px;
      right: 10px;
      width: 30px;
      background-color: transparent;
      z-index: 1;
  }

  .dropdown2-content a {
      color: black;
      padding: 2px 4px;
      border: 1px solid black;
      border-radius: 4px;
      font-size: 14px;
      display: block;
  }

  .dropdown2-content a:hover {
    background-color: #ddd;
}


  .dropdown2:hover .dropdown2-content {
      display: block;
  }

	/* Style the menu bars */

.horizontal-menu {
  display: flex;
  margin-top: 10px; 
  width: fit-content; 
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  justify-content: center;
  border: 1px solid black;
  border-radius: 9px;
}

/* Styling for menupunkter */
.horizontal-menu a {
  display: none;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: black; 
  padding: 5px 20px; 
  border-radius: 6px;
}
@media (min-width: 700px) {
  .horizontal-menu a {
    display: block;
}
}  
.horizontal-menu a:hover {
  background-color: #ddd;
}

.horizontal-menu2 {
  display: flex;
  margin-top: 10px; 
  width: fit-content; 
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  justify-content: center;
  border: 1px solid lightgray;
  border-radius: 9px;

}
/* Styling for menupunkter */
.horizontal-menu2 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: black; 
  padding: 5px 20px; 
  border-radius: 6px;
}
/* @media (min-width: 700px) {
  .horizontal-menu2 a {
    display: block;
}
}   */
.horizontal-menu2 a:hover {
  background-color: #ddd;
}

.horizontal-menu3 {
  display: flex;
  margin-top: 5px; 
  width: 100%; 
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding: 5px 20px;
  justify-content: center;
}
/* Styling for menupunkter */
.horizontal-menu3 a {
  display: none;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: black; 
  padding: 5px 20px; 
  border-radius: 6px;
}
@media (min-width: 700px) {
  .horizontal-menu3 a {
    display: block;
}
}  
.horizontal-menu3 a:hover {
  background-color: #ddd;
}

    ul {
      display: none;
      list-style-type: none;
      margin-bottom: 5px;
      padding: 0;
      overflow: hidden;
      background-color: transparent;
      cursor: pointer;
    }

    li {
     float: left;
    }

    li a {
     display: block;
     color: black;
     text-align: center;
     font-family: Cormorant Garamond;
     font-size: 16px;
     font-weight: bold;
     padding: 2px 10px;
     text-decoration: none;
    }

    li a:hover {
     background-color: #ddd;
    }

    .column {
      float: left;
      padding: 10px;
      height: 650px;
    }
    
    /* Left and right column */
    .column.side {
      width: 20%;
      overflow: hidden;
    }
    
    /* Middle column */
    .column.middle {
      width: 60%;
    }
    
    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    @media (max-width: 600px) {
      .column.side {
        display: none;
      }
      .column.middle {
        width: 100%;
      }
    }