/* ------------------------------------------- @fewo/index~aktionen (public) ------------------------------------------- */ #box_fewo_index_aktionen{margin-top:1em}@media screen and (min-width:780px){#box_fewo_index_aktionen{align-self:start;position:sticky;top:120px}}@media print{#box_fewo_index_aktionen #actionWrap{width:100%;display:flex;justify-content:space-between}#box_fewo_index_aktionen #actionWrap>.box{flex:2 1 100%}}@media screen and (min-width:780px){#box_fewo_index_aktionen #actionWrap .box{margin-left:5%}}#box_fewo_index_aktionen #actionWrap .box #preisForm>label{position:relative;display:grid;align-items:center;width:100%;height:2.5em;margin-bottom:10px;border:1px solid var(--color-default);border-radius:var(--border-radius);font:400 1rem/1.5rem var(--font-default);color:var(--color-default);background-color:var(--color-gray);cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisForm>label button{width:100%;height:100%;border:0;border-left:1px solid var(--color-default);border-radius:0;cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.date{grid-template-columns:auto 3em}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.date::before{content:attr(data-vontag) ' ' attr(data-von) ' bis ' attr(data-bistag) ' ' attr(data-bis);padding-left:1em}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.personen{grid-template-columns:130px auto 3em 3em}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.personen span{padding-left:1em}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.personen input{appearance:textfield;width:60px;margin-right:auto;border:0;background:#0000}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.personen button{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:2em}#box_fewo_index_aktionen #actionWrap .box #preisForm>label.personen button[disabled]{opacity:.2}#box_fewo_index_aktionen #actionWrap .box #preisForm>small{display:block;font-size:.75em;margin-top:-1em;margin-left:1.5em}#box_fewo_index_aktionen #actionWrap .box #preisForm details{position:relative;margin-bottom:10px;padding:8px 5px 8px 5px;border:1px solid #78909C;border-radius:4px;background-color:var(--color-gray);color:#263238;transition:background-color .15s}#box_fewo_index_aktionen #actionWrap .box #preisForm details summary{display:block;position:relative;cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisForm details summary::after{content:'';position:absolute;top:50%;right:5px;width:15px;height:8px;transform:translateY(-50%);background:var(--color-gray) url(/snips/mod/template_frontend/dropdown.png) no-repeat;text-align:right;transition:transform .2s ease-in-out}#box_fewo_index_aktionen #actionWrap .box #preisForm details summary::-webkit-details-marker{display:none}#box_fewo_index_aktionen #actionWrap .box #preisForm details[open] summary::after{transform:translate(0,-100%) rotate(180deg)}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul{list-style-type:none}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul li{font-size:14px;text-align:center;margin:4px 0;border:1px solid transparent;cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul li.disabled{border-color:var(--color-default);cursor:default}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul:hover li{border-color:transparent}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul:hover li.disabled{border:1px dotted var(--color-default)}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul:hover li:hover{border-color:var(--color-default)}#box_fewo_index_aktionen #actionWrap .box #preisForm details ul:hover li:hover.disabled{border:1px solid var(--color-default)}#box_fewo_index_aktionen #actionWrap .box #angebotsForm{display:flex;flex-direction:column;height:0;overflow:hidden;interpolate-size:allow-keywords;transition:height .5s}#box_fewo_index_aktionen #actionWrap .box #angebotsForm.active{height:auto}#box_fewo_index_aktionen #actionWrap .box #angebotsForm.active~ button{margin-top:2em}#box_fewo_index_aktionen #actionWrap .box #preisInfo{position:relative;margin-bottom:10px;padding:20px 5px;text-align:center;background-color:#fff;color:var(--color-lite)}@media screen and(max-height:600px){#box_fewo_index_aktionen #actionWrap .box #preisInfo{margin:20px 0}}@media screen and(max-height:550px){#box_fewo_index_aktionen #actionWrap .box #preisInfo{margin:10px 0}}@media screen and(max-height:500px){#box_fewo_index_aktionen #actionWrap .box #preisInfo{margin:0}}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer]{position:relative;display:flex;align-items:center;min-height:2.4em;max-width:400px;margin:.25em auto;padding:0 3.4em 0 1em;border:1px solid var(--color-red);border-radius:2.4em;box-shadow:0 0 5px var(--color-red),inset 0 0 2px var(--color-red)}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer]::after{content:attr(data-stoerer);position:absolute;inset:2px 2px 2px auto;display:flex;align-items:center;justify-content:center;height:calc(100% - 4px);padding:2px;aspect-ratio:1;border-radius:50%;background-color:var(--color-red);color:#fff;font-size:.75em;font-weight:700}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer] s{position:relative;text-decoration:none;margin:0 .5em}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer] s::after{content:'';position:absolute;inset:0 0 .8em -.3em;width:105%;transform:rotate(-21deg);border-bottom:2px solid var(--color-red)}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer] b{color:var(--color-red)}#box_fewo_index_aktionen #actionWrap .box #preisInfo [data-stoerer] em{flex:1;text-align:center}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preset{display:grid;grid-template-columns:1fr 30px 1fr;cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preset:hover{color:var(--color-hilite)}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preset span:first-child{text-align:right}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preset span:last-child{text-align:left}#box_fewo_index_aktionen #actionWrap .box #preisInfo li{display:grid;grid-template-columns:auto 75px}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.discrete{display:none}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.topBorder{border-top:1px solid var(--color-bg-medium)}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.summe{font-weight:700}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.summe .preis-label{grid-template-columns:auto 75px;text-align:right}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.summe.gesamtpreis{color:var(--color-lite)}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.summe.endpreis{font-weight:700;border-bottom:1px solid var(--color-bg-medium)}#box_fewo_index_aktionen #actionWrap .box #preisInfo li.summe.endpreis .preis-label{grid-template-columns:auto;padding-right:1em}#box_fewo_index_aktionen #actionWrap .box #preisInfo li .preis-label{display:grid;grid-template-columns:max-content auto;column-gap:.5em;align-items:baseline}#box_fewo_index_aktionen #actionWrap .box #preisInfo li .preis-label .preis-anzahl{min-width:36px}#box_fewo_index_aktionen #actionWrap .box #preisInfo li .preis-value{text-align:right}#box_fewo_index_aktionen #actionWrap .box #preisInfo li .preis-value.preis:empty::before{content:'inkl.'}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser{font-size:2.3em;font-weight:700}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser span{line-height:2em}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser .sprite.info{display:inline-block;cursor:pointer}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser .streichpreis{font-size:.6em}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser .streichpreis s{text-decoration:line-through !important;position:relative;padding:0 2px;text-decoration:none !important}#box_fewo_index_aktionen #actionWrap .box #preisInfo .preisTeaser .streichpreis s:before{position:absolute;content:"";left:0;top:40%;right:0;border-top:3px solid;border-color:var(--color-red);transform:rotate(-6deg)}#box_fewo_index_aktionen #actionWrap .box #preisInfo .belegt{font-size:.9em;font-weight:700;color:var(--color-red)}#box_fewo_index_aktionen #actionWrap .box #preisInfo .verfuegbar{color:var(--color-green)}#box_fewo_index_aktionen #actionWrap .box #preisInfo #loadPrice{height:100%;min-height:64px;background-position:center;background-repeat:no-repeat}#box_fewo_index_aktionen #actionWrap .box #preisInfo .stoerer{position:absolute;top:10px;left:10px;z-index:31;display:none}@media print{#box_fewo_index_aktionen #actionWrap .box #actionButtonBar{display:none}}#box_fewo_index_aktionen #actionWrap .box #vermieter{padding:0 0 10px 0;text-align:center}#box_fewo_index_aktionen #actionWrap .box #vermieter ._button{position:relative;top:10px}#box_fewo_index_aktionen #actionWrap .box #vermieter ._button .social{position:absolute;top:2px;right:0;box-shadow:0 0 5px #98f5f8;border-radius:12px}@media screen and(max-height:550px){#box_fewo_index_aktionen #actionWrap .box #vermieter{border-top:0;padding:0}#box_fewo_index_aktionen #actionWrap .box #vermieter span,#box_fewo_index_aktionen #actionWrap .box #vermieter .bewertung{display:none}#box_fewo_index_aktionen #actionWrap .box #vermieter ._button{top:0}}#box_fewo_index_aktionen #actionWrap .box .lastminute{width:100%;margin:10px 0;padding:5px;border:1px solid var(--color-bg-default);border-radius:6px;line-height:18px;background-color:var(--color-white);color:var(--color-red)}@media screen and(max-height:480px){#box_fewo_index_aktionen #actionWrap .box .lastminute{display:none}}#box_fewo_index_aktionen #actionWrap .box .lastminute em{display:block;font-style:normal;font-size:.8em;font-weight:700}#box_fewo_index_aktionen #actionWrap .box .lastminute span{display:block;float:right;width:50px;height:50px;border-radius:50%;box-shadow:0 0 1px #900;background-color:var(--color-red);color:#fff;font:var(--font-default-bold) 32px/50px var(--font-fancy);text-align:center;transform:rotate(-10deg)}#box_fewo_index_aktionen #actionWrap .contact-box{position:relative;margin:30px 0 0 0;border:1px solid #fff;background-color:#fff;border-radius:var(--border-radius)}@media screen and (min-width:780px){#box_fewo_index_aktionen #actionWrap .contact-box{margin-left:5%}}@media print{#box_fewo_index_aktionen #actionWrap .contact-box{margin-top:0;padding-top:.5rem}}#box_fewo_index_aktionen #actionWrap .contact-box>span{display:block;padding:.5rem 1rem .5rem 1rem;border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:500;background-color:var(--color-default);color:var(--color-white);text-align:center}@media print{#box_fewo_index_aktionen #actionWrap .contact-box>span{border:1px solid #000;border-radius:var(--border-radius);background:#0000}}#box_fewo_index_aktionen #actionWrap .contact-box img{width:100%}#box_fewo_index_aktionen #actionWrap .contact-box .-inner{padding:.5rem .5rem 0 .5rem}#box_fewo_index_aktionen #actionWrap .contact-box .-inner .-phone{display:block;font-weight:500;padding-bottom:1rem}#box_fewo_index_aktionen #messageBox:not(:empty){position:sticky;bottom:1em;z-index:5;width:calc(100% - 2em);margin:2em;padding:1em;border:3px solid var(--color-red);border-radius:var(--border-radius);background-color:#fff;line-height:1.25em}#popPreisInfo,#inlinePreisInfo{list-style-type:none}:is(#popPreisInfo,#inlinePreisInfo) li{display:flex;justify-content:space-between;font-size:.9rem;font-weight:400;color:var(--color-default);text-align:left;border-top:1px dotted #CCC}:is(#popPreisInfo,#inlinePreisInfo) li:first-child{border-top:0}:is(#popPreisInfo,#inlinePreisInfo) li.gesamt{font-weight:700;border-top:3px double #ccc}:is(#popPreisInfo,#inlinePreisInfo) li.pronacht{border-top:1px solid #ccc} /* ------------------------------------------- @fewo/index~images (public) ------------------------------------------- */ #box_fewo_index_images{--img-gap:3px}#box_fewo_index_images #gallery{position:relative}#box_fewo_index_images #gallery::after{content:'\2192 mehr Bilder';position:absolute;bottom:1em;right:1em;color:#fff;text-shadow:var(--text-shadow);pointer-events:none}#box_fewo_index_images .gallery-wrapper{display:grid;grid-template-rows:2fr 1fr;gap:var(--img-gap);width:100%;background-color:var(--color-white)}#box_fewo_index_images .gallery-wrapper .image{display:flex}#box_fewo_index_images .gallery-wrapper .image>img{object-fit:cover;width:100%;height:100%}#box_fewo_index_images .gallery-wrapper .image-wrapper-1 .image{height:100%}#box_fewo_index_images .gallery-wrapper .image-wrapper-2{display:flex;gap:var(--img-gap)}#box_fewo_index_images .gallery-wrapper .image-wrapper-3{display:none}#box_fewo_index_images .gallery-wrapper .image-wrapper-3>*{aspect-ratio:4/3}@media(min-width:500px){#box_fewo_index_images .gallery-wrapper{grid-template-rows:1fr;grid-template-columns:1fr 2fr}#box_fewo_index_images .gallery-wrapper .image-wrapper-1{order:2}#box_fewo_index_images .gallery-wrapper .image-wrapper-1 .image{height:100%}#box_fewo_index_images .gallery-wrapper .image-wrapper-1 .image>img{height:100%}#box_fewo_index_images .gallery-wrapper .image-wrapper-2{order:1;flex-wrap:wrap}}@media(min-width:768px){#box_fewo_index_images .gallery-wrapper .image-wrapper-3{order:3;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--img-gap);max-width:100%}}#box_fewo_index_images .gallery-wrapper>.image:nth-child(n+4){display:none}.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:.7;animation:slbOverlay .5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{display:inline-block;vertical-align:middle;margin:0 auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:1em}.slbContent{position:relative}.slbContentEl .slbContent{animation:slbEnter .7s;background-color:#fff;box-shadow:0 .2em 1em #0006}.slbImageWrap{animation:slbEnter .7s;position:relative}.slbImageWrap:after{content:"";position:absolute;inset:1em 0 1em 0;z-index:-1;display:block;box-shadow:0 .2em 1em #0009;background-color:#fff}.slbDirectionNext .slbImageWrap{animation:slbEnterNext .3s}.slbImageWrap.leaveNext{animation:slbLeaveNext .4s}.slbDirectionPrev .slbImageWrap{animation:slbEnterPrev .3s}.slbImageWrap.leavePrev{animation:slbLeavePrev .4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:1em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#ffffffb3;text-align:center}.slbCloseBtn,.slbArrow{position:absolute;right:1em;top:1em;margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:.5}.slbCloseBtn:active,.slbArrow:active{opacity:.8}.slbCloseBtn{animation:slbEnter .7s;font-size:3em;line-height:1.66667em;width:1.66667em;height:1.66667em;position:absolute;right:-.33333em;top:0;color:#ffffffb3;text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#ffffffe6}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid #0000}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 .2em 1em #0009;background:#000}@keyframes slbOverlay{from{opacity:0}to{opacity:.7}}@keyframes slbEnter{from{opacity:0;transform:translate3d(0,-1em,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slbEnterNext{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slbLeaveNext{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes slbEnterPrev{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slbLeavePrev{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,0,0)}}