/* Theme integration: the source stylesheet and branding files are mapped in /assets/brand/manifest.json. */
@font-face{font-family:RentalRoboto;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/brand/Roboto-300.woff2') format('woff2')}
@font-face{font-family:RentalRoboto;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Roboto-regular.woff2') format('woff2')}
@font-face{font-family:RentalRoboto;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/brand/Roboto-500.woff2') format('woff2')}
@font-face{font-family:RentalRoboto;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/brand/Roboto-700.woff2') format('woff2')}
@font-face{font-family:RentalRoboto;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/brand/Roboto-900.woff2') format('woff2')}
@font-face{font-family:RentalGochi;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Gochi-Hand-regular.woff2') format('woff2')}
@font-face{font-family:RentalHand;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Handlee-regular.woff2') format('woff2')}
body.customer-site{font-family:RentalRoboto,Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.4;color:#555;background:#fff;min-width:0;overflow-x:clip}
.brand-skip{position:absolute;top:-100px;left:16px;z-index:1100;padding:12px;background:#fff;color:#19304f}
.brand-skip:focus{top:12px}
.brand-shell a{text-decoration:none}
.brand-shell #logo-3 a{color:inherit}
#logo-1{display:flow-root}
#logo-2{display:block}
#logo-2 img{display:block;object-fit:contain}
#logo-4,.bellenmobile25,.opsomming3,.googlemaps,#footerrechts,.belbutton12{background-image:url('/assets/brand/sprite.png')}
#logo-5{background-image:url('/assets/brand/business-logo.png')}
#cssmenu-3201 ul li a,#cssmenu-3536 ul li a,#cssmenu-3536 #menu-button{font-family:RentalRoboto,Arial,sans-serif!important}
#cssmenu-3201>ul>li.active>a,#cssmenu-3536>ul>li.active>a{background:#38b398!important;color:#fff!important}
#cssmenu-3536 #menu-button{width:100%;text-align:left;border:0;cursor:pointer;border-radius:0;box-sizing:border-box;background:#555;color:#fff;margin:0;letter-spacing:0}
#cssmenu-3536 [hidden]{display:none!important}
#cssmenu-3536 ul.open{display:block!important}
#mobielbellen .brand-call-links{padding-left:55px;color:#fff;font-size:18px;line-height:1.25}
#mobielbellen a{color:#fff}
#mobielbellen strong{font-size:28px;font-weight:700}
#container-compleet-midden-content{overflow:visible;min-height:0;display:flow-root}
#reservation-content{padding-top:25px;padding-bottom:50px;scroll-margin-top:24px}
.reservation-page .entry-title{font-family:RentalRoboto,Arial,sans-serif;font-size:28.8px;font-weight:700;color:#555;line-height:1.2;margin:0 0 14px}
.reservation-introduction{max-width:1050px;margin-bottom:28px;line-height:1.5}
.reservation-introduction p{margin:0 0 14px}
.reservation-introduction strong{font-weight:700}
.reservation-ui{font-size:16px;font-weight:400;line-height:1.5;--bs-primary:#267e6d;--bs-primary-rgb:38,126,109;--bs-link-color:#267e6d}
.reservation-ui label{display:inline-block;margin-bottom:.5rem;font-weight:400}
.reservation-ui .form-control{display:block;width:100%;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background:#fff;border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;box-shadow:none}
.reservation-ui .form-control:focus{border-color:#38b398;box-shadow:0 0 0 .2rem rgb(56 179 152 / .2);outline:0}
.reservation-ui textarea.form-control{min-height:110px}
.reservation-ui .input-group-text{font-size:1rem;line-height:1.5;padding:.375rem .75rem;border:1px solid #ced4da;color:#555;background:#f8f9fa}
.reservation-ui .input-group>input{min-width:0}
.reservation-ui .form-check-input{appearance:auto;width:1em;height:1em;margin-top:.25em;vertical-align:top}
.reservation-ui .btn-primary{--bs-btn-bg:#267e6d;--bs-btn-border-color:#267e6d;--bs-btn-hover-bg:#1b6658;--bs-btn-hover-border-color:#1b6658;--bs-btn-active-bg:#1b6658;--bs-btn-active-border-color:#1b6658;color:#fff;background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color);font-family:inherit;box-shadow:none;text-shadow:none}
.reservation-ui .btn{font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem .875rem;border-radius:.375rem}
.reservation-ui .btn:hover{color:#fff;background:#1b6658;border-color:#1b6658}
.reservation-ui .modal{font-family:RentalRoboto,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}
.reservation-ui .modal-dialog{margin:1.75rem auto}
.reservation-ui .modal-title{font-size:1.25rem;font-weight:500}
.reservation-ui .card{font-size:18px;font-weight:400;line-height:1.5;border:1px solid #dee2e6;border-radius:.375rem}
.reservation-ui .card-title{font-size:1.25rem;font-weight:500;line-height:1.2;margin-bottom:.5rem}
.reservation-ui .card-img-top{display:block;width:100%;height:auto}
.reservation-ui .card-body{padding:1rem}
.reservation-ui small{font-size:.875em}
.reservation-ui .form-text{margin-top:.25rem}
#footer1 h2{font-size:21.6px;line-height:1.4;font-weight:700;color:#999;margin:0}
#footer1 address{font-style:normal;margin:0 0 22px;line-height:1.3}
#footer1 .block11 p{margin:0 0 22px;line-height:1.3}
#footer1 .block11 a{color:inherit}
#footer1-2{display:flow-root}
#footer1-3{display:flow-root;padding-top:28px;padding-bottom:24px}
#footer1 #footermidden{font-size:16px;line-height:1.4;max-width:650px}
#footer1 #footermidden p{margin:0}
#footerrechts2{font-size:16px}
.brand-reviews{position:absolute;right:0;top:45px;padding:16px;color:#555;border-top:5px solid #38b398;box-shadow:0 1px 5px #ccc;background:#fff;font-weight:400}
.brand-reviews i{margin-right:8px;color:#267e6d}
@media(max-width:1300px){#menutopper{position:relative;left:auto;top:-8px}#hurentxt{display:none}}
@media(max-width:1000px){#footer1 .brand-reviews{display:none}}
@media(max-width:767px){#reservation-content{padding:25px 15px 35px}#container-compleet-midden-content{padding:25px 0 0}#footer1-3{padding-top:25px}#footermidden{display:block;float:none;margin-bottom:22px}#footerrechts2{float:none}.reservation-ui .modal-dialog{margin:.5rem}.reservation-ui .form-row>[class*=col]{width:100%}}
@media(max-width:480px){#logo-3{display:none}.reservation-page .entry-title{font-size:28.8px}#container-3{padding:0 30px}#container-compleet-midden-content{padding-top:35px}.reservation-ui>.container-fluid{padding-left:0;padding-right:0}.reservation-introduction{font-size:17px}#footer1 #footermidden{display:block!important}#footer1-3{padding:24px 25px}.brand-shell #logo-2{margin-top:30px}#cssmenu-3536 #menu-button{min-height:59px}}

.brand-shell a:focus-visible,#menu-button:focus-visible{outline:3px solid #38b398;outline-offset:3px}

.customer-site{--bs-body-font-family:RentalRoboto,Arial,sans-serif}
.customer-site .card{font-family:RentalRoboto,Arial,sans-serif}

.reservation-ui .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}
.reservation-ui .input-group>.form-control{position:relative;flex:1 1 auto;width:1%;min-width:0}
.reservation-ui .input-group>.input-group-prepend{flex:0 0 auto}

/* Keep inherited theme and pseudo-element font faces on the reservation origin too. */
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/brand/Roboto-300.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Roboto-regular.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/brand/Roboto-500.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/brand/Roboto-700.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/brand/Roboto-900.woff2') format('woff2')}
@font-face{font-family:'Gochi Hand';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Gochi-Hand-regular.woff2') format('woff2')}
@font-face{font-family:Handlee;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/Handlee-regular.woff2') format('woff2')}
#cssmenu-3201,#cssmenu-3536{font-family:RentalRoboto,Arial,sans-serif!important}

#container-3{background-image:url('/assets/brand/background.jpg')}
#mobielbellen .belbutton12{background-image:linear-gradient(to bottom,#ffc92b,#ce9a01);background-repeat:no-repeat}
#mobielbellen .brand-call-links a{display:inline;font-size:inherit;font-weight:inherit;width:auto}

@media(max-width:768px){#container-3{background-image:none}}
