ul.fields-container{
  background-color: #EEEBE1;  
  border-radius: 0.8rem; 
  /* border-color: #5D5141; */
  padding: 0.5em 1em 0.5em 2em;  
}
span.field-value.CSS-Klasse-Ueberschrift {
  font-size: 18px; 
}
span.field-value.CSS-Klasse-Text {
  font-size: 14px; 
}


/* Bild von Newsflash (Modulposition rechts) verkleinern, nach rechts verschieben*/
/* #sp-left .sp-module .sp-module-content .newsflash-image, #sp-right .sp-module .sp-module-content .newsflash-image img{ */
/*     .newsflash-image img { 
      display: block;
      float: right;
      max-width: 65%;
      height: auto;
      margin: 0 0 0 2rem
    } */

/* Überschrift der Artikeln / Berichte */
.article-details .article-header h1 {
  font-size: 1.5rem;
}
.article-list .article .readmore {
  font-size: 1.275rem;  
}

/* Überschrift der Artikeln in Katehorieblock */
.article-list .article .article-header h2 {
  font-size: 1.0rem;
}

/* Hintergrund der Tabellen bei Kategorien*/
#adminForm table.category {
  background-color: whitesmoke;
}
.article-list .article {
  background-color: whitesmoke;
}

.hintergrund-aktuell {
  background-image: url("/images/00bilder/003gemeinde/button/aktuelles-hintergrund_550-700.gif");
  background-repeat: no-repeat;
  background-position: 50% 150px;
  background-size: 98%;
}

/* START Größe des Gesamtlayout (Header, Slidergröße, Body etc) ändern */

.layout-boxed .body-innerwrapper {   
  /* max-width: 1140px; */
   max-width: 75%; 
}

.container {   
  /* max-width: 1139px; */
   max-width: 99%;
} 

.djslider {
   height: 231.25px;   
   /* width: 1110px; */
   width: 74%;
} 

/* ENDE Größe des Gesamtlayout ändern*/

/* --------------------------------------------------------------------------- */

/* START Änderungen Menübereich */

/* Menübereich Kontakt-Info */

#sp-top-bar {
    padding: 20px 0;
    font-size: 0.8rem;
}

/* Menübereich Hauptmenü (grauer Balken)  */
#sp-header {
  	height: 65px; 
  	border-radius: 0.1rem; 
    border-bottom: 5px solid rgba(0, 0, 0, .15);    
    border-color: #5D5141;  
}

/* Menübereich Drop-Down-Menü */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border-radius: 0.5rem; 
}

/* Menübereich Breadcrumb */
.breadcrumb {
    padding: 0.4rem 1.0rem;  
    background-color: #DDD6C6;
    margin-bottom: 0.1rem;
    /* max-width: 99%; */
}

/* Menübereich Suchen */

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control){
    width: 69%;
    padding: 0.2rem 0.5rem;
}

/* Menübereich - Button für Suche */

.btn {    
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    font-size: 0.9rem;
    line-height: 1.5;    
    border: 2px solid rgba(0, 0, 0, .15);
}
  
.btn-primary {
    color: #24140b;
    border-color: #4F4537;        
    border-radius: .5rem;    
    background: linear-gradient(to bottom,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%);    
}

.btn-primary:hover {
    color: #000000;  
    border-color: #ea2424;  
    background-color: #C9C2B1;    
    border: 2px solid rgba(201, 171, 106, 1.0);    
}

/* Menübereich - Formatierung der Icons der Buttons */
   .fa-1x:hover{
     color: black;
	}

/* ENDE Änderungen Menübereich */

/* --------------------------------------------------------------------------- */

/* START Allgemeingültige Änderungen */

/* Zeilenabstand */
p {
    margin-top: 0;
    margin-bottom: 0.1rem;    
}

/* Alle Bilder einen Radius vergeben */
img {
  border-radius: 10px;
}

/* Überschrift - Menü - 'Aktuelle Berichte' und 'Aktuelle Bilder' */
.componentheading {
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height:30px;
    padding:4px 4px 4px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* ENDE Allgemeingültige Änderungen */

/* --------------------------------------------------------------------------- */


/* START Änderungen MODULE */

#sp-main-body {
	border-radius: 10px;
}

#sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 25px;
}

#sp-left .sp-module, #sp-right .sp-module { 
    margin-top: 20px;
    border: 2px solid #DBD0AC;
    padding: 10px;
    border-radius: 10px;
    background-color: #EEEBE1;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 10px;    
    padding-bottom: 3px;
    font-family: lemonada, tahoma, arial;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #DBD0AC;
}

#sp-left .sp-module ul, #sp-right .sp-module ul {
    margin: 9px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
    display: block;    
    border-style:none;
    background: url(../images/medium-bullet.png) no-repeat left 9px;
    padding: 2px 0 2px 15px;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    display: block;
    padding: 5px 0;
    line-height: 16px;    
    font-size: 14px;
    padding: 2px 0;  
    font-weight: bolder;
}

#sp-right .sp-module ul > li > a {      
  	color: #993300;
}

a.moduleItemImage img {
    height: 80px;
}


/* Modul Footer */
#sp-bottom .sp-module {
	margin-bottom: 10px; 
}

#sp-footer .container-inner {
    padding: 15px 0; 
}

/* ENDE Änderungen MODULE */

/* --------------------------------------------------------------------------- */


/* Breite bestimmen für die mittlere Spalte auf der Startseite*/
.col-xl-10 {   
   width: 99.0%;
}

/* START Visform Formularänderungen 

   Hinweis: Ist zu bearbeiten unter --> Visforms - Dashboard --> CSS bearbeiten --> custom.css */

/* .visform input.btn {
  background-color: #28B302;
} */

/* ENDE Visform Formularänderungen */

/* --------------------------------------------------------------------------- */