/*---------------------------------------------
  -- MAIN STYLES ------------------------------
  ---------------------------------------------*/
#sitemenu{background:#fff;width:100%;min-height:70px;padding:0 30px;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}
#sitemenu > .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:70px;}
#sitemenu > .inner > #sendreq{display:block;height:50px;margin:5px 0;padding:0 30px;font-size:16px;border-radius:6px;cursor:pointer;}
#sitemenu > .inner > nav{display:flex;align-items:center;flex-wrap:wrap;height:70px;}
#sitemenu > .inner > nav > .btn{display:block;position:relative;line-height:70px;height:70px;margin:0 20px;color:var(--def-text-colour);font-size:14px;cursor:pointer;}
#sitemenu > .inner > nav > .btn:first-child{margin-left:0;}
#sitemenu > .inner > nav > .btn:last-child{margin-right:0;}
 
#catnavi{position:fixed;width:260px;top:0;right:-270px;bottom:0;box-shadow:-5px 0 10px rgba(0,0,0,0.2);overflow-y:auto;transition:right .2s;}
#catnavi.show{right:0;}
#catnavi > .close{display:none;align-items:center;justify-content:center;position:absolute;width:30px;height:30px;top:10px;right:20px;border:1px solid #ddd;border-radius:50%;cursor:pointer;}
#catnavi > .close:hover{background:#f6f6f6;}
#catnavi > .close > svg{width:12px;fill:var(--def-text-colour);}
#catnavi > nav > a{display:block;position:relative;line-height:60px;font-size:14px;text-align:center;border-bottom:1px solid var(--def-border-colour-light);}

#watchlist{position:fixed;width:260px;top:0;right:-270px;bottom:0;padding-top:20px;box-shadow:-5px 0 10px rgba(0,0,0,0.2);overflow:hidden;transition:right .2s;}
#watchlist.show{right:0;}
#watchlist > .list{width:100%;max-height:calc(100% - 60px);padding:0 20px;overflow:hidden;}
#watchlist > .list:hover{overflow-y:auto;}
#watchlist > .list > .empty{display:block;padding:20px 0;font-size:14px;text-align:center;}
#watchlist > .list > .card{width:100%;margin:0 auto 10px;}
#watchlist > .list > .card:hover{box-shadow:var(--def-card-dropshadow);}
#watchlist > .list > .card.small{width:110px;margin:0 3px 5px;}
#watchlist > .list > .card > header > .wlbtn{position:absolute;background:#fff;width:25px;height:25px;top:3px;right:3px;padding:0;z-index:1;}
#watchlist > .list > .card > header > .wlbtn > svg{width:10px;height:10px;fill:var(--def-text-colour);}
#watchlist > .list > .card > header > .title{height:auto;bottom:auto;padding:5px 5px 0;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#watchlist > .list > .card > header > .region_row{padding:0 5px;font-size:11px;}
#watchlist > .btm{display:flex;align-items:center;justify-content:center;position:absolute;height:60px;left:0;right:0;bottom:0;padding:0 10px;border-top:1px solid var(--def-border-colour-light);z-index:2;transition:bottom .2s;}
#watchlist > .btm > .clear_wl{display:block;height:40px;padding:0 20px;font-size:14px;border-radius:4px;cursor:pointer;}
#watchlist[data-wltotal="0"] > .btm{bottom:-80px;}

