@media (max-width: 950px) {

/* Fonts------------------------------------------------------------------------------------------------------------ */
.font1,
h1 {
    text-decoration:none;
    color:#000;
    letter-spacing:0rem;
    font:2.7rem/2.7rem Frank Ruhl Libre;
}
.font2,
div#Aktuelltitel h1,
.buchungsinfostext h1,
.gartentext h1 {
    text-decoration:none;
    color:#81a196;
    letter-spacing:0rem;
    font:2.7rem/2.7rem Frank Ruhl Libre;
}
.font3 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0rem;
    font:2.7rem/2.7rem 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:1.5rem/1.7rem Frank Ruhl Libre;
}
.font5,
#wrapper {
    text-decoration:none;
    color:#000;
    letter-spacing:0rem;
    font:.92rem/1.52rem Open Sans;
    font-weight: 300;
}
.font6,
#footerkontakt,
#footerkontakt2 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0rem;
    font:.75rem/1.125rem Open Sans;
    font-weight: 400;
}
.font7,
.mainmenu ul.level_1 {
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.0975rem;
    font:.75rem Open Sans;
    font-weight: 400;
}
.font11,
#Button a,
#Aktuellliste a {
    text-decoration:none;
    color:#81a196;
    text-transform:uppercase;
    letter-spacing:.0525rem;
    font:.75rem Open Sans;
    font-weight: 400;
}
.font8,
#subtitle,
#Aktuelltitel h5,
.mod_newslist .info,
.manualnews .manualinfo {
    display:table;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.0525rem;
    font:.75rem Open Sans;
    font-weight: 400;
    border-bottom: 1px solid black;
}
.font9,
a#reservierung,
#footermenu a,
#gutscheine a,
.newsletter button {
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.0525rem;
    font:.75rem Open Sans;
    font-weight: 400;
}
.font10,
#footer #Links a {
    text-decoration:underline;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.0525rem;
    font:.75rem Open Sans;
    font-weight: 400;
}
.font12 {
    text-decoration:none;
    color:#000;
    letter-spacing:.04rem;
    font:.6rem Open Sans;
    font-weight: 400;
}
.font13,
#widget1 h3,
#widget2 h3 {
    text-decoration:none;
    color:#fff;
    letter-spacing:0vw;
    font:8.5vw/9.44vw Frank Ruhl Libre;
}
.font14 {
    text-decoration:underline;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.245vw;
    font:3.5vw Open Sans;
    font-weight: 400;
}
#widget1 a.font13.oneline,
#widget2 a.font13.oneline {
    margin-top:3vw;
}
.fontgreen {
    color:#81a196;
}

/* Abstand--------------------------------------------------------------------------------------------------- */
.abstand30 {
    margin-top: 30px !important;
}
.abstand30_2 {
    margin-bottom: 30px !important;
}
.abstand70 {
    margin-top: 70px !important;
}
.abstand70_2 {
    margin-bottom: 70px !important;
}
.abstand140 {
    margin-top: 140px !important;
}
.abstand140_2 {
    margin-bottom: 140px !important;
}

/* BASIC------------------------------------------------------------------------------------------------------ */
html {
    background-color:#fffff;
    overflow-x: hidden;
}
#wrapper {
    margin-right:auto;
    margin-left:auto;
}
#container {
    top:0;
    position:relative;
    display:block;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
#home {
    margin-right:auto;
    margin-left:auto;
}
p {
    margin:0;
    padding:0;
}
#main {
    top:-50px;
    position:relative;
    display:block;
}
: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;
}

/* Headerobjects------------------------------------------------------------------------------------------ */
#headerobjects {
    width:100vw;
    height:160px;
    left:0;
    top:-50px;
    position:relative;
    display:block;
    padding:0;
    vertical-align:top;
}

/* LOGO------------------------------------------------------------------------------------------------------ */
#logo {
    display:none;
}
#logoklein {
    width:100vw;
    height:98px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    vertical-align:bottom;
    display: flex !important;
    justify-content: center;;
    background-color:#fff;
    top: -50px !important;
}
#logoklein p {
    margin:30px 0 0;
}
#logoklein img {
    width:300px;
    z-index:1001;
}

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

/* ReservierungsButton------------------------------------------------------------------------------------------------- */
a#reservierung {
    width:120px;
    height:30px;
    top:26px !important;
    position:relative;
    display:block;
    margin:0 auto;
    padding:.2vw;
    vertical-align:middle;
    text-align:center;
    background-color:#81a196;
    line-height:30px;
}
a:hover#reservierung {
    text-decoration:underline;
}
#res {
    width:100%;
    height:70px;
    top:15px;
    position:relative;
    float:left;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    vertical-align:top;
    text-align:center;
}

/* Sprachwechsler------------------------------------------------------------------------------------------------- */
.mod_changelanguage {
    width:350px;
    height:30px;
    position:fixed;
    overflow:visible;
    float:left;
    display:none;
    margin-right:20px;
    margin-left:20px;
    vertical-align:middle;
    text-align:left;
    border-top:1.1pt solid #81a196;
    border-bottom:1.1pt solid #81a196;
    top: 90px !important;
    z-index: 7000;
}
.mod_changelanguage li {
    top:-10px;
    position:relative;
    float:left;
    margin-right:15px;
    margin-left:-5px;
    vertical-align:middle;
    text-align:left;
    list-style-type:none;
}
.mod_changelanguage.active {
    display:block;
}
.mod_changelanguage li.lang-st {
    display:none;
}
.mod_changelanguage  .level_1 li a {
    text-decoration:none;
    color:#000;
}
.mod_changelanguage  .level_1 li.active {
    font-family:81a196;
}

