@media (min-width: 1251px) {

/* Fonts------------------------------------------------------------------------------------------------------------ */
.font1,
h1 {
    text-decoration:none;
    color:#000;
    letter-spacing:0rem;
    font:3.5rem/3.5rem Frank Ruhl Libre;
}
.font2,
div#Aktuelltitel h1,
.buchungsinfostext h1,
.gartentext h1 {
    text-decoration:none;
    color:#81a196;
    letter-spacing:0rem;
    font:3.5rem/3.5rem Frank Ruhl Libre;
}
.font3 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0rem;
    font:3.5rem/3.5rem Frank Ruhl Libre;
}
.font4,
.mainmenu ul.level_2,
#eventsubtitle,
.buchungsinfostext h2,
.galerietext,
.mod_newslist h2 a,
.manualnews h2 {
    text-decoration:none;
    color:#000;
    letter-spacing:0rem;
    font:2rem/2.2rem Frank Ruhl Libre;
}
.font5,
#wrapper {
    text-decoration:none;
    color:#000;
    letter-spacing:0rem;
    font:1.15rem/1.9rem Open Sans;
    font-weight: 300;
}
.font6,
#footerkontakt,
#footerkontakt2 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0rem;
    font:1rem/1.46rem Open Sans;
    font-weight: 400;
}
.font7,
.mainmenu ul.level_1 {
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.13rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.font8,
#subtitle,
#Aktuelltitel h5,
.mod_newslist .info time,
.manualnews .manualinfo {
    display:table;
    padding-bottom:2px;
    border-bottom:1px solid #000;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.font9,
a#reservierung,
#footermenu a,
#gutscheine a,
.newsletter button {
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.font10,
#footer #Links a {
    text-decoration:underline;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.font11,
#Button a,
#Aktuellliste a,
.mainmenu li.button a,
.mainmenu li.button div.button {
    text-decoration:none;
    color:#81a196;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.font12,
#telefon a {
    text-decoration:none;
    color:#000;
    letter-spacing:.055rem;
    font:.8rem Open Sans;
    font-weight: 400;
}
.font13,
#widget1 h3,
#widget2 h3 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0vw;
    font:2.25vw/2.5vw Frank Ruhl Libre;
}
.font14 {
    text-decoration:underline;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.06vw;
    font:.8vw Open Sans;
    font-weight: 400;
}
.font15 {
    color:#000;
    font:1.15rem/1.9rem Open Sans;
    font-weight: 400;
}
.font16 {
    font-style:italic;
    color:#000;
    font:1.15rem/1.9rem Open Sans;
    font-weight: 300;
}
.fontgreen {
    color:#81a196;
}

/* Abstand--------------------------------------------------------------------------------------------------- */
.abstand30 {
    margin-top: 1.5625vw !important;
}
.abstand30_2 {
    margin-bottom: 1.5625vw !important;
}
.abstand70 {
    margin-top: 3.6458vw !important;
}
.abstand70_2 {
    margin-bottom: 3.6458vw !important;
}
.abstand140 {
    margin-top: 7.2917vw !important;
}
.abstand140_2 {
    margin-bottom: 7.2917vw !important;
}

/* BASIC------------------------------------------------------------------------------------------------------ */
html {
    background-color:#fff;
    overflow-x: hidden;
}
#wrapper {
    width:98vw;
    margin-right:auto;
    margin-left:auto;
}
#container {
    top:148px;
    position:relative;
    display:block;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
#home {
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
p {
    margin:0;
    padding:0;
}
:hover {
    -webkit-transition-delay: 0.15s;
    /* For Safari 3.1 to 6.0 */
        transition-delay: 0.15s;
}

/* ALIGN--------------------------------------------------------------------------------------------------- */
.alignleft {
    margin-right:auto;
    text-align:left;
}

/* SLIDER--------------------------------------------------------------------------------------------------- */
#slider {
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
.slick-prev {
    left:1vw;
    position:absolute;
    top:23vw;
    z-index:1;
}
.slick-next {
    right:1vw;
    position:absolute;
    top:23vw;
    z-index:1;
}
#slider .slick-slide img {
    width:100vw;
    height:93vh;
    max-height:93vh;
    overflow:hidden;
    object-fit: cover;
}

/* LOGO------------------------------------------------------------------------------------------------------ */
#logo {
    width:100%;
    height:100vh;
    position:absolute;
    z-index: 99;
    align-items: center;
    justify-content: center;
    display: flex;
}
#logo img {
    width:30vw;
    max-width:900px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}
