body, html {margin: 0;padding: 0;font-size: 16px;font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 300;background-color: transparent }.sbbtn-mobile {display: none;position: absolute;top: 9px;right: 22px;z-index: 12;width: 30px;height: 70px;text-align: right;padding: 20px;cursor: pointer }.sbbtn-mobile img {height: 30px;width: auto }.slideinout, .slideinouttop {position: fixed;z-index: 13;right: 0;background-color: transparent }p.pddb-0 {padding-bottom: 0;margin-bottom: 0 }.pdd-l-r-15 {padding-left: 15px;padding-right: 15px }.slideinouttop {top: 0;right: 0;width: 25px;height: 110px }.slideinout {top: 110px;width: 70px;height: 100% }footer {width: 100%;height: 70px }a.ftr-snav-link:any-link {color: #fff;font-size: 1rem;margin-left: 50px }.cpy {color: #fff;font-size: .75rem }#closesb {position: absolute;z-index: 99;top: 42px;right: 39px;width: 61px;height: 61px;cursor: pointer }img.cstclose {width: 61px;height: 61px;padding: 0 }p.tsr-md, p.tsr-sm, p.tsr-sm-1, p.tsr-xs {display: none }p.tsr-lg {display: inline-block }.d-sh-1 {display: inline }.d-sh-2 {display: inline }.d-sh-3 {display: none }.d-sh-4, .d-sh-5 {display: none }div {border: 0 solid red }img {color: #ccc }header {background-color: transparent!important;width: 100% }a.navbar-brand img {width: 127px;height: 127px;margin-top: 17px }.maincnt-wrp {width: 100%;height: 100%;background-color: transparent!important;margin-top: 7px;}img.title-img {width: 460px;height: auto;margin-left: 43px;margin-bottom: 12px }.sidebar-wrp {position: absolute;top: 0;right: 0;width: 415px;height: 1500px;overflow: hidden;}.sb {position: absolute;right: -345px;z-index: 12;top: 0;width: 415px;height: 1500px;border: 0 solid #00f }.transform, .transform2 {-webkit-transition: right .4s;transition: right .4s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out }.transform-active {right: 0 }.transform-active2 {right: 357px }.line {float: left;padding-left: 0;height: 8px;margin-top: -13px }div.line>div {float: left;height: 8px }#hotelimgs {margin-top: 37px;margin-bottom: 9px;background-color: transparent }.hi1-col1 {width: 35%;height: 474px;padding: 9px }.hi1-col2 {width: 35%;height: 474px;padding: 9px }.hi1-col3 {width: 30%;height: 474px;padding: 9px }.hi2-col1 {width: 15%;height: 474px;padding: 9px }.hi2-col2 {width: 50%;height: 474px;padding: 9px }.hi2-col3 {width: 35%;height: 474px;padding: 9px }#hotelimgs .img-div1 {width: 100%;height: 456px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Rezeption.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center;background-size: cover }#hotelimgs .img-div2 {width: 100%;height: 203px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Kronenrestraurant.jpg);background-repeat: no-repeat;background-position: center;background-size: cover }#hotelimgs .img-div3 {width: 100%;height: 456px;background-color: transparent;background-image: url(../images/Logo-Romantik-Berghotel-Astenkrone.png);background-repeat: no-repeat;background-position: center;background-color: #fff;background-size: 100% auto;border: 18px solid #189fab }#hotelimgs .img-div4 {width: 100%;height: 456px;background-color: transparent;background-image: url(../images/Typo-Astenkrone-RomantikBerghotel.png);background-repeat: no-repeat;background-position: center;background-size: 90% auto;background-color: #189fab }#hotelimgs .img-div5 {width: 100%;height: 456px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Weinbar.jpg);background-repeat: no-repeat;background-position: center;background-size: cover }#hotelimgs .img-div6 {width: 100%;height: 456px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Schwimmbad.jpg);background-repeat: no-repeat;background-position: center;background-size: cover }@media (max-width:1849px) {#hotelimgs .img-div3 {background-size: 100% auto }}#hotelimgs .hi-cnt {width: 100%;height: auto;padding-left: 64px;padding-right: 64px;background-color: transparent!important }#hotelimgs .tsrtxt {height: 235px;width: 100%;margin-top: 18px;background-color: #189fab;color: #fff;padding: 24px 17px 0 17px;overflow: hidden }.tsrtxt p {font-size: 1.1875rem;font-weight: 300;line-height: 1.6875rem }.sb-cnt {overflow-y: hidden;overflow-x: hidden;width: 100%;height: auto;color: #fff;padding: 0 15px 0 70px;font-weight: 300 }p.hghr {padding-bottom: .75rem }h1 {font-size: 8rem;line-height: 8rem;font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 700;text-transform: uppercase;margin-top: -5px }h2 {text-transform: uppercase;font-weight: 300 }.white {color: #fff }strong {font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 700 }.lowercase {text-transform: lowercase }a.nav-link {font-size: 1.5rem;text-transform: uppercase }ul.navbar-nav {margin-top: 8px }li.nav-item {padding: 16px 40px 2px 40px }li.nav-item:first-child {padding: 16px 40px 2px 26px }li.nav-item:last-child {border-right: 0 }li.nav-item a {font-weight: 300 }li.nav-item.active a {font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 700 }section#hoteltxt {margin-bottom: 100px;margin-top: 0 }section#abouttxt p, section#hoteltxt p {font-size: 1.375rem;line-height: 1.875rem;font-weight: 300 }.ht-cnt-iwrp {width: 100%;color: #fff;padding: 75px 65px 60px 65px }a:link {text-decoration: none }.modal-backdrop {background-color: rgba(0, 0, 0, .7)!important;border: 0 }.info-modal {padding-right: 0!important }.info-modal .modal-dialog {margin: 1rem;max-width: 100% }.info-modal .modal-content {padding: 100px 0;text-align: left;border: 0!important;border-radius: 0;background-color: #fff;background-color: rgba(254, 254, 254, 1);color: #189fab }.info-modal .modal-content h2 {font-size: 2.5rem;color: #666;text-transform: none;font-weight: 600;margin-top: 100px;margin-bottom: 55px }.info-modal .modal-content ul {padding-left: 22px }.info-modal .modal-content p, .info-modal .modal-content ul li {color: #666;font-weight: 300;font-size: 1.375rem;line-height: 1.875rem }.info-modal .modal-content p.smllr {font-size: 1.1875rem;line-height: 1.625rem }.info-modal .modal-content ul.list-inline {margin-top: 0;margin-bottom: 30px;color: #189fab }.info-modal .modal-content button {cursor: pointer }.info-modal .close-modal {position: absolute;top: 30px;right: 49px;width: 61px;height: 61px;cursor: pointer;background-color: transparent;border-radius: 6px }.info-modal .close-modal:hover {opacity: .7 }.info-modal .close-modal .lr {z-index: 1051;width: 12px;height: 81px;margin-left: 35px;border-radius: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);background-color: #777 }.info-modal .close-modal .lr .rl {z-index: 1052;width: 12px;height: 81px;border-radius: 6px;-webkit-transform: rotate(90deg);transform: rotate(90deg);background-color: #777 }.info-modal .modal-content h3 {margin-top: 56px;font-size: 1.75rem;line-height: 2.375rem;font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 700;margin-bottom: 23px;color: #666 }.info-modal .modal-content h3.smllr {font-size: 1.5625rem;line-height: 2.25rem }.info-modal .modal-content h3.xtr {margin-top: 86px;font-size: 2rem;line-height: 2.375rem;font-family: Comfortaa, sans-serif;font-style: normal;font-weight: 700 }.info-modal .modal-content h3.mrg-tm {margin-top: 56px }.info-modal .modal-content p.smallertxtlght {font-size: 1rem;line-height: 1.25rem;float: left }.info-modal .modal-content a {color: #666;text-decoration: none!important;font-weight: 600 }.info-modal .modal-content a:active, .info-modal .modal-content a:focus, .info-modal .modal-content a:hover {color: #000 }@media (min-width:1500px) and (max-width:1799px) {.slideinouttop {width: 25px;height: 96px }.slideinout {top: 96px;width: 60px }#closesb {top: 35px;right: 33px;width: 51px;height: 51px }img.cstclose {width: 51px;height: 51px }.navbar {padding-left: 11px }a.navbar-brand img {width: 105px;height: 105px;margin-top: 15px }.i-btn, .wrp-btn {width: 82px;height: 82px;right: 12px }.i-btn {font-size: .875rem }ul.navbar-nav {margin-top: 2px }li.nav-item {padding: 16px 36px 4px 36px }a.nav-link {font-size: 1.25rem;line-height: 1.5rem }li.nav-item:first-child {padding: 16px 36px 4px 18px }.maincnt-wrp {margin-top: 3px }h1 {font-size: 6.625rem;line-height: 6.625rem;padding-left: 0;margin-top: -6px;margin-left: 195px }.line {padding-right: 50px;height: 6px;margin-top: -13px }div.line>div {height: 6px }img.title-img {margin-left: 33px;margin-bottom: 12px;width: 381px }.sidebar-wrp {width: 345px;height: 1500px }.sb {right: -285px;width: 345px;height: 1500px }.transform-active {right: 0 }.transform-active2 {right: 285px }#hotelimgs {margin-top: 40px;margin-bottom: 7px }#hotelimgs .hi-cnt {padding-left: 58px;padding-right: 58px }.hi1-col1, .hi1-col2, .hi1-col3, .hi2-col1, .hi2-col2, .hi2-col3 {padding: 7px;height: 392px }#hotelimgs .img-div1, #hotelimgs .img-div3, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 378px }#hotelimgs .img-div3 {border: 14px solid #189fab }#hotelimgs .img-div2 {height: 169px }#hotelimgs .tsrtxt {height: 195px;margin-top: 14px;padding: 20px 13px }.tsrtxt p {font-size: 1rem;line-height: 1.375rem }.sb-cnt {padding: 0 15px 0 60px;font-size: 1rem;line-height: 1.375rem }h2 {font-size: 2.125rem;line-height: 2.125rem;margin-bottom: 31px }h2 span.bggr {font-size: 2.375rem }section#hoteltxt {margin-bottom: 50px }section#hoteltxt p {font-size: 1.125rem;line-height: 1.625rem }.ht-cnt {padding-left: 47px;padding-right: 47px }.ht-cnt-iwrp {padding: 55px 50px 30px 50px }.tooltip-inner {font-size: .75rem!important }footer {height: 50px }a.ftr-snav-link:any-link {font-size: .875rem;margin-left: 40px }.info-modal .modal-content {padding: 100px 0 }.info-modal .modal-content h2 {font-size: 2.125rem;margin-top: 65px;margin-bottom: 45px }.info-modal .modal-content ul {padding-left: 16px }.info-modal .modal-content p, .info-modal .modal-content ul li {font-size: 1.125rem;line-height: 1.625rem }.info-modal .modal-content p.smllr {font-size: 1rem;line-height: 1.5rem }.info-modal .modal-content ul.list-inline {margin-bottom: 30px }.info-modal .close-modal {position: absolute;top: 27px;right: 46px;width: 51px;height: 51px;border-radius: 5px }.info-modal .close-modal .lr {z-index: 1051;width: 10px;height: 69px;margin-left: 35px;border-radius: 5px }.info-modal .close-modal .lr .rl {z-index: 1052;width: 10px;height: 69px;border-radius: 5px }.info-modal .modal-content h3 {margin-top: 43px;font-size: 1.625rem;line-height: 2.125rem;margin-bottom: 19px }.info-modal .modal-content h3.smllr {font-size: 1.5rem;line-height: 2.125rem;margin-bottom: 18px }.info-modal .modal-content h3.xtr {margin-top: 86px;font-size: 1.75rem;line-height: 1.75rem }.info-modal .modal-content h3.mrg-tm {margin-top: 56px }.info-modal .modal-content p.smallertxtlght {font-size: .8125rem;line-height: 1.25rem }}@media (max-width:1499px) {.slideinouttop {width: 20px;height: 80px }.slideinout {top: 80px;width: 50px }#closesb {top: 28px;right: 26px;width: 41px;height: 41px }img.cstclose {width: 41px;height: 41px }.navbar {padding-left: 7px }a.navbar-brand img {width: 84px;height: 84px;margin-top: 8px }.i-btn, .wrp-btn {width: 66px;height: 66px;right: 9px }.i-btn {font-size: .875rem }ul.navbar-nav {margin-top: 1px }li.nav-item {padding: 12px 28px 2px 28px }a.nav-link {font-size: 1rem;line-height: 1.125rem }li.nav-item:first-child {padding: 12px 28px 2px 9px }.maincnt-wrp {margin-top: 1px }h1 {font-size: 5.25rem;line-height: 5.25rem;padding-left: 0;margin-top: -7px;margin-left: 152px }.line {padding-right: 39px;height: 5px;margin-top: -11px }div.line>div {height: 5px }img.title-img {margin-left: 22px;margin-bottom: 12px;width: 303px }.sidebar-wrp {width: 277px;height: 1000px }.sb {right: -227px;width: 277px;height: 1000px }.sb-cnt {padding: 0 15px 0 50px;font-size: .875rem;line-height: 1.125rem }.transform-active {right: 0 }.transform-active2 {right: 227px }#hotelimgs {margin-top: 27px;margin-bottom: 6px }#hotelimgs .hi-cnt {padding-left: 48px;padding-right: 48px }.hi1-col1, .hi1-col2, .hi1-col3, .hi2-col1, .hi2-col2, .hi2-col3 {padding: 6px;height: 314px }#hotelimgs .img-div1, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 302px }#hotelimgs .img-div2 {height: 135px }#hotelimgs .img-div3 {height: 302px;background-color: #fff;border: 12px solid #189fab;background-size: 96% }#hotelimgs .img-div4 {background-size: 82% auto }#hotelimgs .tsrtxt {height: 155px;margin-top: 12px;padding: 24px 12px 15px 12px }.tsrtxt p {font-size: .875rem;line-height: 1.125rem }h2 {font-size: 1.75rem;line-height: 1.9375rem;margin-bottom: 22px }h2 span.bggr {font-size: 1.9375rem }section#hoteltxt {margin-bottom: 50px }section#hoteltxt p {font-size: .9375rem;line-height: 1.3125rem }.ht-cnt {padding-left: 39px;padding-right: 39px }.ht-cnt-iwrp {padding: 45px 45px 25px 45px }.tooltip-inner {font-size: .625rem!important }footer {height: 50px }a.ftr-snav-link:any-link {font-size: .8125rem;margin-left: 30px }.info-modal .modal-content {padding: 100px 0 }.info-modal .modal-content h2 {font-size: 1.6875rem;margin-top: 26px;margin-bottom: 37px;line-height: 1.6875rem }.info-modal .modal-content ul {padding-left: 15px }.info-modal .modal-content p, .info-modal .modal-content ul li {font-size: .875rem;line-height: 1.25rem }.info-modal .modal-content p.smllr {font-size: .75rem;line-height: 1.25rem }.info-modal .modal-content ul.list-inline {margin-bottom: 30px }.info-modal .close-modal {position: absolute;top: 30px;right: 49px;width: 41px;height: 41px;border-radius: 4px }.info-modal .close-modal .lr {z-index: 1051;width: 8px;height: 55px;margin-left: 35px;border-radius: 4px }.info-modal .close-modal .lr .rl {z-index: 1052;width: 8px;height: 55px;border-radius: 4px }.info-modal .modal-content h3 {margin-top: 35px;font-size: 1.3125rem;line-height: 1.75rem;margin-bottom: 12px }.info-modal .modal-content h3.smllr {font-size: 1.125rem;line-height: 1.25rem;margin-top: 30px;margin-bottom: 18px }.info-modal .modal-content h3.xtr {margin-top: 57px;font-size: 1.5rem;line-height: 1.5rem }.info-modal .modal-content h3.mrg-tm {margin-top: 36px }.info-modal .modal-content p.smallertxtlght {font-size: .6875rem;line-height: 1rem }}@media (min-width:1230px) and (max-width:1280px) {li.nav-item {padding: 12px 24px 2px 24px }li.nav-item:first-child {padding: 12px 24px 2px 9px }}@media (max-width:1229.98px) {.slideinouttop {width: 20px;height: 80px }.slideinout {top: 80px;width: 50px }#closesb {top: 28px;right: 26px;width: 34px;height: 34px }img.cstclose {width: 34px;height: 34px }.navbar {padding-left: 7px }a.navbar-brand img {width: 84px;height: 84px;margin-top: 8px }.i-btn, .wrp-btn {width: 66px;height: 66px;right: 9px }.i-btn {font-size: .875rem }ul.navbar-nav {margin-top: 1px }li.nav-item {padding: 12px 28px 2px 28px }a.nav-link {font-size: 1rem;line-height: 1.125rem }li.nav-item:first-child {padding: 12px 28px 2px 9px }.maincnt-wrp {margin-top: 1px }h1 {font-size: 5.25rem;line-height: 5.25rem;padding-left: 0;margin-top: -7px;margin-left: 152px }.line {padding-right: 36px;height: 5px;margin-top: -11px }div.line>div {height: 5px }img.title-img {margin-left: 22px;margin-bottom: 12px;width: 303px }.sidebar-wrp {width: 277px;height: 1400px }.sb {right: -227px;width: 277px;height: 1400px }.transform-active {right: 0 }.transform-active2 {right: 227px }#hotelimgs {margin-top: 27px;margin-bottom: 6px }#hotelimgs .hi-cnt {padding-left: 45px;padding-right: 45px }.hi1-col1, .hi1-col2, .hi1-col3, .hi2-col1, .hi2-col2, .hi2-col3 {padding: 6px;height: 314px }#hotelimgs .img-div1, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 302px }#hotelimgs .img-div2 {height: 135px }#hotelimgs .img-div3 {height: 302px;background-size: 98% }#hotelimgs .img-div4 {background-size: 82% auto }#hotelimgs .tsrtxt {height: 155px;margin-top: 12px;padding: 15px 12px }.tsrtxt p {font-size: .75rem;line-height: 1.125rem }.sb-cnt {padding: 0 15px 0 50px;font-size: .75rem;line-height: 1.0625rem;margin-top: 163px }h2 {font-size: 1.75rem;line-height: 1.9375rem;margin-bottom: 22px }h2 span.bggr {font-size: 1.9375rem }section#hoteltxt {margin-bottom: 50px }section#hoteltxt p {font-size: .875rem;line-height: 1.25rem }.ht-cnt {padding-left: 36px;padding-right: 36px }.ht-cnt-iwrp {padding: 45px 45px 25px 45px }.tooltip-inner {font-size: .625rem!important }footer {height: 50px }a.ftr-snav-link:any-link {font-size: .8125rem;margin-left: 30px }.info-modal .modal-content {padding: 100px 0 }.info-modal .modal-content h2 {font-size: 1.6875rem;margin-top: 26px;margin-bottom: 37px;line-height: 1.6875rem }.info-modal .modal-content ul {padding-left: 15px }.info-modal .modal-content p, .info-modal .modal-content ul li {font-size: .875rem;line-height: 1.25rem }.info-modal .modal-content p.smllr {font-size: .75rem;line-height: 1.25rem }.info-modal .modal-content ul.list-inline {margin-bottom: 30px }.info-modal .close-modal {position: absolute;top: 30px;right: 49px;width: 41px;height: 41px;border-radius: 4px }.info-modal .close-modal .lr {z-index: 1051;width: 8px;height: 55px;margin-left: 35px;border-radius: 4px }.info-modal .close-modal .lr .rl {z-index: 1052;width: 8px;height: 55px;border-radius: 4px }.info-modal .modal-content h3 {margin-top: 35px;font-size: 1.3125rem;line-height: 1.75rem;margin-bottom: 12px }.info-modal .modal-content h3.smllr {font-size: 1.125rem;line-height: 1.25rem;margin-top: 30px;margin-bottom: 18px }.info-modal .modal-content h3.xtr {margin-top: 57px;font-size: 1.5rem;line-height: 1.5rem }.info-modal .modal-content h3.mrg-tm {margin-top: 36px }.info-modal .modal-content p.smallertxtlght {font-size: .6875rem;line-height: 1rem }}@media (max-width:1100px) {#closesb {top: 21px;right: 21px;width: 33px;height: 33px }img.cstclose {width: 33px;height: 33px }.navbar {padding-left: 0 }ul.navbar-nav {margin-top: -4px }li.nav-item {padding: 5px 17px 0 17px }a.nav-link {font-size: .75rem;line-height: 1rem;padding: 10px 10px 6px 10px }li.nav-item:first-child {padding: 5px 17px 0 1px }.maincnt-wrp {margin-top: -3px }a.navbar-brand img {width: 68px;height: 68px;margin-top: 4px;margin-left: 2px }img.title-img {margin-left: 12px;margin-bottom: 0;width: 247px }h1 {font-size: 4.25rem;line-height: 5.25rem;padding-left: 0;margin-top: -3px;margin-left: 118px }.line {padding-right: 42px;height: 4px;margin-top: -19px }div.line>div {height: 4px }#hotelimgs {margin-top: 14px;margin-bottom: 5px }#hotelimgs .hi-cnt {padding-left: 40px;padding-right: 52px }.hi1-col1, .hi1-col2, .hi1-col3, .hi2-col1, .hi2-col2, .hi2-col3 {padding: 5px;height: 254px }#hotelimgs .img-div1, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 244px }#hotelimgs .img-div2 {height: 127px }#hotelimgs .img-div3 {height: 244px;border: 10px solid #189fab }#hotelimgs .img-div4 {background-size: 95% auto }#hotelimgs .tsrtxt {height: 107px;margin-top: 10px;padding: 12px 10px }.tsrtxt p {font-size: .75rem;line-height: 1.0625rem }.sidebar-wrp {width: 222px;height: 1400px }.sb {right: -182px;width: 222px;height: 1400px }.sb-cnt {padding: 0 15px 0 40px;font-size: .75rem;line-height: 1.0625rem;margin-top: 137px }.transform-active {right: 0 }.transform-active2 {right: 222px }h2 {font-size: 1.375rem;line-height: 1.5rem;margin-bottom: 17px }h2 span.bggr {font-size: 1.5rem }.ht-cnt {padding-left: 30px;padding-right: 42px }.ht-cnt-iwrp {padding: 39px 35px 22px 35px }section#hoteltxt p {font-size: .8125rem;line-height: 1.1875rem }.cpy {font-size: .625rem }a.ftr-snav-link:any-link {font-size: .6875rem;margin-left: 30px }.info-modal .modal-content {padding: 75px 0 }.info-modal .modal-body {padding-left: 0;padding-right: 0 }.info-modal .modal-content h2 {font-size: 1.5rem;margin-top: 20px;margin-bottom: 28px;line-height: 1.5rem }.info-modal .modal-content ul {padding-left: 15px }.info-modal .modal-content p, .info-modal .modal-content ul li {font-size: .75rem;line-height: 1.0625rem }.info-modal .modal-content p.smllr {font-size: .75rem;line-height: 1.25rem }.info-modal .modal-content ul.list-inline {margin-bottom: 30px }.info-modal .close-modal {position: absolute;top: 21px;right: 20px;width: 32px;height: 32px;border-radius: 4px }.info-modal .close-modal .lr {z-index: 1051;width: 6px;height: 44px;margin-left: 12px;margin-top: -7px;border-radius: 3px }.info-modal .close-modal .lr .rl {z-index: 1052;width: 6px;height: 44px;border-radius: 3px }.info-modal .modal-content h3 {margin-top: 31px;font-size: 1rem;line-height: 1.3125rem;margin-bottom: 13px }.info-modal .modal-content h3.smllr {font-size: 1rem;line-height: 1.25rem;margin-top: 36px;margin-bottom: 15px }.info-modal .modal-content h3.xtr {margin-top: 48px;font-size: 1.25rem;line-height: 1.25rem }.info-modal .modal-content h3.mrg-tm {margin-top: 31px }.info-modal .modal-content p.smallertxtlght {font-size: .6875rem;line-height: 1rem }.d-sh-1, .d-sh-2 {display: none }.d-sh-3 {display: inline }}@media (min-width:992px) and (max-width:1060px) {#hotelimgs .img-div4 {background-size: 100% auto }}@media (max-width:991.98px) {.wrpbrand {margin-bottom: 40px }.nav-overlay {height: 100%;width: 100%;position: fixed;z-index: 999;top: 0;left: 0;display: none;overflow-y: auto }.nav-overlay-content {position: relative;top: 5%;width: 100%;text-align: center;margin-top: 30px;padding-bottom: 50px }.nav-overlay a {padding: 14px;text-decoration: none;font-size: 1.75rem;text-transform: uppercase;color: #fff;display: block;transition: .3s }.nav-overlay a.active, .nav-overlay a:focus {font-weight: 700 }.nav-overlay a.disabled:focus {font-weight: 300 }.nav-overlay a.disabled {color: #e0e0e0;color: rgba(255, 255, 255, .75) }.nav-overlay .closebtn {position: absolute;top: -32px;right: 6px;font-size: 60px }.nav-overlay .ttnav {font-size: 1rem;color: #e0e0e0;color: rgba(255, 255, 255, .75);margin-top: -38px }#closesb {top: 17px;right: 15px;width: 32px;height: 32px;z-index: 99;border: 0px solid green;}.sbbtn-mobile {display: block;position: absolute;top: 4px;right: 25px;z-index: 16;width: 30px;height: 70px;text-align: right;padding: 10px 0px;border: 0px solid red;}img.cstclose {width: 26px;height: 26px;border: 0px solid green;}.info-modal .close-modal {top: 17px;right: 20px;width: 29px;height: 29px;border-radius: 3px }.info-modal .close-modal .lr {width: 5px;height: 35px;margin-left: 13px;margin-top: -3px;border-radius: 3px }.info-modal .close-modal .lr .rl {width: 5px;height: 35px;border-radius: 3px }.wrpbrand {width: 100%;text-align: center!important }a.navbar-brand {cursor: default;margin-right: 0!important }.navbar {padding: 0;text-align: center!important }.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(1, 159, 171, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }button.navbar-toggler {border: 0;margin-left: -moz-calc(50% - 35px);margin-left: -webkit-calc(50% - 35px);margin-left: -o-calc(50% - 35px);margin-left: calc(50% - 35px);margin-top: -164px;width: 72px;height: 72px;border-radius: 50%;cursor: pointer;z-index: 99 }button.navbar-toggler:focus {outline: 0 }div.col-12.nv {padding: 0;margin: 0;top: 0 }#navbarNavDropdown {background-color: #159eaa;padding: 0!important;width: 100%;min-height: 400px }.slideinouttop {width: 15px;height: 80px;cursor: pointer;z-index: 100;}.slideinout {top: 80px;width: 30px;cursor: pointer;z-index: 100;}.sidebar-wrp {width: 184px;height: 1000px;border: 0px solid red !important;z-index: 15;}.sb {right: -154px;width: 184px;height: 1000px }.sb-cnt {padding: 0 30px 0 30px;font-size: .6875rem;line-height: 1rem;margin-top: 137px }.transform-active {right: 0 }.transform-active2 {right: 174px }.line {padding-right: 41px;height: 3px;margin-top: -13px }div.line>div {height: 3px }img.title-img {margin-left: 8px;margin-bottom: 0;width: 195px }h1 {float: left;font-size: 3.5rem;line-height: 4.25rem;margin-left: 92px;margin-right: 25px;margin-bottom: 4px }#hotelimgs {margin-top: 8px;margin-bottom: 4px }#hotelimgs .hi-cnt {padding-left: 35px;padding-right: 52px }.hi1-col1, .hi1-col2, .hi1-col3, .hi2-col1, .hi2-col2, .hi2-col3 {padding: 4px;height: 242px }#hotelimgs .img-div1, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 234px }#hotelimgs .img-div2 {height: 106px }#hotelimgs .img-div3 {height: 234px;border: 8px solid #189fab }#hotelimgs .img-div4 {background-size: 110% auto }#hotelimgs .tsrtxt {height: 120px;margin-top: 8px;padding: 12px 8px }.tsrtxt p {font-size: .6875rem;line-height: 1rem }h2 {font-size: 1.25rem;line-height: 1.375rem;margin-bottom: 16px }h2 span.bggr {font-size: 1.375rem }.ht-cnt {padding-left: 25px;padding-right: 41px }.ht-cnt-iwrp {padding: 30px 25px 13px 25px }section#hoteltxt p {font-size: .8125rem;line-height: 1.25rem }.cpy {font-size: .625rem }a.ftr-snav-link:any-link {font-size: .6875rem;margin-left: 30px }}@media (min-width:768px) and (max-width:940px) {.d-sh-1, .d-sh-2 {display: none }.d-sh-3 {display: inline }}@media (max-width:767.98px) {body, html {font-size: 16px }a.navbar-brand img {width: 69px;height: 69px;margin-top: 10px }.line {padding-right: calc(40% + 3px);padding-left: 0;height: 4px;margin-top: -13px }div.line>div {height: 4px }#hotelimgs {margin-bottom: 3px }.his1-col1 {float: left;width: 31%;height: 220px;padding: 3px }.his1-col2 {float: left;width: 33%;height: 220px;padding: 3px }.his1-col3 {float: left;width: 36%;height: 220px;padding: 3px }.his2-col1 {float: left;width: 55%;height: 220px;padding: 3px }.his2-col2 {float: left;width: 45%;height: 220px;padding: 3px }.his3-col1 {float: left;width: 80%;height: 220px;padding: 3px }.his3-col2 {float: left;width: 20%;height: 220px;padding: 3px }.bximgs {padding-left: 22px;padding-right: 13%;padding-bottom: 0 }#hotelimgs .img-div1, #hotelimgs .img-div3, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 214px }#hotelimgs .img-div7 {width: 100%;height: 214px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Beauty.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center;background-size: cover }#hotelimgs .img-div2 {height: 90px }#hotelimgs .img-div3 {border: 6px solid #189fab;background-size: 90% }#hotelimgs .tsrtxt {height: 118px;margin-top: 6px;padding: 12px 6px }.tsrtxt p {font-size: .75rem;line-height: 1.0625rem }p.tsr-lg, p.tsr-md, p.tsr-sm, p.tsr-xs {display: none }p.tsr-sm-1 {display: inline-block }.container-fluid, header {background-color: transparent!important }.maincnt-wrp {height: 100%;background-color: transparent!important;margin-top: 12px }.sidebar-wrp {width: calc(100% + 25px);height: 1000px }.sb {right: -100%;width: calc(100% + 25px);height: 1000px }h2 {font-size: 2.125rem;line-height: 2.125rem;margin-bottom: 23px }h2 span.bggr {font-size: 2.25rem }.sb-cnt {padding: 0 45px 0 75px;margin-top: 250px;font-size: 1rem;line-height: 1.4375rem;margin-top: 60px }.transform-active {right: 0 }.transform-active2 {right: calc(100% + 40px) }img.title-img {margin-left: 5px;margin-top: 25px;width: 197px }a.navbar-brand img {width: 72px;height: 72px;margin-top: 6px }.line {padding-right: calc(13% + 3px);height: 4px;margin-top: -13px }h1 {font-size: 3.5rem;line-height: 4.25rem;margin-bottom: 4px;float: left;margin-left: 87px;margin-right: 25px }.tsrtxt p {font-size: .6875rem;line-height: 1rem }.ht-cnt-iwrp {padding: 22px 22px 9px 22px }.ht-cnt {padding-left: 25px;padding-right: calc(13% + 3px) }footer {height: 100px;padding-bottom: 180px;padding-left: 25px;padding-right: 25px }footer div.text-left {float: left;padding-left: 0;padding-top: 6px }div.ftr-nav.text-right {float: right;padding-right: 0 }span.cpy {font-size: .625rem }a.ftr-snav-link {padding-top: 10px;padding-bottom: 10px;float: right }#hotelimgs .img-div4 {background-size: 63% auto }}@media (min-width:740px) and (max-width:767.98px) {.tsrtxt p {line-height: .9375rem }p.tsr-lg, p.tsr-sm, p.tsr-sm-1, p.tsr-xs {display: none }p.tsr-md {display: inline-block }#hotelimgs .img-div3 {background-size: 85% }}@media (max-width:649.98px) {.his1-col1, .his1-col2, .his1-col3, .his2-col1, .his2-col2, .his3-col1, .his3-col2 {float: left;height: 184px;padding: 3px }.his1-col1 {width: 31% }.his1-col2 {width: 33% }.his1-col3 {width: 36% }.his2-col1 {width: 55% }.his2-col2 {width: 45% }.his3-col1 {width: 80% }.his3-col2 {width: 20% }#hotelimgs {margin-top: 26px;margin-bottom: 3px;padding: 0 }.bximgs {padding-left: 22px;padding-right: 13%;padding-bottom: 0 }#hotelimgs .img-div1, #hotelimgs .img-div3, #hotelimgs .img-div4, #hotelimgs .img-div5, #hotelimgs .img-div6 {height: 178px }#hotelimgs .img-div7 {width: 100%;height: 178px;background-color: transparent;background-image: url(../images/Romantik-Berghotel-Astenkrone-Beauty.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center;background-size: cover }#hotelimgs .img-div2 {height: 75px }#hotelimgs .img-div3 {border: 6px solid #189fab;background-size: 85% }#hotelimgs .img-div4 {background-size: 62% auto }#hotelimgs .tsrtxt {height: 97px;margin-top: 6px;padding: 12px 6px }.tsrtxt p {line-height: .875rem }p.tsr-lg, p.tsr-md, p.tsr-sm, p.tsr-xs {display: none }p.tsr-sm-1 {display: inline-block }.d-sh-4 {display: inline }}@media (max-width:599.98px) {p.tsr-lg, p.tsr-md, p.tsr-sm-1, p.tsr-xs {display: none }p.tsr-sm {display: inline-block }#hotelimgs .img-div4 {background-size: 65% auto }.d-sh-5 {display: inline }}@media (max-width:408.98px) {p.tsr-lg, p.tsr-mdp.tsr-sm-1, p.tsr-sm {display: none }p.tsr-xs {display: inline-block }#hotelimgs .img-div3 {background-size: 95% }#hotelimgs .img-div4 {background-size: 100% auto }}