.headflyout{background:#fff;color:var(--def-text-colour);z-index:2;}

/*---------------------------------------------
  -- SEARCH BOX / FILTERS ---------------------
  ---------------------------------------------*/
.search_box{position:relative;width:250px;height:40px;margin-left:20px;}
.search_box.hidden{display:none;}
.search_box > label{display:block;position:relative;width:100%;height:100%;}
.search_box > label > input{width:100%;height:100%;padding:0 35px 0 40px;font-size:14px;border-radius:20px;}
.search_box > label > input:placeholder-shown ~ .clear{display:none;}
.search_box > label > .icon{position:absolute;width:40px;height:100%;top:0;left:0;text-align:center;pointer-events:none;}
.search_box > label > .icon > svg{width:18px;height:100%;fill:#aaa;}
.search_box > label > .clear{position:absolute;background:#e9e9e9;width:24px;height:24px;top:50%;right:6px;transform:translateY(-50%);cursor:pointer;border-radius:50%;}
.search_box > label > .clear > svg{width:10px;height:100%;}
.search_box > label > .clear:hover{background:#ddd;}
.search_box > .results:not(:empty).show ~ label > input{border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;}

.search_box > .results{display:none;position:absolute;background:#fff;width:100%;top:40px;left:0;text-align:left;font-size:14px;overflow-y:auto;box-shadow:var(--def-list-dropshadow);z-index:2;}
.search_box > .results.show{display:block;}
.search_box > .results p{padding:20px 10px;text-align:center;color:var(--def-text-colour);}
.search_box > .results ul{width:100%;}
.search_box > .results ul > li{border-bottom:1px solid var(--def-border-colour-light);}
.search_box > .results ul > li:last-child{border:none;}
.search_box > .results ul > li a{display:block;white-space:nowrap;color:var(--def-text-colour);}
.search_box > .results ul > li:hover,
.search_box > .results ul > li.active{background:var(--listhover-colour);}
.search_box > .results ul > li a > span > strong{color:var(--colour-red);font-weight:500;}
.search_box > .results ul > li a > span:not(.word){display:block;font-size:12px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.search_box > .results ul > li a > .icon{position:absolute;width:18px;height:18px;top:50%;left:10px;text-align:center;fill:#aaa;transform:translateY(-50%);}
.search_box > .results ul > li a.text{position:relative;padding:10px 40px;}
.search_box > .results ul > li a.img{display:flex;align-items:center;height:60px;padding:0 20px;}
.search_box > .results ul > li a.img > img{display:block;margin-right:10px;}

#content_flts > nav{position:relative;}  
#content_flts > nav > button:not([data-total="0"])::before{content:attr(data-total);position:absolute;background:var(--colour-blue);width:16px;line-height:16px;bottom:5px;left:50%;font-size:11px;text-align:center;color:#fff;border-radius:50%;transform:translateX(-50%);}

#content_flts > .btm{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0 auto;border-top:1px solid var(--def-border-colour);}
#content_flts[data-fltresult-total="0"] > .btm{display:none;}
#content_flts > .btm > span{display:block;}
#content_flts > .btm > button{position:relative;margin-left:20px;padding:5px 10px;font-size:13px;border-radius:4px;}

#filters{position:fixed;width:260px;top:0;bottom:0;left:-270px;font-size:14px;box-shadow:5px 0 10px rgba(0,0,0,0.2);z-index:2;transition:left .2s;}
#filters.show{left:0;}

.filter{display:none;position:absolute;width:100%;height:100%;top:0;left:0;padding:50px 0 80px;}
.filter.show{display:block;}
.filter > .title{display:block;line-height:1;margin-bottom:5px;padding-bottom:5px;text-align:center;text-transform:uppercase;border-bottom:1px solid var(--def-border-colour-light);}
.filter > .top{display:flex;align-items:center;justify-content:center;position:absolute;height:40px;left:0;right:0;top:0;padding-right:10px;border-bottom:1px solid var(--def-border-colour-light);z-index:2;}
.filter > .top > span{display:block;padding:0 10px;font-size:16px;}
.filter > .top > .close{width:25px;height:25px;margin-left:auto;text-align:center;border:1px solid var(--def-border-colour);border-radius:50%;cursor:pointer;}
.filter > .top > .close > svg{width:40%;height:100%;}
.filter > .btm{display:flex;align-items:center;justify-content:center;position:absolute;height:70px;left:0;right:0;bottom:0;padding:0 10px;border-top:1px solid var(--def-border-colour-light);z-index:2;}
.filter > .btm > button{display:block;height:45px;padding:0 30px;font-size:16px;border-radius:4px;cursor:pointer;}

.filter > form{width:100%;height:100%;padding:0 10px;overflow-y:auto;}
.filter > form .checkbox{height:35px;cursor:pointer;}
/*.filter > form .checkbox::after{margin-left:auto;font-size:12px;color:#777;content:attr(data-total);}*/
.filter > form .checkbox > .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.filter > form .checkbox > .name > strong{display:block;font-weight:400;font-size:10px;color:#777;}
.filter > form .checkbox.disabled{opacity:0.5;text-decoration:line-through;cursor:default;}

.filter > form .province{height:30px;margin-bottom:10px;overflow:hidden;}
.filter > form .province.hide{display:none;}
.filter > form .province > .name{display:flex;align-items:center;position:relative;height:30px;padding:0 20px 0 5px;border:1px solid var(--def-border-colour);border-radius:4px;cursor:pointer;}
.filter > form .province > .name > .flag{margin-right:2px;}
.filter > form .province > .name > span{font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.filter > form .province > .name > svg{position:absolute;top:0;right:0;width:20px;height:100%;transition:transform .2s;}
.filter > form .province > .name:not([data-selected="0"])::after{content:attr(data-selected);background:var(--colour-blue);width:16px;line-height:16px;margin-left:auto;text-align:center;font-size:11px;color:#fff;border-radius:50%;}
.filter > form .province > label{padding:0 10px;}

.filter > form .province.showlist{height:auto;}
.filter > form .province.showlist > .name > svg{transform:rotate(180deg);}

.filter > form .fltitem.nomatch{display:none;}
/*.filter > form .fltitem.partial_match::after{content:"0";}*/

/*---------------------------------------------
  -- LANDING / HOME ---------------------------
  ---------------------------------------------*/
.page_home .pagesec > .inner{max-width:1600px;}
#masthead.home > header{padding:100px 20px 50px;}
#masthead.home > header > .title{line-height:1;margin:0;font-size:64px;font-weight:500;}
#masthead.home > header > .title > span{color:var(--colour-red);}
#masthead.home > header > .intro{padding:0;line-height:1.4;font-size:20px;}
#masthead.home > header > .search_box{width:500px;height:60px;margin:20px auto 0;}
#masthead.home > header > .search_box > label > .icon{width:50px;}
#masthead.home > header > .search_box > label > .icon > svg{width:24px;}
#masthead.home > header > .search_box > label > input{padding:0 50px;border-radius:30px;font-size:18px;}
#masthead.home > header > .search_box > label > .clear{width:24px;height:24px;top:50%;right:15px;}
#masthead.home > header > .search_box > label > .clear > svg{width:10px;height:100%;}
#masthead.home > header > .search_box > .results{top:60px;font-size:16px;}
#masthead.home > header > .search_box > .results:not(:empty).show ~ label > input{border-radius:0;border-top-left-radius:30px;border-top-right-radius:30px;}

.pagesec.banner.ven > .inner{position:relative;background:url("../imgs/bgs/ven_startbanner.jpg") no-repeat 50% 50% / cover;padding:80px 0;color:#fff;overflow:hidden;border-radius:100px 0;}
.pagesec.banner.ven > .inner::before{position:absolute;background:rgba(0,0,0,0.3);width:100%;height:100%;top:0;left:0;content:"";}
.pagesec.banner.ven > .inner > *{position:relative;}
.pagesec.banner.ven > .inner > p{font-size:24px;font-weight:normal;}

.tagscloud > .inner{display:flex;flex-wrap:wrap;justify-content:center;}
.tagscloud > .inner > .title{width:100%;}
.tagscloud > .inner > a{display:flex;align-items:center;height:50px;margin:5px;padding:0 20px;font-size:16px;font-weight:500;border-radius:25px;transition:border-radius .2s, background .2s;}
.tagscloud > .inner > a:hover{border-radius:25px 0;}
.tagscloud > .inner > a > .flag{margin-right:3px;}
.tagscloud > .inner > a > .name > span{display:block;font-size:12px;font-weight:300;}

/*---------------------------------------------
  -- CATEGORIES -------------------------------
  ---------------------------------------------*/

/*---------------------------------------------
  -- SEARCH RESULTS ---------------------------
  ---------------------------------------------*/
#masthead.search > header > .title > .tag{color:var(--colour-red);font-weight:500;}
#masthead.search > header > .title > .tag::after{margin-left:10px;color:var(--def-text-colour);font-weight:300;}
#masthead.search > header > .title > .tag[data-querytype="lt"]::after{content:"(Objekttyp)";}
#masthead.search > header > .title > .tag[data-querytype="ci"]::after{content:"(Standort)";}
#masthead.search > header > .title > .tag[data-querytype="re"]::after{content:"(Region)";}
#masthead.search > header > .title > .tag[data-querytype="in"]::after{content:"(Innenmotiv)";}
#masthead.search > header > .title > .tag[data-querytype="ex"]::after{content:"(Außenmotiv)";}
#masthead.search > .nores_smiley{display:block;width:80px;height:80px;margin:0 auto;fill:#aaa;}

/*---------------------------------------------
  -- LOCATIONS --------------------------------
  ---------------------------------------------*/
#masthead.loc > header{display:flex;flex-direction:column;align-items:center;}
#masthead.loc > header > .title{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:0;}
#masthead.loc > header > .title > .wlbtn{width:30px;height:30px;margin-left:10px;}
#masthead.loc > header > .title > .wlbtn > svg{width:16px;height:25px;}

.breadcrumbs{padding:5px 0 0;font-size:13px;}
.breadcrumbs > li{position:relative;display:inline-block;margin-bottom:10px;padding:0 7px;}
.breadcrumbs > li:not(:last-child)::after{position:absolute;width:10px;height:10px;line-height:10px;top:50%;right:-5px;color:rgba(255,255,255,0.7);font-size:14px;content:"\00BB";transform:translateY(-50%);}
.breadcrumbs > li > a{display:block;background:rgba(0,0,0,0.4);line-height:20px;padding:0 10px;color:rgba(255,255,255,0.7);border-radius:10px;box-shadow:var(--def-card-dropshadow);}
.breadcrumbs > li > a:hover{background:rgba(0,0,0,0.6);}

#loc_content{display:flex;align-items:flex-start;justify-content:space-between;max-width:var(--global-max-width);margin:0 auto;padding:50px 10px;}
#loc_content > .left{flex:1;max-width:900px;}
#loc_content > .left > section{padding:50px 0;border-top:1px solid var(--def-border-colour-light);}
#loc_content > .left > section:first-of-type{padding-top:0;border:0;}
#loc_content > .left > section .title{display:block;width:100%;margin-bottom:30px;text-align:center;font-weight:500;font-size:20px;}
#loc_content > .left > section > ul{display:flex;justify-content:center;flex-wrap:wrap;width:100%;padding-top:20px;}
#loc_content > .left > section > ul > li{display:flex;align-items:center;position:relative;height:40px;margin-bottom:10px;padding:0 10px;}
#loc_content > .left > section > ul > li > svg{display:block;width:25px;margin-right:1px;text-align:center;fill:var(--colour-green-light);}
#loc_content > .left > section > ul > li > span{text-decoration:line-through;color:#888;}
#loc_content > .left > section > ul > li > svg ~ span{text-decoration:unset;color:inherit;}

#loc_imgs > ol{counter-reset:img-num;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill, minmax(var(--grid-cards-minsize-big), 1fr));}
#loc_imgs > ol > li{counter-increment:img-num;overflow:hidden;position:relative;background-color:var(--colour-darkgrey);padding-top:var(--thumbs-aspectratio);cursor:pointer;}
#loc_imgs > ol > li::after{content:counter(img-num);position:absolute;background:#000;min-width:20px;line-height:20px;bottom:0;left:0;padding:0 5px;text-align:center;color:#fff;font-size:13px;}
#loc_imgs > ol > li > img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;}

#loc_imgs .error{margin:0;text-align:center;color:var(--colour-error-red);font-weight:400;}
#loc_imgs .error > svg{display:block;width:22px;height:22px;margin:0 auto;fill:var(--colour-error-red);}

#loc_imgs > footer{padding-top:30px;}
#loc_imgs > footer > button{display:block;height:40px;margin:0 auto;padding:0 20px;font-size:14px;border-radius:6px;}

#loc_region > #map{position:relative;background:url("../imgs/misc/map.jpg") no-repeat center / cover;height:400px;}
#loc_region > #map.show{background:none;}
#loc_region > #map > .showmap{position:absolute;width:140px;height:40px;line-height:40px;top:50%;left:50%;text-align:center;border-radius:6px;transform:translate(-50%,-50%);box-shadow:var(--def-card-dropshadow);cursor:pointer;}
#loc_region > #map > p.error{position:absolute;top:50%;left:50%;color:var(--colour-error-red);transform:translate(-50%,-50%);}
#loc_region > #map > p.error > svg{display:block;width:22px;height:22px;margin:0 auto;fill:var(--colour-error-red);}
#loc_region > p{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:10px 0;font-size:14px;}
#loc_region > p > span{line-height:20px;padding:0 10px 0 5px;}
#loc_region > p > span > strong{font-weight:500;}

#loc_calendar{position:relative;padding-bottom:30px;}
#loc_calendar > span{display:block;text-align:center;font-size:14px;margin-bottom:20px;}
#loc_calendar > input{display:none;position:absolute;width:0;height:0;overflow:hidden;}
#loc_calendar > .calwrap{min-height:420px;}
#loc_calendar > .calwrap .pika-single{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative !important;padding:0;box-shadow:none;}
#loc_calendar > .calwrap .pika-single .pika-lendar{margin:20px 10px;}
#loc_calendar > .calwrap .pika-single .pika-table tbody td:not(.pika-week){width:50px;height:50px;}
#loc_calendar > .calwrap .pika-table td:not(.is-disabled) button{cursor:default;}
#loc_calendar > .calwrap .pika-table td:not(.is-disabled) button:hover,
#loc_calendar > .calwrap .pika-table tbody td.is-selected button{background:none;color:var(--def-text-colour);}

#loc_descr > .text{position:relative;line-height:1.6;font-size:16px;}
#loc_descr > .text.collapsed{height:300px;overflow:hidden;}
#loc_descr > .text.collapsed::after{position:absolute;background:linear-gradient(to bottom,rgba(255,255,255,0.4),rgba(255,255,255,1) 50%);width:100%;height:120px;left:0;bottom:0;content:"";}
#loc_descr > .text > button{display:none;position:absolute;height:40px;bottom:10px;left:50%;padding:0 20px;font-size:14px;border-radius:6px;transform:translateX(-50%);z-index:1;}
#loc_descr > .text.collapsed > button{display:block;}
#loc_descr > .text > p{display:block;}
#loc_descr > .text > p.error{text-align:center;color:var(--colour-error-red);}
#loc_descr > .text > p.error > svg{display:block;width:22px;height:22px;margin:0 auto;fill:var(--colour-error-red);}

#loc_motifs .motifs{margin-bottom:80px;}
#loc_motifs .motifs:last-child{margin-bottom:0;}
#loc_motifs .motifs > p{padding:0 10px;text-align:center;font-weight:300;}
#loc_motifs .motifs > p.error{text-align:center;color:var(--colour-error-red);font-size:16px;font-weight:400;}
#loc_motifs .motifs > p.error > svg{display:block;width:22px;height:22px;margin:0 auto;fill:var(--colour-error-red);}

#loc_motifs .motifs > .roomslist > button{display:block;height:30px;margin:20px auto 0;padding:0 10px;font-size:13px;border-radius:4px;}
#loc_motifs .motifs > .roomslist > table{width:100%;margin-top:30px;border-spacing:0;border-collapse:collapse;}
#loc_motifs .motifs > .roomslist > table tr{height:40px;}
#loc_motifs .motifs > .roomslist > table tbody tr:nth-child(odd){background:#f6f6f6;}
#loc_motifs .motifs > .roomslist > table tr.hidden{display:none;}
#loc_motifs .motifs > .roomslist > table th,
#loc_motifs .motifs > .roomslist > table td{text-align:center;font-weight:normal;cursor:default;}
#loc_motifs .motifs > .roomslist > table td.roomname > span{display:block;white-space:nowrap;font-weight:500;text-overflow:ellipsis;overflow:hidden;}
#loc_motifs .motifs > .roomslist > table td > span.empty{font-weight:300;font-size:12px;}

#loc_motifs .motifs > .roomslist.mobile{display:none;}
#loc_motifs .motifs > .roomslist > ul > li{width:100%;margin-right:0;padding:15px 0;font-size:14px;text-align:center;}
#loc_motifs .motifs > .roomslist > ul > li:nth-child(odd){background:#f6f6f6;border-top:1px solid var(--def-border-colour-light);border-bottom:1px solid var(--def-border-colour-light);}
#loc_motifs .motifs > .roomslist > ul > li.hidden{display:none;}
#loc_motifs .motifs > .roomslist > ul > li > .roomname{display:block;line-height:30px;font-weight:600;}
#loc_motifs .motifs > .roomslist > ul > li > .attr{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
#loc_motifs .motifs > .roomslist > ul > li > .attr > span{display:block;line-height:20px;padding:0 10px;}
#loc_motifs .motifs > .roomslist > ul > li > .attr > span > strong{font-weight:500;}

#loc_tech > p{line-height:normal;padding:0 10px;text-align:center;font-size:16px;font-weight:300;}

#all_ven_locs > .wrap{display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fill, minmax(196px, 1fr));}

/*-- Request Widget -------------------*/
#request_widget{flex-shrink:0;position:-webkit-sticky;position:sticky;top:calc(var(--siteheader-height) + 80px);width:350px;margin-left:20px;}
#request_widget.req{height:calc(100vH - var(--siteheader-height) - 60px);}
#request_widget .inner{position:relative;background:#fff;width:100%;padding:20px;border:1px solid var(--def-border-colour);box-shadow:rgba(0,0,0,0.15) 0 6px 14px 0;}
#request_widget .top{line-height:1.3;margin-bottom:10px;text-align:center;font-size:16px;}
#request_widget .close{display:none;position:absolute;width:25px;height:25px;top:5px;right:5px;border-radius:50%;border:1px solid #484848;cursor:pointer;}
#request_widget .close > svg{display:block;width:9px;height:100%;margin:0 auto;}
#request_widget #terms{padding:10px 0;}
#request_widget #terms > li{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:2px dotted var(--def-border-colour);}
#request_widget #terms > li:last-of-type{border:0;}
#request_widget #terms > li > span{display:flex;align-items:center;}
#request_widget #terms > li > span > .terms_info{position:relative;display:block;width:22px;height:22px;margin-left:5px;padding:2px;cursor:pointer;border-radius:50%;}
#request_widget #terms > li > span > .terms_info > svg{width:100%;height:100%;fill:#fff;}
#request_widget #terms > li > span > .terms_info > span{display:none;position:absolute;width:0;height:0;overflow:hidden;}
#request_widget #terms > li > strong{font-weight:500;font-size:16px;}
#request_widget #terms > li > strong.error{color:var(--colour-error-red);}

#request_widget .bottom > button{display:block;width:100%;height:50px;font-size:18px;font-weight:500;border-radius:6px;cursor:pointer;}
#request_widget .bottom > p{padding-top:10px;}
#request_widget .bottom > p > span{display:block;line-height:1.4;margin-top:10px;font-size:14px;text-align:center;}
#request_widget .bottom > .requested_hint{display:block;background:#ffebee;margin-bottom:10px;padding:10px;font-size:14px;color:var(--colour-error-red);border:1px solid var(--colour-error-red);}
#request_widget .bottom > .requested_hint > span{display:flex;flex-wrap:wrap;align-items:center;line-height:normal;margin-top:5px;}
#request_widget .bottom > .requested_hint > span > strong{padding:0 10px 0 5px;}
#request_widget .bottom > .requested_hint > span > a{display:block;line-height:22px;padding:0 10px;border-radius:4px;}

#reqbtns_mobile{display:none;align-items:center;justify-content:center;position:fixed;background:#fff;width:100%;bottom:0;left:0;padding:10px;box-shadow:0 -2px 3px rgba(0,0,0,0.15);z-index:1;}
#reqbtns_mobile > button{display:block;width:48%;height:40px;padding:0 10px;font-size:14px;text-align:center;cursor:pointer;border-radius:6px;}

#reqbtns_mobile > .showinfo{position:relative;margin-right:10px;padding-right:40px;font-size:16px;font-weight:600;}
#reqbtns_mobile > .showinfo[disabled]{display:none;}
#reqbtns_mobile > .showinfo > svg{position:absolute;width:22px;height:22px;top:50%;right:10px;fill:#fff;transform:translateY(-50%);}
#reqbtns_mobile > .showinfo > span{display:block;font-size:12px;font-weight:300;}

#request_widget.modal{display:flex;align-items:center;justify-content:center;position:fixed;background:rgba(0,0,0,0.3);top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:10px;z-index:98;}
#request_widget.modal .inner{max-height:100%;padding:30px 20px;border-radius:10px;}
#request_widget.modal .top{font-size:14px;}
#request_widget.modal .close{display:block;}

#request_widget.modal .terms > li{font-size:14px;}
#request_widget.modal .bottom > button{font-size:16px;}
#request_widget.modal .bottom > p > span{line-height:1.4;font-size:13px;}

/*-- Request Dialogue -------------------*/
#reqform_wrap{position:relative;max-width:600px;height:95%;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.5);}
#reqform_wrap.show{display:block;}
#reqform_wrap > header{position:relative;background:var(--colour-grey-light);height:50px;top:0;padding:13px 20px;font-size:20px;text-align:center;z-index:4;}
#reqform_wrap > header > span{display:block;line-height:24px;}
#reqform_wrap > header > span > strong{color:var(--colour-red);font-weight:500;}
#reqform_wrap > header > .close{position:absolute;width:30px;height:30px;top:50%;right:10px;text-align:center;cursor:pointer;border-radius:50%;border:1px solid #484848;transform:translateY(-50%);}
#reqform_wrap > header > .close > svg{width:12px;height:100%;}
#reqform_wrap > header > .close:hover{border-color:#888;}
#reqform_wrap > header > .close:hover > svg{fill:#888;}
#reqform_wrap > footer{display:flex;align-items:center;justify-content:center;position:relative;background:var(--colour-grey-light);width:100%;height:70px;bottom:0;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);z-index:2;}
#reqform_wrap > footer > button{height:50px;padding:0 30px;font-size:16px;border-radius:6px;}

#reqform_wrap > .requested_hint{display:none;position:absolute;background:rgba(0,0,0,0.3);top:0;left:0;width:100%;height:100%;z-index:3;}
#reqform_wrap > .requested_hint.show{display:block;}
#reqform_wrap > .requested_hint > .inner{position:absolute;top:50%;left:50%;background:#fff;padding:30px;border-radius:10px;transform:translate(-50%,-50%);border:1px solid var(--colour-error-red);box-shadow:var(--def-modal-dropshadow);}
#reqform_wrap > .requested_hint > .inner > span{display:block;line-height:24px;color:var(--colour-error-red);white-space:nowrap;}
#reqform_wrap > .requested_hint > .inner > span > strong{padding:0 10px 0 5px;}
#reqform_wrap > .requested_hint > .inner > button{display:block;margin:20px auto 0;padding:0 20px;height:40px;font-size:14px;border-radius:4px;}

#reqform_wrap > .terms_hint{display:flex;align-items:center;background:var(--colour-red);width:100%;height:70px;padding:0 10px;color:#fff;}
#reqform_wrap > .terms_hint > svg{flex-shrink:0;display:block;width:30px;height:30px;text-align:center;fill:#fff;}
#reqform_wrap > .terms_hint > span{display:block;padding-left:10px;line-height:1.25;}

#reqform{position:relative;background:var(--colour-grey-light);width:100%;height:calc(100% - 190px);padding:0;font-size:16px;border:0;overflow-y:auto;}
#reqform fieldset:disabled::before{content:"";position:absolute;background:rgba(0,0,0,0.3);top:0;right:0;bottom:0;left:0;z-index:1;}

#reqform > .formsection{padding-top:20px;}
#reqform > .formsection > h3{display:block;margin-bottom:10px;text-align:center;font-size:18px;font-weight:500;text-transform:uppercase;}
#reqform *::placeholder{font-size:14px;opacity:0.7;}

#reqform > .formsection > .row{position:relative;padding:20px;border-bottom:1px solid var(--def-border-colour-light);}
#reqform > .formsection > .row .rowname{font-size:14px;font-weight:500;}
#reqform > .formsection > .row .rowname > .rowhelp{display:block;line-height:1.4;font-size:12px;font-weight:400;color:#777;}
#reqform > .formsection > .row .rowname > .rowhelp a{display:block;width:120px;line-height:30px;margin-top:3px;text-align:center;border-radius:4px;}
#reqform > .formsection > .row .rowname > .rowhelp strong{color:var(--colour-red);font-weight:500;}

#reqform > .formsection > .row > .fields.checkboxes > label{font-size:16px;}
#reqform > .formsection > .row > .fields.checkboxes > label > input:disabled ~ .name{opacity:0.6;text-decoration:line-through;}
#reqform > .formsection > .row > .fields textarea{min-height:120px;}

#reqform > .formsection > .row.insurance{}
#reqform > .formsection > .row.insurance button{display:flex;align-items:center;height:30px;margin-top:15px;padding:0 5px;font-size:12px;cursor:pointer;border-radius:4px;}
#reqform > .formsection > .row.insurance button > svg{width:20px;height:20px;margin-right:5px;fill:#fff;}

#insurance_info{display:none;position:relative;background:#fff;margin-top:5px;padding:20px;font-size:14px;border-radius:10px;box-shadow:var(--def-card-dropshadow-hover);}
#insurance_info.show{display:block;}
#insurance_info > .close{position:absolute;width:20px;height:20px;top:10px;right:10px;text-align:center;cursor:pointer;border-radius:50%;border:1px solid #484848;}
#insurance_info > .close > svg{width:8px;height:100%;}
#insurance_info > p{line-height:1.3;}
#insurance_info > ol{margin-top:10px;}
#insurance_info > ol > li{padding-bottom:5px;}
#insurance_info > a{display:block;margin-top:15px;text-decoration:underline;}
#insurance_info > a:hover{text-decoration:none;}

#reqform > .formsection > .row > .fields.date > .date_picker{width:120px;}
#reqform > .formsection > .row > .fields.date > .calwrap{position:absolute;bottom:0;left:0;}
#reqform > .formsection > .row > .fields.date > .calwrap > .pika-single{position:absolute !important;}
#reqform > .formsection > .row > .fields.date > .daystotal{width:75px;margin-right:10px;}
#reqform > .formsection > .row > .fields.date > .daystotal > input{text-align:center;}
#reqform > .formsection > .row > .fields.date > .daystotal > .errortext{width:100%;white-space:nowrap;padding-top:5px;font-size:12px;color:var(--colour-error-red);font-weight:500;}
#reqform > .formsection > .row > .fields.date > .motif_total{display:none;align-items:center;width:100%;height:30px;margin-top:10px;}
#reqform > .formsection > .row > .fields.date > .motif_total.show{display:flex;}
#reqform > .formsection > .row > .fields.date > .motif_total > span{margin-right:10px;}
#reqform > .formsection > .row > .fields.date > .motif_total > span > strong{padding-left:5px;}
#reqform > .formsection > .row > .fields.date > .motif_total > button{display:flex;align-items:center;height:30px;padding:0 5px;font-size:12px;cursor:pointer;border-radius:4px;}
#reqform > .formsection > .row > .fields.date > .motif_total > button > svg{width:20px;height:20px;margin-right:5px;}

#motifprice_info{display:none;position:relative;background:#fff;margin-top:5px;padding:20px;font-size:14px;border-radius:10px;box-shadow:var(--def-card-dropshadow-hover);}
#motifprice_info.show{display:block;}
#motifprice_info > .hint{display:block;margin-bottom:10px;padding:0 30px 10px 0;line-height:1.3;border-bottom:1px solid var(--def-border-colour);}
#motifprice_info > .close{position:absolute;width:20px;height:20px;top:10px;right:10px;text-align:center;cursor:pointer;border-radius:50%;border:1px solid #484848;}
#motifprice_info > .close > svg{width:8px;height:100%;}
#motifprice_info > ul > li{display:flex;align-items:flex-start;width:100%;min-height:25px;white-space:nowrap;}
#motifprice_info > ul > li > span{display:block;width:130px;}
#motifprice_info > ul > li > var{margin:0 5px;font-style:normal;}
#motifprice_info > ul > li > var:first-of-type{margin-left:0;}
#motifprice_info > ul > li.motif_total table{border-spacing:0;border:0;}
#motifprice_info > ul > li.motif_total table td{height:17px;font-size:12px;}
#motifprice_info > ul > li.motif_total table td.left{width:70px;}
#motifprice_info > ul > li.motif_total table tr:last-child > td{font-size:14px;}
#motifprice_info > ul > li.motif_total .gross{font-weight:600;text-decoration:underline double;}

#reqform > .formsection > .row > .fields > .pax{width:75px;}

#reqform > .formsection > .row > .fields > label.setconstr_descr,
#reqform > .formsection > .row > .fields > label.animals_descr{display:none;width:100%;margin-top:10px;}
#reqform > .formsection > .row > .fields > label.setconstr_descr.show,
#reqform > .formsection > .row > .fields > label.animals_descr.show{display:block;}
#reqform > .formsection > .row > .fields > label.setconstr_descr > textarea,
#reqform > .formsection > .row > .fields > label.animals_descr > textarea{min-height:80px;padding:10px;}

#reqform > .formsection > .row > .rooms_list > .title{display:block;margin-bottom:10px;font-size:16px;font-weight:500;text-decoration:underline;}
#reqform > .formsection > .row > .rooms_list > .empty{display:block;padding-top:5px;font-size:12px;}
#reqform > .formsection > .row > .rooms_list ol{display:flex;flex-wrap:wrap;width:100%;}
#reqform > .formsection > .row > .rooms_list ol li{width:calc(100% / 3);}
#reqform > .formsection > .row > .rooms_list ol li label{display:inline-flex;font-size:16px;}
#reqform > .formsection > .row > .rooms_list ol li label > span > span{display:block;font-size:12px;color:#777;}

#reqform > .formsection > .row > .rooms_list.interiors{margin-bottom:10px;}
#reqform > .formsection > .row > .rooms_list.interiors ol li{padding-bottom:10px;}
#reqform > .formsection > .row > .rooms_list.interiors ol li label{align-items:flex-start;}

#reqform > .formsection > .row.emails > .fields:first-child{margin-bottom:10px;}

#reqform > .formsection > .row.accept{border:0;}
#reqform > .formsection > .row.accept > .fields > .checkbox{align-items:flex-start;margin-bottom:10px;}
#reqform > .formsection > .row.accept > .fields > .checkbox > .icon{width:25px;height:25px;margin-right:10px;}
#reqform > .formsection > .row.accept > .fields > .checkbox > .text{line-height:20px;font-size:14px;}
#reqform > .formsection > .row.accept > .fields > .checkbox > .text > a{color:var(--colour-blue);text-decoration:underline;}
#reqform > .formsection > .row.accept > .fields > .checkbox > .text > a:hover{text-decoration:none;}


/*------------------------------------------------------
  -- DRAFT PREVIEW -------------------------------------
  ------------------------------------------------------*/
body.preview > #maincontent{padding-top:0;}
body.preview > #maincontent > #sitemenu{position:-webkit-sticky;position:sticky;top:0;z-index:9;}

/*---------------------------------------------
  -- USER LOGIN / SIGN UP / RESET PW ---------
  ---------------------------------------------*/
/*-- LogIn -----------------------------*/ 
#login_form > .bottom{justify-content:space-between;}
#login_form > .bottom > a{display:block;font-size:14px;text-decoration:underline;}
#login_form > .bottom > a:hover{text-decoration:none;}

/*-- Sign Up --------------------------*/
.page_signup{padding-bottom:300px !important;}
.page_signup > .goto_login{display:block;padding-top:20px;font-size:14px;text-align:center;}
.page_signup > .goto_login > a{padding-left:10px;color:var(--colour-blue);text-decoration:underline;}
.page_signup > .goto_login > a:hover{text-decoration:none;}

#signup_form .fields.checkboxes{flex-direction:column;}
#signup_form .fields.checkboxes > label{margin-top:10px;}
#signup_form .fields.checkboxes > label:first-child{margin-top:0;}

#signup_form .fields.accept > label > .text{line-height:20px;}
#signup_form .fields.accept > label > .text > a{color:var(--colour-blue);text-decoration:underline;}
#signup_form .fields.accept > label > .text > a:hover{text-decoration:none;}

/*-- Reset PW --------------------------*/

/*---------------------------------------------
  -- BECOME VENDOR ----------------------------
  ---------------------------------------------*/
.page_becomevendor > .pagesec{padding:80px 0;}
.page_becomevendor > .pagesec > .inner > p{margin:0;}
.page_becomevendor > .pagesec > .inner{display:flex;flex-wrap:wrap;justify-content:center;}
.page_becomevendor > .pagesec > .inner > article{flex-shrink:0;margin:0 10px 20px;padding:30px;text-align:left;}
.page_becomevendor > .pagesec > .inner > article > header > .title{display:block;line-height:1;margin-bottom:20px;}
.page_becomevendor > .pagesec > .inner > article > p{display:block;line-height:1.4;}

#brands{display:flex;flex-wrap:wrap;justify-content:center;max-width:1000px;}
#brands > .icon{display:flex;align-items:center;justify-content:center;width:100px;height:60px;margin:30px;}
#brands > .icon > svg{max-width:100%;max-height:100%;}

#counters{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;}
#counters > span{display:block;position:relative;background:var(--colour-grey-light);width:400px;margin:10px;padding:30px;line-height:1.4;font-weight:300;border-radius:40px 0;border:1px solid var(--def-border-colour-light);}
#counters > span > strong{display:block;font-size:36px;font-weight:500;}
#counters > span > .status{display:block;margin-top:5px;font-size:12px;opacity:0.7;}

/*-- Steps ---------------------------------*/
#steps article{position:relative;width:400px;color:#fff;border-radius:50px 0;}
#steps article > header > .title{display:flex;align-items:center;font-size:24px;font-weight:500;}
#steps article > header > .title::before{flex-shrink:0;background:#fff;width:60px;height:60px;line-height:60px;margin-right:10px;border-radius:50%;text-align:center;font-size:30px;font-weight:600;}

#steps .step_1{background:var(--colour-orange-light);}
#steps .step_1 > header > .title::before{content:"1";color:var(--colour-orange-light);}
#steps .step_2{background:var(--colour-red-light);}
#steps .step_2 > header > .title::before{content:"2";color:var(--colour-red-light);}
#steps .step_3{background:var(--colour-green-light);}  
#steps .step_3 > header > .title::before{content:"3";color:var(--colour-green-light);}
#steps > .cta_btn{margin-top:30px;}  

/*-- Our Offer ---------------------------------*/ 
#offer article{position:relative;width:calc(100% / 3);margin:0;}
#offer article > header > .title{margin-bottom:10px;font-size:24px;font-weight:500;}
#offer article > p{font-weight:300;font-size:18px;}

/*-- FAQ ---------------------------------*/ 
#faq > .inner > p{font-size:16px;}
#faq > .inner > .faqlist{width:700px;margin-bottom:80px;}
#faq > .inner > .faqlist > .faq{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px;padding:20px 50px;border-radius:10px;cursor:pointer;}
#faq > .inner > .faqlist > .faq > p{line-height:24px;font-size:18px;}
#faq > .inner > .faqlist > .faq > .question{}
#faq > .inner > .faqlist > .faq > svg{display:none;width:16px;height:30px;fill:#fff;}
#faq > .inner > .faqlist > .faq > .answer{display:none;font-weight:500;}
#faq > .inner > .faqlist > .faq.show > .answer,
#faq > .inner > .faqlist > .faq.show > svg{display:block;}

/*-- Articles ---------------------------------*/ 
#blogarticles article{position:relative;width:calc(100% / 3 - 30px);margin:0 15px 30px;padding:0;}
#blogarticles article > header > .title{display:block;margin:0;padding:10px;line-height:1.1;font-weight:500;font-size:20px;}
#blogarticles article > header > .cover_img{display:block;position:relative;background:50% 50% / cover;width:100%;height:180px;overflow:hidden;border-radius:40px 0;}
#blogarticles article .teaser{padding:0 10px;font-size:16px;font-weight:300;}
#blogarticles article > a{position:absolute;top:0;right:0;bottom:0;left:0;}

/*------------------------------------------------------
  -- START TERMS/IMPRINT/DISCLAIMER --------------------
  ------------------------------------------------------*/
.terms{position:relative;max-width:var(--global-max-width);margin:0 auto;counter-reset:seccount;}
.terms > .intro{display:block;line-height:1.6;padding:0 10px 40px;font-size:18px;font-weight:300;}
.terms > article{padding:20px 10px;}
.terms > article > .title{display:block;margin-bottom:10px;font-size:18px;font-weight:500;}
.terms > article > p{line-height:1.6;}
.terms > article > ul{padding:10px 0 20px 30px;list-style:disc;}
.terms > article > ul > li{padding:0 0 10px 10px;}
.terms > article > aside{color:#777;}

.terms > article.hascount{counter-increment:seccount;}
.terms > article.hascount > .title{display:flex;align-items:center;}
.terms > article.hascount > .title::before{flex-shrink:0;display:block;background:#484848;width:30px;line-height:30px;margin-right:10px;font-size:14px;color:#fff;text-align:center;border-radius:50%;content:counter(seccount);}

.terms a{color:var(--colour-blue);text-decoration:underline;}
.terms a:hover{text-decoration:none;}

/*-- AGB -----------------------*/
.terms.agb > article > p{margin-bottom:20px;}
.terms.agb > article > p:last-child{margin-bottom:0;}
.terms.agb > article > ul{list-style:none;padding-top:0;}
.terms.agb > article > ul > li{padding-left:0;}

/*-- Privacy -----------------------*/
.terms.priv > .contact > ul{padding-left:0;list-style:none;}
.terms.priv > .contact > ul > li{display:flex;flex-wrap:wrap;line-height:20px;padding-left:0;}
.terms.priv > .contact > ul > li > strong{margin-right:10px;font-weight:500;}

.terms.priv h6{display:block;margin:20px 0 5px;font-size:16px;font-weight:500;}

/*------------------------------------------------------
  -- START CONTACT -------------------------------------
  ------------------------------------------------------*/
#contact_form{max-width:800px;}
#contact_form.hidden{display:none;}
#contact_form > header{display:flex;align-items:center;background:var(--colour-red);margin-bottom:40px;padding:10px;color:#fff;}
#contact_form > header svg{flex-shrink:0;display:block;width:30px;height:30px;text-align:center;fill:#fff;}
#contact_form > header span{display:block;padding-left:10px;line-height:1.25;}

#contact_form textarea{width:100%;min-height:130px;line-height:1.5;padding:30px 10px 20px;overflow:hidden;resize:none;}
#contact_form button[type="submit"]{height:50px;padding:0 30px;font-size:16px;border-radius:6px;}

#contact_form fieldset.accept{padding-top:20px;}
#contact_form fieldset.accept > label a{line-height:1.5;text-decoration:underline;}
#contact_form fieldset.accept > label a:hover{text-decoration:none;}

.sent_success{display:block;max-width:800px;margin:50px auto;text-align:center;font-size:20px;font-weight:300;}
.sent_success.hidden{display:none;}

/*---------------------------------------------
  -- MISC FE STUFF ----------------------------
  ---------------------------------------------*/
.wlbtn{display:flex;align-items:center;justify-content:center;background:#fff;height:50px;width:50px;padding-top:2px;overflow:hidden;border-radius:50%;cursor:pointer;}
.wlbtn > .icon{width:20px;height:30px;fill:var(--def-text-colour);}

.wlbtn.remfrom_wl{background:var(--colour-red);}
.wlbtn.remfrom_wl > .icon{fill:#fff;}

/*------------------------------------------------------
  -- START BLOG / ARTICLES -----------------------------
  ------------------------------------------------------*/
#masthead.blog{padding:50px 20px 0;}
#masthead.blog > header{max-width:1240px;margin:0 auto;padding:0;}
#masthead.blog > header > .title{display:block;font-size:42px;font-weight:600;letter-spacing:-1.2px;}
#masthead.blog > header > .title > span{color:var(--colour-red);}
#masthead.blog > header > .intro{line-height:1.4;padding-top:30px;font-size:20px;}

/*-- Overview ------------------------------*/
.pagesec.articles > .inner{max-width:1240px;}
.pagesec.articles > .inner > p{padding:0;}

#articles_list{display:flex;flex-wrap:wrap;justify-content:space-between;} 
  
.article_card{position:relative;width:calc(50% - 20px);margin-bottom:50px;text-align:left;overflow:hidden;}
.article_card > header{}
.article_card > header > .cover_img{display:block;position:relative;background:var(--colour-darkgrey) no-repeat 50% 50% / cover;width:100%;padding-top:33.33%;overflow:hidden;}
.article_card > header > .author{display:flex;align-items:center;padding:10px 10px;font-size:13px;}
.article_card > header > .author > .acronym{display:block;background:var(--colour-darkgrey);width:24px;height:24px;line-height:24px;margin-right:8px;letter-spacing:-1px;text-align:center;color:#fff;font-weight:500;font-size:14px;border-radius:30% 0;}
.article_card > header > .title{display:block;letter-spacing:-1px;line-height:normal;padding:10px;font-size:24px;}
.article_card > header > .title > a{color:var(--def-text-colour);}
.article_card > header > .title > a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";}
.article_card > .teaser{display:block;line-height:1.6;padding:0 10px 20px;font-size:16px;}

/*-- Article -------------------------------*/
.page_blog_article{padding-left:10px;padding-right:10px;}
.article_cover{background:var(--colour-darkgrey) no-repeat 50% 50% / cover;max-width:1200px;height:400px;margin:50px auto 0;border-radius:60px 0;overflow:hidden;}

#blog_article{max-width:var(--article-max-width);margin:0 auto;padding:10px;}
#blog_article > header{position:relative;}
#blog_article > header > .author{display:flex;align-items:center;font-size:14px;}
#blog_article > header > .author > .acronym{display:block;background:var(--colour-darkgrey);width:24px;height:24px;line-height:24px;margin-right:8px;letter-spacing:-1px;text-align:center;color:#fff;font-weight:500;font-size:14px;border-radius:30% 0;}
#blog_article > header > .title{display:block;padding:30px 0 20px;letter-spacing:-1.2px;font-size:36px;font-weight:600;}
#blog_article > .content{line-height:1.6;margin:0 auto;padding:0 0 50px;font-size:18px;}
#blog_article > .content > .teaser{padding-bottom:30px;border-bottom:1px solid var(--def-border-colour-light);}
#blog_article > .content p{margin-bottom:30px;}
#blog_article > .content blockquote{margin:30px 0 30px 40px;padding:20px;font-style:italic;border-left:5px solid var(--def-border-colour);}
#blog_article > .content blockquote > p,
#blog_article > .content blockquote > ol,
#blog_article > .content blockquote > ul{margin-bottom:0;}
#blog_article > .content a{color:var(--colour-blue);}
#blog_article > .content a:hover{text-decoration:underline;}
#blog_article > .content h2,
#blog_article > .content h3,
#blog_article > .content h4{line-height:normal;letter-spacing:-1px;font-weight:600;}
#blog_article > .content h2{margin:40px 0 20px;font-size:28px;}
#blog_article > .content h3,
#blog_article > .content h4{margin:20px 0 10px;font-size:22px;}
#blog_article > .content ol{margin:0 0 30px 20px;list-style:decimal inside;}
#blog_article > .content ul{margin:0 0 30px 20px;list-style:disc inside;}
#blog_article > .content figure{display:block;margin-bottom:30px;}
#blog_article > .content figcaption{display:block;width:100%;line-height:1.4;padding-top:10px;text-align:center;font-size:14px;}
#blog_article > .content figcaption:empty{display:none;}
#blog_article > .content img{display:block;max-width:100%;height:auto;margin:0 auto;}

#blog_article > footer{margin:50px 0;}
#blog_article > footer > .rating{}
#blog_article > footer > .share{display:flex;align-items:center;justify-content:center;padding-bottom:20px;}
#blog_article > footer > .share > a{display:flex;align-items:center;width:40px;height:40px;margin:0 5px;border-radius:50%;transition:transform .8s;}
#blog_article > footer > .share > a > svg{display:block;margin:0 auto;fill:#fff;}
#blog_article > footer > .share > a:hover{transform:rotate(360deg);}
#blog_article > footer > .share > a.fb{background:#4267b2;}
#blog_article > footer > .share > a.fb > svg{width:100%;height:20px;}
#blog_article > footer > .share > a.tw{background:#00aced;}
#blog_article > footer > .share > a.tw > svg{width:20px;height:100%;}
#blog_article > footer > .navi{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--def-border-colour-light);border-bottom:1px solid var(--def-border-colour-light);}
#blog_article > footer > .navi > .col{width:50%;}
#blog_article > footer > .navi > .col > span{display:flex;align-items:center;height:20px;margin-bottom:5px;letter-spacing:1px;font-size:11px;text-transform:uppercase;}
#blog_article > footer > .navi > .col > span > svg{width:10px;height:10px;}
#blog_article > footer > .navi > .col > a{display:block;font-size:20px;color:var(--colour-blue);}
#blog_article > footer > .navi > .col > a:hover{text-decoration:underline;}
#blog_article > footer > .navi > .prev{padding-right:20px;border-right:1px solid var(--def-border-colour-light);}
#blog_article > footer > .navi > .prev > span > svg{margin-right:5px;}
#blog_article > footer > .navi > .next{padding-left:20px;text-align:right;}
#blog_article > footer > .navi > .next > span{justify-content:flex-end;}
#blog_article > footer > .navi > .next > span > svg{margin-left:5px;}

/*------------------------------------------------------
  -- BREAKPOINTS ---------------------------------------
  ------------------------------------------------------*/
@media(max-width:1280px){
	#loc_imgs > ol{grid-template-columns:repeat(auto-fill, minmax(var(--grid-cards-minsize-sma), 1fr)) !important;}
	#loc_calendar > .calwrap .pika-single .pika-lendar{margin:20px 10px;}
	#loc_calendar > .calwrap .pika-single .pika-table tbody td:not(.pika-week){width:40px;height:40px;}
}
 
@media(max-width:860px){
	.cards_grid{grid-template-columns:repeat(auto-fill, minmax(var(--grid-cards-minsize-sma), 1fr)) !important;grid-gap:10px;}
	#loc_imgs > ol{grid-gap:10px !important;grid-template-columns:repeat(auto-fill, minmax(var(--grid-cards-minsize-tny), 1fr)) !important;}
	#steps > .inner > [class*="step_"],
	#faq > .inner > .faqlist,
	.pagesec.contact > .inner > article{width:96%;}
	
	#request_widget{display:none;}
	#reqbtns_mobile{display:flex;}
}

@media(max-width:700px){
	#masthead.home > header > .search_box{display:none;}
	#site_header > .search_box{display:flex;}

	#loc_motifs .motifs > .roomslist.desktop{display:none;}
	#loc_motifs .motifs > .roomslist.mobile{display:block;}
	#steps{padding-top:30px;}

	.article_card{flex-basis:100%;width:100%;margin-bottom:20px;}
	.article_card > header > .cover_img{}
	
	.article_cover{width:100%;height:120px;margin-top:10px;border-radius:0;}
	#blog_article{padding:10px 0;}
	#blog_article > header > .title{font-size:24px;}
	#blog_article > header > .author{font-size:12px;}
	#blog_article > .content{font-size:16px;line-height:1.8;}
	#blog_article > .content h2{font-size:24px;}
	#blog_article > .content h3,
	#blog_article > .content h4{font-size:20px;}
	#blog_article > .content blockquote{margin-left:10px;}

	#reqform_wrap{width:100%;max-width:unset;height:100%;margin:0;box-shadow:none;}
	#reqform_wrap > header{padding-right:50px;font-size:16px;}
	
	#reqform > .row > .caption{width:100%;margin-bottom:3px;padding:0;}
	#reqform > .row > .fields{width:100%;}
	#reqform .dialcodes_list{position:fixed;height:auto;top:70px;bottom:80px;left:10px;right:10px;}
	#reqform > .row > .fields.checkboxes > label{font-size:14px;}
	#reqform > .row > .fields.date > .date_picker{width:105px;}
	#reqform *::placeholder{font-size:14px}
	
	.terms > article{font-size:14px;}
	.terms > article > .title{font-size:16px;}
	
	#steps article{font-size:14px;}
	#steps article > header > .title{font-size:18px;}
	#steps article > header > .title::before{width:40px;height:40px;line-height:40px;}
}

@media(max-width:560px){
	#reqform_wrap > .hint{font-size:13px;}
	#reqform_wrap > .hint > span{line-height:normal;}
	
	#maincontent.page_location{padding-bottom:0;}
	#loc_content{padding:30px 10px;}
	#loc_descr .text{font-size:14px;}
	#loc_content > .left > section{padding:30px 0;}
	#loc_content > .left > section > ul > li{line-height:40px;font-size:14px;}
	#loc_content > .left > section .title{margin-bottom:20px;font-size:18px;}
	
	.cards_grid.sma,
	#loc_imgs ol,
	#gallery > #thumbs > ol{grid-template-columns:repeat(auto-fill, minmax(var(--grid-cards-minsize-tny), 1fr));}	
	
	#masthead.home > header{padding:50px 20px 0;}
	#masthead.home > header > .title{font-size:48px;}
	#masthead.home > header > .intro{padding-top:30px;font-size:24px;}
	
	.pagesec.banner.ven{padding:50px 10px;}
	.pagesec.banner.ven > .inner{border-radius:20px;}
	#masthead.cat > header > .intro,
	#masthead.search > header > .intro,
	#masthead.loc > header > .intro{display:none;font-size:14px;line-height:1.4;font-weight:400;}
	#masthead.loc{min-height:120px;}
	#masthead.loc .title{font-size:26px;}

	#brands > .icon{width:80px;height:50px;margin:10px;}
	
	#offer{padding:30px 0;}
	#offer article{width:100%;padding:30px;}
	
	#blogarticles{padding:30px 0;}
	#blogarticles article{width:100%;margin:0 0 30px;padding:0 10px;}

	#counters > span{width:100%;}
		
	#blog_article > footer > .navi > .col > a{font-size:16px;}
	
	footer.site.location{padding-bottom:70px;}
	
	#loc_calendar > .calwrap{min-height:auto;}
	#loc_calendar > .calwrap .pika-single .pika-lendar{margin:0;}
	#loc_calendar > .calwrap .pika-single .pika-table tbody td:not(.pika-week){width:40px;height:40px;}
	
	#reqform_wrap > header{text-align:left;}
	#reqform_wrap > .terms_hint > span{font-size:13px;}
	#reqform > .formsection > .row > .fields.date > .date_picker{width:110px;}
	#reqform > .formsection > .row > .fields.date > .daystotal{width:60px;}
	#reqform > .formsection > .row > .rooms_list ol li{width:50%;}
	#reqform > .formsection > .row > .fields.prod_types{display:inline-block;}
	#reqform > .formsection > .row > .fields.prod_types > label:not(:last-child){margin-bottom:10px;}
	
	#all_ven_locs > .wrap{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));}
}

@media(max-width:340px){
	#reqform > .row{padding:20px 10px;}
}

/*------------------------------------------------------
  -- DARK MODE -----------------------------------------
  ------------------------------------------------------*/
:root.darkmode{	
	--colour-dark-theme-bg1:#111;
	--colour-dark-theme-bg2:#222;
	--colour-dark-theme-bg3:#333;
	--colour-dark-theme-bg4:#666;
	--colour-dark-theme-bg5:#888;
	--colour-dark-theme-border:#444;
	--colour-dark-theme-border-light:#999;
	--colour-dark-theme-text:#bdc1c6; /*#ebecf7*/
	--colour-dark-theme-textsec:#aaa;
	--hatched-dark-theme-red:repeating-linear-gradient(-45deg, var(--colour-dark-theme-bg1) 0 .25em, rgba(255,0,0,0.4) .3em .4em);
}

:root.darkmode body{background:var(--colour-dark-theme-bg1);color:var(--colour-dark-theme-text);}

:root.darkmode input,
:root.darkmode textarea,
:root.darkmode select{background-color:var(--colour-dark-theme-bg1);color:var(--colour-dark-theme-text);border-color:var(--colour-dark-theme-border);}
:root.darkmode svg{fill:var(--colour-dark-theme-text);}

:root.darkmode input:disabled,
:root.darkmode select:disabled,
:root.darkmode textarea:disabled{background:#444 !important;}

:root.darkmode input:disabled ~ .fieldname,
:root.darkmode textarea:disabled ~ .fieldname{color:#888 !important;}

:root.darkmode #site_header,
:root.darkmode footer.site{background:var(--colour-dark-theme-bg2);color:var(--colour-dark-theme-text);border:0;} /*border-color:var(--colour-dark-theme-border);*/
:root.darkmode footer.site,
:root.darkmode footer.site a{color:var(--colour-dark-theme-textsec);}
:root.darkmode footer.site .menu{border-color:var(--colour-dark-theme-border);}

:root.darkmode #site_header .lrlogo svg{fill:#fff;}
:root.darkmode #headmenu:not(.acc){background:var(--colour-dark-theme-bg2);}

:root.darkmode #mode_switch{background:none;}
:root.darkmode #mode_switch > svg.light{display:block;}
:root.darkmode #mode_switch > svg.dark{display:none;}

:root.darkmode #masthead:not(.nobg){background-color:var(--colour-dark-theme-bg1);}

:root.darkmode .pagemenu{background:var(--colour-dark-theme-bg2);top:var(--siteheader-height);border-color:var(--colour-dark-theme-border);}
:root.darkmode .pagemenu a,
:root.darkmode .pagemenu button{border-color:var(--colour-dark-theme-border) !important;}

:root.darkmode .hasdropshadow{box-shadow:0 10px 10px 2px rgba(0,0,0,0.8) !important;}

:root.darkmode .headflyout{background:var(--colour-dark-theme-bg2);color:var(--colour-dark-theme-text);}
:root.darkmode #catnavi > nav > a{border-color:var(--colour-dark-theme-border);}

:root.darkmode .filter > .top,
:root.darkmode .filter > .btm,
:root.darkmode #watchlist > .btm{border-color:var(--colour-dark-theme-border);}

:root.darkmode .filter > form .province > .name{background:var(--colour-dark-theme-bg3);border-color:var(--colour-dark-theme-border);}
:root.darkmode #content_flts > .btm{border-color:var(--colour-dark-theme-border);}

:root.darkmode .search_box input{background-color:var(--colour-dark-theme-bg1);border-color:var(--colour-dark-theme-border);}
:root.darkmode .search_box input:hover{border-color:var(--colour-blue-light);}
:root.darkmode .search_box > label > .clear > svg{fill:var(--colour-dark-theme-bg1);}

:root.darkmode .card{background:var(--colour-dark-theme-bg2);}
:root.darkmode .card > footer{border-color:var(--colour-dark-theme-border);}
:root.darkmode .card:hover{box-shadow:none;}
:root.darkmode .card > header > .imghld{background-color:var(--colour-dark-theme-bg3);}

:root.darkmode .wlbtn:not(.remfrom_wl) > .icon{fill:var(--colour-dark-theme-bg1);}

:root.darkmode .btn_colour_blue_btm{color:var(--colour-dark-theme-text);}
:root.darkmode .anim_focus.open,
:root.darkmode .anim_focus.active,
:root.darkmode .anim_focus.show,
:root.darkmode [contenteditable="true"]:not(.nofocusanim):focus,
:root.darkmode textarea:not(.nofocusanim):focus,
:root.darkmode select:not(.nofocusanim):focus,
:root.darkmode input:not([type="checkbox"]):focus,
:root.darkmode input:not([type="radio"]):focus,
:root.darkmode input:not(.nofocusanim):focus{border-color:var(--colour-blue-light);}

:root.darkmode .checkbox > .icon,
:root.darkmode .radio > .icon{background:var(--colour-dark-theme-bg1);border-color:var(--colour-dark-theme-border-light);}

:root.darkmode .radio > input:checked ~ .icon,
:root.darkmode .checkbox > input:checked ~ .icon{border-color:var(--colour-blue);}

:root.darkmode .checkbox > input:checked ~ .icon > svg{fill:var(--colour-blue);}

:root.darkmode .ucd_form{background:var(--colour-dark-theme-bg2);border-color:var(--colour-dark-theme-border);}
:root.darkmode .ucd_form > #su_rules{background:var(--colour-dark-theme-bg2);}

:root.darkmode .pagesec.banner.grey{background:var(--colour-dark-theme-bg2);border-color:var(--colour-dark-theme-border);}

:root.darkmode #loc_content > .left > section{border-color:var(--colour-dark-theme-border);}
:root.darkmode #loc_descr > .text.collapsed::after{background:linear-gradient(to bottom, rgba(17,17,17,0.4), rgba(17,17,17,1) 50%);}

:root.darkmode #loc_motifs .motifs > .roomslist > table tbody tr:nth-child(2n+1),
:root.darkmode #loc_motifs .motifs > .roomslist > ul > li:nth-child(odd){background:var(--colour-dark-theme-bg2);}
:root.darkmode #loc_motifs .motifs > .roomslist > ul > li:nth-child(odd){border:0;}

:root.darkmode #loc_calendar > .calwrap .pika-single{background:none;} /*var(--colour-dark-theme-bg2);*/
:root.darkmode #loc_calendar > .calwrap .pika-table td:not(.is-disabled) button{color:var(--colour-dark-theme-text);cursor:default;}
:root.darkmode #loc_calendar > .calwrap .pika-table td:not(.is-disabled) button:hover,
:root.darkmode #loc_calendar > .calwrap .pika-table tbody td.is-selected button{background:none;color:var(--colour-dark-theme-text);}
:root.darkmode #loc_calendar > .calwrap .pika-table tbody td:not(.is-empty){border-color:var(--colour-dark-theme-border);}
:root.darkmode #loc_calendar > .calwrap .pika-table tbody td.is-disabled button{background:var(--hatched-dark-theme-red);}
:root.darkmode #loc_calendar > .calwrap .pika-label{background:none;color:var(--colour-dark-theme-text);}
:root.darkmode #loc_calendar > .calwrap .pika-title button:not(.is-disabled){opacity:0.7;background:#fff;border:0;border-radius:50%;}
:root.darkmode #loc_calendar > .calwrap .pika-title button::after,
:root.darkmode #loc_calendar > .calwrap .pika-title button:not(.is-disabled):hover{opacity:1;}

:root.darkmode #request_widget .inner{background:var(--colour-dark-theme-bg2);border-color:var(--colour-dark-theme-border);}

:root.darkmode #gallery,
:root.darkmode #gallery > header{background:var(--colour-dark-theme-bg1);}

:root.darkmode #blog_article > .content > .teaser,
:root.darkmode #blog_article > footer > .navi,
:root.darkmode #blog_article > footer > .navi > .prev{border-color:var(--colour-dark-theme-border);}
:root.darkmode .article_card > header > .title > a{color:var(--colour-dark-theme-text);}

:root.darkmode #reqform_wrap{background:var(--colour-dark-theme-bg2);box-shadow:0 10px 30px 5px rgba(0,0,0,0.8);}
:root.darkmode #reqform_wrap > header,
:root.darkmode #reqform_wrap > footer{background:var(--colour-dark-theme-bg2);}
:root.darkmode #reqform_wrap > header > .close{background:#fff;border:0;}
:root.darkmode #reqform_wrap > header > .close > svg{fill:var(--colour-dark-theme-border);}
:root.darkmode #reqform_wrap > footer{box-shadow:0 -1px 5px rgba(0,0,0,0.7);}

:root.darkmode #reqform{background:var(--colour-dark-theme-bg2);}
:root.darkmode #reqform .rowhelp{color:#aaa !important;}
:root.darkmode #reqform > .formsection > .row{border-color:var(--colour-dark-theme-border);}
:root.darkmode #reqform > .formsection > .row > .fields.date > .motif_total > button > svg{fill:#fff;}

:root.darkmode #request_widget #terms > li{border-bottom:1px solid var(--colour-dark-theme-border-light);}
:root.darkmode #motifprice_info,
:root.darkmode #insurance_info{color:var(--def-text-colour);}
:root.darkmode #motifprice_info > .close svg,
:root.darkmode #insurance_info > .close svg{fill:var(--colour-dark-theme-border);}

:root.darkmode #reqbtns_mobile{background:var(--colour-dark-theme-bg1);}

:root.darkmode .pagesec.contact > .inner > article{background:var(--colour-dark-theme-bg2);border:0;}
:root.darkmode .pagesec.contact > .inner > article svg{fill:var(--colour-dark-theme-text);}

:root.darkmode .loader_small.white_trans,
:root.darkmode .loader_tiny.white_trans{background:rgba(255,255,255,0.2);}

@media(max-width:860px){
	:root.darkmode #headmenu:not(.acc) > a,
	:root.darkmode #headmenu:not(.acc) > button{border-color:var(--colour-dark-theme-border);}
}