/* Add your css code here 
.copyright-inner, .ul-parent-account, .ul-parent-footer {
font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; !important
}

.mobile-nav {
display: none !important;
}

#sf-accordion-toggle {
text-align: right !important;
}

div.sf-accordion-toggle.sf-style-white a {
background: none !important;
border-style: none !important;
font-weight: normal !important;
}

#superfish-main {
color: #fff !important;
background-color: #4caf50 !important;
margin-bottom: 0px !important;
}

#block-xschule-subtheme-mainnavigation ul {
color: #fff !important;
background-color: #4caf50 !important;
}

.sf-menu li a {
color: #fff !important;
background-color: #4caf50 !important;
}

#block-xschule-subtheme-countdowntimer {
text-align: center;
}

ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
background: #4caf50 !important;
}

ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a.is-active, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover {
background: #4caf50 !important;
outline: 0;
}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
border: 0 none;
color: #fff !important;
padding: 0.75em 1em;
}

.site-logo {
padding-bottom: 16px !important;
}

@media (min-width: 993px) {
#main-navigation-h .li-0 > span, #main-navigation-h .li-0 > a > span {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
*/

/* form.w3-theme-l4 {
background-color: transparent !important;
} */

.w3-theme-l5 {color:#000 !important; background-color:#efffe9 !important}
.w3-theme-l4 {color:#000 !important; background-color:#efffe9 !important}
/*.w3-theme-l4 {color:#000 !important; background-color:#caffb5 !important} */
.w3-theme-l3 {color:#000 !important; background-color:#94ff6a !important}
.w3-theme-l2 {color:#000 !important; background-color:#5fff20 !important}
.w3-theme-l1 {color:#fff !important; background-color:#3cd400 !important}
.w3-theme-d1 {color:#fff !important; background-color:#237c00 !important}
.w3-theme-d2 {color:#fff !important; background-color:#1f6e00 !important}
.w3-theme-d3 {color:#fff !important; background-color:#1b6000 !important}
.w3-theme-d4 {color:#fff !important; background-color:#175300 !important}
.w3-theme-d5 {color:#fff !important; background-color:#144500 !important}

.w3-theme-light {color:#000 !important; background-color:#efffe9 !important}
.w3-theme-dark {color:#fff !important; background-color:#144500 !important}
.w3-theme-action {color:#fff !important; background-color:#144500 !important}

.w3-theme {color:#fff !important; background-color:#278b00 !important}
.w3-text-theme {color:#278b00 !important}
.w3-border-theme {border-color:#278b00 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#278b00 !important}
.w3-hover-text-theme:hover {color:#278b00 !important}
.w3-hover-border-theme:hover {border-color:#278b00 !important}
.w3-hover-over:hover,.w3-button:hover {color:#fff !important; background-color: #1f6e00 !important}
.w3css-content a{color: #278b00 !important; font-weight: bold} 
.w3css-content a:hover{color: #1f6e00 !important}

.ui-dialog {
    background-color: #ffffff !important;
    opacity: 1 !important;
    z-index: 1000;
    padding: 10px; /* Adds space inside the pop-up */
    border-radius: 8px; /* Optional: adds rounded corners */
}

.ui-widget-overlay {
    opacity: 0.9 !important;
    background: #edeff5 !important;
}

.main-navigation-wrapper {
    color: white !important;
}

.field__label {
	display: none !important;
}

div.w3-half.w3-container.w3-mobile{
	width: 100% !important;
}

p.w3-section.w3-left-align.w3-opacity.w3-hover-opacity-off{
    text-align: center !important;
	}

	/* Zentrierter Container für den Inhalt */
#custom-footer-wrapper .footer-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Flex-Container für die beiden Spalten (Mobile-Ansicht) */
#custom-footer-wrapper .footer-bottom {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center; /* Auf kleinen Geräten alles mittig */
  align-items: center; /* Vertikal zentrieren */
  gap: 2.5rem; /* Abstand zwischen Text und Logo */
}

/* Allgemeines Styling für die Spalten */
#custom-footer-wrapper .footer-col {
  text-align: center;
}

/* Styling für den Text */
#custom-footer-wrapper .footer-credits {
  font-size: 0.9rem;
  color: #aad09f;
  line-height: 1.4;
}

/* Styling für das Logo */
#custom-footer-wrapper .footer-logo {
  height: auto;
  max-width: 180px;
  display: block; /* Wichtig für korrekte Zentrierung und Abstände */
  margin: 0 auto; /* Zentriert Logo in der mobilen Ansicht */
}

/* Desktop-Ansicht ab 640px Breite */
@media (min-width: 640px) {

  /* Auf Desktop werden die Spalten auseinander geschoben */
  #custom-footer-wrapper .footer-bottom {
    
    flex-wrap: nowrap;
  }

  /* Text linksbündig auf Desktop */
  #custom-footer-wrapper .footer-col.credits-col {
    text-align: left;
  }

  /* Logo rechtsbündig auf Desktop */
  #custom-footer-wrapper .footer-col.logo-col {
    text-align: right;
  }
}
/* Styling für den Link im Footer */
#custom-footer-wrapper .footer-credits a {
  color: inherit; /* Übernimmt die Textfarbe vom Elternelement */
  text-decoration: none; /* Entfernt die Unterstreichung */
   
}

/* Unterstreichung beim Überfahren mit der Maus */
#custom-footer-wrapper .footer-credits a:hover {
  color: #fff;
  
}