@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); 
    
    
   :root {
    --domino-pic-border-radius: 10px;
    --fg-date-range-date-start-end-background: #3fb9a2;
    --fg-date-range-date-start-end-color: #fff;
    --fg-date-range-date-background: #95e8d9;
    --fg-color-weekdays:#000;
   --fg-date-range-footer: #ececec;
   
  --fg-footer-button-apply-color: #fff;
  --fg-footer-button-apply-background-color: #114b40;
  --fg-footer-button-apply-border: #114b40 solid 1px;
  --fg-footer-button-cancel-border:  #114b40 solid 1px;
  --fg-footer-button-cancel-background-color: #fff;
  --fg-footer-button-cancel-color: #114b40;
  
   --fg-footer-button-apply-color-hover: #fff;
  --fg-footer-button-apply-background-color-hover: #24391e;
  --fg-footer-button-apply-border-hover: #24391e solid 1px;
  --fg-footer-button-cancel-border-hover:  #24391e solid 1px;
  --fg-footer-button-cancel-background-color-hover: #24391e;
  --fg-footer-button-cancel-color-hover: #24391e;
  
  --fg-month-color: #114b40;
  --fg-month-font-family:'Source Sans 3', sans-serif;
  --fg-month-font-size: 20px;
  --fg-month-font-weight:bold;
    }     
     /*********lister**************/
    .rte-list-heading{
          
      
        margin-top: 10px;
        font-family: 'Source Sans 3';
    font-size: 18px;
    color: #114b40;
        margin-top: 11px;
    padding-top: 10px;
    }
    .content-container ul  {
        
          list-style: none;   /* fjern bulletpointet helt */
      margin: 0;
      padding: 0;
        
    }
    ul li {
        position: relative;
       padding-left: 28px; /* plads til ikon */
       
        font-weight: 400;
        
    }
    .dropdown-menu.show li {
        position: relative;
       padding-left: 2px!important;  
       
       
        
    }
    
    .content-container ul li::marker {
        
           content: "";
         padding-left: 0;
    }
    
    .content-container ul li::before {
      content: "";
      position: absolute;
     left: 0;
      top: 0;
     /*top: 50%;
      transform: translateY(-50%);*/
      width: 20px;
      height: 20px;
      background-image: url(https://picassoonline.techotel.dk/media/zglljtl4/check_circle.svg);
      background-repeat: no-repeat;
      background-size: 20px 20px;
    }
    .itempopup-rightside-margin ul
    {
       padding-left:12px;
    }
    .itempopup-rightside-margin ul li
    {
           padding-left: 20px;
        padding-top: 2px;
    }
    
    .ware-col {
        background-color: #FFFEFA; 
        border-radius: 10px;
    }
     /*
     font-family: 'Source Sans 3', serif;
    font-family: ''Source Sans 3', sans-serif;', sans-serif;
      
    */
    .calendar-header-button {
        background-color: #FFFEFA;
        color: #000000;
         font-family: ''Source Sans 3', sans-serif;';
    }
    
    .day-cell{
        background-color: var(--domino-body-color);
        background-color: #eee !important;
        font-weight: bold;
        color: #114b40;
         padding: 2px 13px 18px 0;
            height: 45px;
        border-radius: 4px;
        
    }
    .day-cell-price
    {
       display: flex;
        max-height: 25px;
        font-size: 11px;
        justify-content: center;
         height: 25px;
         align-items: flex-end;
        width: 32px;
        text-align: center;
        font-weight: normal;
    color:#111;
            
         
    }
    .occupied {
    	color: var(--domino-calendar-notavail-color) !important;
    	    background-color: #f0ded8 !important;
    }
    
    .selected-day {
        background-color: #24391e !important;
    }
    .selected-day-firstday {
        background-image: linear-gradient(to bottom right, transparent 50%, #24391e 0);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left;
    }
    .selected-day-lastday {
        background-image: linear-gradient(to top left, transparent 50%, #24391e 0);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left;
    }
    
    .week-cell{
        text-align: center;
    }
    /******************** side opsætning **********************/
    .content-container
    {
            max-width: 90%;
        top: -73px;
        position: relative;
    }
    .leftside-content{
            width: 40%;
    }
    .rightside-content{
        width: 60%;
    }
    /******************** side opsætning slut **********************/
    /* Body standard font */
    body {
         color: #114b40;
         background-color: #FFFEFA;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 16px;
        line-height: 22.5px;
        vertical-align: baseline;
        letter-spacing: normal;
        word-spacing: 0px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: rgb(68, 68, 68);
        text-indent: 0px;
        overflow-x: clip;
        max-width: 100vw;
         
    }
    .techotel-top-image {
        background-image: none;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
        border-radius: 10px;
        margin-right: 15px;
        margin-left: 15px;
    }
    h1 {
        font-weight: 700;
        font-family: 'Source Sans 3', serif;
        font-size: 40px;
        color: #114b40;
    }
    h2 {
         
        font-family: 'Source Sans 3';
        font-size: 20px;
        color: #114b40;
    }
    h3 {
         
        font-family: 'Source Sans 3';
        font-size: 18px;
        color: #114b40;
    }
     
     .introheadertext, .gk-text-justified{
        
        max-width: 700px;
        text-align: center;
       
        margin-left: auto;
        margin-right: auto;
    }
    /********************************top nav bar***************************/
    #menuOurHotelsDropdown{
        
      display:none;
    }
    .navbar{
        color: #fff;
        padding-top: 20px;
        background-color: #114b40;
        margin: 14px;
        border-radius: 8px;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 14px;
        line-height: 22px;
        vertical-align: baseline;
        letter-spacing: normal;
        word-spacing: 0px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-decoration: rgb(102, 102, 102);
        text-align: left;
        text-indent: 0px;
        padding-bottom: 25px;
        padding-right: 5px;
        padding-top: 5px;
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px !important;
        height: 90px;
    }
    .topbar-companylogo img {
         
        max-height: 37px;
        top: 21px;
        left: 12px;
        position: relative;
        display: table-cell;
        padding: 2px;
    }
    .nav-link {
        background: none;
        font-size: 15px;
        line-height: 15px;
        letter-spacing: normal;
        word-spacing: 0px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-transform: unset;
        text-decoration: none;
        text-indent: 0px;
        padding-bottom:unset;
        color: #ebe7de;
        font-weight: 400;
        font-family: 'Source Sans 3', sans-serif;
        text-transform: initial;  
        margin-top: 17px;
        padding-top: 0;
    }
    .nav-link:focus, .nav-link:hover{
         font-weight: bold;
         color: #ebe7de;
       
    }
    .navbar-toggler{
        
       margin-top: 20px;
        margin-right: 0;
    }
    .navbar-toggler:focus{
        text-decoration: none!important;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' width='40' height='40'%3E%3Crect width='100' height='10' rx='5' fill='%23fef9e5'/%3E%3Crect y='30' width='100' height='10' rx='5' fill='%23fef9e5'/%3E%3Crect y='60' width='100' height='10' rx='5' fill='%23fef9e5'/%3E%3C/svg%3E");
       
        
    }
    
    .navbar-nav-box{
        
        background-color: #114b40;
        padding: 10px; 
        border-radius: 10px;
    }
    
    
    /* dropdownpile i navbar */
     .navbar-nav-box .dropdown-toggle::after {
        
        border-right: 0.15em solid #ebe7de;
        border-bottom: 0.15em solid #ebe7de;
    }
    
     .dropdown-item, .dropdown-item:active{
        
         color:#114b40;
    }
    
    
    .btn-prevnext div{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    
    .btn-prevnext{
        color: #114b40 !important;
        font-size: 18px;
        background: none;
         font-family: var(--domino-body-font-family);
         font-family: 'Source Sans 3', sans-serif;
        transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
        padding-top: 5px;
        display: flex!important;
        flex-direction: column-reverse!important;
        justify-content: center!important;
        align-items: center!important;
    }
    .btn-prevnext:hover{
        text-decoration:underline;
        color: #114b40 !important;
        background:none;
        transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    }
    .btn-prevnext-svg {
        height: 48px !important;
        text-decoration: none;
        fill: #000 !important;
        background: #fef9e5;
        padding: 15px;
        border-radius: 3em;
        width: 48px;
    }
    .btn-prevnext-svg:hover {
         
        fill: #000 !important;
        background: #FEF9E5;
        padding: 15px;
        border-radius: 3em;
        width: 48px;
    }
     
    /**********************************************top nav bar END*****************************************************/
    /**********************************************image header*****************************************************/
    .image-header 
        {
        height: 550px;
        background-position-y: -49px;
        background-color: #FEF9E5;
        border-radius: 10px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 120px;
    }
    
    /**********************************************image header END*****************************************************/
    /**********************************************Searchbar*****************************************************/
    .search-bar {
        
       
        background-color: #FEF9E5;
       
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        border-radius: 10px;
        top: -115px;
        position: relative;
    }
    .search-avail{
     
    border-radius: 10px!important; 
    margin-left: 8px;
}
    .fixed-header-bar {
        position: fixed !important;
        top: 105px !important;
        background-color: #FEF9E5;
        z-index: 5;
        width: 98% !important;
        margin-left: 20px !important;
        margin-right: 20px!important;
        border-radius: 0 0px 10px 10px;
            border-bottom: #ffffff solid 2px;
    }
    
    .search-item {
         border-radius: 10px;
         font-family: 'Source Sans 3', sans-serif!important;
    }
    .search-item input
    {
         
        font-size: 16px;
    }
    .calendar-wrapper{
         
        height: 31px;
    }
     .calendar-open-arrow {
        position: absolute;
        display: inline-flex;
        width: 18px;
        right: 22px;
        top: 0px;
        stroke: #6e6e6e;
        fill: none;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
    }   
    
    .search-item:last-child {
        border: none;
        background-color: transparent;
        min-width: 120px;
        flex: 1 1 120px;
    }
    
    .search-item .chain-btn{
        color: #fff;
        background-color: #114b40;
         
        border-radius: 4em;
        font-family: 'Source Sans 3', sans-serif;
        height: 60px;
        font-size: 16px;
        font-weight: bold;
        position: relative;
         text-transform: lowercase;
         width: 112px;
    }
    .search-item .chain-btn:hover{
        color: #fff;
        background-color: #24391e;
        }
    .search-item .chain-btn:active{
        color: #fff;
        background-color: #24391e;
        }
    .navbar-toggler-icon img{
            fill: #fff!important;
    }
    .form-control.search_Campaigncode{
         
        width: 96%;
    }
    /**********************************************Searchbar END ***************************************************/
    /**********************************************calendar select date ***************************************************/
    
    calendar-component::part(input){
        /* background-color: #bc8c8c; */
        
        padding-top: 6px!important;
    }
    
    .tcalSelected {
        background-color: #5bd6bf!important;
    }
    .tcalAvail.tcalArrival.tcalSelectable {
        background-image: linear-gradient(to bottom right, transparent 50%, #5bd6bf 0);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left;
    }
    .tcalAvail.tcalDeparture.tcalSelectable, .tcalNotAvail.tcalDeparture {
        background-image: linear-gradient(to bottom right, #5bd6bf 50%, transparent 0);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left;
    }
    
    .tcalAvailNoArrival.tcalDeparture {
        background: 
            linear-gradient(to bottom right, #5bd6bf 50%, transparent 50%),
            repeating-linear-gradient(-45deg, #bfbfbf, #bababa 1px, #ededed 3px, #ebebeb 5px);
        background-blend-mode: normal;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left;
            font-weight: bold;
    }
    
    .roomsearch_availability_calendar
    {
        font-family: 'Source Sans 3';
    }
    #roomsearch_availability_calendar_submit .btn-primary {
        background-color:#114b40 !important;
        color: #fff !important;
        float: right !important;
        border: none;
        transition: background-color .5s;
        border-radius: 2em;
        
        font-size: 16px;
         
        font-family: 'Source Sans 3';
    }
    #roomsearch_availability_calendar_submit .btn-primary:hover {
        background-color:#114b40 !important;
         
    }
    td.tcalDeparture{
    background-image: linear-gradient(to bottom right, #5bd6bf 50%, transparent 0) !important
    
}
    /**********************************************calendar select date END***************************************************/
    /**********************************************availability calendar ***************************************************/
    #roomsearch_availability_calendar_info
    {color: #114b40;
         background-color: #FEF9E5;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 16px;
        letter-spacing: normal;
        word-spacing: 0px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
    }
    #roomsearch_availability_calendar .tcalHelp {
        margin-top: 10px;
        font-family: 'Source Sans 3';
        font-size: 18px;
        color: #114b40;
    }
    
    .tcalControls .tcalTitle
    
     {
        text-transform: capitalize;
        font-weight: 400;
       text-decoration: none!important; 
        font-family: 'Source Sans 3';
        font-size: 16px;
    }
    
    #roomsearch_availability_calendar_modal .modal-content .close{
        float: right;
        border: none;
        font-size: 30px;
        padding: 0;
        background: none;
        color: #000000;
        font-weight: 300;
    }
    /**********************************************availability calendar END**************************************************/
    /**********************************************produkt ***************************************************/
    
    .modal-body {
        overflow: auto;
    }
     
      
    .collapse-header{
        border:none;
        background-color: #FFFEFA;
         
        border-radius: 10px 10px 0 0;
        margin-top: 15px;
    } 
    .collapse-header:hover{
        border:none;
        background-color: #FFFEFA;
    } 
    .collapse-header svg
     {
        width: 60px!important;
        padding: 16px;
         
        margin-top: 10px;
         
    }
    .font-responsive-product-headtext{
             
        font-family: 'Source Sans 3', serif;
        font-size: 36px;
        color: #114b40;
        vertical-align: bottom;
        margin-top: 16px;
        padding-left: 25px;
         line-height: 1em;
         font-weight:700;
    } 
    
    .search-and-price {
        font-size: 0.6em;
        
        background-color: #FEF9E5;
        padding: 2px 15px 2px 15px;
        border-radius: 30px;
        margin-right: 10px;
    }
    .collapsebar-righttext {
     
        font-family: 'Source Sans 3', sans-serif;
          float: right;
       
        
    }
    
     .collapse-content {
          background-color:#fff;
          border-radius: 0 0 10px 10px;
           
    }
    .hotel-text-box{
        background-color: #FEF9E5;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    
    .single-hotel-text-box {
        padding: 20px;
        background-color: #FEF9E5;
        color: #114b40;
        font-family: 'Source Sans 3', sans-serif;
        font-weight:400;
        font-size: 16px;
    }
    .carousel-inner{
        osition: relative;
        overflow: hidden;
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        width: unset;
    }
     
     .leadtext-for-fromprice, .product-room-fromprice{
        
     
        color: #114b40;
       font-family: 'Source Sans 3', serif;
        font-size: 24px;
        font-weight: 600;
    }
    
    .read-more-text{
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        max-height: 1000%;
    }
    
    div.read-more-text ul li span {
        padding-left: 0px;
    }
    /**********************************************produktEND ***************************************************/
    /**********************************************rooms ***************************************************/
    .selectroomtype{
        display: none;
    }
    .show-itemsinfo{
         
        min-height: 100%;
        width: 100%;
    }
    .read-more-roomproduct-desctext {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
       
        transition: max-height 0.5s ease-in-out;
        
  
         
     
        display: -webkit-box;    
        /* nødvendig til Safari */
        -webkit-box-orient: vertical;   /* lodret layout */
        -webkit-line-clamp: 1;            /* antal linjer */
        overflow: hidden!important;                 /* skjul overskudstekst */
     /*   text-overflow: ellipsis;      */    /* viser ... i slutningen */
        white-space: normal!important;    
        min-width: 0;
    }
    
    .roomtype-first-col {
        width: 15%;
        padding-right: 0;
        max-width: 180px;
        min-width: 165px;
    }
    
    .roomtype-thumb-picture{
       background-size: cover;
        height: 150px;
        position: relative;
        border-radius: 10px;
    }
    .roomtype-second-col {
        max-width: calc(100% - 170px);
    }
    .roomproduct-desctext {
        
           padding-left: 10px;
        margin-top: 20px;    
        padding-right: 184px
    }
    .roomproduct-desctext h2 {
        
         font-family: 'Source Sans 3'; 
        font-size: 29px;
        color: #114b40;
        font-weight: 700;
        
    }
    .read-more-roomproduct-desctext{
        
        
        font-family: 'Source Sans 3', sans-serif;
        font-size: 16px;
        color: #114b40;
         
    }
    .product-section, .product-section:hover {
        background-color: #FEF9E5;
        border: none;
        margin-top: 0;
         border-radius: 10px;
    }
    .product-section.highlight, .product-section.highlight:hover
    {
        background-color: #FEF9E5;
        border: none;
        margin-top: 0;
         
    }
    .read-more-btn{
         
        
        margin-top: 10px;
        padding: 12px 0px;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        max-width: 125px;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
         
    } 
    .read-more-btn:hover{
         
         
        color: #24391e;
        text-decoration: underline;
         
    } 
    
    .book-btn-container {
        max-height: 1px;
    }
    
    .book-room-btn
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        /* width: 125px; */
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
        text-transform: unset;
        position: relative;
       bottom: 75px;
        right: 5px;
        height: 49px !important;
        min-width: 159px;
        min-height: 48px !important;
         
    } 
    .book-room-btn:hover
    {
        background-color: #24391e;
        border: 1px solid #24391e;
        color: #fff;
        
        
         
    } 
    .bookroom-btn-arrow{
         
       fill: rgb(255 255 255);
         top: 17px;
         display: none;

    }
    
    .product-select-show-more-div button
    {
        
        border: 1px solid #b0ada8;
        margin-top: 10px;
        padding: 12px 20px;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
         
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
         min-width: 200px;
    } 
    .product-select-show-more-div button:hover {
    background-color: #24391e;
    color: #fff;
}
    .price-tag {
        background: #E8E4D4;
    color: #114b40;
    font-size: 17px;
    font-weight: 600;
    padding: 9px;
    border-radius: 0 0 5px 5px;
    border-top-right-radius: 0px;
    position: absolute;
    display: inline-block;
    width: 130px;
    top: -34px;
    right: 21px;
    text-align: center;
    }
    /**********************************************rooms END ***************************************************/
    
    /**********************************************cart***************************************************/
    
    .basket-collapsebar-text{
          font-family: 'Source Sans 3', sans-serif;
         color: #114b40;
        font-weight: 600;
        text-align: center;
       /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 5px;
        background-size: 11px;
        padding-right: 19px;*/
    }
    
    /*denne skifter pilen på basket på side 1 når hover*/
    .basket-collapsebar-text:hover {
            text-decoration: underline;
            color: #114b40;
     /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
    */}
    
    .basket-main-col {
          border: 2px solid #114b40 !important; 
        font-size: 19px;
        color: #191b1f;
        font-weight: 600;
            text-align: center;
        border-radius: var(--domino-pic-border-radius);
       background-color: #FEF9E5;
        border-radius: 7px !important;
            margin-bottom: 20px;
        padding: .375rem .375rem !important; 
        
    }
    
    .basket-main-col:hover {
         
        color: #fff!important;
        font-weight: 600;
            text-align: center;
        border-radius: var(--domino-pic-border-radius);
       
        border-radius: 7px !important;
        padding: .375rem .375rem !important; 
        text-decoration:none;
        
    }
    
    .basket-collapsebar-icon{
        display: inline-flex;
        background-color: #114b40;
         fill: #fff;
        }
    
     .basket-containerbox{
       
       
        border-radius: 7px !important;
        padding: .375rem .375rem !important; 
        font-size: 18px;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        line-height: 1.5em;
    
        
    }
    .basket-total {
        
        margin-top: 10px;
    }
    
    .chain-btn.basket-paymentbutton
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        width: 200px;
        float: right;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
        text-transform: unset;
        /* min-height: 48px !important; */
        padding: 8px;
    }
    .chain-btn.basket-paymentbutton
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        width: 200px;
        float: right;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
        text-transform: unset;
        /* min-height: 48px !important; */
        padding: 8px;
            text-decoration: none;
    }
    
    .basket-paymentbutton-btn-arrow {
        height: 12px;
        fill: rgb(255 255 255);
        top: 0;
        position: relative;
        padding-left: 17px;
        transition: fill 10.3s ease-in-out;
    
    }
    /**********************************************cart END ***************************************************/
    /**********************************************faciliteter ***************************************************/
    /*faciliteter overskrift*/
    .content-container .col{
        
        color: #114b40;
         font-family: 'Source Sans 3';
        font-size: 16px;
         
    }     
        
     .facilities-parent-item    
       {
         
        width: 100%;
        
    }
    
    .facilities-top-row .col.m-3 {
        
        padding-left: 0;
         
    }
    .facilities-h2{
    color: #114b40;
    font-family: 'Source Sans 3' !important;
    font-size: 19px !important;
    line-height: 1.5em;
    margin-top: 20px;
    font-weight: 700;
    }
     .hotel-text-box ul{
        
        color: #114b40;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 16px;
        line-height:1.8em;
        list-style-type: none;
        list-style: none;
        padding: 0;
        margin-top: 10px !important;
    }
    .facilities-item-text {
        
        color: #114b40;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 16px;
        line-height:1.5em;
        padding-top: 0px;
        padding-left: 0;
        display: block;
    }
    
   .single-hotel-text-box .facility-container .facilities-parent-item .col-1{
   
    width: 33px!important;
}
    
    /*.hotel-text-box ul li::before------------transform: translateY(-50%);*/
    .facilities-item-icon{
        
       
    background-image: url(https://picassoonline.techotel.dk/media/zglljtl4/check_circle.svg);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 20px 20px;
    width: 20px;
    height: 22px;
    content: "";
    left: 0;

        
       
        
    }
   /* .facilities-item-text::before{
        background-image: url(https://picassoonline.techotel.dk/media/zglljtl4/check_circle.svg);
        background-repeat: no-repeat;
        background-position: left 0px;
        background-size: 20px 20px;
        width: 29px;
        height: 20px;
        vertical-align: text-bottom;
         content: "";
        width: 24px;
        height: 20px;
        background-image: url(https://picassoonline.techotel.dk/media/zglljtl4/check_circle.svg);
        
        display: -webkit-inline-box;
         padding-top: 16px;  
           
    }
      .single-hotel-text-box ul > li: {
                padding: 10px 30px;
                background-image: url("https://picassoonline.techotel.dk/media/zglljtl4/check_circle.svg");
                background-repeat: no-repeat;
                background-position: left center;
                background-position: left 10px;
             background-size: 19px;
    }*/
    .single-hotel-text-box ul li span
    {
        font-weight: normal;
        font-style: normal;
        
        padding-left: 25px;
    }
    /**********************************************faciliteter END ***************************************************/
    /**********************************************modal box***************************************************/
    .popup.show{
        background-color: #FFFEFA;
        border: 1px solid #c6c6c6;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 500;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        line-height: 1.2em;
    }
    .popup select {
        height: 33px !important;
        text-align: left;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 14px;
        padding: 2px;
        border: 1px solid #c6c6c6;
        border-radius: 3px;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .btn.closePopup{
        background-color: #114b40;
        border: 1px solid #114b40;
        margin-top: 10px;
        border-radius: 2em;
        font-size: 16px;
        font-weight: 600;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        text-transform: revert;
    }
    
    .btn.closePopup:hover, .btn.closePopup:active{
        background-color: #24391e;
        border: 1px solid #24391e;
         color: #114b40;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
        color: #114b40;
        font-family: 'Source Sans 3';
        font-size: 26px;
    }
    .modal-header .btn-close{
        /* height: 10px; */
        font-size: 15px;
        padding-top: -23px;
        margin-top: -30px;
    }
    
    .modal-footer .btn-light  {
        background-color: #FFFEFA;
        border: 1px solid #b0ada8;
        margin-top: 10px;
        
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
         
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        width: 39%;
        height: 50px;
        text-transform: revert;
    }
    .modal-footer .btn-light:hover  {
        background-color: #24391e;
         
    }
    .popup-close-button {
        background-color: #FFFEFA;
        border: 1px solid #b0ada8;
        margin-top: 10px;
        
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
         min-width:200px;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        
        height: 50px;
        text-transform: revert;
    }
    .popup-close-button:hover {
        background-color: #24391e;
        border: 1px solid #24391e;
        margin-top: 10px;
        
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
         
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
        
        height: 50px;
        text-transform: revert;
    }
    .modal-footer .btn-info 
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        margin-top: 10px;
         
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
       text-transform: revert;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        width: 39%!important;
        height: 50px;
    }
     .modal-footer .btn-popup 
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        margin-top: 10px;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        width: 39%;
        height: 50px;
        text-transform: revert;
        min-width: 200px;
        margin-left: 5px;
    }
    .popup-continue-button
    {
        background-color: #114b40;
        border: 1px solid #114b40;
        margin-top: 10px;
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
        text-transform: revert;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
        padding: 12px;
        margin-left: 10px;
        height: 50px;
        min-width: 200px;
    }
    .popup-continue-button:hover
    {
        background-color: #24391e;
        border: 1px solid #24391e;
        margin-top: 10px;
         
        border-radius: 2em;
        font-size: 15px;
        font-weight: 600;
       text-transform: revert;
        float: left;
        font-family: 'Source Sans 3', sans-serif;
        color: #fff;
            padding: 12px;
        margin-left: 10px;
        height: 50px;
    }
     .modal-footer .btn-popup:hover
    {
        background-color: #24391e;
        border: 1px solid #24391e;
         
    }
    .itempopup-rightside-margin.paddingleft
    {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        padding-left: 15px;
    }
    .itempopup-rightside-margin.paddingleft ul
    {
         
        padding-left: 5px;
    }
    .itempopup-rightside-margin.paddingleft ul li
    {
            top: 0px; 
          margin: 3pt 0pt 0pt 0pt;
    padding: 0 0 3px 25px;
    }
    .modal-roominfo{
        font-size: 16px;
        font-weight: 400;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        
    }
    .show-moreinfo-detail-text{
        font-size: 16px;
        font-weight: 400;
        font-family: 'Source Sans 3', sans-serif;
        color: #114b40;
        padding-left: 15px;
    }
    .itempopup-rightside-margin h1
    {
         
        font-weight: 700;
        font-family: 'Source Sans 3', serif;
        font-size: 32px;
        color: #114b40;
    }
    
    .searchtopbar_inner{
         
        display:none;
    }
    
    
    .basket-collapsebar{
         
        padding: .375rem .375rem !important;
    }
   .modal-body .itempopup-rightside-margin .collapse.show
   {
    padding: 10px;
    
    background-color: #FEF9E5!important;
    margin-bottom: 20px;
}

.collapse-openclose-icon-right.popup-surface-area
{
    color: #114b40;
    font-family: 'Source Sans 3' !important;
    font-size: 19px !important;
    line-height: 1.5em;
    margin-top: 20px;
    font-weight: 700;
    text-decoration: none;
}
    /**********************************************modal box ***************************************************/
    
    
    footer, .footer, .footer-dark{
        height: 250px;
        background-color: #114b40;
        color: white;
        font-size: 16px;
        padding: 20px;
            font-family: 'Source Sans 3', sans-serif;
    }
    
    
    /*#########################################################################################################################*/
    /*---------------------------- Mobil Sizes Q ------------------------------------------------------------------------------*/
    /*#########################################################################################################################*/
     /* ***************max-width 1400px*************** */
    @media (max-width: 1600px) {
       .font-responsive-product-headtext {
         
        font-size: 32px;
         
    }
    .facilities-item-text {
     
    padding-left: 14px;
}
    .price-tag
    {
         
        font-size: 13px;
         
        padding: 5px;
         
        width: 124px;
        top: -35px;
        right: 25px;
        
    }
    
    .search-bar {
     
     width: 90%;
     top: -203px;
     
}
    }
    
     
    
     
    /* ***************max-width 1400px*************** */
    @media (max-width: 1400px) {
      .navbar {
            
            transition: ease all .5s;
    }
     
    }
    
    /* ***************max-width 1200px*************** */
    @media (max-width: 1200px) {
    
     .content-container {
        
        top: -141px;
    }
    .image-header {
    height: 450px;}
    
    
    .roomproduct-desctext h2
    {
            font-size: 24px;
       }
    .font-responsive-product-headtext {
         
        font-size: 30px;
         
    }
    
    .navbar {
             
            transition: ease all .5s;
        }
    .search-bar {
        width: 91%;
        top: -318px;
        transition: ease all .5s;
        font-family: 'Source Sans 3', sans-serif!important;
    }
    
    
    .search-item .chain-btn{
        width:298px;
    }
    .search-item:last-child {
        border: none;
        background-color: transparent;
        min-width: 298px;
        flex: 1 1 298px;
    }
    .collapsebar-righttext {
        font-size: 0.5em;
        padding-top: 10px;
        font-family: 'Source Sans 3', sans-serif;
        background-color: #FEF9E5;
        padding: 10px 15px 10px 0px;
        border-radius: 30px;
         
        float: right;
        line-height: 15px;
        text-align: center;
        margin-bottom: 5px;
            margin-top: 0px;
        width: 264px;
         
    }
    
    }
    /* ***************Mobil Sizes MAX-width 992px ****************/
    @media(max-width: 992px) {
        .navbar {
            
             transition: ease all .5s;
    }
    #div_minibasket{
           
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .search-avail {
    
    margin-left: auto;
}
    .search-bar {
            width: 65%;
            top: -310px;
        }
    .content-container {
        
        top: -200px;
        padding:0;
         
    }
    .leftside-content{
            width: 50%;
    }
    .rightside-content{
        width: 50%;
    }
        .price-tag {
            font-size: 14px;
            padding: 9px;
            width: 120px;
            top: -260px;
            right: 24px;
        }
    
    .book-room-btn{
         
        position: relative;
        bottom: 69px;
        right: 5px;
        height: 49px !important;
        width: 155px;
        float: right;
    }
            .roomtype-first-col {
                width: 100%;
                padding-right: calc(var(--bs-gutter-x) * .5);
                padding-left: calc(var(--bs-gutter-x) * .5);
                max-width: 100%;
            }
    .roomtype-thumb-picture {
        width: 100%;
        background-size: cover;
            height: 240px;
    }
    .roomtype-second-col {
                width: 100%;
                padding-right: calc(var(--bs-gutter-x) * .5);
                padding-left: calc(var(--bs-gutter-x) * .5);
                max-width: 100%;
            }
        
    }
    
    
    /**************** Mobil Sizes MAX-width 768px ****************/
    @media (max-width: 768px)  {
     .leftside-content{
            width: unset;
    }
    .content-container {
        max-width: 95%;
        }
        
     .roomproduct-desctext h2
    {
         
        margin-top: 15px;
    }
    .roomtype-thumb-picture {
        
            height: 340px;
    }
    
    .roomproduct-desctext{
     margin-bottom: 10px;
    padding-right: unset;
}
    .rightside-content{
        width: unset;
    }
        .price-tag {
            font-size: 14px;
            padding: 10px;
            width: 125px;
            top: -20px;
            right: 21px;
        }
        
            .facilities-item-text {
         padding-left: 5px;  
    }
    .book-room-btn{
         
        position: relative;
        bottom: 69px;
        right: 0;
        height: 49px !important;
        width: 155px;
        float: right;
    }
     .navbar {
           
             transition: ease all .5s;
        }
        .content-container {
            top: 00px;
            
        }
         
    .search-bar {
         background-color: #FFFEFA;
        width: unset;
        top: 0px;
    }
    .image-header {
        height: 221px;
        background-position: center;
        transition: ease all .5s;
    }
    .font-responsive-product-headtext {
        
        padding-left: 18px;
    }
    }
    
    
    /*****************Mobil Sizes MAX-width 576px ***************/
    @media (max-width: 576px) {
    .navbar {
         
             transition: ease all .5s;
        }
    .topbar-companylogo img {
        max-height: 30px;
        left: 6px;
        }
    .image-header {
            height: 173px;
            transition: ease all .5s;
        }
    .collapse-header{
          
        height: unset;
    }
    .font-responsive-product-headtext {
        
        font-size: 34px;
        color: #114b40;
        margin-top: 15px;        
        line-height: 1em;
        
    }
    .facilities-item-text {
        padding-left: 0px;
    }
    .roomproduct-desctext {
        margin-left: 0;
         }
    .book-room-btn{
         
         font-size: 14px;
         min-width: 142px;
            width: 139px;
    }
    
    .price-tag {
            right: 0;
            font-size: 13px;
            padding: 8px;
            width: 119px;
        }
    .read-more-btn{
         
         font-size: 14px;
         min-width: 105px;
         
    }
    .modal-footer .btn-popup{
        
        min-width: 142px;
        
    }
    .collapsebar-righttext {
        font-size: 0.5em;
        margin-right: 5px;
        line-height: 15px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 4px;
        width: unset;
    }
        
    }
    /**************** Mobil Sizes MAX-width 360px ****************/
    @media (max-width: 360px) {
         .navbar {
             
            transition: ease all .5s;
            width: calc(100% - 30px);
            margin-left: 15px;
        margin-right: 15px;
          
        }
    .book-room-btn{
         
         font-size: 15px;
         min-width: 100%;
         width: 100%;
         max-width: 100%;
         margin-top: 5px;  
         right: 0;
        
    }
    .read-more-btn{
         
         font-size: 15px;
         min-width: 100%;
         width: 100%;
         max-width: 100%;
        
        
    }
    }