#LoginBox{position: absolute;width:99%;top:200px;z-index: 800;margin-bottom: -31px;} #LoginBox form{width: 140px;height:auto;background-color: #FFFFFF;border: 1px solid black;border-radius: 15px;box-shadow: 10px 10px 5px #aaaaaa;margin: 0 auto;font-size:90%;padding:10px;} #LoginBox input{display:block;padding:0;margin-bottom:5px;width:120px;height:auto;} body{margin:0;} #cms{font-size: 100%;box-sizing: border-box;} #InPageComps tr{border:none;} #InPageComps table{min-width: inherit;} #cms.book .hero{height: auto;} #cms.book #main-content{padding-top:7rem;} #cms.book #book-now-bottom{display: none !important;} .menu > li > a{color: #FFDA1A;} #cms.book #button_sprache{display: none !important;} #cms .button.filter.active, #cms .button.filter.active:focus{color: #FFDA1A;background-color: #ffffff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);} #cms .button.filter:focus{color: #ffffff;background-color: inherit;box-shadow: inherit;} #cms .linkfeld{display: none;} #cms .ab_formular.layout_0{max-width: 60em;margin: 0 auto;} #cms p > a{color:#FFDA1A;font-weight: bold;} #cms p > a.button{text-decoration: none;} #cms .fa{font-style: normal;line-height: 1;} #cms .hide2{display: none !important;} .foundation-mq{font-family: "small=0em&medium=40em&large=64em&xlarge=81.25em&xxlarge=90em";} #cms iframe#bwoIframe{position:static;} #cms iframe.streetview, iframe.streetview{position: fixed;display: block;border: none;height: 100%;width: 100%;} #cms iframe.streetview2, iframe.streetview2{position: static;display: block;border: none;height: 100%;width: 100%;} button{-webkit-appearance: none;-moz-appearance: none;background: transparent;padding: 0;border: 0;border-radius: $global-radius;line-height: 1;} #cms .toggle-btn img.toggle-btn-gutzeichen{margin-top: -3.2em;} #cms .image{display:block;} #cms .icon-tip{position: relative;} #cms .icon-tip span{display: none;position: absolute;top:3rem;} #cms .icon-tip .tooltip{position: relative;left:-50%;margin-left: -4rem;} #cms .icon-tip:hover span{display: inline;} #cms .swiper-fullscreen-content h1{font-size: 2.75rem;} @media screen and (min-width: 40em) { #cms .swiper-fullscreen-content h1 { font-size: 3.75rem; } } @media screen and (min-width: 64em) { #cms .swiper-fullscreen-content h1 { font-size: 5.25rem; } .book #cms .hero { height: 600px; } .book #cms .hero-content { top: 70%; } .book #cms .hero-content h1 { margin-bottom:0.5em; } } @media screen and (max-width: 900px) { #cms .toggle-btn img.toggle-btn-gutzeichen { margin-top: -1.5em; } #cms .toggle-btn-text { margin-bottom: 0em; } } #cms .accordion-content .square-wrapper .square-content { border-bottom: none; } #cms .swiper-reviews { display: block !important; } .streetview-close { position: absolute; font-size:2em; right: 30px; top: 0; margin: 10px 20px; z-index: 10; background-color: #292926; color:#aaa; height:25px; width:25px; border-radius:0; } .streetview-close:hover { color:#fff; } .streetview-close span { position: relative; top: -3px } #cms #headbookbutton { margin-top: 1.7rem; float:right; } #cms .fullscreen #headbookbutton { display: none; } #cms #headbookbutton a { padding:0.4rem 0.5rem; } #cms .is-stuck #headbookbutton { display: block; margin-top: 0.2rem; } #cms .extras .fa { font-size: 6em; } #cms .extras p { font-size: 1.2em; } input::-webkit-input-placeholder, #cms textarea::--input-placeholder { color: #aaa; } #cms input::-moz-placeholder, #cms textarea::-moz-placeholder { color: #aaa; } #cms input:-ms-input-placeholder, #cms textarea:-ms-input-placeholder { color: #aaa; } #cms input::placeholder, #cms textarea::placeholder { color: #aaa; } #cms @media screen and (max-width: 20em) { #cms .villa-logo { height:3rem; } #cms #headbookbutton a { font-size: 1.2rem; } } @media screen and (min-width: 40em) { #cms #headbookbutton a { } #cms .extras .fa { font-size: 4em; } #cms .extras p { font-size: 1.2em; } } #cms .title-bar-left { width:60%; } @media screen and (min-width: 1300px) { #cms #modify { display:none; } } @media screen and (max-width: 64em) { #cms .hero { height: 400px; } #cms .hero-content { top:75%; } } @media screen and (max-width: 60em) { #cms #headbookbutton { margin-top: 1rem; } } @media screen and (max-width: 35em) { #cms .title-bar-left { width:76%; } #cms .hero { height: 250px; } #cms .hero-content { position: static; padding-top:100px; top:0; -webkit-transform: none; transform: none; } #cms .hero-content h1 { display: none; } #cms .extras .fa { font-size: 3em; } #cms .extras p { font-size: 0.85em; } #cms .clearbook { clear:both; } } @media screen and (min-width: 81.25em) and (max-width: 1350px ) { #cms .menu > li > a { padding: 0.7rem 0.7rem !important; } } @media screen and (min-width: 81.25em) { .show-desk { display: block; } .hide-desk { display: none; } } @media screen and (max-width: 81.25em) { .show-desk { display: none; } .hide-desk { display: block; } } @media screen and (max-width: 35em) { .hide-phone { display: none; } } @media print { #cms .hero, #cms section #sprachenContainer, #cms #book-now-bottom, #cms #hostel, #cms #el_604980 #gewaehltesangebot_edit { display: none !important; } #cms #el_604980 #slider, #cms #el_604980 #sliderinhalt p { position:static; } #cms #el_604980 #sliderinhalt { height:auto; } #cms #footer .columns { display:none; } #cms #footer .columns:first-child { display:block; } #cmd html { font-size:12px; } }