/* Scss Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: normal;
}
/*Aktive Seite DeutschMenü Farbe*/
.willkommen .navhotel, .willkommen .navwillkommen, .zimmer .navhotel, .zimmer .navzimmer, .gastronomie .navhotel, .gastronomie .navgastronomie, .inklusiv .navhotel, .inklusiv .navinklusiv, .agb .navhotel, .agb .navagb, .wellness .navhotel, .wellness .navwellness, .ambiente .navhotel, .ambiente .navambiente, .sommeraktiv .navsommer, .sommeraktiv .navsommeraktiv, .bergtouren .navsommer, .bergtouren .navbergtouren, .biken .navsommer, .biken .navbiken, .rafting .navsommer, .rafting .navrafting, .winteraktiv .navwinter, .winteraktiv .navwinteraktiv, .rodeln .navwinter, .rodeln .navrodeln, .langlaufen .navwinter, .langlaufen .navlanglaufen, .winterwandern .navwinter, .winterwandern .navwinterwandern, .angebote .navangebote, .gallerie .navgallerie, .anfrage .navanfrage, .buchen .navbuchen, .anreise .navanreise, /*Aktive Seite italienisch*/

.willkommen_it .navhotel, .willkommen_it .navwillkommen, .zimmer_it .navhotel, .zimmer_it .navzimmer, .gastronomie_it .navhotel, .gastronomie_it .navgastronomie, .inklusiv_it .navhotel, .inklusiv_it .navinklusiv, .agb_it .navhotel, .agb_it .navagb, .wellness_it .navhotel, .wellness_it .navwellness, .ambiente_it .navhotel, .ambiente_it .navambiente, .sommeraktiv_it .navsommer, .sommeraktiv_it .navsommeraktiv, .bergtouren_it .navsommer, .bergtouren_it .navbergtouren, .biken_it .navsommer, .biken_it .navbiken, .rafting_it .navsommer, .rafting_it .navrafting, .winteraktiv_it .navwinter, .winteraktiv_it .navwinteraktiv, .rodeln_it .navwinter, .rodeln_it .navrodeln, .langlaufen_it .navwinter, .langlaufen_it .navlanglaufen, .winterwandern_it .navwinter, .winterwandern_it .navwinterwandern, .angebote_it .navangebote, .gallerie .navgallerie, .anfrage_it .navanfrage, .buchen_it .navbuchen, .anreise_it .navanreise {
    color: #B4B4B4;
    cursor: default
}
/*Country */
.willkommen .de, .zimmer .de, .gastronomie .de, .ambiente .de, .wellness .de, .inklusiv .de, .agb .de, .sommeraktiv .de, .bergtouren .de, .biken .de, .rafting .de, .sommeraktiv .de, .bergtouren .de, .biken .de, .winteraktiv .de, .rodeln .de, .langlaufen .de, .winterwandern .de, .angebote .de, .angebote_winter .de, .angebote_sommer .de, .anreise .de, .anfrage .de, .alpinesuite .de, .bergkristallsuite .de, .chaletsuite .de, .doppelzimmer .de, .familysuite .de, .juniorsuite .de, .panoramasuite .de, .romanticsuite .de, .turmsuite .de, .vitalsuite .de, .zimmer .de, .buchen .de, .loftsuite .de, .agb_it .it, .ambiente_it .it, .anfrage_it .it, .angebote_it .it, .angebote_sommer_it .it, .angebote_winter_it .it, .anreise_it .it, .bergtouren_it .it, .biken_it .it, .gastronomie_it .it, .willkommen_it .it, .inklusiv_it .it, .langlaufen_it .it, .rafting_it .it, .rodeln_it .it, .sommeraktiv_it .it, .wellness_it .it, .winteraktiv_it .it, .winterwandern_it .it, .alpinesuite_it .it, .bergkristallsuite_it .it, .chaletsuite_it .it, .doppelzimmer_it .it, .familysuite_it .it, .juniorsuite_it .it, .panoramasuite_it .it, .romanticsuite_it .it, .turmsuite_it .it, .vitalsuite_it .it, .zimmer_it .it, .buchen_it .it, .loftsuite_it .it {
    color: #B4B4B4;
    cursor: default
}
a:active {
    background-color: #8FBC8F;
}
/*Hintergrund Farbe beim buchen button*/
.menu .navbuchen {
 /* background: #998D85;
    background: #9a5272;
    color: #EFEFEF;
}
.buchen_it .navbuchen, .buchen .navbuchen {
    background: #525252;*/
}
/*Ende Aktive Seite Menü*/

/*Menü*/

.menu ul {
    list-style: none;
}
.menu {
    font-family: roc-grotesk, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: flex;
    justify-content: center;
    font-size: 1rem;
    background-color: #FFFFFF;
    border-bottom: 0.05rem dotted #696969;
}
.menu ul {
    display: flex;
    position: relative;
    padding-top: px; /*Abstand von oben Header*/
}
.menu ul li {
    flex: 1;
}
.menu a {
    padding: 1.375em 0.5em;
    display: block;
    text-align: center;
    text-decoration: none;
    color: dimgray;
    transition: all .2s ease-in;
    position: relative;
    white-space: nowrap;
}
.menu a:hover {
 background-color:;
    color: #B4B4B4;
}
.menu a::after {
    content: "";
    display: block;
    width: 0;
    height: 0.19rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: dimgray;
    transition: all .3s ease-in;
}
.menu a:hover::after {
    width: 100%;
}
.menu ul ul {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
}
.menu ul li:hover ul {
    visibility: visible;
}
.menu ul ul li a {
    background-color: #fff;
    color: dimgray;
    padding: 0.8rem; /*Höhe submenu */
    width: 12.5rem;/* breite submenu */
    text-align: left; /* ausrichtung links submenu */
}
.menu ul ul li a:hover {
 background-color:;
    color: #B4B4B4;
}
label[for="bt_menu"] {
    padding: 0.75rem;
    background-color: #fff; /*klein menu leistefarbe */
    cursor: pointer;
    width: 100%;
    height: 3.125rem;
    z-index: 1;
}
label[for="bt_menu"] img {
    width: 2.5rem;
    height: 2.5rem;
}
label[for="bt_menu"], #bt_menu {
    display: none;
}

@media (max-width: 1280px) {
label[for="bt_menu"] {
    display: block;
    position: absolute;
    top: 0;
}
#bt_menu:checked ~ .menu {
    margin-top: 0;
}
.menu {
    padding-top: 4.75rem; /*Abstand von oben Header*/
    margin-top: -120%; /*Abstand von oben Header wenn das aufgeschlagene Menü nicht mehr schliest*/
    transition: all .4s ease-in;
    font-size: 1rem;
}
.menu a {
    background-color: #fff;
    padding: 0.9rem 0;
}
.menu ul {
    flex-direction: column;
    width: 100%;/*padding: 0;*/
}
.menu ul li {
    width: 100%;
}
.menu ul li:hover ul {
    max-height: 28rem;
}
.menu ul ul {
    position: static;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: all .4s ease-in-out;
}
.menu ul ul li a {
    text-align: center;/* zentriert submenu  und kleinerTextgroesse*/
    width: 100%;
    font-size: 1rem;
    background-color: #EEEEEE;
}
/*Hintergrund Farbe beim buchen button*/
.menu .navbuchen {
    background: #998D85;
    color: #EFEFEF;
}
.buchen_it .navbuchen, .buchen .navbuchen {
    background: #998D85;
}
}