#logo.image_container {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:center;
}
#logoklein {
    width:100vw;
    height:98px;
    top:0;
    position:fixed;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    vertical-align:bottom;
    text-align:center;
    background-color:#fff;
    z-index:1000;
}
#logoklein p {
    margin:30px 0 0;
}
#logoklein img {
    width:400px;
    z-index:1000;
}

/* RESTAURANTBUTTONS------------------------------------------------------------------------------------------- */
#homebuttons {
    width:100%;
    height:100vh;
    position:absolute;
    z-index: 99;
    align-items: end;
    justify-content: center;
    display: flex;
}
#Homebuttonlayer {
    width:950px;
    margin:30px;
    padding-top:30px;
    padding-bottom:30px;
    text-align:center;
}
#homebuttons #Homebuttonlayer #Button a {
    background-color:rgba(255,255,255,.85);
}
#homebuttons #Homebuttonlayer #Button a:hover {
    background-color:rgba(129,161,150,.85);
}
#homebuttons #Homebuttonlayer #Button.first a {
    line-height:30px;
}
#homebuttons #Homebuttonlayer #Button.last {
    top:15px;
}

/* Sprachwechsler------------------------------------------------------------------------------------------------- */
.mod_changelanguage {
    width:108px;
    height:30px;
    left:7.3vw;
    position:fixed;
    overflow:visible;
    float:left;
    display:block;
    margin:0;
    vertical-align:middle;
    text-align:left;
    border-color:#fff;
    top:30px;
    background-color:rgba(18,52,86,.01);
    z-index: 7000;
}
.mod_changelanguage ul {
    display:compact;
    margin:0;
    list-style-type:none;
}
.mod_changelanguage ul li {
    float:left;
    margin-right:10px;
    list-style-type:none;
}
.mod_changelanguage ul li.lang-st {
    display:none;
}
.mod_changelanguage .active {
    display:table;
    border-bottom:1px solid #000;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}
.mod_changelanguage a {
    display:table;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.07rem;
    font:1rem Open Sans;
    font-weight: 400;
}

/* Titles--------------------------------------------------------------------------------------------------- */
#maintitle {
    margin-top:1.5625vw;
    margin-bottom:3.6458vw;
}
#maintitle2 {
    margin-top:3.6458vw;
    margin-bottom:3.6458vw;
}
#subtitle {
    margin-top:3.6458vw;
    margin-bottom:1.5625vw;
}
#subtitle.center {
    margin:3.6458vw auto 1.5625vw;
}
#subtitle.noline,
.mod_article p.info time,
.manualinfo,
.zimmersubtitle,
.seminarsubtitle {
    border: 0px !important;
}

/* ReservierungsButton------------------------------------------------------------------------------------------------- */
a#reservierung {
    width:120px;
    height:30px;
    position:fixed;
    margin:0;
    vertical-align:middle;
    text-align:center;
    background-color:#81a196;
    line-height:30px;
    z-index:7000;
}
a:hover#reservierung {
    text-decoration:underline;
}

/* Kontakt--------------------------------------------------------------------------------------------- */
div#kont {
    width:98vw;
    height:51px;
    position:fixed;
    display:block;
    margin:0 auto;
    padding:0;
    vertical-align:middle;
    background-color:#fff;
    text-align: right !important;
    z-index:1000;
}
div#telefon {
    right:1vw;
    position:fixed;
    display:block;
    z-index:6001;
}
div#telefon a:hover {
    text-decoration:underline;
}
.kont_top {
    top:98px;
}

/* Titelbild--------------------------------------------------------------------------------------------------- */
#titelbild {
    width:98vw;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
#titelbild img,
div#titelbild {
    width:98vw;
    height:850px;
    max-height:83.78vh;
    overflow:hidden;
    object-fit: cover;
}

/* Gutscheine----------------------------------------------------------------------------------------- */
div #gutscheine a {
    width:200px;
    top:50vh;
    position:fixed;
    clear:both;
    margin:0 auto;
    padding:0;
    vertical-align:middle;
    text-align:center;
    white-space:normal;
    background-color:#739a8c;
    line-height:50px;
    /*writing-mode: vertical-rl;
    */
        z-index:1004;
    right:-75px;
    /* Chrome/Safari
        -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    /* Firefox */
        -moz-transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    /* IE9 */
        -ms-transform: rotate(-90deg);
    -ms-transform-origin: 50% 50%;
    /* IE10 and other modern browsers that do not need vendor prefixes */
        transform: rotate(-90deg);
    transform-origin: 50% 50%;
    /* IE8 */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /* IE7 or less */
        *zoom: 1;
    *writing-mode: tb-rl;
    *filter: flipv fliph;
    */;
}
#gutscheine a:hover {
    text-decoration:underline;
    color:#fff;
}

