body {
  background-image: url('/images/Wallpaper.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* background-position: center; */
  background-position: top left;
  color: blue;
  background-color: black;
  overflow-x: hidden; /* Verhindert horizontales Scrollen */
  -webkit-background-size: cover; /* Für Safari */
}


/* color unten rechts */
body::before {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 250px;
  height: 250px;
  background-image: url('/images/color11%20klein.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

#rotate-message {
  display: none; /* Standardmäßig ausgeblendet */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
  z-index: 9999;
}

/* Handyansicht Quer */
@media (max-width: 768px) and (orientation: portrait) {
  #rotate-message {
    display: block; /* Nur auf mobilen Geräten im Hochformat anzeigen */
  }
  body {
        background-size: contain; /* Sorgt dafür, dass das Bild vollständig sichtbar bleibt */
        background-position: center; /* Zentriert das Bild */
        background-repeat: no-repeat;
    	-webkit-background-size: contain; /* Für Safari */
    }
}

/* Handyansicht */
@media (max-width: 768px) {
    body {
    background-size: contain; /* Skaliert das Bild so, dass es vollständig sichtbar bleibt */
    background-position: center;
    min-height: 100vh; /* Passt die Höhe dem Bildschirm an */
    font-size: 9px; /* Schriftgröße für den gesamten Text */
  }
  body::before {
    width: 200px !important;
    height: 200px !important; /* Setzt die Höhe auf 200px */
    max-height: none !important; /* Deaktiviert max-height */
  }
  
  /* Textfeld nach unten rücken */
  div.item-content {
    margin-top: 30px !important;
  }
}

/* Anpassung Hintergrundbild Safari Handy */
@supports (-webkit-touch-callout: none) {
    body {
        background-attachment: scroll; /* "Fixed" deaktivieren */
        background-size: contain; /* Bild vollständig sichtbar machen */
        background-position: center;
    }
}


.breadcrumb {
display: none;
}

/* ********* Login Größe und Zentrierung **********/
div.mod-login__userdata {  
  padding:25px;
 /* width:35%; */
  border-radius: 18px;
  margin-top:50px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(128,128,128,0.7);  
}

/*header Farbe schwarz */
.container-header {
background: black;
  background-position: top left;
  background: url(/images/colorheader.png)!importend;
}


/* ********** Hintergrund Grau Impressum ********** */
div.com-content-article__body{
  background-color: rgba(128,128,128,0.7);
  border-radius: 18px;
}

/* KalenderFeed transparent */
div.bottom-b {
    background-color: transparent; /* Set background to transparent */
    color: #fff; /* Change text color */
    padding: 15px; /* Adjust padding */
	border: none;  /* Rahmen entfernen */
}


/* ********** Kalender ********** */
#jevents {
 background-color: rgba(220,220,220,0.7);
 border-radius: 18px;
}
/* Textfeld nach unten rücken */
div.item-content {
  margin-top: 150px;
}
a.ev_link_row:link {  
  font-size: 48px; !important
  color: red; !important
}

a.ev_link_row:visited {  
  font-size: 48px; !important
  color: red; !important
}


td.ev_td_left {
  font-size: 25px; !important
}

td.ev_td_right {
  font-size: 25px; !important
}

/* *** Kalenderpfeile größer *** */
div.ev_navigation img {
  max-width: none !important;
 width:900% !important;
}

/* ********** Gästebuch ********** */
#phocaguestbook {
  background-color: rgba(128,128,128,0.7);
  border-radius: 18px;
}
div.pgb-content-inside {
  font-size: 25px; !important
}