.home-wrap #homelayout {
    width: 100%;
	height: 100%;
    float: left;
    position: relative;
}
.home-wrap #homelayout .alles {
    width: 100%;
    max-width: 1197px;
    margin: 0 auto;
}
#homelayout #wrap01 {
    float: left;
    width: 100%;
    height: 365px;
    margin-top: -1px;
    position: relative;
}
#homelayout #wrap02 {
    float: left;
    width: 100%;
    height: 400px;
}
#homelayout #wrap03 {
    float: left;
    width: 100%;
    height: 365px;
	margin-top: -2px;
}
#homelayout #wrap01 #news {
    padding: 0 67px 0 53px;
    padding-top: 43px;
    float: left;
    width: calc(66.6% - 120px);
}
/*#news .newsItem:first-child {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 46px;
}
#news .newsItem:first-child {
    background: url(../images/news-bildunterschrift.png) no-repeat scroll left bottom;
}*/
#alleArtikel {
    position: absolute;
    bottom: 20px;
    width: calc(66.6% - 120px);
}
#alleArtikel a {
    float: right;
    background: #7d0008;
    color: #fff;
    padding: 6px 10px;
}

#wrap01 #news h4 a {
    color: #7d0008;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    margin-bottom: 25px;
    display: block;
	padding-left:25px;
	background: url(../images/news.png) top left no-repeat;
}

/*#wrap01 #news .newsItem:first-child h4 a {
    font-size: 24px;
}
#wrap01 #news .newsItem h4 a::before {
    content: "> ";
    font-size: 29px;
    line-height: 20px;
}
#wrap01 #news .newsItem:first-child h4 a::before {
    content: "";
}*/

#wrap01 #news .newsItem .newstext {
    display: none;
}
/*#wrap01 #news .newsItem:first-child .newstext {
    color: #3f3f3f;
    font-size: 19px;
    width: 90%;
   background: url(../images/news-bildunterschrift.png) no-repeat scroll left bottom; 
    font-family: 'Overpass-Regular';
	font-weight: normal;
    height: auto;
    margin-bottom: 0;
	display:block;
}*/
#wrap01 a.Dies.ist.ein.interessanter.news-artikel {
    color: #7d0008;
    font-size: 20px;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    text-transform: uppercase;
    background: url(../images/external_link.png) no-repeat scroll left 2px;
    padding-left: 16px;
}
#wrap01 a.mehr {
    float: right;
    background: #7d0008;
    color: #fff;
    font-size: 18px;
    font-family: 'Overpass-ExtraLight';
	font-weight: normal;
    padding: 3px 5px 1px;
    margin-top: 27px;
    margin-right: 68px;
	border: 1px solid #7d0008;
}
#wrap01 a.mehr:hover {
    background: #fff;
    color: #7d0008;
    border: 1px solid #7d0008;
}
#wrap01 #film {
    width: 33.4%;
    float: right;
    background: url(../images/film.png) no-repeat scroll right top;
    height: 366px;
    position: relative;
}
#wrap01 #film:hover {
    background: url(../images/film-h.png) no-repeat scroll right top;
}
#wrap01 #film h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
    transition: all ease-out 500ms;
}
#wrap01 #film:hover h4 {
    color: #fff;
    margin-top: 149px;
    transition: all ease-out 500ms;
}
#wrap01 #film p.ql {
    color: #fff;
    font-size: 19px;
    font-family: 'Overpass-Light';
    font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
    transition: all ease-out 500ms;
    margin-top: 14px;
    line-height: 22px;
}
#wrap01 #film:hover p.ql {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
    font-family: 'Overpass-Light';
    font-weight: normal;
}
#wrap01 #film .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap01 #film:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
    position: absolute;
    bottom: 25px;
}
/*#wrap02 #ql03 {
    width: 33.4%;
    float: right;
    background: url(../images/veranstaltungen.png) no-repeat scroll right top;
    height: 365px;
	position:relative;
}
#wrap02 #ql03:hover {
    background: url(../images/veranstaltungen-h.png) no-repeat scroll right top;
}
#wrap02 #ql03 h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
	transition: all ease-out 500ms;
}
#wrap02 #ql03:hover h4 {
    color: #3f3f3f;
	margin-top: 149px;
	transition: all ease-out 500ms;
}
#wrap02 #ql03:hover p.ql {
    color: #3f3f3f;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
	font-family: 'Overpass-Light';
	font-weight: normal;
}*/
#wrap02 #ql03 h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
    transition: all ease-out 500ms;
}
#wrap02 #ql03:hover h4 {
    color: #3f3f3f;
    margin-top: 149px;
    transition: all ease-out 500ms;
}
#wrap02 #ql03 p.ql {
    color: #fff;
    font-size: 19px;
    font-family: 'Overpass-Light';
    font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
    transition: all ease-out 500ms;
    margin-top: 14px;
    line-height: 22px;
}
#wrap02 #ql03:hover p.ql {
    color: #3f3f3f;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
    font-family: 'Overpass-Light';
    font-weight: normal;
}
#wrap02 #ql03 .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap02 #ql03:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
    position: absolute;
    bottom: 25px;
}
#wrap02 #ql01 {
    float: left;
    width: 33.3%;
    height: 399px;
}
#wrap02 #ql03 {
    width: 33.3%;
    float: left;
    background: #006fb9;
    height: 400px;
    position: relative;
	background: url(../images/veranstaltungen.png) no-repeat scroll right top;
}