/* HEADER--------------------------------------------------------------------------------------------------- */
#kont,
#reservierung,
#telefon {
    top:1.36vw;
    z-index:901;
}
.telefon {
    top:30px;
}

/* Telefon--------------------------------------------------------------------------------------------- */
div#telefon {
    width:50px;
    height:50px;
    right:30px;
    position:relative;
    float:right;
    display:block;
    top: -50px !important;
}
div#telefon a {
    width:0px;
    height:30px;
    overflow:hidden;
    display:block;
    padding-left:50px;
    background-repeat:no-repeat;
    background-image:url("../../files/Bilder/images/phone.png");
    background-size:30px 30px;
}
#telefon #anreise {
    display:none;
}
.kont_top {
    top:98px;
}

/* Titelbild--------------------------------------------------------------------------------------------------- */
#titelbild {
    width:100vw;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
#titelbild img {
    width:100vw;
    max-height:93vh;
    overflow:hidden;
    object-fit: cover;
}

/* Gutscheine----------------------------------------------------------------------------------------- */
div #gutscheine a {
    display:none;
}

/* Banner----------------------------------------------------------------------------------------- */
div#bannerschauenegg {
    display:none;
}

/* Widgets--------------------------------------------------------------------------------------------------- */
#widgets {
    width:100vw;
    position:relative;
    display:block;
    background-color:#e0e7e3;
    ms-justify-content: center;
    justify-content: center;
    z-index:1;
}
#wid1,
#wid2 {
    width:90vw;
    height:55.3356vw;
    position:relative;
    display:block;
    margin:70px auto;
    text-align:center;
}
#wid1 img,
#wid2 img {
    width:90vw;
    height:55.3356vw;
}
#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,
#widget2 {
    width:60vw;
    height:28vw;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    margin:auto;
    background-color:rgba(115,154,140,.75);
}

/* Buttons--------------------------------------------------------------------------------------------------- */
div #Button {
    width:90vw;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#Button a {
    width:270px;
    height:60px;
    display:block;
    margin-right:auto;
    margin-left:auto;
    border:1.3px solid #81a196;
    line-height:60px;
}
#Button a:hover {
    background-color:#81a196;
    color:#fff;
}
#Button.first {
    margin-bottom: 0px !important;
}
#Button.last {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
}

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

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

/* Ausgebucht------------------------------------------------------------------------------------------------------ */
.ausgebucht img {
    height:60px;
}

/* FOOTER--------------------------------------------------------------------------------------------------- */
footer#footer {
    width:100%;
    top:0;
    position:relative;
    display:block;
    padding-right:0;
    padding-left:0;
}
#footer .inside {
    top:0;
    position:relative;
    display:block;
    background-color:#595959;
}
#footer #footertop {
    width:90vw;
    margin-right:auto;
    margin-left:auto;
}
#footer #footermenu {
    margin:0 auto;
    padding-right:30px;
    padding-left:30px;
    vertical-align:middle;
    text-align:center;
    background-color:rgba(115,154,140,.5);
}
#footer #footermenu p {
    display:inline-block;
    margin:.7813vw;
    vertical-align:middle;
}
#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 {
    justify-content: center;
    align-items: center;
}
#footer #Links a {
    text-decoration:none;
    list-style-type:none;
}
#footer #Links a:hover {
    text-decoration:underline;
}
#footer #footerline hr {
    margin:30px 0;
}
#footer #footermain {
    width:90vw;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    vertical-align:text-bottom;
    justify-content: center;
}
#footer #footerkontakt,
#footer #footerkontakt2 {
    width:100%;
    padding-bottom:30px;
    text-align:left;
}
#footer #footerkontakt a,
#footer #footerkontakt2 a {
    color:#fff;
}
#footer #logos,
#footer #sunstar {
    display:none;
}
#footer #logos img,
#footer #sunstar img {
    width:6vw;
    vertical-align:middle;
}
#footer #logos {
    width:50%;
}
#footer #sunstar {
    width:7%;
}
#footer #social {
    margin-top:30px;
}
#footer #social img {
    width:10px;
    padding-right:.39vw;
    padding-left:.39vw;
}
#footer #social img.instagram,
#footer #social img.linkedin {
    width:21px;
    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 {
    width:100%;
    position:relative;
    display:flex;
    margin-top:0;
    margin-bottom:0;
    padding:0;
}

/* Spalten--------------------------------------------------------------------------------------------------- */
#spalten {
    position:relative;
}
#spalte1,
#spalte2 {
    width:90vw;
    margin-right:auto;
    margin-left:auto;
}

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

/* Layout1170 */
.layout1170 {
    width:90vw;
    margin-right:auto;
    margin-left:auto;
    justify-content: center;
}

/* Layout1170_2 */
.layout1170_2 {
    width:90vw;
    margin-right:auto;
    margin-left:auto;
}

/* Layout370 */
.layout370,
.mod_newslist .image_container {
    width:90vw;
}

/* --------------BannerZumSchauenegg-------------------------- */
bannerschauenegg #schauenegg.reopen2 {
    display:none;
}

/* Panorama------------------------------------------------------------------------------------- */
#panorama .pnlm-about-msg {
    display: none !important;
}

/* Panorama------------------------------------------------------------------------------------- */
#panorama .pnlm-load-button {
    text-align:center;
}

/* Panorama------------------------------------------------------------------------------------- */
#panorama .pnlm-load-button p {
    width:200px;
    height:100px;
}

/* Panorama------------------------------------------------------------------------------------- */
#panorama .pnlm-load-button,
#panorama .pnlm-load-box {
    text-align:center;
    font:1rem/1.5rem Open Sans;
    font-weight:normal;
    text-transform:uppercase;
    font-weight: 400;
    background-color: rgba(115,154,140,.75);
}
}