/* ----------------------------------------------
   1) Grund-Reset
---------------------------------------------- */
body.EssDefaultBody {
  background-color: #f4f6f8 !important;
  font-family: 'Inter', sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
}
* {
  box-sizing: border-box !important;
}

/* ----------------------------------------------
   2) Alte Wellen, Alerts, Footer & Infos ausblenden
---------------------------------------------- */
#extra_box,
#top .wave,
#COOKIEALERT,
#ESSFooterCPC,
#ESSInfosGUI,
.LogInMessageDiv {
  display: none !important;
}
#top {
  background: none !important;
}

/* ----------------------------------------------
   3) HEADER Menü rechts, Logo + Titel zentriert
---------------------------------------------- */
#HeadColumn {
  background: transparent !important;
  padding: 16px 0 !important;
}
#HeadColumn_Row1 .center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.TopMenu {
  display: flex !important;
  gap: 24px !important;
  margin-left: auto !important;
}
.TopMenu span a {
  color: #000 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.TopMenu span a:hover {
  text-decoration: underline !important;
}

/* Logo in der Mitte */
.ColumnLogoLinks {
  width: 240px !important;
  height: 80px !important;
  background-image: url("https://www.gemeinde-bunde.de/fileadmin/co_system/bunde/css/images/logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  display: block !important;
  margin: 0 40px !important;
}
.ColumnLogoRechts { display: none !important; }

/* Ortstitel unter dem Logo */
#HeadColumn_Row2 .center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.ColumnStadtDiv .StadtName { display: none !important; }
.ColumnStadtDiv .SchulName {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1C4477 !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}

/* ----------------------------------------------
   4) Weißbalken/Sections komplett entfernen
---------------------------------------------- */
#DefaultInnerTable,
.DefaultMainTable,
#DefaultContent,
#DefaultContentWrapper {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ----------------------------------------------
   5) LOGIN-BEREICH zentrieren und stylen
---------------------------------------------- */
#LogInRowNewCenter {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 30px 0 !important;  /* näher am Header */
  margin-top: -20px !important; /* Card etwas anheben */
}
.EssDefaultLogInColumn {
  background-color: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
  padding: 40px !important;
  max-width: 400px !important;
  width: 90% !important;
  text-align: center !important;
  animation: fadeIn 0.5s ease !important;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Überschrift */
#Login1_LogInHeader {
  display: block !important;
  font-size: 24px !important;
  color: #1C4477 !important;
  margin-bottom: 24px !important;
}


.EssDefaultTextEntry,
.EssDefaultPasswordEntry {
  width: 100% !important;
  padding: 14px !important;
  margin: 10px 0 !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  font-size: 15px !important;
}


.EssDefaultButtonLogin {
  width: 100% !important;
  background-color: #84BF46 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  margin-top: 16px !important;
}
.EssDefaultButtonLogin:hover {
  background-color: #6ca23b !important;
}

#RegFirstRow,
#DefaultRegisterRow,
#PWDVergessenDiv {
  display: list-item !important;
}
#Loginbuttons {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-top: 24px !important;
}
#RegFirstRow .RegFirst,
#DefaultRegisterRow .DefaultRegister,
#PWDVergessenDiv {
  color: #1C4477 !important;
  cursor: pointer !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
#RegFirstRow .RegFirst:hover,
#DefaultRegisterRow .DefaultRegister:hover,
#PWDVergessenDiv:hover {
  text-decoration: underline !important;
}


#ESSFooterCPC { display: none !important; }
body:after {
  content: "© 2025 EDV-Service Schaupp GmbH";
  display: block;
  text-align: center;
  padding: 12px 0;
  font-size: 12px;
  color: #777;
  background: transparent;
  margin-top: 40px;
}

#Login1_LogInHeader {
 
  color: transparent !important;
  position: relative !important;
}
#Login1_LogInHeader::before {
  content: "Anmeldung Verpflegungsportal";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #1C4477;
  font-size: 20px;
  font-weight: bold;
  visibility: visible !important;
}


#DefaultRegisterRow .DefaultRegister {
  display: inline-block !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  color: #1C4477 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  margin-top: 16px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.3s, color 0.3s !important;
}
#DefaultRegisterRow .DefaultRegister:hover {
  background-color: #f0f0f0 !important;
}

#Loginbuttons {
  justify-content: center !important;
  margin-top: 24px !important;
}

body:after {
  margin-top: 20px !important;
}
/* ----------------------------------------------
   7) Einheitliches Button-Layout für Registrierung & Passwort vergessen
---------------------------------------------- */
/* Stelle sicher, dass Passwort-vergessen sichtbar ist */

/* Optional: beide Buttons in eine Zeile bringen */
/* 
#PWDVergessenDiv,
#DefaultRegisterRow {
  display: inline-block !important;
  margin: 0 10px !important;
}
*/
/* ----------------------------------------------
   Einheitliches Button‐Styling für „Passwort vergessen“ und „Registrierung“
---------------------------------------------- */

