header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
:root {
  /* ========================
     Typography & Icons
  ========================= */
  --fw-font-family: BlinkMacSystemFont, -apple-system, 'Open Sans', 'Helvetica', Arial, 'Segoe UI', sans-serif;
  --fw-font-headeline: 'Roboto', Arial, sans-serif; /* Tippfehler im Namen bleibt aus Kompatibilitätsgründen */
  --font-icon: 'Font Awesome 5';

  /* ========================
     Brand & Action Colors
  ========================= */
  --color-icon: #4C6FC6;
  --color-attribute-icon: #000000;
  --color-iconcheck: #43A063;
  --color-offericon: #3c7c35;
  --color-offericon-back: #e9f5e9;
  --color-offericon-hover: #b7d6b7;
  
  --color-link: #3E61B7;
  --color-link-hover: #4C6FC6;
  
  /* ========================
   Primary CTA Button
========================= */
  --color-cta: #4C6FC6;
  --color-ctafont: #FFFFFF;
  --color-ctah: #3E61B7;
  
    /* ========================
   List-Item Buttons
========================= */
  --color-list-button: #4C6FC6;                  
  --color-list-button-font: #FFFFFF;
  --color-list-button-hover: #3E61B7;    

/* ========================
   Secondary CTA Button
========================= */
  --color-sec: #CCCCCC;
  --color-secfont: #3E61B7;
  --color-sech: #F3F4F6;
  --color-secb: #FFFFFF;

  /* ========================
     Text Colors
  ========================= */
  --text-color: #1a1a1a;
  --text-color-headline: #4D72A6;
  --text-color-light: #666666;
  --text-color-placeholder: #666666;
  --text-color-formfields: #333333;
  --text-color-oldprice: #d13438;

  /* ========================
     Form Elemente
  ========================= */
  --border-color-formfields: #CCCCCC;
  --back-color-formfields: #FFFFFF;
  
  --color-radio-offer:#5392f9;

  /* ========================
     Neutrals & UI Grays
  ========================= */
  --color-blue-dark: #20274D;
  
  --color-gray-100: #F8F8F8;
  --color-gray-200: #E9E9E9;
  --color-gray-300: #E6E6E6;
  --color-gray-400: #ABABAB;
  
  --image-back-color: #E9E9E9;
  
  --color-layout-1: #eff4fc;
  --color-layout-2: #20274D;
  --color-layout-3: #4d72a6;

  /* ========================
     Footer & Copy
  ========================= */
  --color-footer: #1E4377;
  --color-footer-tx: #D7D7DB;
  --color-copy: #4B535A;
  --btn-text-hover: #ffffff;

  /* ========================
     Custom / Special
  ========================= */
  --color-custom-bg: #E9EBEE;
  --color-custom-tx: #333333;
  
  --color-few-solid: #DDDFE2;
  
  --color-few-vote: #43A063;
  --color-vote-back: #f4f7f4;
  
  --color-infobox-back: #eff4fc;
  --color-infobox-border: #d7dff2;
  
  /* ========================
     Booking steps
  ========================= */  
  --color-bockingstep-Icon:#2067DA;
  --color-bockingstep-font:#4d72a6;
  --color-bockingstep-main:#4d72a6;
  --color-bockingstep-back:#eff4fc;
  
  --color-imPreis-font:#087b1b;
  --color-imPreis-back:#F4FAF5;
  
  --color-radio-booking:#499e4e;

  /* ========================
     Bestaetigung/Warnung/Info/Highlight
  ========================= */
  --color-confirm-font:#087b1b;
  --color-confirm-back:#F4FAF5;
  
  --color-warning-font:#D97A5F;
  --color-warning-back:#FDF1EC;
  
  --color-info-font:#4c6fc6;
  --color-info-back:#eff4fc;
  
  --color-highlight-font:#f3b300;
  --color-highlight-back:#fff8e8;
  
  /* ========================
     Radii
  ========================= */
  --radius-button: 5px;
  --radius-box: 6px;
  
}

@font-face {
  font-family: "Font Awesome 5";
  font-display: swap ;
  font-style: normal;
  font-weight: normal;
  src: url(../../files/assets/fonts/fontawesome/fa-brands-400.woff2) format("woff2");
}

