.product__banner {
    margin-bottom: 20px;
}
.product__banner img {
    width: 100%;
}
h1.maintitle {
    font: 500 clamp(32px, 3.3vw, 40px) / 1.54 'Playfair Display', Georgia, serif;
}

.maintitle .clr--grey {
    font-weight: 300;
}
.travelstyles {
    font-weight: 400;
}
.product__meta {
    padding-top: 10px
}

.product__meta ul {
    padding: 0 0 0 15px;
    margin: 0
}

hr.line {margin: 5px 0 0}

.product__meta h3 {
    margin: 0 0 10px;
}

.dayhead {
    margin: 10px 0 5px;
}

.daycontent span,
.dayhead span {
    display: inline-block;
    padding: 3px 10px;
}

span.dayno {width: 80px;float: left;}

span.dayin {width: 130px;float: right;text-align: right;overflow: hidden}

.daycontent {margin-top: 5px;border: 1px solid #eee;border-radius: 3px;}

.daymain {
    white-space: nowrap ;
    width: calc(100% - 270px);
}

.daycontent:hover {
    cursor: pointer;
    transition: .02s box-shadow cubic-bezier(.4,0,1,1);
    box-shadow: 2px 2px 2px #eee;
}

.day__details {
    font-weight: 400;
    margin-bottom: 20px;
}

.day__details h3 {
    margin: .75rem 0;
}

.day__details .meals {
    margin-top: 5px;
    width: 52px;
    float: right;
    font-size: 18px;
    font-weight: 500;
    background: url('meal.png') left center no-repeat;
    background-size: 20px;
    padding-left: 20px;
}

.day__details .legend {
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    display: flex;
    overflow-y: auto;
    padding-top: 10px;
}

.day__details .legend span {
    display: flex;
    border-radius: 9999px;
    width: max-content;
    border: 1px solid rgb(249 166 26);
    padding: .3rem 1rem;
}

.day__details ul p {
    margin: 0;
}

.round-border__dashed {
    border: 1px dashed rgb(3 78 161);
    padding: 1.2rem 1.5rem 1rem;
    position: relative;
}

.round-border__dashed h2 {
    padding-left: .75rem;
    padding-right: .75rem;
    background-color: #fff;
    transform: translateX(-50%);
    left: 50%;
    top: -.75rem;
    overflow-wrap: break-word;
    white-space: nowrap;
    margin: 0;
}

.round-border__dashed ul {
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 1.35;
    font-size: 14px;
}

.icon {
    width: 22px;
    height: 22px;
    float: left;
    display: block;
    margin: 4px 10px 0 0;
    background-size: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.day__details .legend .icon {
    margin: 0 5px 0 0;
}

.overnight {
    color: #777;
    margin-top: .25rem;
    padding-left: 35px;
    margin-bottom:1.5rem;
    background:url(icon--bed.png) left center no-repeat;
    background-size: 24px;
}

.vehicle__0 {display: none}
.vehicle__1 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M135.2 117.4L109.1 192l293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 144 0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L96 400l0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z'/%3E%3C/svg%3E")}
.vehicle__2 {background-image: url("icon-train.svg")}
.vehicle__3 {background-image: url("icon-air.svg")}
.vehicle__4 {background-image: url("icon-walk.svg")}
.vehicle__5 {background-image: url("icon-motorcycle.svg")}
.vehicle__6 {background-image: url("icon-bicycle.svg")}
.icon__guide {background-image: url("icon-guide.png")}
.icon__ticket {background-image: url("icon-ticket.png")}
.icon__fly {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 17h1.227a2 2 0 0 0 1.345-.52L18 12'%3E%3C/path%3E%3Cpath d='m12 13.5 3.75.5'%3E%3C/path%3E%3Cpath d='m4.5 8 10.58-5.06a1 1 0 0 1 1.342.488L18.5 8'%3E%3C/path%3E%3Cpath d='M6 10V8'%3E%3C/path%3E%3Cpath d='M6 14v1'%3E%3C/path%3E%3Cpath d='M6 19v2'%3E%3C/path%3E%3Crect x='2' y='8' width='20' height='13' rx='2'%3E%3C/rect%3E%3C/svg%3E")}
.icon__accom {background-image: url("icon-ticket.png")}

.day__details .legend span.disabled {
    cursor: not-allowed;
    opacity: .4;
    background-color: rgb(229 231 235);
    border: 1px solid rgb(209 213 219);
}
.grid2 {margin-bottom: 10px}
#subbar {
    background-color: #fff;
    opacity: 0;
    padding-top: 10px;
    position: fixed;
    transition: all .2s;
    z-index: -1;
    box-shadow: 0 0 12px rgba(48,117,157,.2)
}
#subbar.spinned {
    height: auto;
    transition: all .2s;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 1;
}

#faktitle {
    float: left;
    line-height: 1.25;
    padding: 5px 0;
}
.btn.right {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    text-transform: capitalize;
}
.btn.bg--main {
    background-color: rgb(3 78 161);
}
#subbar .btn--large {
    border-radius: 4px;
    font-size: 14px;
    margin-top: 5px
}
#subbar .btn--grey {
    color: #000;
    text-transform: none;
    background-color: #cecece;
}
.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
  }
  
  .tabset .tab-panel {
    display: none;
  }
  
  .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
  .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
  .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
  .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
  .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
  .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
  }
  
  /*
   Styling
  */
  .tabset > label {
    position: relative;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 2px 15px 5px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
  }
  
  .tabset > label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: 22px;
    height: 2px;
    background: #8d8d8d;
  }
  
  input:focus-visible + label {
    outline: 2px solid rgba(0,102,204,1);
    border-radius: 3px;
  }
  
  .tabset > label:hover,
  .tabset > input:focus + label,
  .tabset > input:checked + label {
    color: #06c;
  }
  
  .tabset > label:hover::after,
  .tabset > input:focus + label::after,
  .tabset > input:checked + label::after {
    background: #06c;
  }
  
  .tabset > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
  }
  
  .tab-panel {
    border-top: 1px solid #ccc;
  }
  
  .tabset {
    padding-top: 10px;
  }
  .responsive-table {
    overflow-x: auto;
  }
  .pricetable {width: 100%;}
  .pricetable tr:hover {background-color: rgb(255 246 228);/*color:rgb(249 166 26)*/}
  .pricetable th {background-color: #f2f2f2;}
  .hotelstandard {
    margin: 5px 10px 0 0 
  }

@media only screen and (max-width: 768px) { 
    .product__banner {margin-bottom: 15px}
    h1.maintitle {font-size: 1.4rem;}
    span.dayno {
        font-size: 12px;
        width: 45px;
        padding: 2px 5px;
    }
    div.dayhead span.dayno {
        margin-top: 4px;
    }        
    div.dayhead {
        margin: 2px 0;
    }
    .dayhead span.dayin,
    .daycontent span.dayin {display: none;}
    .daycontent {
        clear: both;
        width: auto;
        margin-top:1px;
        border: 0;
        border-bottom: 1px solid #eee;
        border-radius: 3px;
    }
    span.daymain {
        width: calc(100% - 80px);
        font-size: 12px;
        -webkit-line-clamp: 3;
    }
    .day__details .legend .icon {
        width: 16px;
        height: 16px;
    }
    .day__details .legend {
        font-size: 12px;
    }
    .day__details .legend span {
        line-height: 1.1rem;
        margin: 0 5px 5px 0;
        padding: .25rem .75rem;
        white-space: nowrap;
    }
    .grid2.inex {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    
    #subbar.spinned {
        bottom:0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }
    #faktitle {
        margin: 8px 0 12px;
        line-height: 18px;
        padding: 0;
        white-space: pre-wrap;
        width: calc(100% - 123px);
        display: -webkit-box;
        -webkit-line-clamp: 2;  
        font-size: 12px;
        -webkit-box-orient: vertical;
    }
    #subbar.spinned .btn--large {
        font-size: 12px;
        padding: 5px;
    }
    
}