@charset "UTF-8";
/* CSS Document */



html {
  width: 100%;
  height: 100vh;
}


/* Anpassen der HG-Bilder auf medienbreite */


/* Small devices (phones, portrait) 350x750 */
@media only screen and (max-width: 600px) and (orientation: portrait) {

html {

    
                  background-image: url(../Fotos/HG-Sonder/Advent-1-PhPo.jpg);
                  background-attachment: fixed;
                  background-position: left center;
                  background-size: cover;
}

} 

/* Medium devices (pads, portrait) 760x1080 */
@media only screen and (min-width: 601px) and (max-width: 1085px) and (orientation: portrait) {

html {

    
                  background-image: url(../Fotos/HG-Sonder/Advent-1-TaPo.jpg);
                  background-attachment: fixed;
                  background-position: left center;
                  background-size: cover;
}

} 


/* Small devices (phones, landscape) 850x400 */
@media only screen and (max-width: 920px) and (orientation: landscape) {

html {

    
                  background-image: url(../Fotos/HG-Sonder/Advent-1-PhLa.jpg);
                  background-attachment: fixed;
                  background-position: left center;
                  background-size: cover;
}

} 


/* Medium devices (pads landscape) 1080x760 */
@media only screen and (min-width: 921px) and (max-width: 1085px) and (orientation: landscape) {

html {

    
                  background-image: url(../Fotos/HG-Sonder/Advent-1-TaLa.jpg);
                  background-attachment: fixed;
                  background-position: left center;
                  background-size: cover;
}

} 


/* Extra large devices (large laptops and desktops, 1200px and up) 1190x1150 */
@media only screen and (min-width: 1086px) and (min-height: 500px) {

html {

    
                  background-image: url(../Fotos/HG-Sonder/Advent-1.jpg);
                  background-attachment: fixed;
                  background-position: left center;
                  background-size: cover;
}

}





body {
    color: rgba(245,245,245,1.00) !Important;}

h1, h2, h3, h4, h5, h6 {
    }

.h3blauhell {
    color: rgba(69,128,255,1.00) !Important;
}


p {
    color: rgba(245,245,245,1.00) !Important;}

.ZimmertabelleCard {
    color: rgba(245,245,245,1.00) !Important;}

.Kartentabelle, .MenuetabelleCard, .Aperitiftabelle, .Jahrgang, .clAngabe, .Weinzeile, .Cognactabelle, .Offentabelle, .card-text, .bi {
    color: rgba(245,245,245,1.00) !Important;}

.disabled {
    color: rgba(100,100,100,1.00) !Important;}

.HotelSchalter {
    background-color: rgba(69,128,255,1.00) !Important;border-color: rgba(69,128,255,1.00) !Important;}

/* überall Schriftfarbe umstellen pauschal als Klasse */

.SchriftHellHGDunkel {
    color: rgba(245,245,245,1.00) !Important;}

/* spezielles nur für Index-Seite */

.IndexKarte {
    border-color: rgba(125,125,125,0.3);
}

.textfarbeblau {
    /*color: rgba(69,128,255,1.00) !Important;*/
}

.dunkleschrift {
    color: rgba(10,10,10,1.00) !Important;}


/* eMail Seite */

.soziallogo {
    color: rgba(190,190,190,1.00) !Important;}



/* noch für Restotabellen und Infotabellen Klassen mit schriftfarbe suche und auf p-Farbe setzen */