@font-face {
  font-family: "Font Awesome 5";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url(../../files/assets/fonts/fontawesome/fa-regular-400.woff2) format("woff2");
}

@font-face {
  font-family: "Font Awesome 5";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(../../files/assets/fonts/fontawesome/fa-solid-900.woff2) format("woff2");
}

@font-face {
  font-family: "Font Awesome 5";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url(../../files/assets/fonts/fontawesome/fa-light-300.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/assets/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/assets/fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/assets/fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/assets/fonts/open-sans/open-sans-v29-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/assets/fonts/open-sans/open-sans-v29-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/assets/fonts/open-sans/open-sans-v29-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/assets/fonts/open-sans/open-sans-v29-latin-700.woff2') format('woff2');
}
/* 40-login-reinigung.css */
.fewooffice_cleaninglist_filter{margin-bottom:20px;padding:10px 15px;border-radius: var(--radius-box);background-color: var(--color-gray-100);border: 1px solid var(--color-few-solid)}.fewooffice_cleaninglist_filter .filter{margin-top:5px;margin-bottom:5px}select{width:100%;position:relative;padding-right:10px;padding-left:10px;background-image:url("../../files/icons/icon-select.svg");background-position:right center;background-repeat:no-repeat;border:1px solid;font-size:13px;cursor:pointer;-moz-appearance: none;-webkit-appearance:none;-ms-appearance:none;background-size:10px auto;background-position:right 12px center;color: var(--text-color-formfields);background-color: var(--color-secb);border-color: var(--color-sec);border-radius: var(--radius-button)}#copyright .footer-nav{display: flex}#copyright .footer_nav{margin-left:auto}#footer .inside .copyright_inner{width:100%;max-width:1230px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}#footer #copyright a,#footer #copyright strong{font-size:12px;font-weight:normal;color:#ccc}footer #copyright{font-size:12px;color:#ccc;background-color: var(--color-copy)}footer #copyright .copyright_inner{padding-top:15px;padding-bottom:15px;display: flex;align-items: center;justify-content:center}a{text-decoration:underline;color:#07C}p.error{display:block;margin-bottom:20px;padding:15px;background-color:#FED9D8;border:1px solid #D8000C;color:#D8000C}form{margin-bottom:0}.block{overflow:visible}.block:after{float:none;clear:both;display:block;content:""}label{font-weight: var(--font-w-600);color: var(--text-color)}input[type=button],input[type=submit],input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{height:40px;font-size:14px;line-height:38px;-webkit-appearance:none;border-radius:var(--radius-button);font-family: var(--fw-font-family)}input[type=text],input[type=email],input[type=tel],input[type=password]{width:100%;height:48px;position:relative;padding-right:10px;padding-left:10px;background-color:#fff;border:1px solid #ccc;font-size:14px;line-height:46px;color:#333;border-radius:var(--radius-button);font-family: var(--fw-font-family)}input[type="submit"],input[type="button"],button{width:280px;height:48px;position:relative;display:block;margin-right:auto;margin-left:auto;text-align:center;border:0px solid;line-height:48px;color:#fff;cursor:pointer;border-radius: var(--radius-button);font-weight: 600;background-color: var(--color-cta)}#wrapper{flex-direction: column;display: flex;min-height: 100vh}#footer{margin-top:auto}#logo{max-width:200px;margin-right:auto}img{height:auto;max-width:100%;display:block}#header .inside{height:60px;padding-right:10px;padding-left:10px;background-color:#fff;-webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,.1);box-shadow:1px 1px 5px 1px rgba(0,0,0,.1);display:flex;align-items:center;border-bottom: 1px solid var(--color-few-solid)}p{margin-top:0;margin-bottom:10px;font-family: var(--fw-font-family)}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;line-height:1.2;font-weight: 600;font-family: var(--fw-font-headeline)}h1{margin-bottom:0;font-size:20px}h2{margin-bottom:12px;font-size:18px}h3{margin-bottom:12px;font-size:16px}body{background-color:#fff;font-size:14px;color:#333;font-weight:400;overflow-x:hidden;font-family: var(--fw-font-family)}body *{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box}.contentBlock + *{margin-top:20px}.guestMenu{overflow:hidden;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.15);border-radius:10px;display:flex;flex-wrap:wrap}.guestMenu .ce_hyperlink{width:100%}.guestMenu a{width:100%;height:50px;display:block;padding-right:15px;padding-left:15px;background-color:#fff;border-bottom:1px solid #ccc;line-height:50px;text-decoration:none;color:#333;display:flex;align-items:center}.guestMenu a:hover{background-color:#f4f4f4}.guestMenu a:before{width:30px;display:block;margin-right:15px;text-align:center;font-size:24px;content:"\f00d";font-weight:300;font-family: var(--font-icon)}.guestMenu .iconGastgeber a:before{color:#7db1b1;content:"\f562"}.guestMenu .iconCheckin a:before{color:#aa8e69;content:"\f5c1"}.guestMenu .iconSmartlock a:before{color:#7db1b1;content:"\f084"}.guestMenu .iconWlan a:before{color:#4a89dc;content:"\f1eb"}.guestMenu .iconBooking a:before{color:#967adc;content:"\f073"}.guestMenu .iconVote a:before{color:#f6bb42;content:"\f5c0"}.guestMenu .iconNextVacation a:before{color:#4a89dc;content:"\f558"}.guestMenu .iconKonto a:before{color:#8cc152;content:"\f4fe"}.guestMenu .iconLogout a:before{color:#da4453;content:"\f2f5"}.guestMenu a:after{display:block;margin-left:auto;font-size:20px;color:#07C;content:"\f0da";font-family: var(--font-icon)}.guestMenu .ce_hyperlink:last-child a{border-bottom:0 solid}.mod_login .checkbox_container > span{margin-top:10px;display:flex;align-items:center}.mod_login .checkbox_container label{margin:0;padding:0;font-size:13px;font-weight:normal}input[type="checkbox"]{width:20px;height:20px;margin:0 10px 0 0;padding:0;background-color:#fff;border:1px solid #ccc;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;border-radius:var(--radius-button)}input[type="checkbox"]:checked{background-image:url("../../files/icons/check.svg");background-position:center center;background-repeat:no-repeat;background-size:15px}.logout .login_info{text-align:center}.userImage{width:80px;height:80px;overflow:hidden;margin-top:20px;margin-right:auto;margin-left:auto;border-radius:50%}.backToList{width:100%;height:40px;position:relative;display:block;margin-top:15px;text-align:center;background-color:#f4f4f4;border:1px solid #ccc;border-radius:4px;color:#333;cursor: pointer;display:flex;align-items:center;justify-content:center;font-weight: var(--font-w-600)}.backToList.animateCheckmark{background-color:#419C45;border-color:#419C45;color:#fff;transition:background-color 0.6s ease, border-color 0.6s ease}.backToList.hidden{display:none}.cleaning_outstanding{color:#B40000}.cleaning_summary{padding:10px 15px;background-color:#eee;font-size:12px;font-weight: var(--font-w-600);border-bottom: 1px solid var(--color-few-solid)}.textbox{padding:15px;background-color:#fff;border: 1px solid var(--color-few-solid);border-radius: var(--radius-box)}.mod_login form p.error{max-width:280px;display: block;visibility: visible}.statusButton{width:48%;height:40px;text-align:center;background-color:#ccc;line-height:40px;color:#fff;cursor:pointer;border-radius:var(--radius-button)}.statusButton.statusDone{background-color:#419C45}.statusButton.statusOpen{background-color:#B20900}.statusButtons{padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.statusRow:before{width:34px;font-size:26px;content:"\f00d";font-family: var(--font-icon)}.status1.statusRow:before{color:#8EC04F;content:"\f356"}.status2.statusRow:before{color:#DFC337;content:"\f355"}.objectInformation{padding:15px;background-color:#fff;border: 1px solid var(--color-few-solid);border-radius: var(--radius-box)}.objectDescription{padding-top:15px;padding-bottom:15px;border-bottom: 1px solid var(--color-few-solid)}.objectDescription > *:last-child{margin-bottom:0;padding-bottom:0}.statusRow{min-height:50px;display:flex;align-items:center;font-weight: var(--font-w-600);border-bottom: 1px solid var(--color-few-solid)}.statusBar{height:20px;margin-left:auto;padding-right:8px;padding-left:8px;background-color:#ccc;border-radius:3px;font-size:12px;line-height:20px;color:#fff;font-weight: var(--font-w-600)}.status1 .statusBar{background-color:#8EC04F}.status2 .statusBar{background-color:#DFC337}.dtlGroup1 > *:after{margin-right:5px;content:","}.dtlGroup1 > *:first-child:after,.dtlGroup1 > *:last-child:after{display:none}.dtlGroup1 .objectSize{width:100%;text-align:center;font-size:24px;font-weight: var(--font-w-600)}.dtlGroup1{display:flex;flex-wrap:wrap;justify-content:center}.dtlDepartureStatus{width:200px;height:40px;bottom:-20px;position:absolute;margin-left:-100px;text-align:center;background-color:#ccc;border-radius:20px;line-height:40px;color:#fff;left:50%}.dtlDepartureStatus.departed{background-color:#419C45}.dtlDepartureStatus.arrived{background-color:#B20900}.dtlObjectTitle{display:inline-block;margin-top:15px;margin-bottom:15px;text-align:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-size:18px;font-weight:normal;font-weight:600}.objectDetails{position:relative;margin-bottom:40px;padding-bottom:40px;text-align:center;background-color:#fff;border: 1px solid var(--color-few-solid);border-radius: var(--radius-box)}.dtlObjectImage{overflow:hidden;border-radius:10px}.dtlObjectImage:after{bottom:0;left:0;right:0;top:30%;position:absolute;display:block;border-bottom-right-radius:10px;border-bottom-left-radius:10px;content:"";/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+2,000000+100&0+0,0.65+100 */background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 2%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 2%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}#main{padding:15px 15px 30px}.cleanerList{overflow:hidden;background-color:#fff;border: 1px solid var(--color-few-solid);border-radius: var(--radius-box)}.cleanerListItem{position:relative;padding:15px;display:flex;align-items:center;border-bottom: 1px solid var(--color-few-solid)}.cleanerListItem:after{bottom:0;right:10px;top:0;position:absolute;font-size:30px;color:#07C;content:"\f0da";display:flex;align-items:center;font-family: var(--font-icon)}.cleanerListItem:last-child{border-bottom:0 solid}.objectImage{width:100px;height:100px;margin-right:20px;flex-shrink:0}.objectImage img{width:100%;height:100%;object-fit:cover}.cleanerListItem .group1{width: calc(100% - 140px)}.objectTitle{overflow:hidden;display:block;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis}.objectAdress{margin-bottom:6px;font-size:12px;color:#666}.departureStatus,.cleaningStatus{font-size:13px;line-height:22px;font-weight:600}.statusDone:before,.statusOpen:before{width:16px;display:inline-block;margin-right:5px;text-align:center;content:"\f00c";font-family: var(--font-icon)}.statusOpen:before{content:"\f068"}.cleanerList .statusDone{color:#419C45}.cleanerList .statusOpen{color:#B20900}.objectAdress:before{margin-right:5px;content: "\f3c5 ";font-family: var(--font-icon)}.detailButton{bottom:0;left:0;right:0;top:0;position:absolute;opacity:0;z-index:9}.headLine,header .backToList{display:block;font-size:16px;font-weight:bold;text-decoration:none;color:#07C}.backToList:before{width:0;overflow:hidden;display:inline-block;margin-right:10px;font-weight:normal;content: "\f00c";font-family: var(--font-icon)}.backToList.animateCheckmark:before{width:16px;transition:width 0.8s ease}.mod_login{margin-top:15px}.dienstLogin .widget-text{margin-bottom:10px}.mod_login label{display:block;margin-bottom:4px}.mod_login button{margin-top:20px}.mod_login > h2{text-align:center}@media only screen and (min-width: 800px) { #container{max-width:1000px;margin-right:auto;margin-left:auto;}}@media only screen and (min-width: 800px) { .guestMenu .ce_hyperlink{width:48%;margin-right:4%;}}@media only screen and (min-width: 800px) { .guestMenu .ce_hyperlink:nth-child(2n+2){margin-right:0;}}@media only screen and (min-width: 800px) { .guestMenu .ce_hyperlink:nth-child(5) a{border-bottom:0;}}@media only screen and (min-width: 800px) { .guestMenu{padding:15px;}}
/* 2026-07-kalender-fenster.css */
#fewo_filter_period select{line-height: 38px;height: 40px;background-color: #e2ecff;color: #074dcc;font-weight: 600;transition:background-color 150ms ease,border-color 150ms ease}#fewo_requestform_filter_period .period_hint{margin-top:20px}.filter_period_modal .fewo_bookingplan{padding:0}[id*="_filter_period_close"]{width:60px;height:60px;right:0;top:0;position:absolute;display:flex;color:#fff;align-items:center;justify-content:center;cursor:pointer}[id*="_filter_period_close"]:after{font-size:24px;font-family: var(--font-icon);content:"\f00d";font-weight:300}[id*="_filter_period_close"]:hover{opacity:0.6}#fewo_filter_period .period_mode_select{display: flex;gap: 4px;width: 100%;max-width: 400px;box-sizing: border-box;margin: 0 auto 12px;padding: 4px;border: 1px solid var(--color-few-solid);border-radius: 4px;background: #fff}#fewo_filter_period .period_mode_btn{height:38px;margin:0;padding:8px 12px;border:0;font-size:14px;flex: 1 1 0;min-width: 0;min-height: 38px;box-sizing: border-box;border-radius: 4px;background: transparent;color: #43516f;font-weight: 500;cursor: pointer;text-shadow: none;box-shadow: none;display:flex;align-items:center;justify-content:center;transition: background-color 150ms ease, color 150ms ease}#fewo_filter_period .period_mode_btn:hover{font-weight:500}#fewo_filter_period .period_mode_btn.active{background: #e2ecff;color: #074dcc;font-weight: 600;cursor: default}#fewo_filter_period .period_flex_chips,#fewo_filter_period .period_duration_row{display: flex;align-items: center;gap: 8px;min-height: 60px;box-sizing: border-box;margin: 0 20px;padding: 10px 0}#fewo_filter_period .period_duration_row{overflow:visible}#fewo_filter_period .period_flex_chips::-webkit-scrollbar{flex-wrap: wrap}#fewo_filter_period .period_flex_chip{height:36px;margin:0;padding:0 15px;white-space:nowrap;border-radius:18px;font-size:12px;line-height:1;flex: none;border: 1px solid var(--color-few-solid);background: #fff;text-shadow: 0 0 BLACK;color:inherit;font-weight:600}#fewo_filter_period .period_flex_chip:hover{border-color:rgba(0,0,0,.3)}#fewo_filter_period .period_flex_chip.active{border-color: #2862ff;background: #e2ecff;color: #074dcc;font-weight: 600;cursor: default}.filter_period_modal_body .fewo_calendar td.month{position:relative}.period_cal_nav{width:32px;height:32px;top:50%;position:absolute;padding:0;border:1px solid #0002;font-size:14px;line-height:1;border-radius: var(--radius-button);background: #fff;color: var(--text-color);font: inherit;cursor: pointer;transform: translateY(-50%);text-shadow: 0 0 BLACK}.period_cal_nav:hover{background-color:#fff;opacity:0.7}.period_cal_prev{left:6px}.period_cal_next{right:6px}.period_cal_nav:disabled{opacity: .35;cursor: default}#fewo_filter_period .period_duration_row > label{padding:0;font-size:13px;flex: none;color:var(--text-color);font-weight: 600}#fewo_filter_period .period_duration_row #filter_traveldate_selection{flex: 1}.period_hint{margin:0 20px;padding:10px 15px;font-size:13px;border-radius: var(--radius-box);background: var(--color-layout-1)}.period_hint.dim{background-color: var(--color-gray-100)}.fewo_overlay_content{top:0;right:0;bottom:0;left:0;position:fixed;display:flex;align-items: center;justify-content: center;z-index: 1000}.periodReset{height:36px;margin-right:auto;text-decoration:underline;color:#47403a;cursor:pointer;align-items:center;flex-shrink:0;display:flex}.periodReset:before{font-size:18px;content:"\f2ed";font-family: var(--font-icon);margin:0 8px 0 0;font-weight:300}.periodReset:hover{text-decoration:none}.fewo_overlay .filter_period_modal_body{padding:12px 20px 0}.filter_period_modal .fewo_calendar{margin-bottom:0;padding:8px;border:1px solid;border-radius:4px;width: calc(100% / 2 - 8px);border-color:var(--color-few-solid)}#submit_period_modal,#submit_requestfrom_period_modal{width:260px;height:46px;display:flex;padding-right:20px;padding-left:20px;border:0px;font-size:14px;cursor: pointer;font-weight:600;background-color: var(--color-cta);border-radius: var(--radius-button);color:var(--color-ctafont);align-items:center;justify-content:center;text-shadow: 0 1px 0 rgba(0, 0, 0, .7);box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px}#submit_period_modal:hover,#submit_requestfrom_period_modal:hover{text-decoration:none;background-color: var(--color-ctah)}.filter_period_modal .period_actions{margin:20px 0 0;padding:12px 20px;background-color: var(--color-gray-100);align-items: center;gap: 12px;display: flex}.filter_period_modal #filter_traveldate_selection .fmSelectbox,.filter_period_modal #filter_traveldate_selection select{width:175px;float:left}.filter_period_modal .filter_period_modal_header{height:60px;position:relative;display:flex;padding-right:20px;padding-left:20px;background-color: var(--color-blue-dark);align-items:center}.filter_period_modal .filter_period_modal_header h3{margin-bottom:0;font-size:18px;color:#fff;font-weight: 400}.filter_period_modal{width:830px;position:relative;overflow:hidden;background-color:#fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);z-index: 99999999;border-radius:var(--radius-box)}.fewo_overlay .fewo_overlay_background{bottom:0;left:0;right:0;top:0;position:fixed;background-color:rgba(0,0,0,.35);z-index: 9}.fewo_overlay{background: transparent none repeat scroll 0 0 !important;opacity: 1 !important;z-index: 99999999999 !important;width: 100% !important;height: 100% !important;left: 0 !important;right: 0 !important;top: 0 !important;bottom: 0 !important}.filter_period_modal .fewo_calendar td{height:48px}@media only screen and (max-height: 820px){.filter_period_modal {    height:96vh;    }}@media only screen and (max-height: 820px){[id*="_filter_period_close"] {    height: 50px;    }}@media only screen and (max-height: 820px){#fewo_filter_period .period_flex_chips,#fewo_filter_period .period_duration_row {    height: 64px;    }}@media only screen and (max-height: 820px){.filter_period_modal_body .fewo_bookingplan {    margin-top:auto;    height: calc(100vh - 350px);    }}@media only screen and (max-height: 820px){.fewo_overlay .filter_period_modal_body {    padding: 15px 20px;    }}@media only screen and (max-height: 820px){#fewo_requestform_filter_period .filter_period_modal_body .fewo_bookingplan {    height: calc(100vh - 227px);    }}@media only screen and (max-height: 820px){.filter_period_modal .filter_period_modal_header {    height: 50px;    }}@media only screen and (max-height: 820px){#fewo_filter_period .period_mode_btn {    height: 32px;    }}@media only screen and (max-height: 820px){.filter_period_modal_body .fewo_calendar tr {    height:calc(100% / 8);    }}@media only screen and (max-height: 820px){.filter_period_modal_body  .fewo_calendar tbody,.filter_period_modal .fewo_calendar {    height:100%;    padding-bottom: 2px;    }}@media only screen and (max-height: 820px){.filter_period_modal_body .fewo_calendar td,.filter_period_modal_body .fewo_calendar td.month,.filter_period_modal_body .fewo_calendar tbody tr:nth-child(2) td {    margin:1px;    height:calc(100% - 2px);    }}@media only screen and (max-height: 820px){.filter_period_modal_body .fewo_calendar td.arrival,.filter_period_modal_body .fewo_calendar td.departure,.filter_period_modal_body .fewo_calendar td.arrival:hover,.filter_period_modal_body .fewo_calendar td.departure:hover {    background-image:none;    }}@media only screen and (max-height: 820px){.filter_period_modal .period_actions {    padding: 10px 20px;    margin:15px 0 0 0;    }}@media only screen and (max-height: 820px){#submit_period_modal,#submit_requestfrom_period_modal {    height: 38px;    }}