#wrap02 #ql03:hover {
    background: url(../images/veranstaltungen-h.png) no-repeat scroll right top;
}
#wrap02 #ql02 {
    width: 33.4%;
    float: left;
    background: #772122;
    height: 400px;
	position:relative;
}
#wrap02 #ql02:hover {
    background: #006FB9;
}
#wrap02 #ql02 h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 114px;
	transition: all ease-out 500ms;
}
#wrap02 #ql02:hover h4 {
	margin-top: 82px;
	transition: all ease-out 500ms;
}
#wrap02 #wl02:hover p.ql {
    color: #3f3f3f;
    margin-top: 16px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
}
#wrap02 #ql02 p.ql {
    color: #fff;
    font-size: 19px;
    font-family: 'Overpass-Light';
	font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
	transition: all ease-out 500ms;
    margin-top: 14px;
	line-height: 22px;
}
#wrap02  #ql02 .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap02 #ql02:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    padding: 4px 4px 4px 4px;
	position:absolute;
	bottom:29px;
}
#wrap03 #ql04 {
    width: 33.3%;
    float: left;
    background: url(../images/mitarbeiter.jpg) no-repeat scroll right top;
    height: 365px;
	position:relative;
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) no-repeat scroll right top;
}
#wrap03 #ql04 h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
	transition: all ease-out 500ms;
}
#wrap03 #ql04:hover h4 {
    color: #7d0008;
	margin-top: 149px;
	transition: all ease-out 500ms;
}
#wrap03 #ql04:hover p.ql {
    color: #7d0008;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
	font-family: 'Overpass-Light';
	font-weight: normal;
}
#wrap03 #ql04 p.ql {
    color: #fff;
    font-size: 19px;
    font-family: 'Overpass-Light';
	font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
	transition: all ease-out 500ms;
    margin-top: 14px;
	line-height: 22px;
}
#wrap03  #ql04 .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap03 #ql04:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
	position:absolute;
	bottom:25px;
}
#wrap03 #ql05 {
    width: 33.3%;
    float: left;
    background: url(../images/ortsplan.jpg) no-repeat scroll right top;
    height: 365.3px;
	position:relative;
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) no-repeat scroll right top;
}
#wrap03 #ql05 h4 {
    color: #fff;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
	transition: all ease-out 500ms;
}
#wrap03 #ql05:hover h4 {
    color: #fff;
	margin-top: 149px;
	transition: all ease-out 500ms;
}
#wrap03 #ql05:hover p.ql {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
}
#wrap03 #ql05 p.ql {
    color: #fff;
    font-size: 19px;
    font-family: 'Overpass-Light';
	font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
	transition: all ease-out 500ms;
    margin-top:14px;
	line-height: 22px;
}
#wrap03  #ql05 .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap03 #ql05:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
	position:absolute;
	bottom:25px;
}
#wrap03 #ql06 {
    width: 33.3%;
    float: left;
    background: url(../images/bauflaechen.jpg) no-repeat scroll right top;
    height: 365.3px;
	position:relative;
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) no-repeat scroll right top;
}
#wrap03 #ql06 h4 {
    color: #3f3f3f;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 173px;
	transition: all ease-out 500ms;
}
#wrap03 #ql06:hover h4 {
    color: #fff;
	margin-top: 140px;
	transition: all ease-out 500ms;
}
#wrap03 #ql06:hover p.ql {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 27px;
    transition: all ease-out 500ms;
}
#wrap03 #ql06 p.ql {
    color: #3f3f3f;
    font-size: 19px;
    font-family: 'Overpass-Light';
	font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
	transition: all ease-out 500ms;
    margin-top: 14px;
	line-height: 22px;
}
#wrap03  #ql06 .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap03 #ql06:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
	position:absolute;
	bottom:25px;
}

#wrap02 #ql01  {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/Spaziergaenger.jpg) no-repeat scroll center;
    background-size: 200%;
}
#wrap02 #ql01 img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    display: none;
}
#wrap02 #ql_wanderwege {
    width: 100%;
    float: left;
    background: #fff;
    height: 100%;
	position:relative;
    opacity: 0.8;
}
#wrap02 #ql_wanderwege:hover {
    width: 100%;
    float: left;
    background: #fff;
    height: 100%;
	position:relative;
    opacity: 0.95;
}
#wrap02 #ql_wanderwege:hover {
    background: #a8a8a8;
}
#wrap02 #ql_wanderwege h4 {
    color: #000;
    font-family: 'Josefin-Slab-Bold';
	font-weight: normal;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 140px;
	transition: all ease-out 500ms;
}
#wrap02 #ql_wanderwege:hover h4 {
    color: #fff;
	margin-top: 120px;
	transition: all ease-out 500ms;
}
#wrap02 #ql_wanderwege:hover p.ql {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 34px;
    transition: all ease-out 500ms;
	font-family: 'Overpass-Light';
	font-weight: normal;
}
#wrap02 #ql_wanderwege p.ql {
    color: #000;
    font-size: 19px;
    font-family: 'Overpass-Light';
	font-weight: normal;
    text-align: center;
    width: 80%;
    padding: 0 40px;
	transition: all ease-out 500ms;
    margin-top: 14px;
	line-height: 22px;
}
#wrap02  #ql_wanderwege .news-mehr a {
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
}
#wrap02 #ql_wanderwege:hover .news-mehr a {
    width: 35%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/mehr.png) no-repeat scroll bottom center;
    margin: 0px 126px;
    bottom: 35px;
    padding: 4px 4px 4px 4px;
	position:absolute;
	bottom:25px;
}