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

/* BASIC------------------------------------------------------------------------------------------------------ */
html {
    background-color:#fff;
    overflow-x: hidden;
}
#wrapper {
    width:98vw;
    margin-right:auto;
    margin-left:auto;
}
#container {
    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;
}

/* LOGO------------------------------------------------------------------------------------------------------ */
#logo {
    width:100vw;
    height:100vh;
    position:absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
#logo img {
    width:30vw;
}
#logo.image_container {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:center;
}
#logoklein {
    width:100vw;
    height:98px;
    position:fixed;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    vertical-align:bottom;
    text-align:center;
    background-color:#fff;
    z-index:1001;
}
#logoklein p {
    margin:30px 0 0;
}
#logoklein img {
    width:400px;
    z-index:1001;
}

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

/* Tagesmenu--------------------------------------------------------------------------------------------------- */
#spalten.touchscreen figure {
    margin-bottom:70px;
}

/* Buttons--------------------------------------------------------------------------------------------------- */
a.buttonklein {
    display:none;
}

/* HorizontalLine--------------------------------------------------------------------------------------------------- */
#horizontalline hr {
    width:98vw;
    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;
}
#spalten.touchscreen p,
#spalten.touchscreen #spalte1,
#spalten.touchscreen #spalte2 {
    text-align:center;
}

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

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

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

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