/* Widgets--------------------------------------------------------------------------------------------------- */
#widgets {
    width:100%;
    height:25.5vw;
    position:relative;
    display:flex;
    background-color:#e0e7e3;
    ms-justify-content: center;
    justify-content: center;
    z-index:1;
}
.randomwidgets {
    display:contents;
}
#wid1,
#wid2 {
    width:29.65vw;
    height:18.23vw;
    position:relative;
    float:left;
    margin:3.6458vw .7813vw;
    text-align:center;
}
#wid1 img,
#wid2 img {
    width:29.65vw;
    height:18.23vw;
}
#widgetimg1,
#widgetimg2,
#widget1,
#widget2 {
    position:absolute;
}
#widget1 a,
#widget2 a {
    position:relative;
    display:block;
    padding-bottom:.35vw;
    color:#fff;
}
#widget1 a more,
#widget2 a more {
    text-decoration:underline;
}
#widget1 a.font13,
#widget2 a.font13 {
    padding-top:1vw;
}
#widget1 a.font13.oneline,
#widget2 a.font13.oneline {
    padding-top:2vw;
}
#widget1,
#widget2 {
    width:17.1875vw;
    height:7.8125vw;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    margin:auto;
    background-color:rgba(115,154,140,.75);
}

/* Buttons--------------------------------------------------------------------------------------------------- */
div #Button {
    position:relative;
    display:inline-table;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
div #Button.first,
div #Button.next {
    padding-right:1.5625vw;
}
#Button a {
    width:270px;
    height:60px;
    display:block;
    border:1.3px solid #81a196;
    line-height:60px;
}
#Button a:hover {
    background-color:#81a196;
    color:#fff;
}
#footer #social {
    height:60px;
    position:absolute;
    float:left;
    display:flex;
    margin-left:1.56vw;
    align-items: center;
}

/* Buttons_Klein------------------------------------------------------------------------------------------------------ */
.buttonklein {
    width:168px;
    height:60px;
    left:0;
    position:relative;
    float:left;
    display:block;
    vertical-align:middle;
    text-align:center;
    border:1.3px solid #739a8c;
    line-height: 60px !important;
}
.buttonklein1 {
    margin-right:15px;
}
.buttonklein2 {
    margin-left:15px;
}
.buttonklein3 {
    margin-left:30px;
}
.buttonklein:hover {
    background-color:#739a8c;
    color: #ffffff !important;
}

/* Ausgebucht------------------------------------------------------------------------------------------------------ */
.ausgebucht {
    width:180px;
    left:0;
    position:relative;
    float:left;
    display:block;
    vertical-align:middle;
    text-align:center;
    line-height: 60px !important;
}
.ausgebucht img {
    height:60px;
}

/* FOOTER--------------------------------------------------------------------------------------------------- */
footer#footer {
    width:98vw;
    top:400px;
    position:relative;
    display:block;
    margin:auto;
    padding-right:0;
    padding-left:0;
}

