/* 
    Created on : 07.03.2017, 15:41:17
    Author     : mac
*/

body {
  margin: 0px;
  padding: 0px; 
}

*{
    font-family: 'Alegreya Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: 1.0em;
    color: #777777;
}

.ma-site{    
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0 auto;    
}

h1, h2, h3, h4, h5, h6{
  margin: 0;
  padding: 0;
}

h1{
    font-size: 1.8em;
    color: #228b22;
}

h2{
    font-size: 1.6em;
}

h3{
   font-size: 1.5em; 
}

h4{
    font-size: 1.4em;
}

h5{
   font-size: 1.3em; 
}

h6{
   font-size: 1.2em; 
}

.hintergrund-weiss{
    background-color: white;
    padding: 10px 10px 10px 10px;
}

a{
    text-decoration: none;
}

.blog-mehr-erfahren{   
    box-sizing: border-box;
    width: 150px;
    height: 28px;
    font-size: 18px;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-color: #84b825;
    cursor: pointer;
    padding: 4px 4px;
    border-radius: 5px;
}

.blog-mehr-erfahren:hover{
    color: #84b825;
    background: white;
    transition: 2s;
    border: 1px solid #84b825;
}

.blog-mehr-erfahren>a{
    color: white;
}

.blog-bereich{
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;    
}

/* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++  */
.pagenav {
	text-align: right
}

.pagenav ul {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}

.pagenav li {
	display: inline;
	margin: 0;
	padding: 0
}

.pagenav a,span.pagenav {
	padding: 0 14px;
	margin: 0;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0 solid #ddd;
	display: inline-block;
	line-height: 1.9em;
}

.pagenav li:first-child a,.pagination-start span {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border-left: solid 1px #ddd
}

.pagenav li:last-child a,.pagination-end span {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination ul {
	margin: 10px 10px 10px 0;
	padding: 0
}

.pagination li {
	display: inline;
}

.pagination a {
	padding: 0 14px;
	line-height: 2em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0 solid #ddd;
	display: inline-block
}

.pagination .active a {
	cursor: default;        
}

.pagination span,.pagination span  a:hover {
	cursor: default;
	padding: 0 14px;
	line-height: 2em;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

/* Artikel blog */

.items-row{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

/* weiterlesen */
.readmore .btn{   
    box-sizing: border-box;
    width: 150px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-color: #84b825;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 5px;
}

.readmore .btn:hover{  
    background: #2194c0;
    transition: 2s;
}

.readmore .btn>a{
    color: white;
}

.readmore .btn>span{
    min-width: 150px;
}

.page-header{
    float: left;
    width: 100%;
}

.item-image{
    float: left;
    width: 100%;    
}

.item-image>img{
    float: left;
    width: 100%;   
    max-width: 640px;
}

.item-image>a>img{
    float: left;
    width: 100%;   
    max-width: 640px;
}

.ma-mittig{
    text-align: center;
    padding: 10px 10px 10px 10px;
}

.ma-bild-artikel{
    max-width: 100%;
}

.blog{
    margin-top: 20px;
}