/* ############################
   Allgemeine Einstellungen
  #############################
*/


* {
   margin:4px;
   padding:1px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   text-decoration:none;
   box-sizing: border-box;
   }

html, body {
  height: 100%;
  font-family:arial, "lucida console", sans-serif;
  line-height:25px;
  background-color: #ffffff;
  color:#000000; 
}

h1 {font-size: 35px; margin-bottom:20px;}
h2 {font-size: 22px;}
h4 {font-size: 20px;}
h6 {font-size: 15px;}

nav a {
	color:#fff0db;
	text-decoration: none;
	line-height:20px;
	padding: 5px 5px;
    margin-left: 140px;
    background: #b40f4f;
  }

nav a:hover {
	color: #00005E;
	background-color:#C0C0FF;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


li {float:left;}


/* ############################
    Containerstruktur
  #############################
*/

#wrapper{
    
    margin: 0px auto; 
    position: relative;
    min-height: 100%;
    
   }

#main-header{
    margin-left: 130px;
    margin-right: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(180,15,79);
    background: linear-gradient(90deg, rgba(180,15,79,1) 0%, rgba(226,60,236,1) 35%, rgba(128,205,121,1) 100%);
    color: #fff0db;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


/*  SECTIONS  */
.section group {
	
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
  
	
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */}


#content{
  margin-left: 130px;
  margin-right: 130px;
}



/*  GO FULL WIDTH BELOW 600 PIXELS */
@media only screen and (max-width: 600px) {
	
  #wrapper {width: 100%; }
  #main-header {width: 100%; margin-left:10px; margin-right:10px; }
  #content {width: 100%; margin-left:10px; margin-right:10px; }
  #footer {width: 100%; margin-left:10px; margin-right:10px; }
  .horizontal_menu_li {width:100%; margin-left:10px; margin-right:10px; }
   
}



.list-title{width: 250px;}
.list-date small {width: 50px;}


#footer{
      
    bottom: 0px;
    display: flex;
    height: 2em;
    font-size: 14px;
    margin-left: 130px;
    margin-right: 130px;
    background: rgb(180,15,79);
    background: linear-gradient(90deg, rgba(180,15,79,1) 0%, rgba(226,60,236,1) 35%, rgba(128,205,121,1) 100%);
    color: #fff0db;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;    		 
}
    

.horizontal_menu_li{

width: 100%;
list-style-type: none;
a {color:#fff0db; }
align-items: center;
justify-content: center;

}