html,
body {
  background: #FFCC00;
  height: 100%;
}

h1 {

}

h2 a, .moduletable h3, .items-leading h2, .items-row h2 {
  text-decoration: none;
}

a:link, a:visited {
  color: #990000;
}

a:hover, a:active, a:focus {
  color: #dc1a00;
}

a:hover img {
  background: none!important;
  border: 0;
  text-decoration: none!important;
  outline: none;
}

.logoheader {
  background: url('/images/logo.png') no-repeat right bottom;
  color: #FFFFFF;
  height: 88px;
}

#all {
  background: #FFFFFF;
  color: #444;
}

/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */
#menuwrapper ul.nav {
  list-style: none; /* Remove bullets */
  padding-left: 0; /* Remove padding */
  margin-top: 10px; /* Reduced vertical spacing */
}

#menuwrapper ul.nav > li > a {
  font-weight: normal; /* Non-bold font */
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 45px;
  display: block;
  background: url('../images/bg.gif') no-repeat 0px center; /* Adjust icon position */
}

#menuwrapper ul.nav > li > a:hover {
  background-image: none; /* Remove icon on hover */
  background-color: #FFF0B2;
  color: #5F0F2C;
}

/* Anpassungen für Untermenüpunkte */

#menuwrapper ul.nav li ul {
  list-style: none; /* Remove bullets for sub-menus */
  padding-left: 20px; /* Shift sub-menus to the right */
  }

#menuwrapper ul.nav li ul a {
  font-weight: normal; /* Non-bold font */
  text-decoration: none;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; 
  padding-left: 40px; /* Additional padding for sub-menu links */
  background: none; /* No icons for sub-menu items */
  margin-top: 50px;
  margin-bottom: 50px;
}

#menuwrapper ul.nav li ul li.active a {
    color: #dc1a00; /* Schriftfarbe für aktive Untermenüpunkte */
}

#menuwrapper ul.nav li ul a:hover {
    color: #dc1a00; /* Schriftfarbe beim Hover für Untermenüpunkte */
}

/* ++++++++++++++++   highlightning active menu item  +++++++++++++++++++ */
#menuwrapper ul.nav > li.active > a,
#menuwrapper ul.nav > li.current > a {
  background: url("../images/bg.active.gif") no-repeat 0px center; /* Adjust active icon position */
  background-color: #FFF0B2; /* Gelber Hintergrund für aktive Menüpunkte */
  color: #dc1a00; /* Schriftfarbe für aktive Menüpunkte */
}

#menuwrapper ul.nav li ul {
  list-style: none; /* Remove bullets for sub-menus */
  padding-left: 20px; /* Shift sub-menus to the right */
}



/* Bottom SEO Menu */
#seo_menu {
    display: none!important;
  }
  
#bottom ul li {
  margin-bottom: 10px; /* Adds space below each link */
}

#bottom ul li a {
  display: inline-block; /* Ensures the margin is applied to the link container */
  padding-left: 10px; /* Adds padding to the left of each link */
}

#bottom {
  background: url("../images/foot.gif") repeat-x scroll 0 0;
}

#bottom ul li a {
  background-image: none;
}

/* Language Picker - Versteckt das Label "Sprache auswählen" */
.mod-languages p.visually-hidden {
    display: none;
}

/* Suchmodul - Versteckt das Label "Suchen" */
.mod-finder label.finder {
    display: none;
}

/* Abstand zwischen Language Picker und Suchmodul */
.mod-languages {
    margin-bottom: 20px; 

.mod-finder {
    margin-top: 20px; 
}

/* Breadcrumbs styles */
.breadcrumbs {
    position: relative; /* Positionierung relativ zum Elternteil */
    z-index: 1000; /* Sicherstellen, dass sie über anderen Elementen liegt */
    margin-bottom: 20px; /* Abstand nach unten */
    list-style: none; /* Keine Aufzählungszeichen */
    font-size: 16px; /* Schriftgröße ändern */
    font-family: Arial, sans-serif; /* Schriftart ändern */
    color: #333; /* Schriftfarbe ändern */
}

/* Styling für die einzelnen Breadcrumb-Elemente */
.breadcrumbs li {
    display: inline; /* Elemente in einer Reihe anzeigen */
    font-size: inherit; /* Schriftgröße erben */
}

/* Styling für Links in den Breadcrumbs */
.breadcrumbs li a {
    color: #333; /* Linkfarbe */
    text-decoration: none; /* Keine Unterstreichung */
    font-size: inherit; /* Schriftgröße erben */
    font-family: inherit; /* Schriftart erben */
}


/* Styling für das Trennzeichen zwischen Breadcrumb-Elementen */
.breadcrumbs li:after {
    content: url('../images/arrow.png'); /* Trennzeichen als Bild */
    padding: 0 5px; /* Abstand um das Trennzeichen */
}

/* Optional: Abstand nach unten anpassen, falls nötig */
.breadcrumbs {
    margin-bottom: 10px;
}

/* Positionierung über dem Hauptinhalt */
#main {
    margin-top: 20px; /* Abstand nach oben, um Platz für die Breadcrumbs zu schaffen */
}

/* Responsive adjustments */
@media only screen and (max-width: 600px) {
    #menuwrapper ul.nav > li > a {
        font-size: 14px;
        padding: 8px 35px;
    }

    #menuwrapper ul.nav li ul a {
        padding: 5px 25px;
        font-size: 12px;
    }

    .breadcrumbs {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    #menuwrapper ul.nav > li > a {
        font-size: 15px;
        padding: 9px 40px;
    }

    #menuwrapper ul.nav li ul a {
        padding: 5px 28px;
        font-size: 13px;
    }

    .breadcrumbs {
        font-size: 13px;
    }

    .hidden-phone {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    #menuwrapper ul.nav > li > a {
        font-size: 15px;
        padding: 9px 40px;
    }

    #menuwrapper ul.nav li ul a {
        padding: 5px 28px;
        font-size: 13px;
    }

    .breadcrumbs {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1382px) {
    #menuwrapper ul.nav > li > a {
        font-size: 15px;
        padding: 9px 40px;
    }

    #menuwrapper ul.nav li ul a {
        padding: 5px 28px;
        font-size: 13px;
    }

    .breadcrumbs {
        font-size: 13px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .search button {
        background: url("../images/searchButton.gif") no-repeat scroll 0 0 #FFFFFF;
    }

    .jfontsize {
        /*margin-top: -120px;
        float: right;*/
    }

    .box ul li {
        list-style-type: none;
        display: inline;
    }

    .box ul li a {
        display: inline-block;
    }
}