/* ACHTUNG: Höhe von 415 deaktiviert */
#footer .inside {
    top:0;
    position:relative;
    display:block;
    background-color:#595959;
}
#footer #footermain {
    padding-right:1.56vw;
    padding-bottom:1.56vw;
    padding-left:1.56vw;
}
#footer #footermenu {
    margin-right:auto;
    margin-left:auto;
    padding-right:1.58vw;
    padding-left:1.58vw;
    vertical-align:middle;
    text-align:center;
    background-color:#e0e7e3;
}
#footer #footermenu p {
    display:inline-block;
    margin:.7813vw;
}
#footer #footermenu a {
    width:170px;
    height:30px;
    display:block;
    text-align:center;
    border:1.3px solid #fff;
    line-height:30px;
}
#footer #footermenu p a:hover {
    background-color:#fff;
    color:#739a8c;
}
#footer #Links {
    height:60px;
    display:flex;
    justify-content: center;
    align-items: center;
}
#footer #Links a {
    padding-right:10px;
    padding-left:10px;
    text-decoration:none;
    list-style-type:none;
}
#footer #Links a:hover {
    text-decoration:underline;
}
#footer #footerline hr {
    margin:0 1.56vw;
}
#footer #footermain {
    top:1.56vw;
    position:relative;
    display:flex;
    padding-right:1.56vw;
    padding-bottom:1.56vw;
    padding-left:1.56vw;
    vertical-align:text-bottom;
    justify-content: center;
}
#footer #footerkontakt {
    width:440px;
    padding-bottom:1.56vw;
    text-align:left;
}
#footer #footerkontakt a,
#footer #footerkontakt2 a {
    color:#fff;
}
#footer #logos,
#footer #sunstar {
    display:flex;
    align-items: center;
    ms-justify-content: center;
    justify-content: center;
}
#footer #logos a {
    text-decoration:none;
}
#footer #logos #gaultmillau,
#footer #logos #guidemichelin,
#footer #logos #guidebleu {
    width:4.7vw;
    margin-right:.78vw;
    margin-left:.78vw;
    vertical-align:middle;
}
#footer #sunstar img {
    width:6vw;
    vertical-align:middle;
}
#footer p#sunstarlogo {
    width:100%;
    text-align:right;
}
#footer #logos #baselgehtaus {
    width:3.8vw;
    margin-right:1vw;
    vertical-align:middle;
}
#footer #logos #tripadvisor {
    width:3.8vw;
    margin-right:1vw;
    vertical-align:middle;
}
#footer #logos #hotelleriesuisse {
    width:3.8vw;
    margin-right:1vw;
    vertical-align:middle;
}
#footer #logos #booking {
    width:5.6vw;
    margin-right:1vw;
    vertical-align:middle;
}
#footer #logos,
#footer #footerkontakt2 {
    width:65%;
}
#footer #footerkontakt2 {
    margin-left:20%;
    padding-bottom:1.56vw;
}
#footer #sunstar {
    width:25%;
    justify-content: right !important;
}
#footer #social p {
    margin:auto;
}
#footer #social div.rte,
#footer #Links div.rte {
    display: flex;
}
#footer #social img {
    width:10px;
    padding-right:.39vw;
    padding-left:.39vw;
}
#footer #social img.instagram,
#footer #social img.linkedin {
    width:20px;
    padding-right:.39vw;
    padding-left:.39vw;
}
#footer #social img.tripadvisor {
    width:34px;
    height:20px;
    padding-right:.39vw;
    padding-left:.39vw;
}
#footer #social img.aufgegabelt {
    width:53px;
    height:20px;
    padding-right:.39vw;
    padding-left:.39vw;
}

/* HorizontalLine--------------------------------------------------------------------------------------------------- */
#horizontalline hr,
#horizontalline div hr{
    width:1170px;
    position:relative;
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding:0;
}

/* Spalten--------------------------------------------------------------------------------------------------- */
#spalten {
    position:relative;
    display:flex;
    justify-content: center;
}
#spalte1 {
    width:570px;
    margin:0 15px 0 0;
    padding:0;
    text-align:left;
}
#spalte2 {
    width:570px;
    margin:0 0 0 15px;
    padding:0;
    text-align:left;
}

/* Layout770--------------------------------------------------------------------------------------------------- */
.layout770,
.mod_newslist .info,
.mod_newslist h2,
.mod_newslist .ce_text,
.mod_newslist .more {
    width:770px;
    margin-right:auto;
    margin-left:auto;
}

/* Layout1170 */
.layout1170 {
    width:1170px;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    justify-content: center;
}

/* Layout1170_2 */
.layout1170_2 {
    width:1170px;
    margin-right:auto;
    margin-left:auto;
}

/* Layout370 */
.layout370,
.mod_newslist .image_container {
    width:370px;
    margin-right:1.5625vw;
}

/* --------------LayoutNoflex-------------------------- */
.noflex {
    display:block;
}

/* --------------BannerZumSchauenegg-------------------------- */
#bannerschauenegg #schauenegg.reopen2 {
    width:150px;
    right:80px;
    top:0;
    position:absolute;
    z-index: 100;
}
#bannerschauenegg #schauenegg.reopen2 #bannertext a {
    width:150px;
    left:-4px;
    top:30px;
    position:absolute;
    font:14px Frank Ruhl Libre;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

#mainmenu.desktop,
a#reservierung,
#telefon,
#sprachwechsler{
    transition: top 0.5s linear, 1.4s text-decoration-color ease, background-color 1.4s, color 1.4s !important;
}
}