/* 1) Login-Buttons untereinander zentrieren */

/* ----------------------------------------------
   Einheitliches Button‐Styling für „Passwort vergessen“ und „Registrierung“
---------------------------------------------- */
/* Stelle sicher, dass der Container sichtbar und zentriert ist */
#PWDVergessenDiv {
  display: block !important;
  text-align: center !important;
  margin-top: 16px !important;
}

/* Button‐Look für Passwort vergessen (Span innerhalb des Div) */
#PWDVergessenDiv span {
  display: inline-block !important;
  background-color: #1C4477 !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.3s !important;
}

/* Hover‐Effekt */
#PWDVergessenDiv span:hover {
  background-color: #16365e !important;
}

/* -------------------------------
   Rahmen um die beiden Buttons entfernen
------------------------------- */
#DefaultRegisterRow .DefaultRegister,
#PWDVergessenDiv span {
  border: none !important;
  box-shadow: none !important;
}

/* Falls du noch einen dünnen Outline-Rand im Fokus (Tabbing) hast, auch den ausschalten: */
#DefaultRegisterRow .DefaultRegister:focus,
#PWDVergessenDiv span:focus {
  outline: none !important;
}
/* Container für die beiden Links auf Flex umstellen */
#Loginbuttons {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Registrierung & Passwort vergessen beide im gleichen Stil */
#DefaultRegisterRow .DefaultRegister,
#PwdVergRow .PwdVerg {
  display: inline-block !important;
  background-color: #1C4477 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  margin: 0 !important;
}

/* Hover-State */
#DefaultRegisterRow .DefaultRegister:hover,
#PwdVergRow .PwdVerg:hover {
  background-color: #16365e !important;
}
/* 1) Buttons untereinander mit mehr Abstand */
#Loginbuttons {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  row-gap: 12px !important;   /* Abstand zwischen den Buttons */
  margin-top: 24px !important;
}

/* 2) Einheitliche Breite und Padding für beide Buttons */
#DefaultRegisterRow .DefaultRegister,
#PwdVergRow .PwdVerg {
  min-width: 220px !important;    
  padding: 12px 0 !important;     
  background-color: #1C4477 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  text-align: center !important;  
  line-height: 1.2 !important;     
  cursor: pointer !important;
  transition: background 0.3s !important;
}


#DefaultRegisterRow .DefaultRegister:hover,
#PwdVergRow .PwdVerg:hover {
  background-color: #16365e !important;
}

#Loginbuttons {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  row-gap: 46px !important;   
  margin-top: 24px !important;
}


#DefaultRegisterRow .DefaultRegister,
#PwdVergRow .PwdVerg {
  display: inline-block !important;
  min-width: 240px !important;      
  padding: 12px 0 !important;       
  background-color: #1C4477 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  text-align: center !important;    
  line-height: 1.4 !important;      
  cursor: pointer !important;
  transition: background 0.3s !important;
}

/* Hover‐Effekt */
#DefaultRegisterRow .DefaultRegister:hover,
#PwdVergRow .PwdVerg:hover {
  background-color: #16365e !important;
}

/* Outline im Fokus entfernen */
#DefaultRegisterRow .DefaultRegister:focus,
#PwdVergRow .PwdVerg:focus {
  outline: none !important;
}

/* ----------------------------------------------
   Abstand & Einheitsbreite für "Passwort vergessen" & "Registrierung"
---------------------------------------------- */
#Loginbuttons ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;           /* Abstand zwischen den Einträgen */
  margin: 24px 0 0 !important;    /* Abstand oberhalb des UL */
  padding: 0 !important;
  list-style: none !important;
}

#Loginbuttons ul li {
  margin: 0 !important;
  padding: 0 !important;
}

#Loginbuttons ul li span,
#Loginbuttons ul li a {
  display: inline-block !important;
  min-width: 240px !important;    /* gleiche Breite für beide Buttons */
  text-align: center !important;
  /* Falls du das Button-Styling nicht schon oben hast: */
  background-color: #1C4477 !important;
  color: #fff !important;
  padding: 10px 0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
}

#Loginbuttons ul li span:hover,
#Loginbuttons ul li a:hover {
  background-color: #16365e !important;
}

#Loginbuttons ul li span:focus,
#Loginbuttons ul li a:focus {
  outline: none !important;
}

#DefaultContentWrapper{
	background-color:#fff!important;
display:flex;
flex-direction:row;
justify-content:center;
margin:0px auto!important;
min-height:100px!important;
margin-top:-20px;
}
#ESSNewsLeft{
display:inline-block;
	background-color:#fff!important;
width:100%!important;

}

#ESSNewsLeft p{
text-align:center;
}
#ESSNewsRight{
width:0px!important;
display:none!important;

}
#DefaultContent{
	margin-top:-20px!important;
}